@charset "UTF-8";

/********************************************************
■ Header : 헤더 - 기본
********************************************************/
:root {
    --top-height:80px; /* 메뉴높이 */
}

/* 큰기기 PC 상단 */
#header_wrap { width:100%; min-width:1200px; overflow-x:hidden;}
.wrap_box { position:relative; width:100%; max-width:1200px; margin:0 auto; background:none; }
#header { position:absolute; top:0; left:0; width:100%; min-height:80px; background:rgba(0,0,0,0.6); z-index:500 !important;}
#header_wrap .header_on {border-bottom:0px solid #ddd}
#header h1 { position:absolute; display:block;  line-height:60px; top:5px;left:0; transition: all .3s ease-in-out; background:none;}
#header h1 a img{vertical-align:middle;}
#lnb {position:relative; float:left; margin-left:250px; line-height:80px !important; background:none;}
#lnb .lnb_wrap { position:relative; overflow:hidden; visibility:hidden; height:300px;}
#lnb .lnb_wrap > ul > li { float:left;  }
#lnb .lnb_wrap > ul > li > a { display:block; width:100%; padding:0 34px; font-size:1.18em; font-weight:600; color:#fff; height:80px; line-height:80px; }
#lnb .lnb_wrap > ul > li > a > span{display:block; background:#C53428; width:0px; height:2px; margin:0 auto; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#lnb .lnb_wrap > ul > li.current > a, #lnb .lnb_wrap > ul > li.actived > a { color:#fff; font-weight:600; border-bottom:0px solid rgba(255,255,255,1); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#lnb .lnb_wrap > ul > li.current > a > span, #lnb .lnb_wrap > ul > li.actived > a > span{display:block; background:#C53428; width:100%;}
#lnb .lnb_sub { margin-top:10px;text-align:center; }
#lnb .lnb_sub li a { display:block; color:rgba(255,255,255,1); font-weight:400; padding:0; margin:0 0 2px 0; height:30px; line-height:30px; font-size:1em; letter-spacing:-0.5px; }
#lnb .lnb_sub li a:hover { display:block; color:rgba(255,255,255,0.8); font-weight:500; }
#gnbb {position:absolute; right:0; }
#gnbb a { color:#fff; text-align:center; font-size:0.85em; height:80px;  line-height:80px; padding:5px 10px; margin:0 1px;  background:#C53428; border-radius:3px;}
#gnbb a:hover { background:#000; color:#fff; }
#gnbb a.memo { background: #5CB85C; color: #fff; }
#gnbb a.memo:hover { background: #449d44; color: #fff; }
#gnbb a.btn2 { color:#000; text-align:center; font-size:0.85em; height:80px; line-height:80px; padding:5px 10px; margin:0 1px;  background:#fff; border-radius:3px;}
#gnbb a.btn2:hover { background:#000; color:#fff; }
#gnbb p { position: relative; top: -6px; text-align: center; font-size: 10px; font-weight: lighter; letter-spacing:1px; color: #ffffff; }

.jbMenu .header_in {  transition: all .3s ease-in-out;}
.jbFixed { min-height:auto !important;}
.jbFixed .header_in { position:fixed !important; top:0px; width:100% !important;width:100%; min-height:80px; background:rgba(0,0,0,0.9); border-bottom:px solid #ddd;}
.jbFixed .header_in #lnb { margin-top:0;}
.jbFixed .header_in #lnb .lnb_wrap > ul > li > a { height:80px; line-height:80px; color:#fff;}
.jbFixed .header_in #lnb .lnb_sub li a { display:block; color:rgba(255,255,255,0.9); padding:0; margin:0 0 2px 0; height:30px; line-height:30px; font-size:1em; letter-spacing:-0.5px;}
.jbFixed .header_in #lnb .lnb_sub li a:hover { display:block; color:rgba(255,255,255,1); font-weight:500; }

.jbFixed .header_in #gnbb a { height:80px; line-height:80px !important;}
.jbFixed .header_in #gnbb a.btn2 { color:#000; text-align:center; font-size:0.85em;  line-height:50px; padding:5px 10px; margin:0 1px; border-radius:3px;}
.jbFixed .header_in #gnbb a.btn2:hover { background:#555; color:#fff; }
.jbFixed .header_in #gnbb p { position: relative; top: -9px; text-align: center; font-size: 10px; font-weight:lighter; letter-spacing:1px; color: #ffffff; }

.jbFixed .header_in h1 {  height:60px; line-height:60px !important;}
.jbFixed .header_in h1 img { vertical-align:middle;}


/* 반응형 중간기기 1300px 사이즈 이하*/
@media all and (max-width:1300px){	

}


/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){



}

/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){

	#header_wrap, #gnb_wrap, #gnb_area {display:none;}
}


/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		

	
}


/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {	

	

}


/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	


	
}