@charset "utf-8";
/* CSS Document */

/*
http://meyerweb.com/eric/tools/css/reset/
v2.0b1 | 201101
NOTE: WORK IN PROGRESS
USE WITH CAUTION AND TEST WITH ABANDON
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*/
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* end basic.css ========================================== */

/* 페이지 기본설정 */
html,body{position:relative;width:100%;height:100%;font-size:14px;line-height:1.25em;color:#000;font-family:"ë§‘ì€ ê³ ë”•","Malgun Gothic","êµ´ë¦¼",Gulim,Helvetica,san-serif;
	-webkit-text-size-adjust:none
}
body.big{font-size:19px;line-height:1.29em}

input,textarea,select,button,table{padding:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit}
em,address{font-style:normal}
a{color:inherit;text-decoration:none}
hr{display:none}

.blind{position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden}
.clear_float:after{display:block;clear:both;content:".";width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden}
.clear_float{zoom:1}
.dN{display:none}

button{-webkit-appearance:none}
p{word-break:break-all}

/***** 메인 페이지 *****/

/* 터치 이펙트 */
.touch_color{background:#EBF4FF !important}
/* 터치 이펙트 */

.main{background:#F1F1F1}
.wrap{min-width:320px}

/*** header ***/
.header{height:46px;overflow:hidden;position:fixed;left:0;right:0;background:#fff;border-bottom:1px solid #F1F1F1;z-index:1}
.header h1{position:absolute;top:0;left:0;display:block;width:48px;height:48px;background:#1b51ed;z-index:1000;}
.header h1 a{display:block;text-indent:-999em}
.header h1 a:after{content:'';display:block;width:18px;height:18px;position:absolute;top:15px;left:15px;background:url("../images/logo_2x.png") no-repeat 0 0;background-size:18px 18px}
.header h2{color:#1b52ed;font-size:22px;line-height:46px;padding-left:60px;font-weight:500}
/*** header ***/

/*** container ***/
/** 탭 메뉴 **/
.container{padding-top:101px}
.tab_menu{position:fixed;top:47px;left:0;right:0;overflow-x:auto;overflow-y:hidden;background:#fff;z-index:1}
.tab_menu ul{display:table;width:100%}
.tab_menu li{display:table-cell}
.tab_menu li a{position:relative;display:block;height:45px;color:#1a1c22;font-size:17px;font-weight:bold;text-align:center;letter-spacing:-1px;margin:0 8px}
.tab_menu li a span{display:inline-block;height:45px;padding:12px 0 0;vertical-align:top;box-sizing:border-box;-webkit-box-sizing:border-box;white-space: nowrap;}
.tab_menu li:first-child a{border:0}
.tab_menu li.on{position:relative}
.tab_menu li.on a{color:#1169ee}
.tab_menu li.on a span{border-bottom:2px solid #1169ee}

.sub_tab_menu{background:#fff;border-bottom:1px solid #eef0f2}
.sub_tab_menu ul{overflow:hidden;margin-left:14px}
.sub_tab_menu ul li{float:left;font-size:15px}
.sub_tab_menu ul li a{display:block;margin:14px 8px 12px 7px}
.sub_tab_menu ul li.on a{color:#1169ee}

/** 리스트 기본 **/
.sec_terms{background:#fff;font-size:0.929em;line-height:1.385em;letter-spacing:-1px;overflow:hidden;word-break:break-all;padding:.5em 1.5em 1.5em 1.5em}
.sec_terms h2,
.sec_terms h3{padding:1em 0 .25em 0;font-size:15px}
.sec_terms p{padding:.2em 0 0.5em;}
.sec_terms li{color:#788092;}
.sec_terms li li{padding-left:.75em;}
.sec_terms .blue{color:#1169ee;}
.sec_terms table{width:100%;border-collapse:collapse;}
.sec_terms table caption{display:none}
.sec_terms table th{border:1px solid #e5e5e5;font-size:.9em;width:20%;padding:0 5px;background:#fafafa;vertical-align:middle;word-wrap:break-word}
.sec_terms table td{border:1px solid #e5e5e5;font-size:.9em;padding:7px 0 7px 5px;}

.sec_terms ul + ul{margin-top:0.5em}
.sec_terms ul + p{margin-top:0.5em}

.sec_terms .sec_top{border-bottom:1px solid #d8ddea;padding:1em 0 1.5em}
.sec_terms .sec_search_bottom{font-size:14px;padding:1em 0 0.5em}
.sec_terms .sec_search_bottom a{color:#1169ee;text-decoration:underline}

.sec_terms .sec_sub{padding-top:1em}
.sec_terms .sec_sub h3,
.sec_terms .sec_sub p{padding-bottom:1em}

.sec_terms .section .area_fold{padding:0.5em 0.5em 0 0.5em}
.sec_terms .section .area_fold .btn_fold{display:inline-block;position:relative;padding:5px 25px 4px 12px;line-height:16px;letter-spacing:-.7px;color:#000;font-size:12px;border:1px solid #e5e5e5}
.sec_terms .section .area_fold .btn_fold:hover{text-decoration:none}
.sec_terms .section .area_fold .btn_fold:after{content:'';display:block;position:absolute;top:10px;right:10px;width:10px;height:6px;background:url('../images/bl_arrow_2x.png') no-repeat 0 0;background-size:10px 12px}
.sec_terms .section .area_fold .btn_fold.on:after{background-position:0 -6px}
.sec_terms .section .area_fold .box_fold{display:none;margin-top:1em}
.sec_terms .section .area_fold .box_fold ul{padding-left:1em}
.sec_terms .section .area_fold .box_fold p{padding-left:1em;color:#788092}

/*** container ***/

/*** footer ***/
.footer{position:relative;text-align:center;background-color:#eef0f2;padding-bottom:30px}
.footer .policy{padding:25px 0 0}
.footer p a{color:#808080;font-size:11px;letter-spacing:-1px}
.footer address{padding-top:5px;font-size:12px;color:rgba(0, 0, 0, 0.38);font-weight:bold}
.footer address em{padding-right:2px;font-style:normal;font-size:12px}

.footer p.policy a{display:inline-block;position:relative;margin-left:5px;font-size:13px;line-height:26px;width:61px;height:26px;border-radius:1px;border:1px solid rgba(0, 0, 0, 0.16);background-color: rgba(255, 255, 255, 0.8)}

.footer .f_menu{text-align:center;font-size:12px;margin-top:13px}
.footer .f_menu a{position:relative;display:inline-block;padding:0 6px 0 8px;color:rgba(0, 0, 0, 0.38)}
.footer .f_menu a:before{content:'';display:inline-block;width:1px;height:10px;background:#cfcfcf;position:absolute;top:4px;left:0}
.footer .f_menu a:first-child:before{display:none}
/*** footer ***/

/* 팝업 */
.btn_pop{color:#0000ee;text-decoration:underline}
#pop_wrap h2{padding:20px 0;font-size:15px;text-align:center;color:#000}
#pop_wrap h3{padding-bottom:7px}
#pop_wrap .pop_body{padding:10px 15px}
#pop_wrap .des{color:#939799;line-height:18px;margin-bottom:20px}
#pop_wrap .info{border-collapse:collapse;width:100%;border-top:1px solid #999;border-bottom:1px solid #e5e5e5;line-height:18px}
#pop_wrap .info th{padding:10px 5px 8px 0;text-align:left;font-weight:normal;border-top:1px solid #e5e5e5;}
#pop_wrap .info td{padding:10px 5px 8px 0;color:#939799;border-top:1px solid #e5e5e5;text-align:left}
#pop_wrap .info tr:first-child th,#pop_wrap .info tr:first-child td{border-top:none}
