/* @import url('./fonts/NotoSansKR/NotoSanskr.css');
@import url('./fonts/opensans/font.css');
@import url('./fonts/BBtree/font.css'); */
.board.detail.style1 *{color:inherit; font-family:interit;}

/* html ready ( image loading issue ) */
html{opacity:0; transition:all .2s;}
html.ready{opacity:1;}

/* header */
#header {height: 130px;z-index: 150;left: 0;position: relative;width: 100%;}
#header > .inner{position: relative;padding: 50px 80px 0 363px; height: 100%}
#header .header__logo{position: absolute; left: 0; top:55px;}
#header .last-i{position: absolute;right: 0;top:70px}

#top_nav{position: relative;text-align: center;}
#top_nav > ul{display:flex;}
#top_nav > ul > li{float: left;position: relative;}
#top_nav > ul > li > a{font-size:19px; font-weight: 500; display: block;padding: 20px 25px 0 25px;word-break: keep-all; line-height: 1.35}
#top_nav .depth {position: absolute;left: 0;width: 100%;top: 100%;padding: 40px 0 0;z-index: 150;line-height: 1.15;letter-spacing: -0.03em;word-break: keep-all;overflow: hidden;height: 0;}
#top_nav .depth li{margin:10px 0;font-size: 16px;}
#header .depth_bg {position: absolute;left: 0;top: 0;width: 100%;z-index: 100;background: #fff;top:130px;box-shadow: 0 1px 3px rgb(0 0 0 / 10%);height: 0;border-top: 1px solid #ddd;}

#header .header_link{position: absolute;right: 0;top: 25px;font-size: 14px;color:#858585}
#header .header_link a{margin: 0 5px;font-size:15px}
#header .header_link a:first-child::after{display: inline-block;width:2px;height: 14px;content: '';background:#d4d4d4;margin-left:15px}
#top_nav > ul > li.on{color:#63c25f;}

#header #btn-menu{position: absolute;top: 50%;left: 5%;transform: translateY(-50%);width:31px;height:29px;background: url(common.css) center center no-repeat;background-image: url(../img/main/bar_menu.png);font-size:0;display: none}
.top-part{position: relative;height: 90px;background: none;} 
#header #btn-menu.on{background: url(/resources/total/img/sub/close.jpg) center no-repeat;}
.top-part .close-bt{width: 40px;height: 40px;position: absolute;top: 50%;transform: translateY(-50%);left: 5%;background: url(/resources/total/img/sub/close.jpg) center no-repeat;}
#top_nav_m{position: absolute;width: 100%;z-index: 999;background-color: #fff;top: 100%;z-index: 300; left: 0;display: none;}
.top_nav_m{font-size: 17px;background: #1caef0;position: relative;border-top: 1px solid #ddd;}
.top_nav_m > li > a {padding: 1rem 0;font-size: 1.18em;font-weight: 400;}
.top_nav_m > li{color:#fff}
.top_nav_m .depth {position: absolute;left: 180px;top: 0;width: 100%;background: #fff;display: none;z-index: 3;color: #333;font-weight: 400;height: 100%;}
.top_nav_m .depth li{padding: 0.75rem 1.5rem;font-size: 1em;border-bottom: 1px solid #ddd;}
.top_nav_m .depth li:last-child{border-bottom: none}
.top_nav_m > li > a > span {width: 180px;display: block;padding:10px 20px;}
.top_nav_m li.active{background: #fff;color:#1caef0;}
.header_sitemap-btn{display: flex;height: 50px;justify-content: flex-end;align-items: center;padding-right: 30px;border-top: 1px solid #ddd;}
.header_sitemap-btn a{margin: 0 10px;color:#666;}



#cont{position:relative}

/* quick menu  */
#quickmenu {width: 120px;position: absolute;top: 230px;right: 50px;z-index: 151;text-align: center;color: #111;}
#quickmenu li{width: 120px;height: 120px;background: #fff;border-radius: 100%;margin: 10px 0;border: 1px solid #bbb;}
#quickmenu li a{display: block;background: center 15px no-repeat;padding: 66px 30px 5px 30px;font-size: 14px;font-weight: 500;word-break: keep-all;color: #666;line-height: 18px;}
#quickmenu a{display: block;background: center 15px no-repeat;padding: 10px 25px 5px 25px;font-size: 14px;font-weight: bold;}
#quickmenu .q1 a{background-image:url(../img/main/q1.png)}
#quickmenu .q2 a{background-image:url(../img/main/q2.png)}
#quickmenu .q3 a{background-image:url(../img/main/q3.png)}
#quickmenu .q4 a{background-image:url(../img/main/q4.png)}
#quickmenu .q5 a{background-image:url(../img/main/q5.png)}
#quickmenu .go_top{background:url(../img/main/t-icon.png) top no-repeat}

#footer{background: #333;padding: 50px 0;font-size:14px}
#footer .inner{display:flex;position: relative;}
#footer .inner .f-lt{margin-left:55px}
#footer .inner .f-lt ul{display:flex}
#footer .inner .f-lt ul li{margin-right:8px;font-size:17px;font-weight:bold}
#footer .inner .f-lt ul li:first-child a{color:#fff}
#footer .inner .f-lt ul li:last-child::before {content: '';display: block;width: 2px;height: 2px;background: #858585;margin: 12px 16px;float:left}
#footer .inner .f-lt a{color:#999}
#footer .inner .addr{color:#bababa;margin-top:20px;font-size: 15px;word-break:keep-all;}
#footer .inner .copy{color:#999}
#footer .inner .f-rt {width:21rem;position:absolute;top:0;right:0;/* display:flex */}
#footer .inner .f-rt .f-s1{display: flex;height:28px;margin-bottom:5px}
#footer .inner .f-rt #footerlink-btn{width: 3.063em;background: #666;color: #fff;}
#footer .inner .f-rt #footerlink-btn1{width: 3.063em;background: #666;color: #fff;}
#footer .inner .f-rt #footerlink-btn2{width: 3.063em;background: #666;color: #fff;}
#footer .inner .f-rt select{border: 1px solid #ccc;appearance: none;font: inherit;font-size: 1em;background: #fff url(../img/main/select.png) 91.5% center no-repeat;padding: 0 3em 0 1em;width:200px;height:100%}


@media screen and (max-width:1700px){
	#quickmenu{display: none;}
}

@media screen and (max-width:1300px){
	.f_logo{display: none;}
}

@media screen and (max-width:1024px){
	/* quickmenu 사이즈 조절 */
	#quickmenu {width: 90px;}
	#quickmenu li {width: 90px;height: 90px;}
	#quickmenu li a{background: center 10px no-repeat;padding: 56px 10px 5px 10px;font-size: 10px;line-height: 14px;}
	
	#footer{padding: 20px 0 50px;}
	.f_logo{display: none;}
}
	
	
	

/* @media screen and (max-width:640px){
	#quickmenu{display: none;}
} */



@media screen and (max-width:420px){
		
	/* 모바일 header */
	.top_nav_m{min-height: 252px;}
	.top_nav_m > li > a{font-size: 0.875em;}
	.top_nav_m .depth li{font-size: 0.875em;padding: 0.6rem 1rem;}
	.top_nav_m .depth{left: 140px;}
	.top_nav_m > li > a > span{width: 140px;}
	.header_sitemap-btn{padding-right: 10px;}
}