@charset "utf-8";
/* --

title: CSS Àü¿ª °øÅë ¼³Á¤

desc: Àü ÆäÀÌÁöÀÇ °øÅëµÈ CSS¼³Á¤À» Á¤ÀÇÇÔ.


+ °¢ ¿ä¼Ò¿¡ ¼öÄ¡ÀûÀÎ °ªÀÌ ÀÖ´Â °æ¿ì´Â Ç×»ó ´ÜÀ§¸¦ Ç¥±âÇÑ´Ù.
+ ¾ÆÀ̵ð¸íÀ̳ª Ŭ·¡½º¸íÀº ¸ðµÎ°¡ ÀÎÁöÇϱ⠽±µµ·Ï °ü·ÃµÈ ³×À̹ÖÀ» °¡Áø´Ù.
+ ¾ÆÀ̵ð´Â ÇϳªÀÇ ÆäÀÌÁö ¾È¿¡ ´ÜÇϳªÀÇ À¯ÀÏÇÑ ¾ÆÀ̵𠸸ÀÌ Á¸ÀçÇÑ´Ù. Ŭ·¡½º´Â µ¿ÀÏÇÑ ¸íÀÇ Å¬·¡½º°¡ ´Ù¼ö Á¸Àç °¡´ÉÇÏ´Ù.
+ ¾ÆÀ̵ð´Â ¾Õ¿¡ (#)À» Ç¥±âÇÏ°í Ŭ·¡½º´Â ¾Õ¿¡ (.)À» Ç¥±âÇÑ´Ù

-- */
*{
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body{
	margin:0;
	padding:0;
	font-size:12px; /* ÆùÆ®»çÀÌÁî´Â body¼Ó¼º¿¡ Çѹø Á¤ÀÇÇϸé Àü¿ªÀ¸·Î Àû¿ëµÈ´Ù. */
	font-family:"µ¸¿ò",Dotum,"±¼¸²",Gulim,arial,serif,sans-serif;
}

h1, h2, h3, h4, h5, h6{ /* h´Â ±âº»ÀûÀ¸·Î Å« ÆùÆ®»çÀÌÁî¿Í bold ¼Ó¼ºÀ» °®´Â´Ù */
	font-size:100%; /* ÆùÆ®»çÀÌÁ ±âº» »çÀÌÁî·Î ¸ÂÃã */
	margin:0px 0px 0px 0px; /* ±âº»ÀûÀ¸·Î °¢ ºê¶ó¿ìÀú¸¶´Ù °íÀ¯ÇÑ ¸¶Áø°ªÀ» ºÎ¿©ÇÑ´Ù */
}

p, ul, ol, li, dl, dt, dd, form, fieldset{ /* ±âº»ÀûÀ¸·Î °¢ ºê¶ó¿ìÀú¸¶´Ù °íÀ¯ÇÑ ¸¶Áø°ª°ú Æеù°ªÀ» Áö´Ï¹Ç·Î ÃʱâÈ­ */
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:100%;
	border:0px none;
}

ul, ol, li{ /* ±âº»ÀûÀ¸·Î °¢ ºê¶ó¿ìÀú¸¶´Ù °íÀ¯ÇÑ ¸®½ºÆ® ½ºÅ¸ÀÏ(ºÒ¸´)À» °¡Áö°í ÀÖÀ¸¹Ç·Î ÃʱâÈ­ */
	list-style:none;
	font-size:100%;
}


table{ /* ±âº»ÀûÀ¸·Î Å×À̺íÀÇ ¼¿°£ÀÇ ¸¶ÁøÀÌ Á¸ÀçÇϹǷΠÃʱâÈ­ */
	border-collapse:collapse;
	font-size:100%;
}

th, td{ /* ±âº»ÀûÀ¸·Î th´Â bold¼Ó¼º°ú align:center ¼Ó¼ºÀ» °®´Â´Ù */
	vertical-align:top;
}

a{
	text-decoration:none;
	font-size:100%;
}

a:visited{
	text-decoration:none;
}

a:hover{ /* aÀÇ ¼Ó¼ºÀ» ÁöÁ¤ÇÒ¶§´Â Ç×»ó hover ¼Ó¼ºÀ» ¸¶Áö¸·À¸·Î ¼³Á¤ÇØ¾ß ÇÑ´Ù */
	text-decoration:none;
}

img{
	border:0px none;
	font-size:0px;
	vertical-align:top;
}

input{
	vertical-align:top;
	font-size:100%;
	font-family:"µ¸¿ò",Dotum,"±¼¸²",Gulim,arial,serif,sans-serif;
}

iframe{
	border:0px none;
}

/* -------- °øÅëÀûÀÎ ¼Ó¼ºÀ» °¡Áö´Â ¿ä¼Ò¿¡ ¹Ì¸® ¸¸µé¾îÁø Ŭ·¡½º¸¦ Àû¿ëÇÏ¿© CSS ±¸¹®À» ÃÖ¼ÒÈ­ ÇÑ´Ù. ------------- */

.blind,legend,caption,#accessibility {	/* ½ÇÁ¦·Î´Â º¸ÀÌÁö ¾ÊÁö¸¸ ½ºÅ©¸° ¸®´õ±â·Î ÀÐÇôÁ®Áö´Â ÄÜÅÙÃ÷. */
	width:0px;
	height:0px;
	position:absolute;
	overflow:hidden;
	font-size:0px;
	line-height:0px;
	z-index:-1;
	visibility:hidden;
}

.hidden,hr{ /* ½ºÅ©¸° ¸®´õ±â·Î ÀÐÇôÁöÁö ¾Ê°í ½ÇÁ¦·Îµµ º¸¿©ÁöÁö ¾Ê´Â ÄÜÅÙÃ÷. */
	visibility:hidden;
}

.nobg{
	background-image:none !important;
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumGothic-Regular.eot);
  src: url(../font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
	   url(../font/NanumGothic-Regular.woff2) format('woff2'),
	   url(../font/NanumGothic-Regular.woff) format('woff'),
	   url(../font/NanumGothic-Regular.ttf) format('truetype');
}

/* layout */
#wrap{width:972px;margin:0 auto;}

#wrap .menu{overflow:hidden;}
	#wrap .menu a{float:left;}

#wrap div.page{position:relative;height:335px;background:url(../images/dp0425w_inbg.gif) no-repeat left top;}
	#wrap div.page div.inarea ul{padding:27px 0 0 136px;}
	#wrap div.page div.inarea ul li{height:36px;}
	#wrap div.page div.inarea ul li.phone{margin-top:7px;}
	#wrap div.page div.inarea ul li input.txt{background:transparent;}
	#wrap div.page div.inarea ul li.phone input{width:70px;}
	#wrap div.page div.inarea div{height:47px;padding:7px 0 0 87px;margin-top:-3px;}
	#wrap div.page div.inarea div p span{width:160px;}
	#wrap div.page div.inarea div p{position:relative;width:390px;}
	#wrap div.page div.inarea div p input{vertical-align:-5px;}
	#wrap div.page div.inarea div p a{position:absolute;right:0;top:0;}
	#wrap div.page div.inarea div p.ck_3 label{width:145px;}
	#wrap div.page div.inarea div p.ck_4 span{width:175px;}
	#wrap div.page div.inarea div p.ck_4 label{width:150px;}
	#wrap div.page .btn{padding:13px 0 0 87px;}
	#wrap div.page .btn a{float:left;margin-right:20px;}
	#wrap div.page .txt1{width:110px;position:absolute;top:58px;left:563px;font-size:22px;line-height:18px;text-align:center;letter-spacing:-2px;}
	#wrap div.page .txt2{width:103px;position:absolute;top:95px;left:605px;font-size:22px;line-height:18px;text-align:center;letter-spacing:-2px;}
	#wrap div.page .txt1 input, #wrap div.page .txt2 input{width:100%;background:#e6e6e6;padding:4px 4px 2px;border:0;line-height:18px;text-align:center;letter-spacing:-2px;color:#000;font-weight:bold;font-family: 'Nanum Gothic';vertical-align:top;}
	#wrap div.page .txt2 input{color:#cd0e00;}

	#wrap div.page div.inarea ul li{height:36px;margin-bottom:8px;color:#808080;}
	#wrap div.page div.inarea ul li input.txt{width:341px;padding:0 0 0 13px;height:37px;line-height:37px;border:0;color:#808080;background:transparent;}
	#wrap div.page div.inarea ul li.ra{padding:11px 0 0 13px;}
	#wrap div.page div.inarea ul li.ra input{margin:0 27px 0 5px;vertical-align:-2px;}
	#wrap div.page div.inarea ul li.phone{margin-top:9px;}
	#wrap div.page div.inarea ul li.phone input{width:70px;height:36px;padding:0;text-align:center;margin-right:24px;}

	#wrap div.inarea div{height:47px;padding:2px 0 0 666px;}
	#wrap div.inarea div *{vertical-align:middle;}
	#wrap div.inarea div p{height:21px;}
	#wrap div.inarea div p span{display:inline-block;width:158px;}
	#wrap div.inarea div label{
	display:inline-block;
	width:138px;
	height:15px;
	font-size:0px;
	line-height:0px;
	z-index:-1;}

	#wrap .btnarea{overflow:hidden;padding:11px 0 0 75px;height:70px;background:#766c60;}
	#wrap .btnarea li{float:left;padding:0 11px;}

/* layer */
#pop{background:#f7f7f7;font-family: 'Nanum Gothic';}
	#pop h1{height:44px;position:relative;padding:12px 0 0 25px;letter-spacing:-1px;color:#fff;font-weight:bold;font-size:20px;background:#544e40;}
	#pop a{height:44px;position:absolute;top:10px;right:10px;}

	.pop_con{height:500px;margin:28px;overflow-y:scroll;padding:0 20px 20px;border:1px solid #c0c0c0;background:#fff;}
	.pop_con p.tit{font-weight:bold;padding:20px 0 10px;font-size:16px;}
	.pop_con p.stit{font-weight:bold;padding:20px 0 10px;font-size:12px;padding-left:17px;text-indent:-17px;}
	.pop_con p.text{font-size:12px;line-height:22px;}
	.pop_con p.al_r{margin-top:-25px;padding-bottom:5px;float:right;font-size:12px;}

	.pop_con ul.list{font-size:12px;}
	.pop_con ul.list li{padding-left:10px;text-indent:-10px;line-height:22px;padding-bottom:5px;}

	.pop_con ul.list1{font-size:12px;line-height:20px;}

	.pop_con table.com{width:100%;margin-bottom:6px;border:1px solid #d8d8d8;line-height:22px;font-size:13px;}
	.pop_con table.com th{padding:7px 5px;border:1px solid #d8d8d8;background:#fff5dc;vertical-align:middle;}
	.pop_con table.com td{padding:7px 5px;border:1px solid #d8d8d8;vertical-align:middle;}
	.pop_con table.com td.tac, .pop_con table.com.tac td, .pop_con table.com th.tac{text-align:center;}
	.pop_con table.com td.tal{text-align:left;}
	.pop_con sub{vertical-align: top; font-size: 9px;}

	.pop_con table.num{margin-top:10px;line-height:22px;}
	.pop_con table.com th{padding:10px 5px;background:#fff5dc;vertical-align:middle;}
	.pop_con table.com td{padding:10px 5px;vertical-align:middle;}