body{padding-top:5rem;}
#wrap{font-size:0.9rem;position:relative; overflow:hidden; line-height: 1.4;}
#wrap i{vertical-align:middle;}
.mob{display:none;}
.SBtween { display: flex; justify-content: space-between; flex-wrap: wrap; }

/*헤더*/
#header{position: fixed; left: 0; top: 0; width: 100%; box-sizing: border-box; background: #fff; border-bottom:1px solid #E0E1E5; z-index: 1000;} 
#header .header_inner{ position:relative; margin: auto; height:5rem; border-bottom:1px solid #E0E1E5;}
#header.over .header_inner{}
#header .header_inner:after{content:""; display:block; clear:both;}
#header .header_inner h1 { position:absolute; left:15rem; top:50%; transform: translateY(-50%); z-index:1000;}
#header .header_inner h1 a{display:block;}
#header .header_inner h1 img{ width: 10rem; }

@media (max-width:1450px){
	/*-----폰트-----*/
	#wrap{font-size:1rem;}
	#header{}
	#header .header_inner h1 { position:absolute; left:5rem; top:50%; transform: translateY(-50%); z-index:1000;}
	
}
@media (max-width:1030px){
	/*-----폰트-----*/
	#wrap{font-size:1rem;}
	#header{}
	#header .header_inner h1 { position:absolute; left:5rem; top:50%; transform: translateY(-50%); z-index:1000;}
	
}
@media (max-width:767px){
	#header .header_inner h1 { left:2rem; }
}
/********************************************************
■ 헤더 오른쪽 아이콘 메뉴
********************************************************/
/* 헤더 gnb 메뉴 */
#header .header_inner .top_menu{position:absolute; right: 15rem; top:50%; transform: translateY(-50%); display: flex; align-items: center; z-index:9999;}
#header .header_inner .top_menu li{position: relative; display:inline-block;}

#header .header_inner .related_site {margin-right: 10px;}
#header .header_inner .sns_link { background: #FFF; border-radius: 2px; }
#header .header_inner .related_site li a{display: block; color: black; border: 2px solid #0ba848; background: #FFF; font-weight: 500; vertical-align: top; border-radius: 1rem; height: 1.5rem; line-height: 1.3rem; padding: 0 .55rem; font-size:14px;}
#header .header_inner .related_site li:first-child a{ border: 2px solid #8fc100; background: #FFF; }
#header .header_inner .sns_link li img { width: 18px; vertical-align:middle; background: #FFF;}
#header .header_inner .dummy_search{margin-left:5px; }
#header .header_inner .dummy_search a{font-size:22px;}
#header.open .dummy_search{ display:none; }

/*검색*/
#header .top_search{display:none; position: absolute; right:1rem; top:5rem; width:300px; z-index:100;}
#header .search_area{width:100%; border-radius: 2rem; border:1px solid #3076ed; overflow: hidden; position: relative;}
#header .search_area label{display:none;}
#header .search_area input.insearch{  float: left; display: inline-block; font-size:0.7rem;  margin: 0;  padding: 0 0 0 20px;  width:calc(100% - 40px);  height:40px;  line-height: 40px;  border: none;   color: #4B4F58; background-color:#fff; font-weight: 400; box-sizing:border-box; border-radius:0;}
#header .inbtn {  float: left;  display: inline-block;  margin: 0;  padding: 0 0 0px 0;  border: none;  color: #999; background:#fff;  text-align: center;}
#header  a.inbtn {  padding: 0 0 0 0;  width:40px;  height:40px; line-height:40px;  color:#fff; font-size:0; position:relative;}
#header  a.inbtn:after{ content : "\f06f"; display : block;font-size:1rem; font-weight:500; text-align:center; position : absolute; left: 50%; top:50%;  -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);font-family:'remixicon'; color:#3076ed; }



@media (max-width:1030px){
	#header .header_inner .top_menu{right:4rem;}
	#header.open .header_inner .top_menu{display:block;}
	#header .top_search{width:100%; background:#fff; border-bottom:1px solid #ddd; padding:10px 1rem; right:0;}
	#header  a.inbtn:after{font-size:1.3rem;}
}



/********************************************************
■ 탑메뉴
********************************************************/
/*해더 1차*/
#header .header_inner > #nav { position:relative; display: block; margin:0 auto; width: 1200px; text-align: right; }
#header .header_inner > #nav > ul { clear:both;  position:relative;  height:5rem;  box-sizing:border-box; }
#header .header_inner > #nav > ul > li { display:inline-block; width: auto; float:none; vertical-align:top; font-size: 1rem; }
#header .header_inner > #nav > ul > li:last-child:after {background: none;}
#header .header_inner > #nav > ul > li > div > a { display:block; margin:0 1.3rem; height:5rem; line-height:5rem; color:#282828;}
#header .header_inner > #nav strong { font-weight: 600; }
#header .header_inner > #nav > ul > li.active > div > a {color:#0058AB;}

/*해더 2차*/
#header .header_inner > #nav > ul > li > ul { display:none; z-index: 100; box-sizing:border-box; position:absolute; left:230px; top:5rem; column-count: 2; column-rule: 1px solid #ddd; text-align:left; width: 100%; max-width: 900px; padding: 10px; border-left:1px solid #ddd; }
#header .header_inner > #nav > ul > li > ul > li { position: relative; display: inline-block; width: 100%; box-sizing: border-box; padding: 15px 5px; text-align: left;  vertical-align: top; }
#header .header_inner > #nav > ul > li > ul > li > a{ display: block; font-size:15px; color:#282828; }
#header .header_inner > #nav > ul > li > ul > li > a:hover { position: relative; color:#00acff; }
#header .header_inner > #nav > ul > li > ul > li > a:hover:after { width: 100%; }

#header .header_inner > #nav > ul > li > ul > li > ul{padding-top: 5px;}
#header .header_inner > #nav > ul > li > ul > li > ul > li > a{font-size:15px; color:#888;}
#header .header_inner > #nav > ul > li > ul > li > ul > li > a:hover{color:#00acff;}

#header .header_inner > #nav > ul > li:nth-of-type(1) > ul{ height:300px;}
#header .header_inner > #nav > ul > li:nth-of-type(2) > ul{height:370px; }
#header .header_inner > #nav > ul > li:nth-of-type(3) > ul{height:370px;}
/* #header .header_inner > #nav > ul > li:nth-of-type(4) > ul{height:200px;} */
#header .header_inner > #nav > ul > li:nth-of-type(4) > ul{height:300px; }
#header .header_inner > #nav > ul > li:nth-of-type(5) > ul{height:300px;}
#header .header_inner > #nav > ul > li:nth-of-type(6) > ul{height:300px;}
#header .header_inner > #nav > ul > li:nth-of-type(7) > ul{height:300px;}

#header .gnbTit { display:none; position:absolute; top:100px; left:50%; transform: translateX(-50%); padding:30px 40px 0 0; width:1200px; height:100%; box-sizing:border-box; text-align:left; }
#header .gnbTit div { width: 200px; }
#header .gnbTit div h2 {display:block; margin-bottom:20px;color:#00589e;font-size:28px;font-weight:500;line-height:1;letter-spacing:-1px;}
#header .gnbTit div p {display:block;color:#333;font-size:15px;font-weight:400;line-height:19px;letter-spacing:-1px; line-height:1.5;}


@media (max-width:1650px){
	#header .header_inner > #nav > ul > li > div > a{margin:0 1rem;}
}

@media (max-width:1460px){
	#header .header_inner h1 { left:3rem; }
	#header .header_inner > #nav > ul > li > div > a{margin:0 15px;}
	#header .header_inner .top_menu li a{font-size:13px;}	
	#header .header_inner #nav > ul > li > div > a{font-size:0.85rem;}
	#header .sns_link{display:none;}

}
@media (max-width:1200px){
	#header .header_inner > #nav {max-width:1070px; }
	#header .header_inner > #nav > ul > li > ul { max-width: 750px; left:200px;}
	#header .gnbTit {width:1070px;}
	#header .gnbTit div{width:200px;}
	#header .related_site{display:flex; flex-direction: column;}
}


@media (max-width:1030px){
	#header .header_inner > #nav{display:none;}
	#header .related_site{display: none;}	
}

@media (max-width:767px){
	/*탑메뉴*/
	#header h1 img{max-width: 9rem;}
	.mob{display:block;}
}



/*팝업 롤링 추가*/
.layerPopup {position:absolute;top:80px;left:1rem; width:450px; background:#fff;line-height:auto;z-index:10000;border:10px solid #15334F;box-shadow:0 0 4px rgba(0,0,0,0.2); padding-bottom:40px;}
.layerPopWrap{position:relative; width:100%; height:100%;}
.layerPopup ul li img{width:100%;}

@media (max-width:1030px){
	.layerPopup {left:50% !important;  transform:translateX(-50%);}
}

@media (max-width:767px){
	.mobile_dim{width: 100%; height:100%; position: absolute; top: 0; left: 0; margin: 0; z-index: 1039; display: inline-block; background: rgba(0,0,0,0.5);}
	.layerPopup img{width:100% !important;}
	.layerPopup {left:5% !important;  transform:translateX(0%); width:90% !important; height:auto !important; top:130px;}
	.chkvsb{font-size:0.7rem !important;}
}



/********************************************************
■ 사이트맵
********************************************************/

/* 햄버튼*/
#header .btn-gnb-menu{ display: none; }
#header .btnAll { position:relative; width:1rem; height:1rem; top:50%;  line-height:1; transform:translateY(-50%); z-index:5555;}
#header .btnAll:focus-visible {outline: 3px solid #000;}
#header .btnAll:focus:not(:focus-visible) {outline: none;}

#header .btnAll span { display: block; right:0; width: 100%; height: 0.1rem;  position: absolute; background-color: #000; -webkit-transition: all 0.25s; transition: all 0.25s;}
#header .btnAll > span:nth-child(2) {top: 0; }
#header .btnAll > span:nth-child(3) {top: 0.4rem;}
#header .btnAll > span:nth-child(4) {top: 0.8rem;}
#header.open .btn-gnb-menu{background: transparent;}
#header.open .btnAll > span{background-color: #000;}
#header.open .btnAll > span:nth-child(2) { top: 0.4rem; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
#header.open .btnAll > span:nth-child(3) { top: 0; opacity: 0;}
#header.open .btnAll > span:nth-child(4) { top: 0.4rem; -webkit-transform: rotate(135deg); transform: rotate(135deg);}


/*사이트맵*/
#header #navi{background:#fff; position:fixed; right:-100%; top:0; width:100%; height:100%; padding-top:0; z-index:1000; transition:left 0.45s; background: url("/images/default/main/sitemap_bg.jpg") no-repeat center top; background-size:cover; -webkit-transition: all 0.45s; transition: all 0.45s;}
#header.open #navi{-webkit-transition: all 0.45s; transition:right 0.45s; right:0px;}
#header.open h1,
#header.open .btn-gnb-menu{display:none;}
#header.open .related_site{display:block;}
#menuAll h3{font-size:2rem; margin-left:3rem;font-weight:300; padding-top:60px;  line-height:1.3; margin-bottom:20px; color:#fff;}
#menuAll h3 em{display:block;}
#header .sitemap{ display: none; position:absolute; right:3rem; top:3.5rem; font-size:18px; letter-spacing:0.03em;}
#header .sitemap a{color:#fff; cursor:pointer;}
#header .sitemap i{vertical-align:middle;}
#menuAll .mobile_top{display: none;}
#menuAll .mobile_top > ul {display:flex;justify-content: space-between; width:65rem; margin:0 auto; }
#menuAll .mobile_top > ul > li{flex-basis:13%;}
#menuAll .mobile_top > ul > li > a{display:block; font-size:18px; padding-bottom:15px; font-weight:500; width:100%; color:#fff; border-bottom:1px solid rgba(255,255,255,0.15);}
#menuAll .mobile_top ul li ul{margin-top:1rem;}
#menuAll .mobile_top ul li ul li{float:none; width:100%; height:auto; position:relative; margin-top:10px; margin-left:0;}
#menuAll .mobile_top ul li ul li:first-child{margin-top:0;}
#menuAll .mobile_top ul li ul li a{ display:block; font-size:.8rem; color: rgba(255,255,255,1); background:none; text-align: left; padding:0;}
#menuAll .mobile_top ul li ul li a:hover{color:#0E89C9;}
#menuAll .mobile_top ul li ul li ul{margin:10px 0 20px;}
#menuAll .mobile_top ul li ul li ul li{margin-top:5px; padding-left:12px; position:relative;}
#menuAll .mobile_top ul li ul li ul li:before{ content : ""; display : block; position : absolute; left :0; top:8px; width : 3px; height : 3px; background : rgba(255,255,255,0.6); border-radius:50%; }
#menuAll .mobile_top ul li ul li ul li a{color:rgba(255,255,255,0.9); font-weight:400; font-size:14px;}
#menuAll .mobile_top ul li ul li ul li a:hover{color:#8FC100;}

@media (max-width:1300px){
	#menuAll h3{margin-left:0;}
	#menuAll .mobile_top > ul {width:100%;}
	#header .sitemap{right:0;}
}
@media (max-width:1030px){
	/*사이트맵 버튼*/
	#header .btn-gnb-menu{display:block; position:absolute; right:0; top: 0; width:5rem; height:5rem; cursor:pointer; z-index:9999; text-align:center; font-size:0; line-height:1;}
	#header .btnAll {position:relative; width:1.5rem; height:1.3rem; top:50%; transform:translateY(-40%); z-index:9999;margin-top:0; outline: white !important;}
	#header .btnAll:focus-visible {outline: 3px solid #000;}
	#header .btnAll:focus:not(:focus-visible) {outline: none; }

	#header .btnAll span { display: block; width: 100%; height: 0.16rem; position: absolute;  -webkit-transition: all 0.25s; transition: all 0.25s; }
	#header .btnAll > span:nth-child(2) { top: 0;}
	#header .btnAll > span:nth-child(3) { top: 0.5rem; width: 70%; }
	#header .btnAll > span:nth-child(4) { top: 1rem;}
	#header.open .btn-gnb-menu{display:block; }	
	#header.open .btnAll > span{}
	#header.open .btnAll > span:nth-child(2) { top: 0.5rem; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); width: 1.5rem;}
	#header.open .btnAll > span:nth-child(3) { top: 0; opacity: 0; width: 1.5rem;}
	#header.open .btnAll > span:nth-child(4) { top: 0.5rem; -webkit-transform: rotate(135deg); transform: rotate(135deg); width: 1.5rem;}

	#header .sitemap, #menuAll .mobile_top{display:block;}

	
	/*전체메뉴*/
	#header #navi{background:#fff; position:fixed; right:-100%; top:0; width:100%; height:100%; padding-top:5rem;  z-index:100; transition:right 0.45s;}
	#header #navi:before{content : ""; display : block; position : absolute; left : 48%; bottom:0;  width :1px; height : calc(100% - 5rem);  background : #ddd; }
    #header.open #navi{transition:right 0.45s; right:0px;}

    #menuAll{display: block;}	
	#menuAll .mobile_top{width:100%; height:100%; margin-top:0; border-top:1px solid #ddd;}
    #navi .top_menu{display:block; overflow:hidden;}
	#navi .top_menu li{width:50%; float:left; text-align:center; position:relative;}
	#navi .top_menu li:before{content : ""; display : block; position : absolute; left : 0; top:0;  width :1px; height : 100%; background : rgba(255, 255, 255, .3);}
	#navi .top_menu li a{display:block; height:50px; line-height:50px; background:#0D1C40; color:#fff;}
	

	#menuAll h3{display:none;}
	/*1차*/
    #navi ul.mbtop {display:block; width:100%; height:100%;  margin:0; padding:0; position:relative;}
    #navi ul.mbtop li {width:48%; margin:0; height:auto;  display:block; padding:0;  float:none; border-bottom:1px #ddd solid;}
    #navi ul.mbtop > li > a {padding:0; background: none; text-align:left; display:block; width:100%; padding:15px 1rem;box-sizing:border-box; font-size:1.15rem;  color:#262626; position:relative;}
	#navi ul.mbtop > li > a:after{ content :"\e914"; display : block; position : absolute; right:10px;  top:15px;font-family:'xeicon'; font-weight:500; }
	#navi ul.mbtop > li.open_li > a{background:#0068B7; color:#fff;}
	#navi ul.mbtop > li.open_li > a:after{ content :"\e91b";}
    
	/*2차*/
    #navi ul.mbtop > li > ul {display:none; margin:0; float:none; position:absolute; right:0; top:0; width:calc(52% - 1px);  visibility:visible;  padding:1rem 1rem; margin-top:0; overflow-y:scroll; height:100%;}
    #navi ul.mbtop li ul li {float:none;border:none; box-sizing:border-box; background: none; padding-left:0;}
    #navi ul.mbtop li ul li a {color:#262626; background:url(none);  height:auto; padding-left:0;  font-size:1.05rem; line-height:1.6; position:relative;}
    #navi ul.mbtop li ul li:after,
	#navi ul.mbtop li ul li:before{display:none;}
	#navi ul.mbtop li ul li .newBlank{position: relative;}
	#navi ul.mbtop li ul li .newBlank:before{position: absolute; display : block; content:''; width: 0.8rem; height: 0.8rem; top: 0.1rem; left: 7.5rem; background: url("/images/default/content/link_icon.png") no-repeat center top; background-size: 0.8rem 0.8rem;}
	#navi ul.mbtop li ul li .newBlank:hover:before{position: absolute; display : block; content:''; width: 0.8rem; height: 0.8rem; top: 0.1rem; left: 7.5rem; background: url("/images/default/content/link_icon_over.png") no-repeat center top; background-size: 0.8rem 0.8rem;}


    /*3차*/
    #navi ul.mbtop li ul li ul{border:none; background:none; margin:0; padding:0;margin-top:10px; position:relative; right:auto; width:100%; top:auto; height:auto;}
    #navi ul.mbtop li ul li ul li {position:relative;}
    #navi ul.mbtop li ul li ul li:before{ content : ""; display : block; position : absolute; left :0; top:50%;  margin-top:-1.5px; width : 3px; height : 3px; background : #666; border-radius:50%; }
	#navi ul.mbtop li ul li ul li a{color:#888;}

}
@media (max-width:767px){

}



/********************************************************
■ 푸터
********************************************************/
#footer{clear:both; line-height:1.5; font-size:0.8rem; background-color: #333333; color:#fff; letter-spacing:0.02em; }
#footer .footer_top{width: 100%; position:relative; border-bottom: 1px solid #797a7d;}
#footer .footer_top .main_ft{width:1460px; margin:0 auto; display:flex; justify-content: space-between; height: 4rem; line-height: 4rem;}
#footer .footer_top .main_ft li{transition: all .3s; -webkit-transition: all .3s;}
#footer .footer_top .main_ft li:hover{color: #078b3a;}
#footer .footer_top .main_ft li a{}
#footer .footer_top .main_ft .footer_blue{font-size:14px; color:#00C2FF;}

#footer .footer_bottom{width:1200px; margin:0 auto; position:relative; display: flex; padding:2rem 0;}

#footer .footer_bottom li a:first-of-type { color: yellow; }

#footer .footer_bottom .copyright{position:relative;}
#footer .footer_bottom .copyright h3{vertical-align:top;}
#footer .footer_bottom .copyright h3 img { display: inline-block; margin-right: 50px; width: 220px; }
#footer .footer_bottom .copyright .f_info{}
#footer .footer_bottom .copyright .f_info li{position: relative; margin-top:1rem;}
#footer .footer_bottom .copyright .f_info li img{width:72px;}
#footer .footer_bottom .copyright .f_info li p{font-weight: 400;}
#footer .footer_bottom .copyright .f_info .copy p{font-family: 'Montserrat', sans-serif; color: #b0b0b0; font-size:12px;}
#footer .footer_bottom .f_link{margin-left: auto; position: relative;}

#footer .footer_bottom .f_link .shortcut_list{display: flex;}
#footer .footer_bottom .f_link .site_shortcut {width:10rem; margin-left: 1rem;}
#footer .footer_bottom .f_link .site_shortcut:first-child{margin-left: 0;}
#footer .footer_bottom .f_link .site_shortcut dl{position:relative;}
#footer .footer_bottom .f_link .site_shortcut .site_click {position:relative; height: 2rem; line-height: 2rem; width:100%; padding: 0 1rem; text-align:left; border-top: 1px solid #4c4c4c; color:#000; background: #fff; opacity:1; transform:none; -webkit-transform:none; transition:none; -webkit-transition:none; }
#footer .footer_bottom .f_link .site_shortcut .site_click:focus { outline: 3px solid #fff !important; outline-offset: 3px;}
#footer .footer_bottom .f_link .site_shortcut .site_click:after { content:''; position:absolute; right:1rem; top:50%; width:.3rem; height:.3rem; border:0 solid #4c4c4c; border-width:.1rem 0 0 .1rem; -webkit-transform: translateY(-50%) rotate(225deg); transform: translateY(-50%)rotate(225deg); -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }

#footer .footer_bottom .f_link .site_shortcut:hover .site_click{transition:all .5s;}
#footer .footer_bottom .f_link .site_shortcut .site_click.on:after,
#footer .footer_bottom .f_link .site_shortcut:hover .site_click:after{-webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg);}
#footer .footer_bottom .f_link .site_shortcut .site_list { position:absolute; bottom: 2rem; width:100%; right: 0; display:none; padding:.55rem 0; background-color:#fff; z-index:100; height:250px; overflow-x:hidden; overflow-y:scroll; border:1px solid #ddd;}
#footer .footer_bottom .f_link .site_shortcut .site_list li {margin:3px 0;}
#footer .footer_bottom .f_link .site_shortcut .site_list li a { display:block; padding:0 .9rem;color:#000; font-size:0.7rem;}

#footer .footer_bottom .f_link .sns_link{ display: flex; align-items: center; position: absolute; right:0; bottom:0; font-size: 0;}
#footer .footer_bottom .f_link .sns_link li{display:inline-block; margin-left:10px;}
#footer .footer_bottom .f_link .sns_link li:first-child{}
#footer .footer_bottom .f_link .sns_link li:first-child > a {display: block; width: 80px;}
#footer .footer_bottom .f_link .sns_link li:first-child > a > img {display: block; width: 100% !important; height: 100%; }
#footer .footer_bottom .f_link .sns_link li img { width:1.3rem;}
#footer .footer_bottom .f_link .sns_link a { background: transparent;}

@media (max-width:1460px){
	#footer{}
	#footer .footer_top .main_ft{width:100%;}
	#footer .footer_bottom{width:100%; padding:2rem 1rem;}
	#footer .footer_bottom .f_link .sns_link{right: 1rem;}
}

@media (max-width:1030px){
	#footer .footer_top .main_ft{width: 100%; flex-wrap: wrap;padding: 1rem 0; height: auto; line-height: inherit;}
	#footer .footer_top .main_ft li{width: 33.333%; text-align: center; margin-right:0; margin-top: .5rem;}
	#footer .footer_top .main_ft li a{display: block; width: 100%;  padding-right:0;}
}

@media (max-width:767px){
	#footer .footer_bottom{display: block;}
	#footer .footer_bottom .f_link{margin-top: 1rem;}
	#footer .footer_bottom .f_link .sns_link{position: relative; right: auto; bottom: auto; margin-top: 1rem;}
}