@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/* --

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;*/
	font-family:'Nanum Gothic','Dotum','돋움','Helvetica','AppleSDGothicNeo','sans-serif';
}

body,h1,h2,h3,h4,input,button,p,li,dl,dt,dd,table,td,th,span{font-family:'Nanum Gothic','Dotum','돋움','Helvetica','AppleSDGothicNeo','sans-serif';font-size:12px;}


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;
}
label,button{cursor:pointer}
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;*/
	font-family:'Nanum Gothic','Dotum','돋움','Helvetica','AppleSDGothicNeo','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;
}

body{background:url(/images/landing/lnd3/dp0125_bg.gif) repeat-x left top;}





/* layout */
#header, div.page_2, div.page_3, #txt{width:1016px;margin:0 auto;}
#footer{ text-align:center;margin:0 auto;}

.visual{text-align:center;background:url(/images/landing/lnd3/dp0125_visualbg.gif) no-repeat center 0;}

#wrap div.page_2{position:relative;height:614px;background:url(/images/landing/lnd3/dp0125_in1.gif) no-repeat left top;}
	#wrap div.page_2 div.inarea ul{padding:220px 0 0 713px;}
	#wrap div.page_2 .btn{position:absolute;top:452px;right:44px;}

#wrap div.page_3{position:relative;height:569px;background:url(/images/landing/lnd3/dp0125_in2.gif) no-repeat left top;}
	#wrap div.page_3 div.inarea ul{padding:174px 0 0 88px;}
	#wrap div.page_3 div.inarea ul li{height:32px;}
	#wrap div.page_3 div.inarea ul li.phone{margin-top:7px;}
	#wrap div.page_3 div.inarea ul li input.txt{width:290px;}
	#wrap div.page_3 div.inarea ul li.phone input{width:70px;}
	#wrap div.page_3 div.inarea div{height:47px;padding:2px 0 0 40px;margin-top:-3px;}
	#wrap div.page_3 div.inarea div p{float:left;margin-right:15px;}
	#wrap div.page_3 div.inarea div p span{width:160px;}
	#wrap div.page_3 div.inarea div p.ck_3 label{width:140px;}
	#wrap div.page_3 div.inarea div p.ck_4 span{width:170px;}
	#wrap div.page_3 div.inarea div p.ck_4 label{width:150px;}
	#wrap div.page_3 .btn{position:absolute;top:173px;left:300px;}
	#wrap div.page_3 .txt1{width:93px;position:absolute;top:231px;left:644px;font-size:20px;text-align:center;letter-spacing:-2px;color:#00652b;}
	#wrap div.page_3 .txt2{width:103px;position:absolute;top:283px;left:669px;font-size:22px;text-align:center;letter-spacing:-2px; color:#00652b;}
	#wrap div.page_3 .txt1 input, #wrap div.page_3 .txt2 input{width:100%;background:transparent;border:0;text-align:center;letter-spacing:-2px;color:#00652b;font-weight:bold;font-family: 'Nanum Gothic';}

	#wrap div.page_3 .btnarea{position:absolute;top:449px;left:17px;}
	#wrap div.page_3 .btnarea li{float:left;width:354px;}
	#wrap div.page_3 .btnarea li.end{width:272px;}

	#wrap div.inarea ul li{height:36px;margin-bottom:8px;color:#808080;}
	#wrap div.inarea ul li input.txt{padding:0 0 0 13px;width:260px;height:35px;line-height:35px;border:0;color:#808080;background:transparent;font-weight:bold}
	#wrap div.inarea ul li.ra{padding:11px 0 0 13px;}
	#wrap div.inarea ul li.ra input{margin:0 27px 0 5px;vertical-align:-2px;}
	#wrap div.inarea ul li.phone{margin-top:9px;}
	#wrap div.inarea ul li.phone input{width:70px;height:33px;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 div.inarea p.pk_3 span{width:145px;}
	#wrap div.inarea p.pk_3 label{width:125px;}
	
	#wrap div.inarea a.btn{display:inline-block;margin-left:98px;}

	#wrap div.page_4 .btn1{position:absolute;top:298px;left:33px;}
	#wrap div.page_4 .btn2{position:absolute;top:298px;left:388px;}
	#wrap div.page_4 .btn3{position:absolute;top:298px;left:648px;}

#pop{background:#f7f7f7;}
	#pop h1{height:44px;position:relative;padding:12px 0 0 25px;letter-spacing:-1px;color:#fff;font-weight:bold;font-size:20px;background:#544e40 url(/images/landing/lnd3/dp0125_poptit_bg.gif) no-repeat 0 0;}
	#pop a{height:44px;position:absolute;top:10px;right:10px;}
	
	.pop_con{height:600px;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.stit1{font-weight:bold;padding:10px 0 5px;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 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{text-align:center;}
	.pop_con table.com td.tal{text-align:left;}