@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{font-family: 'Nanum Gothic';min-width:1107px;max-width:100%;width:100%;overflow:hidden;}
#header{position:relative;width:1107px;height:69px;margin:0 auto;}
#header h1{position:absolute;left:0;top:24px;}
#header h2{position:absolute;right:0;top:9px;}
#menu{display:none;position:absolute;right:0;top:9px;z-index:2}
#menu ul{position:absolute;left:0;top:0;width:100%;height:100%;}
#menu ul li a{display:block;height:55px;margin-bottom:5px;}

.visual{position:relative; z-index:0}
.visual .bx-wrapper{width:1107px;margin:0 auto;}
.visual figure img{margin-top:60px;}

.page_1{position:relative;background:#fff;width:1098px;margin:-90px auto 0;border:1px solid #d7d7d7;border-radius:15px;-webkit-box-shadow: -1px 14px 27px -4px rgba(215,215,215,0.7); -moz-box-shadow: -1px 14px 27px -4px rgba(215,215,215,0.7); box-shadow: -1px 14px 27px -4px rgba(215,215,215,0.7);}
.page_1 h2{padding-top:34px;text-align:center;}
.db_box{position:relative;padding-bottom:25px;}
.db_box:after{display:block;content:'';clear:both;}
.db_box fieldset:after{display:block;content:'';clear:both;}
/* input */
.db_box input[type="text"],
.db_box input[type="tel"]{border:0;padding:10px 0;font-size:18px;text-indent:10px;}

.from_1{float:left;width:548px;padding:47px 0  0 60px;box-sizing:border-box;}
.from_1 dl{margin-bottom:20px;}
.from_1 dd{border-bottom:1px solid #b9b9b9;}
.from_1 dt{margin-bottom:20px;}
.from_birthday dd,.from_phone dd{width:410px;}
.from_name dt{margin-bottom:0;}
.from_name dd{border-bottom:0;}
.from_name dd:after{display:block;content:'';clear:both;}
.from_name p{float:left;margin:28px 20px 0 0;width:290px;border-bottom:1px solid #b9b9b9;}
.from_name p input{width:100%;}
.radio_btn{float:left;}
.radio_btn em{display:inline-block;float:left;margin-right:15px;text-align:center;}

.from_2{float:left;width:548px;padding:77px 60px  0 20px;box-sizing:border-box;}
.from_2 .agree_check{position:relative;padding-bottom:13px;}
.from_2 .agree_check em{display:inline-block;position: absolute; right:50px; top: -14px;}
.from_2 .btn{display:block;margin: 25px 0 0 -10px;}

.result_popup{display:none;position:absolute;left:50%;top:30px;width:985px;margin-left:-492.5px;border:1px solid #fcaf16;border-radius:24px;background:#fff;text-align:center;}
.result_popup .pop_close_btn{position:absolute;right:15px;top:15px;}
.result_popup .result{background:#fff9ed;border-radius:24px 24px 0 0;}
.result_popup .result + img{padding:20px 22px;}
.result h3{padding:29px 0;}
.result p{padding-bottom:13px;}
.result strong{display:inline-block;margin:0 9px;border:1px solid #fcaf16;background:#fffdf8;border-radius:17px;padding:0 30px 3px;vertical-align:middle;font-size: 22px; letter-spacing: -0.05em;}
.result span{vertical-align:middle;}
.result span img{vertical-align:middle;}
.result .money{color:#ff0000;}
.result .txt_date{display:inline-block;border-top:2px solid #4f4f4f;margin-top:18px;padding-bottom:25px;}
.result .txt_date strong{border-bottom:1px solid #4f4f4f;border-width:0 0 1px 0;border-radius:0;color:#4f4f4f;padding-bottom:0;}
/* radio */
.db_box input[type="radio"] {display:none;}
.db_box input[type="radio"] + label{color:#4c4c4c;font-size:16px;cursor:pointer;}
.db_box .radio_btn{display:block;margin-top:8px;}

/* check box */
.agree_check input[type="checkbox"] {display:none; }
.agree_check input[type="checkbox"] + label {cursor:pointer;}
.agree_check li{position:relative;margin-bottom:24px;}
.agree_check li div{display:inline-block;}
.agree_check a{position:absolute;right:78px;top:4px;}
.agree_check + .btn{display:block;padding-top:15px;margin-left:-30px;}


.page_2{width:1102px;margin:0 auto;}
.tel_question:after{display:block;clear:both;content:'';}
.tel_question li{float:left;width:50%;text-align:center;padding:36px 0;}

.txt_menu:after{display:block;clear:both;content:'';}
.txt_menu li{float:left;cursor:pointer;}
.tab-content{display:none;}
.tab-content.on{display:block;}
#tab-2 ul{overflow:hidden;}
#tab-2 li{width:200px;float:left;cursor:pointer;background:#fff;border:1px solid #c5c5c5;border-radius: 20px 20px 0 0;text-align:center;padding:10px 0;margin:20px 0 0;}
#tab-2 li.on{background:#c5c5c5;color:#fff;}
#tab-2 div{display:none;}
#tab-2 div.on{display:block;}

.info_txt{width:1099px;height:493px;border:1px solid #c5c5c5;border-radius: 0 0 24px 24px;box-sizing:border-box;padding:15px;}
.info_txt .info{height:450px;overflow-y:scroll;padding: 0 60px;letter-spacing:0.05em;font-size:18px;color:#000;}
.info_txt .info h3,
.info_txt .info h2{font-size:22px;padding:30px 0 18px;}
.info_txt .info table{width:100%;}
.info_txt .info th{border:1px solid #c5c5c5;background:#f6f6f6;line-height:38px;font-weight:normal;vertical-align:middle;}
.info_txt .info td{border:1px solid #c5c5c5;background:#fff;line-height:38px;text-align:center;vertical-align:middle;padding:0 20px;}
.info_txt .info td.left{;text-align:left;}
.info_txt .info table + p,
.info_txt .info table + ul,
.info_txt .info ul + ul,
.info_txt .info table + table,
.info_txt .info ul + table{margin-top:20px;}

.info_txt .info h4{padding:30px 0 20px;font-size:20px;}
.txt_aside{text-align:center;padding:20px; 0;}

.pop{position:absolute;top:0;left:0;width:100%;height:100%;display:none;z-index:10000;}
.pop_l{position:absolute;top:0;left:-137px;width:100%;height:100%;display:none;z-index:10000;}
.pop .bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);}

#layer_pop1 .popup_box, #layer_pop2 .popup_box{width:550px;position: fixed;left: 50%;top:10%;margin: 0 0 0 -275px;}
#layer_pop1 .popup_close,#layer_pop2 .popup_close{position: absolute;right: 33%;bottom: 31px;}


#footer{text-align:center;width:100%;}
.footer_bg{background:#737373;}
.footer_bg2{background:#666666;}

.popup_box a{height: 47px; position: absolute; top: -46px; right: 10px;}

.pop_con p.tit{font-weight:bold;padding:20px 0 10px;font-size:20px;}
.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 dl.list{font-size:16px;}
.pop_con dl.list dd{padding-left:10px;text-indent:-10px;line-height:22px;padding-bottom:5px;font-size:15px;}

.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;}