@charset "UTF-8";
@font-face {
font-family: './fonts/notokr-regular';
src: url('./fonts/notokr-regular.eot');
src: url('./fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),
url('./fonts/notokr-regular.woff2') format('woff2'),
url('./fonts/notokr-regular.woff') format('woff'),
url('./fonts/notokr-regular.ttf') format('truetype'),
url('./fonts/notokr-regular.svg#notokr-regular') format('svg');
font-weight: normal;
font-style: normal;
}
/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);*/
body{background:#fff;padding:0;margin:0;line-height:1.6em;overflow-x:hidden;font-size:14px;color:#565656; text-align: left;}
* {font-family: '맑은고딕','나눔고딕','gulim' sans-serif;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight:bold;}
html,body{overflow-x:hidden;}
caption{position:absolute;left:-9999px;}
fieldset,legend{border:none;}

.form-control{border-radius:0 !important;}
/*************************** mobile *********************************/
#nav-toggle { position: fixed;top: -61px;left: 0px;z-index: 101;transition:.3s;width:100%;height:60px;border-bottom:1px solid #dfdfdf;background:#ffffff;}
#nav-toggle .logo{line-height:60px;}
#nav-toggle .logo img{margin:18px 0 0 15px;}
#nav-toggle .btn-nav-toggle {display: block;right:15px;top:15px;position:absolute;opacity: 1;font-size:30px;font-weight:100;text-decoration:none !important;}
#nav-toggle .btn-nav-toggle .fa-times{display:none;}
#nav-toggle .btn-nav-toggle:hover {opacity: .3;}

.mlogo{padding:20px;display:inline-block;}
.mlogo img{height:20px;width:auto;}
#gnb-mobile{display:none;padding:80px 15px 40px 0;position: fixed; width: 100%; height: 100%; background: #ffffff; z-index: 99;overflow-y:scroll;}
#gnb-mobile li{padding:.5em 0;word-break: keep-all;}
#gnb-mobile li a{display:block;color:#555;}
#gnb-mobile li.depth1 a{padding:2em 0 1em;}
.navtoggleon #nav-toggle .btn-nav-toggle {color:#222;}
.navtoggleon #nav-toggle .btn-nav-toggle .fa-stream{display:none;}
.navtoggleon #nav-toggle .btn-nav-toggle .fa-times{display:block;}
.navtoggleon #nav-toggle .btn-nav-toggle:hover {}
.navtoggleon #gnb-mobile{display:block;}
/*************************** wrap *********************************/
#wrap{transition:.3s;}
.navtoggleon #wrap{opacity:.5;}
.inner{clear:both;max-width:1260px;width:100%;margin:0 auto;}
.padd{padding:60px;}
/*************************** header *********************************/
#wrap{}
#header{margin-top:30px;}
#header.head_sub .inner{border:1px solid #dfdfdf;background:#f5f5f5;}
#header .padd{padding-top:40px;padding-bottom:20px;}
/*************************** spot *********************************/
#spot{position:relative;}
#spot img{position:relative;z-index:0;}
#spot .tit{position:absolute;z-index:1;padding:60px;max-width:450px;word-break:keep-all;}
#spot .tit *{color:#ffffff;}
#spot .tit .t{font-size:18px;font-weight:bolder;}
#spot .tit .t span{font-size:14px;}
#spot .tit .t span:before{content:"";display:inline-block;margin:0px 8px 6px 30px;width:30px;border-top:1px solid #ffffff;}
#spot .tit h1{text-align:left;font-weight:bold;margin:0;font-size:50px;}
/*************************** container *********************************/
#container{}
#container:after{content:"";display:block;clear:both;}
#gnb{width:260px;background:#5e647b;}
#gnb ul{padding:0;margin:0;list-style:none;}
#gnb ul ul{padding:2em 1em;}
#gnb ul ul li{padding:.5em 0;border-bottom:1px solid #70758b;word-break:keep-all;}
#gnb ul ul li:last-child{border:none;}
#gnb a{color:#ffffff;text-decoration:none;letter-spacing:-1px;}
#gnb ul ul li.on a, #gnb ul ul li:hover a{color:#fbcf00;}
#content{width:100%;max-width:999px;border-left:1px solid #dfdfdf;}
.gap{content:"";display:block;padding-top:3em;margin-bottom:3em;clear:both;}
.gap:after{content:"";clear:both;display:block;width:100px;margin:0 auto;border-top:1px solid #222;}
h1{color:#212121;text-align:center;letter-spacing:-2px;}

.text-pink{color:#5E647B;}
.btn{line-height:2.8em;letter-spacing:-1px;text-align:center;border:1px solid #dfdfdf;font-size:12px;letter-spacing:-1px;color:#999;background:#fff;padding:0 1em;border-radius:0;}
.btn-main:hover{color:#212121;border-color:#999;background:#fff;}

.main-item{display:block;position:relative;height:100%;}
.desc{padding:1em 0 6em;font-size:13px;color:#666;}
/*.desc{padding:1em 0 .4em;font-size:13px;color:#666;}*/
.desc h2{font-size:14px;font-weight:bold;color:#212121;}
.desc h3{font-size:13px;color:#4554b1;text-decoration:underline;}
.btn-main{position:absolute;left:0;bottom:2.6em;width:126px;}
/*.btn-main{}*/
.main-item:hover .btn-main{color:#212121;border-color:#999;background:#fff;}

.tabs{display:block;margin:2em 0;text-align:center;list-style:none;padding:0;}
.tabs:after{content:"";display:block;clear:both;}
.tabs li{display:inline-block;margin:0 .2em;}
.tabs li a{display:block;padding:0 1em;line-height:2.6em;height:2.6em;color:#ffffff;background:#eab295;text-decoration:none;border-radius:2em;}
.tabs li.on a{background:#F17F42;}
.tab-content{display:none;padding:1em 0;}
.first{display:block;}
.tab-content ul{padding:0;margin:0;list-style:none;}
.tab-content li{border-bottom:1px solid #dfdfdf;padding:.5em 0;position:relative;}
.tab-content li a{color:#666;}

.tab-content .desc2{position:absolute;left:0;bottom:0;width:100%;border:1px solid #dfdfdf;background:#fff;padding:1.6em;display:none;}
.tab-content li:hover .desc2{display:block;}
.tab-content li:hover .more{margin-left:1em;color:#F17F42;text-decoration:underline;}

.stit{text-align:center;padding:10px 15px;margin:1em 0;}
.stit h2{color:#212121;letter-spacing:-2px;}
.stit h3{font-size:16px;font-weight:normal;}
.stit.stit-bg{background-color:#212121;background-size:cover;background-repeat:no-repeat;padding:80px 15px;}
.stit.stit-bg h2, .stit.stit-bg h3{color:#ffffff;}
.stit.stit-bg h3{text-decoration:underline;}

.caption{text-align:center;margin:.4em 0;}
/*************************** footer *********************************/
#footer .inner{background:#3a3a3a;}
.copy{color:#ffffff;font-size:13px;}
.copy span{color:#888;}
.copy a{color:#eee;text-decoration:underline;}
.btn-copy, .btn-copy:hover{background:#3a3a3a;color:#ffffff;border-color:#fff;margin-bottom:2px;}
.btn-copy i{color:#ffffff;margin-left:6px;}
/*************************** sider *********************************/
#sider{}
/*************************** etc *********************************/
#etc{}
a#backtotop{width:31px;height:30px;transition:.3s;position:fixed;right:16px;bottom:50px;margin-left:360px;font-size:30px;}
/***************** iframe ****************/
.countsort{
	position : relative;
	width : 100%;
	height : 0;
	padding-bottom : 56.25%;
}

.video{
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
}






/*************************** responsive *********************************/
@media all{

}
@media only screen and (max-width: 1400px){	
	
}
@media only screen and (max-width: 1200px){	

}
@media only screen and (max-width: 992px ){
	#nav-toggle {top:0px;}
	#wrap {margin-top:60px;}

}
@media only screen and (max-width: 768px){
	.padd{padding:60px 30px;}
	.tit{padding:20px !important;}
	h1{font-size:30px !important;}
	.stit h2{font-size:24px !important;}
	a#backtotop{display:none;}
}
@media only screen and (max-width: 425px){
	.padd{padding:30px 15px;}
	.tit{padding:15px !important;}
	.tit .t{margin-bottom:0 !important;}
}
@media only screen and (max-width: 320px){

}