@charset "utf-8";


@font-face {
    font-family:'dbfont';
    font-style: normal;
    font-weight: normal;
    src: url('/css/form1/fonts/dbfont.eot'),
    url('/css/form1/fonts/dbfont.woff') format('woff');
}

@font-face {
	font-family: 'S-CoreDream-3Light';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
	font-weight: normal;
	font-style: normal; 
} 

@font-face { font-family: 'S-CoreDream-7ExtraBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
} 

@font-face {
	font-family:'Noto_kr';
	src:url('font/NotoSansKR-Light-Hestia.eot');	
	src:local(Noto_kr),
		url('font/NotoSansKR-Light-Hestia.eot?#iefix') format('embedded-opentype'),
		url('font/NotoSansKR-Light-Hestia.woff') format('woff'),		
		url('font/NotoSansKR-Light-Hestia.otf') format('opentype');
	font-weight:200;
	font-style: normal;
}

@font-face {
	font-family:'Noto_kr';
	src:url('font/NotoSansKR-Regular-Hestia.eot');	
	src:local(Noto_kr),
		url('font/NotoSansKR-Regular-Hestia.eot?#iefix') format('embedded-opentype'),
		url('font/NotoSansKR-Regular-Hestia.woff') format('woff'),		
		url('font/NotoSansKR-Regular-Hestia.otf') format('opentype');
	font-weight:400;
	font-style: normal;
}

@font-face {
	font-family:'Noto_kr';
	src:url('font/NotoSansKR-Medium-Hestia.eot');	
	src:local(Noto_kr),
		url('font/NotoSansKR-Medium-Hestia.eot?#iefix') format('embedded-opentype'),
		url('font/NotoSansKR-Medium-Hestia.woff') format('woff'),		
		url('font/NotoSansKR-Medium-Hestia.otf') format('opentype');
	font-weight: 700;
	font-style: normal;
}

/* Reset */
html,body{height:100%; font-size:16px; letter-spacing: -1px; }
html{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;  font-weight:400}
body{line-height:1.5; color:#444;font-family:'Noto_kr',sans-serif; font-weight:400}
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, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; vertical-align:baseline; -webkit-font-smoothing:antialiased; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section{display:block;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}
table{border-collapse:collapse; border-spacing:0;}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
hr{display:block; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; height:1px; border:0; border-top:1px solid #ebebeb; margin:.5em 0 .7em; padding:0; overflow:visible;}
a{background:transparent; text-decoration:none; color:inherit;}
b, strong{font-weight:700;}

legend,caption{position:absolute; left:-99999px; display:block; width:1px; height:1px; overflow:hidden; text-indent:-99999px; clip:rect(0,0,0,0); *display:none;}

#skip-navi {overflow:hidden;position:relative;width:100%;z-index:1000}
#skip-navi a{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;line-height:0;text-align:center}
#skip-navi a:focus, #accessibility a:hover, #accessibility a:active {width:auto;height:20px;margin:0;padding:8px 0 0 15px;background:#00aeef;line-height:1;color:#fff;}

/**************
 Common 
***************/
.blind{position:absolute; left:-99999px; display:block; width:1px; height:1px; overflow:hidden; text-indent:-99999px; clip:rect(0,0,0,0);}
.hide{display:none;}
.v-hidden{visibility:hidden;}

.clearfix:after{clear: both; display: block; content: ""}
.clearfix{display:block; clear: both }

.w_hide{display:none}
.m_hide{display:block}


.guideWp1{background:#e41c36;}
.guideWp2{background:#0a4e97;}
.topWrap{margin-bottom:40px}
.topWrap .tit_wp{width:1280px;margin:0 auto;}
.topWrap .tit_wp h1{width:280px;text-align:center;float:left; padding-top:10px}
.topWrap .tit_wp h1 img{ max-width:100%}
.topWrap .tit_wp:after{clear:both;content:"";display:block}
.topWrap .title{ width:1024px; color:#fff; font-size:36px; letter-spacing:-2px; text-align:center; font-family:'S-CoreDream-3Light', sans-serif;padding:20px 0; line-height:1.8em;margin:0 auto}
.topWrap .title span{ display:block; font-weight:700; font-size:48px;font-family: 'S-CoreDream-7ExtraBold'; color:#fff568}


.conWrap{width:1280px;margin:0 auto;}
.conWrap .menu1{color:#e41d36;}
.conWrap .menu2{ color:#0a4e97}
.conWrap .conMenu{width:280px;float:left}
.conWrap .conMenu h2{font-size:60px;text-align:center;margin-bottom:40px;font-family: 'S-CoreDream-7ExtraBold';}
.conWrap .conMenu > ul > li{ margin-bottom:5px}
.conWrap .conMenu > ul > li > a{font-size:19px;display:block;padding:10px 15px;;font-weight:600; letter-spacing:-2px;border:1px solid #ddd; color:#444 }
.conWrap .menu1 > ul > li.on > a{border:1px solid #e41c36;color:#e41c36;}
.conWrap .menu2 > ul > li.on > a{border:1px solid #0a4e97;color:#0a4e97;}
.conWrap:after{clear:both;content:"";display:block}
.conWrap .conMenu li > ul{padding:15px; background:#f7f7f7; margin-bottom:10px; display:none}
.conWrap .conMenu li > ul a{color:#101419;font-size:18px;position:relative;padding-left:18px;display:block}
.conWrap .conMenu li > ul a:before{content:"";width:10px;height:3px;background:#101419;display:inline-block;position:absolute;left:0;top:.8rem}
.conWrap .conMenu li > ul li{margin-bottom:5px}
.conWrap .menu1 > ul > li > ul li.on a{color:#e41c36; font-weight:bold}
.conWrap .menu2 > ul > li > ul li.on a{color:#0a4e97; font-weight:bold}
.conWrap .menu1 > ul > li > ul li.on a:before{content:"";width:10px;height:3px;background:#e41c36;display:inline-block;position:absolute;left:0;top:.8rem}
.conWrap .menu2 > ul > li > ul li.on a:before{content:"";width:10px;height:3px;background:#0a4e97;display:inline-block;position:absolute;left:0;top:.8rem}
.conWrap .menu1 > ul > li > ul a:hover{color:#e41c36}
.conWrap .menu2 > ul > li > ul a:hover{color:#0a4e97}




@media all and (max-width:1280px) {


.conWrap{width:100%;}
.topWrap .tit_wp{width:100%}
.topWrap .tit_wp h1{width:23%}
.topWrap .tit_wp h1 img{max-width:100%}
.topWrap .title{ width:76%; font-size:30px; padding-right:1%}
.topWrap .title span{; font-size:55px}
.guideWp2 .title span{ font-size:45px !important}

.conWrap .conMenu{width:23%}
.conWrap .content{width:73%}

}

@media all and (max-width:1024px) {

.topWrap .tit_wp h1{display:none}
.topWrap .title{ float:none; width:100% ; padding:20px 0; text-align:center}

.conWrap{width:97%}
.conWrap .conMenu{width:100%;float:none}
.conWrap .conMenu h2{font-size:45px;margin-bottom:20px}
.conWrap .conMenu li > ul li{ float:left; width:50%}
.conWrap .conMenu li > ul:after{ display:block; clear:both; content:""}
.conWrap .content{width:100%;float:none}
.conWrap .conMenu > ul > li > a{ letter-spacing:-1px}



}

@media all and (max-width:768px) {
.w_hide{display:block}
.m_hide{display:none}

.topWrap{ margin-bottom:20px}
.topWrap .title{ font-size:20px; line-height:1.4em;}
.topWrap .title span{ font-size:26px}
.conWrap .conMenu h2{ font-size:36px; margin-bottom:10px}
.conWrap .conMenu li > ul a:before, .conWrap .menu1 > ul > li > ul li.on a:before, .conWrap .menu2 > ul > li > ul li.on a:before{ top:.5rem;}
.guideWp2 .title span{ font-size:22px !important}

}


.tab { margin-bottom:2rem; }
.tab .selected { display: none; font-size:1rem}
.tab ul {width: 100%;border:1px solid #e5e5e5}
.tab ul li {float:left;width: 25%;border-right:1px solid #e5e5e5; }
.tab .depth2 li {width: 50%}
.tab ul li:nth-child(4n){border-right:none}
.tab ul li:nth-child(1){border-bottom:1px solid #e5e5e5}
.tab ul li:nth-child(2){border-bottom:1px solid #e5e5e5}
.tab ul li:nth-child(3){border-bottom:1px solid #e5e5e5}
.tab ul li:nth-child(4){border-bottom:1px solid #e5e5e5}
.tab ul li a { display: block; line-height:1.5rem; text-align: center; font-size:1rem; padding:.9rem 0;background:#f6f6f6 }
.tab ul li.on a { background: #235bb0; color: #fff; }
.tab ul:after{clear:both;content:"";display:block}


@media all and (max-width:768px) {

	.tab { margin-top: 30px; position: relative; }
	.tab .selected { display: block; line-height: 50px; cursor: pointer; background: url(../../images/form1/tab_arrow.png) no-repeat right top #235bb0; background-size: 50px; color: #fff; text-indent: 15px; }
	.tab .selected.on { background-position: right bottom; }
	.tab ul { display: none; border: 1px solid #e5e5e5; position: absolute; left: 0; top: 50px; z-index: 1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.tab ul li { display: block; width: 100%; border-right: none; border-bottom: 1px solid #e5e5e5; }
	.tab ul li:last-child { border-bottom: none; }
	.tab ul li a { display: block; line-height: 40px; text-align: left;font-size:1rem; text-indent: 15px; background: #fff; padding: 0; }
	.tab ul li.on a { background: #f1f1f1; color: #235bb0; font-weight: 700; }

	.tab .depth2 li{width:100%}

	.tab ul.allV{display: block;}
  
  .conWrap .conMenu > ul > li > a{font-size:17px;}
  .conWrap .conMenu li > ul a{font-size:16px;}
}