@charset "utf-8";

/* color:#0064dc; */

/* common */
.a11y, .blind {width:1px; height:1px; overflow:hidden; position:absolute; top:-9999em; left:-9999em; display:block; text-indent:-9999em; font-size:0 !important; line-height:0 !important;}
.pc_block {display:block;}
.m_block {display:none;}

body {min-width:320px; overflow-x:hidden;}
.header_wrap .inner {display:flex; align-items:center; justify-content:space-between; position:relative; width:100%; padding:0 20px; margin:0 auto; box-sizing:border-box;}

/* header */
#header {position:fixed; top:0; left:0; right:0; width:100%; min-width:320px;  box-sizing:border-box; z-index:2000;}
.header_wrap {position:relative; height:118px; padding:0;  transition:all 0.3s ease; overflow:hidden; box-sizing:border-box; box-shadow:0 14px 36px rgba(0, 0, 0, 0);}
.header_wrap.open {box-shadow:0 14px 36px rgba(0, 0, 0, 0.06);background:#ffffff;}
.header_wrap.open:before {opacity:1; transition-delay:0.15s;}

.header_wrap .inner {padding:0 80px;}

.header_logo {position:absolute; top:30px; left:80px;}
.header_logo a {display:block; width:360px; height:65px; background:url('../img/common/logo.png')center center no-repeat; background-size:auto 65px;}

.nav {display:block; position:relative; width:100%; max-width:60%; margin:0 auto;}
.nav .gnb {display:flex; align-items:stretch; justify-content:space-between; position:relative;}
.nav .gnb .mn_l1 {position:relative; width:calc(100% / 6);}
/*.nav .gnb .mn_l1:nth-child(2), .nav .gnb .mn_l1:nth-child(4), .nav .gnb .mn_l1:nth-child(7) {max-width:150px;}*/
.nav .gnb .mn_l1 .mn_a1 {display:flex; align-items:center; justify-content:center; position:relative; padding:46px 0 39px; border-bottom:2px solid transparent; font-size:22px; font-weight:600; line-height:30px; color:#333; transition:all 0.3s ease;  box-sizing:border-box;}
.nav .gnb .mn_l1:hover .mn_a1, .nav .gnb .mn_l1:focus .mn_a1, .nav .gnb .mn_l1 .mn_a1:hover, .nav .gnb .mn_l1 .mn_a1:focus {color:#03b4b2; border-color:#03b4b2;}
.nav .gnb .depth2 {display:block; position:relative; padding:30px 0; transition:all 0.3s ease; transition-delay:0.1s; box-sizing:border-box;}
   .nav .gnb .depth2 .mn_l2 {position:relative; width:100%; text-align:center;}
.nav .gnb .depth2 .mn_l2 + .mn_l2 {margin-top:18px;} 
.nav .gnb .depth2 .mn_l2 .mn_a2 {display:inline-flex; align-items:center; justify-content:center; position:relative; font-size:20px; font-weight:400; line-height:1.4; letter-spacing:-0.06em; color:#444444; transition:all 0.3s ease;}
.nav .gnb .depth2 .mn_l2 .mn_a2 span {font-size:16px; font-weight:700; line-height:1.4; letter-spacing:-0.05em; color:#444444; transition:all 0.3s ease;}
.nav .gnb .depth2 .mn_l2 .mn_a2:hover, .nav .gnb .depth2 .mn_l2 .mn_a2:focus{color:#03b4b2; font-weight: 600;}
.nav .gnb .depth2 .mn_l2 .mn_a2 + .depth3 {margin-top:10px;}
.nav .gnb .depth3 {position:relative;}
.nav .gnb .depth3 .mn_l3 + .mn_l3 {margin-top:10px;}
.nav .gnb .depth3 .mn_l3 .mn_a3 {display:inline-flex; align-items:center; justify-content:center; position:relative; font-size:15px; font-weight:400; line-height:1.4; letter-spacing:-0.06em; color:#707070; transition:all 0.3s ease;}
.nav .gnb .depth3 .mn_l3 .mn_a3 span {font-size:15px; font-weight:400; line-height:1.4; letter-spacing:-0.06em; color:#707070; transition:all 0.3s ease;}
.nav .gnb .depth3 .mn_l3 .mn_a3:hover span, .nav .gnb .depth3 .mn_l3 .mn_a3:focus span {color:#000000; text-decoration:underline;}  

.rnb {position:absolute; top:47px; right:80px;}
.rnb .utill {display:flex; align-items:center; justify-content:flex-start; gap:28px; position:relative;}
.rnb .utill .utill_btn {transition:all 0.3s ease;}
.rnb .utill .utill_btn.sitemap {display:block; width:24px; height:24px; background:url('../img/common/sitemap.png')center center no-repeat; background-size:24px 24px;}
.rnb .utill .utill_btn:hover {transform:translateY(3px);}
.rnb .utill .mobile_btn {display:none;}
.allmenu {position:absolute; top:12px; right:20px; z-index:10;}
.allmenu .allmenu_btn {display:flex; align-items:center; justify-content:space-between; width:104px; padding:11px 14px; background:#eef3f8; border-radius:8px; box-sizing:border-box;}
.allmenu .allmenu_btn .btn_text {font-size:14px; font-weight:700; letter-spacing:-0.30px; color:#000000;}


.header_wrap.open .nav .gnb .mn_l1 .mn_a1{ color:#333}
.header_wrap.open .header_logo a { background:url('../img/common/logo-fixed.png')center center no-repeat; background-size:100%;}
.header_wrap.open:after {content:""; display:block; position:absolute; top:117px; left:0; right:0; width:100%; height:1px; background-color:#eeeeee;}

/* Header :: FIXED 스타일 (PC스타일) */
#header.fixed .header_wrap{top:0; height:110px; box-shadow: 12px 9px 17px #0000001c; background:#fff; border-bottom:0;}
#header.fixed .nav .gnb .mn_l1 .mn_a1{ color:#333}
#header.fixed .header_logo a { background:url('../img/common/logo-fixed.png')center center no-repeat; background-size:100%;}


/* sitemap */
#sitemap {display:none; position:fixed; top:0; left:0; width:100%; height:100vh; padding:20px; background:#ffffff; overflow:hidden; box-sizing:border-box; z-index:9999;}
/*#sitemap:before {content:""; display:block; position:absolute; bottom:-40px; left:20px; width:240px; height:265px; background:url('../img/common/sitemap_img1.png')center center no-repeat; background-size:240px auto; opacity:0.4;}*/
#sitemap:after {content:""; display:block; position:absolute; bottom:-20px; right:20px; width:240px; height:247px; background:url('../img/common/sitemap_img2.png')center center no-repeat; background-size:240px auto; opacity:0.4;}
#sitemap .inner {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; max-width:1320px;}
#sitemap .sitemap-list {position:relative; width:100%; margin:0 auto;}
#sitemap .sitemap-list .list-box {display:flex; align-items:stretch; justify-content:space-between; position:relative;}
#sitemap .sitemap-list .list-box .site-line {position:relative; width:calc(100% / 6); padding:20px 10px; border-right:1px solid #eeeeee; box-sizing:border-box;}
#sitemap .sitemap-list .list-box .site-line:first-child {border-left:1px solid #eeeeee;}
#sitemap .sitemap-list .list-box .site-line .dpth1 {display:flex; align-items:center; justify-content:center; padding:0 10px; font-size:22px; font-weight:700; line-height:1.4; letter-spacing:-0.08em; color:#000000;  box-sizing:border-box;}
#sitemap .sitemap-list .list-box .site-line .dpth2-list {margin-top:20px; text-align: center;}
#sitemap .sitemap-list .list-box .site-line .dpth2-item .dpth2 {display:block; margin-bottom:10px; font-size:19px; font-weight:400; line-height:1.4; letter-spacing:-0.06em; color:#444444;}
#sitemap .sitemap-list .list-box .site-line .dpth2-item .dpth2:hover {color:#000000; text-decoration:underline;}
#sitemap .sitemap-list .list-box .site-line .dpth3-item {padding-left:10px;}
#sitemap .sitemap-list .list-box .site-line .dpth3-item .dpth3 {display:block; margin-bottom:10px; font-size:14px; font-weight:400; line-height:1.4; letter-spacing:-0.08em; color:#707070;}
#sitemap .sitemap-list .list-box .site-line .dpth3-item .dpth3:hover {color:#000000; text-decoration:underline;}
#sitemap .close-btn {display:block; position:absolute; top:36px; right:68px; width:48px; height:48px; padding:15px; border-radius:150px; background-color:#f8f9fa;}
#sitemap .close-btn .ico {display:block; width:24px; height:24px; background:url('../img/common/close.png')center center no-repeat; background-size:100%;}

#mobile-wrap {display:none;}

@media screen and (max-width:1920px){
	
	.header_logo a { width: 300px;  height: 50px;background-size: auto 50px;}
	.header_wrap.open .header_logo a, #header.fixed .header_logo a {  background-size: 80%;}
	
	.nav .gnb .mn_l1 .mn_a1 {font-size: 20px;}
	
}
	
@media screen and (max-width:1680px){
	
	.header_wrap:before {right:20px;}
	.header_wrap .inner {padding:0 20px;}
	.header_logo {left:20px;}
	.header_logo a {width:155px; height:44px; background-size:100%;}
	.nav {max-width:1040px;}
	.rnb {right:20px;}
	
	#sitemap .close-btn {right:20px;}
	
}


@media screen and (max-width:1480px){

	.nav {max-width:900px;}
	.nav .gnb .mn_l1 .mn_a1 {font-size:17px;}
	
}

@media screen and (max-width:1280px){
	
	.header_wrap {height:80px !important; border-bottom:1px solid #eeeeee;}
	.header_wrap:after {display:none;}
	.header_logo {top:20px;}
	.nav {display:none;}
	.rnb {top:28px;}
	.rnb .utill .utill_btn.sitemap {display:none;}
	.rnb .utill .mobile_btn {display:block; width:24px; height:24px; background:url('../img/common/sitemap.png')center center no-repeat; background-size:24px 24px;}
	#sitemap {display:none !important;}

	/* mobile menu */
    #mobile-wrap {display:block;}
    #mobile-nav {position:fixed; top:0; right:-320px; width:100%; max-width:320px; height:100%; background:#ffffff; z-index:9999;}
    #mobile-nav .mnb_inner {padding:24px 15px 40px; height:100%; overflow-y:auto; overflow-x:hidden;}
    #mobile-nav .mnb_top {display:flex; align-items:center; justify-content:space-between; position:relative; margin-bottom:24px;}
	#mobile-nav .mobile_logo {display:block; width:230px; height:44px; background:url('../img/common/logo_fix.png')center center no-repeat; background-size:auto 44px;}
	#mobile-nav .close-mnb-btn {display:flex; align-items:center; justify-content:center; width:40px; height:40px; border:0; background:url('../img/common/close.png')center center no-repeat;}
    #mobile-nav #mnb {position:relative;}
    #mobile-nav .mb_ml1 {display:block;}
    #mobile-nav .mb_ml1 .mb_ma1 {display:block; position:relative; width:100%; padding:10px; background:#ffffff; font-size:18px; font-weight:700; line-height:1.8; letter-spacing:-0.05em; color:#000000; }
	#mobile-nav .mb_ml1 .mb_ma1.on {background:#e4eaef; color:#003399;}
	#mobile-nav .mb_ml1 .mb_ma1:active:after, #mobile-nav .mb_ml1 .mb_ma1:focus:after {transform:translateY(-50%) rotate(270deg);}
	#mobile-nav .mb_ml1 .mb_ma1 span {font-size:18px; font-weight:700; line-height:30px; letter-spacing:-0.05em; color:#000000;}
	#mobile-nav .mb_mdp2 {display:none; position:relative; padding:20px; border-radius:10px; background:#f8f9fa; box-sizing:border-box;}
	#mobile-nav .mb_mdp2 .mb_ml2 .mb_ma2 {display:block; position:relative; padding-left:10px; margin-bottom:10px; font-size:16px; font-weight:400; line-height:1.4; letter-spacing:-0.05em; color:#222222;}
	#mobile-nav .mb_mdp2 .mb_ml2:last-child .mb_ma2 {margin-bottom:0;}
	#mobile-nav .mb_mdp2 .mb_ml2 .mb_ma2.on {color:#03b4b2;}
	#mobile-nav .mb_mdp2 .mb_ml2 .mb_ma2:before {content:""; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:4px; height:4px; border-radius:150px; background-color:#03b4b2;}
	#mobile-nav .mb_mdp2 .mb_ml2 .mb_ma2:hover, #mobile-nav .mb_mdp2 .mb_ml2 .mb_ma2:focus, 
		#mobile-nav .mb_mdp2 .mb_ml2 .mb_ma2:hover, #mobile-nav .mb_mdp2 .mb_ml2 .mb_ma2:focus {color:#03b4b2;}
	#mobile-nav .mb_mdp3 {position:relative;}
	#mobile-nav .mb_mdp3 .mb_ml3 .mb_ma3 {display:block; position:relative; padding:5px 0 5px 14px; margin-bottom:5px; font-size:15px; font-weight:400; line-height:1.4; letter-spacing:-0.06em; color:#707070;}
	#mobile-nav .mb_mdp3 .mb_ml3:last-child .mb_ma3 {margin-bottom:10px;}
	#mobile-nav .mb_mdp3 .mb_ml3 .mb_ma3:hover, #mobile-nav .mb_mdp3 .mb_ml3 .mb_ma3:focus {color:#000000; text-decoration:underline;}
	
	.mobiledim {display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.60); z-index:9000;}
	
	#footer #gnb-gotop {right:2vw;}
	
}

@media screen and (max-width:1024px){
	
	.pc_block {display:none;}
	.m_block {display:block;}
	
	#mobile-nav .mobile_logo { width: 210px;  height: 36px; background-size: auto 36px;}
	    
	.header_wrap.open .header_logo a, #header.fixed .header_logo a { background-size: 100%;}
	.header_logo a {width: 190px;}
	
	
}


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

}

@media screen and (max-width:640px){
	
	
}

@media screen and (max-width:480px){
	
	
}

@media screen and (max-width:360px){
	
	
}