@charset "utf-8";
.container {/*max-width: 120rem;*/} 
@media (min-width: 1400px){
	.container {
	    max-width: 1200px;
	    padding: 0;
	}
}	



/** HEADER */
header.header {width: 100%;}
header.header .util_wrap {width:100%; margin:auto; font-size:15px; border-bottom:1px solid #cecece; overflow:hidden;}
header.header .util_wrap .left_box {float:left;}
header.header .util_wrap .right_box {float:right;}
header.header .util_wrap .bg1 {background:#006999;}
header.header .util_wrap .bg2 {background:#0a81b8;}
header.header .util_wrap ul {width:230px; overflow:hidden;}
header.header .util_wrap ul li{width:50%; float:left; text-align:center;}
header.header .util_wrap ul li a{display:block; color:#fff; line-height:45px;}
header.header .util_wrap ul li a:hover,
header.header .util_wrap ul li a:focus {background:#333; transition:all .2s;}

header.header .logo_wrap {width:100%; margin:auto; height:90px; line-height:90px; border-bottom: 1px solid #cecece;}
header.header .logo_wrap .logo_section{display: flex; align-items: center; justify-content: space-between; max-width: calc(100% - 120px);}
header.header .logo_wrap .logo {width:210px; }
header.header .logo_wrap .gnb_wrap {}

header.header .nav-inner .hd_login{display: none;}
.tobbar{display: none;}

.hd_btn{display: flex; align-items: center; gap: 0.5rem;}
.hd_btn_wrap{display: contents;}
.hd_btn_wrap a{display: inline-flex; /*width: 40px; text-align: center;*/ flex: none; width: 28px; height: 25px; justify-content: center; margin: 0 0.5rem;}
.hd_btn button{margin-left: 0.5rem; width: 28px; height: 25px;}
.hd_utill{}
.hd_utill button a{display: flex; align-items: center; justify-content: center;}
.hd_btn_wrap .mypage{width: unset; display: flex; align-items: center; gap: 0 0.5rem; flex-wrap: wrap; justify-content: center; flex: 1; text-align: center;}
.hd_btn_wrap a span.userName{font-size: 1.5rem; word-break: keep-all;}
.nav-inner button span{margin-left: 0; font-size: 25px;}
/** 260520 */
.hd_btn_wrap .logout {display: block;width: 29px;height: 26px;background: url(/images/site/main/logout_W.png) no-repeat center;font-size: 0;text-indent: -9999px;overflow: hidden;}
.navbar.on .hd_btn_wrap .logout {background: url(/images/site/main/logout.png) no-repeat center;}
.hd_btn_wrap a span.userName {color:#fff;}
.navbar.on .hd_btn_wrap a span.userName  {color:#333;}
/** //HEADER */

section.main {position:relative; /*min-height:calc(100vh - 75px);*/}

/** GNB */
.gnb_wrap {}
.gnb {width:100%;}
.gnb>ul {text-align:center;}
.gnb>ul>li{display:inline-block; *display:inline; zoom:1;}
.gnb>ul>li>a{display:block;height:90px;line-height:90px;padding:0 4rem;}
.gnb>ul>li>a>span{font-size: 1.8rem; font-weight: 500;}
.gnb>ul>li.on>a>span,
.gnb>ul>li>a:hover>span,
.gnb>ul>li>a:focus>span{border-bottom:2px solid #006999; padding-bottom:5px; transition:all .2s;}
.gnb>ul ul {display:none;}
.gnb li.on>ul {display:block;}
.gnb ul[data-level="2"] {position:absolute; width:100%; top:91px; left:0; z-index:10; background:#f4f5f6; text-align:center; border-bottom:1px solid #e8e8e8;}
.gnb ul[data-level="2"]>li{display:inline-block; *display:inline; zoom:1;}
.gnb ul[data-level="2"]>li>a{display:block;height:40px;line-height:40px;padding:0 30px; font-size: 17px;}
.gnb ul[data-level="2"]>li>a>span{font-size: 17px;}
.gnb ul[data-level="2"]>li>a:hover>span,
.gnb ul[data-level="2"]>li>a:focus>span{border-bottom:2px solid #006999; padding-bottom:5px; transition:all .2s;}
/** //GNB */

/*HAMBUGER*/
.menu-trigger {}
.menu-trigger, .menu-trigger span {display: inline-block; transition: all .4s; box-sizing: border-box;}
.menu-trigger {position: relative; width: 26px; height: 21px;}
.menu-trigger span {position: absolute; left: 0; width: 100%; height: 3px; background-color: #333; border-radius: 3px;}
.menu-trigger span:nth-of-type(1) {top: 0;}
.menu-trigger span:nth-of-type(2) {top: 9px;}
.menu-trigger span:nth-of-type(3) {bottom: 0;}
.sidebar_wrap{display: none;}

/** FOOTER */
footer.footer {width: 100%;overflow:hidden; border-top: 1px solid #cecece; margin-top: 6rem;}
footer.footer .bottom_link {width:100%; text-align:center; border-top:1px solid #cecece; border-bottom:1px solid #cecece; padding:15px 0 ;}
footer.footer .bottom_link ul {text-align:center;}
footer.footer .bottom_link ul li {display:inline-block; *display:inline; zoom:1;}
footer.footer .bottom_link ul li + li::before{content:'·'; margin:0 15px;}
footer.footer .bottom_link ul li a {font-weight:bold; font-size: 13px; }
footer.footer .bottom_link ul li a:hover,
footer.footer .bottom_link ul li a:focus{color:#006999; transition:all .2s;}

footer.footer .address {width:100%; position:relative; margin:30px 0;}
footer.footer .address ul {width:100%; overflow:hidden;}
footer.footer .address ul li {float:left; display:inline-block; display:inline; zoom:1; font-size: 15px; }

.ft_wrap{display: flex; flex-wrap: wrap; justify-content: space-between;}

.ft_wrap .fnb{width: 50%;}
.ft_wrap .fnb ul li a{font-weight: 500; font-size: 1.6rem;}
.ft_wrap .fnb .fnb_menu li + li::before{content:'|'; margin:0 15px; color: #b6b6b6;}
.ft_wrap .fnb .copy_address{margin: 2rem 0 1rem 0;}
.ft_wrap .fnb .copy_address, .ft_wrap .fnb .copy{color: #666; font-size: 1.5rem;}
.ft_wrap .fnb .copy_address ul li:not(:last-child)::after{content:'|'; margin:0 15px; color: #b6b6b6;}

.ft_wrap .link_site{}
.ft_wrap .link_site select{background: #f1f2f3; border: 0; border-radius: 5px; width: 220px; color: #666; font-weight: 600; background-image: url(/images/site/main/i_arrow_g.png); 
	background-size: auto; background-repeat: no-repeat; background-position: calc(100% - 20px) center;}


.top_btn {width: 5.6rem; height: 5.6rem; background-color: #757575; border-radius: 30px; color: #fff; text-align: center; line-height: 5.6rem;
    position: fixed; right: 50px; bottom: 80px; font-size: 2rem; z-index: 1;}
.top_btn:hover{background: #777; transition: all 0.5s ease-in-out;}

#top_btn{display: none; opacity: 0; transition: opacity 0.5s ease-in-out;}
    
/*이메일무단수집거부*/
.e_text p{
	font-size: 20px;
	font-weight: 600;
	margin: 1rem 0 2rem 0;
}
.index {
	counter-reset: number 0;
	padding-bottom: 2rem;
	text-align: left;
}
.index_item {
  	color: #666;
	margin-bottom: 1rem;
	position: relative;
	padding-left: 15px;
}
.index_item::before{
	content: counter(number) ".";
	counter-increment: number 1;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}
.e_text span{
	margin-bottom: 0 !important;
}
	
/** //FOOTER */

/** SNB */
.sub_inner_wr{margin-top: 4rem;}
.snb_wrap {/*width:120rem; margin:auto;position:relative;*/padding-right: 6rem;}
.snb {/*position:absolute;;z-index:1;*/}
.snb .top {text-align:center; width:22rem; line-height:14rem; height:14rem; background:#258909; border-radius: 12px; position: relative; box-shadow: 5px 5px 8px #e5e5e5;
	display: flex; align-items: center;  justify-content: space-around;}
.snb .top h1{color:#fff; font-size:2.8rem; font-weight: 700;}
.snb .top .top-sub-tit{display: none; font-size: 17px;}
.snb .top::after{content:''; display: block; background: url('/images/site/sub/bg_smenu.png'); width: 11.8rem; height: 11rem; position: absolute; bottom: -1rem; right:-2.5rem;}
.snb>ul ul{display:none;}
.snb ul li a {display:block;padding:12px 20px;}
.snb ul li a.active{}
.snb ul li a span {font-size:1.7rem; position: relative;}
.snb ul li a:hover{background:#f9f9f9;}
.snb ul li:first-child a:hover{border-top-left-radius: 12px; border-top-right-radius: 12px;}
.snb ul li:last-child a:hover{border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;}
.snb ul li a span:before{content:''; position: absolute;}
.snb li.on ul {/*display:block;*/}
.snb>ul{width:220px; margin:auto; background:#fff; border: 1px solid #cecece; box-sizing:border-box; margin-top: 12px; border-radius: 12px;}
.snb>ul>li{box-sizing:border-box;}
.snb>ul>li+li{border-top: 1px solid #cecece;}
.snb>ul>li.on>a {background:#F9F9F9; color: #148043;}
.snb>ul>li.on:last-child > a {border-bottom-right-radius: 12px; border-bottom-left-radius: 12px;}
.snb>ul>li.on:first-child > a{border-top-right-radius: 12px; border-top-left-radius: 12px;}
.snb>ul>li.on>a>span {font-weight:bold;}
.snb ul[data-level="2"] {padding:10px;}
.snb ul[data-level="2"]>li>a:hover>span,
.snb ul[data-level="2"]>li>a:focus>span {border-bottom:2px solid #006999; padding-bottom:1px; transition:all .2s;}
.snb ul[data-level="3"] {padding:10px;}
.snb ul[data-level="3"]>li>a:hover>span,
.snb ul[data-level="3"]>li>a:focus>span {border-bottom:2px solid #006999; padding-bottom:1px; transition:all .2s;}
/** //SNB */

/** SUB */
.sub_wrap {max-width: 92rem; width: 100%;}
.sub_title { position: relative; padding:0 0 2rem 0; border-image: url(/images/site/sub/bg-tit-box-bottom-border.gif) 0 0 100 0 fill/5px/5px repeat;}
.sub_title .inner {/*width:100%; float:right;*/}
.sub_title h1{font-size: 2.6rem; font-weight: 700;}
.sub_title p {font-size:19px; font-weight:bold;}
.sub_title p + ul {margin-top:8px;}
.sub_title ul {position: absolute; right: 0; bottom: 3rem; display: flex; align-items: center; padding: 0; margin: 0;}
.sub_title ul li {display: inline-block;}
.sub_title ul li + li::before {content: ""; background-image: url(/images/site/sub/icon-nav-arrow.gif); width: 15px; height: 15px; display: inline-block;
    background-repeat: no-repeat; background-position: bottom; margin: 0 5px;}
.sub_con_wr{max-width: 120rem; margin: 0 auto; margin-top: 4rem; justify-content: space-between; position: relative; display: flex; min-height: 86rem;}
.sub_wrap .sub_content { overflow:hidden; min-height: 50rem; }
.sub_wrap .sub_content .inner {padding-top: 4rem;}
.sub_side {/*position:absolute;width:100%;top:0;left:0;*/}
.sub_side + .sub_wrap .sub_title .inner {/*width:calc(100% - 280px);*/}
.sub_side + .sub_wrap .sub_content .inner {/*width:calc(100% - 280px);*/}

/*서브메뉴타이틀 경로*/
#menuNav a.home{font-size: 0; display: block;}
#menuNav a.home::before {content: ""; background-image: url(/images/site/sub/i_home.png); background-size: 90%; width: 18px; height: 16px; display: inline-block; background-repeat: no-repeat;
    background-position: bottom;}
#menuNav a {color: #666; position: relative; font-size: 1.4rem; font-weight: 500;}

/** //SUB */


/*반응형*/
@media all and (max-width:1640px) {
  .gnb>ul>li>a{padding: 0 2rem;}
}

@media all and (max-width:1350px) {
	.gnb>ul>li>a>span{font-size: 1.6rem;}
	.sub_con_wr{padding: 0 1.5rem;}
	.adm_section{margin: 4rem 1.5rem !important;}
}
@media all and (max-width: 1200px) {
	.ft_wrap .fnb { width: 70%; margin-top: 1rem;}
}
/* 테블릿 가로 */
@media all and (max-width:1024px) {
	.ft_wrap{align-items: center; padding: 0 2rem;}
	.ft_wrap>:nth-child(2){order:1;}
	.ft_wrap .fnb{width: 100%; margin-top: 1.6rem;}
}

@media (max-width: 992px){
	.sub_side {display: none;}
	.navbar{padding: 1.5rem; border-bottom: 1px solid #cecece;}
	.navbar .nav-inner .hd_utill{display: contents;}
	header.header .nav-inner .hd_login{display: block; /*width: 3.8rem; height: auto; padding: 0.25rem 0.75rem;*/}
	header.header .nav-inner .hd_login img{vertical-align: middle;}
	.hd_btn_wrap{display: none;}
	.sub_inner_wr .sub_title{padding-top: 0;}
	footer.footer .address ul{display: flex; flex-wrap: wrap; justify-content: center;}
	.ft_wrap .fnb .copy_address, .ft_wrap .fnb .copy{text-align: center;}
	.top_btn{display: none !important;}
	
	/*모바일 햄버거*/
	/*왼쪽메뉴*/
		.sidebar_wrap{
			width: 100%;
			height:100vh;
			position:relative; 
			display: block;
		}
		.sidebar{
		  width:80%;
		  position:absolute;                 
		  top:0;                         
		  right:0;                      
		  bottom:0;                      
		  
		  -webkit-transition: left .3s; 
		  -moz-transition: left .3s;    
		  -ms-transition: left .3s;
		  -o-transition: left .3s;
		  transition: left .3s;
		  background-color:#fff;
		}
		.sidebar.on{
		  left:0;
		}
		.sidebar ul li a{
		  display:inline-block;
		  width:100%;
		  padding:10px;
		}
		.sidebar .sidebar_menu li a{
			font-weight: 600;
			position: relative;
		}
		.sidebar .sidebar_menu li a img{
			position: absolute;
			top: 50%;
			right: 5%;
			transform: translateY(-50%);
		}
		.sidebar .dropdown_menu{
			background: #f7f8f9;
		}
		.sidebar .dropdown_menu li a{
			font-weight: 400;
			color: #666;
		}
		.tobbar{
			display: block;
			width: 100%;
			background: #258909;
			padding: 1rem 2rem;
		}
		.tobbar .user_name{
		    text-align: center;
		    color: #fff;
		    display: block;
		    border-bottom: 1px dashed rgba(255,255,255,.5);
		    padding-bottom: 0.5rem;
		    font-size: 1.8rem;
		}
		.tobbar .bar_inner{
			justify-content: space-between;
			display: flex;
			align-items: center;
			padding-top: 1rem;
		}
		.tobbar .my-local{
			color: #fff;
			margin: 0;
			font-size: 1.8rem;
			font-weight: 600;
			flex-grow: 1;
		}
		.tobbar .my-local::before{
		    content: url(/images/site/main/i_my_w.png);
		    display: inline-block;
		    vertical-align: middle;
		    margin-right: 8px;
		}
		.tobbar #logout_btn{
			color: #fff;
			border: 1px solid #fff;
			border-radius: 20px;
			padding: 3px 18px;
		}
		.tobbar .modal_close{
			background: #fff;
			margin: 0 0 0 1.2rem;
		}
		.tobbar .modal_close, .tobbar .modal_close{
		    width: 28px;
   			height: 28px;
		}
		.tobbar .modal_close::before, .tobbar .modal_close::after{
			background: #258909;
			width: 14px;
		}
	.ft_wrap{gap: 1rem 0;}
}

/* 모바일 가로 & 테블릿 세로 */
@media all and (max-width:767px) {
	.sub_wrap .sub_title{}
	.sub_wrap .sub_title h1{}
	.sub_title ul{line-height: 25px; width: 100%; position: relative; bottom: unset;}
	footer.footer .address ul{text-align: center;}
	footer.footer .address ul li{float: none;}
	.ft_wrap .fnb .copy{text-align: center;}
	.ft_wrap {justify-content: center;}
}

@media all and (max-width:479px){
	.ft_wrap{flex-direction: column;}
	.ft_wrap .fnb{text-align: center;}
	.sub_inner_wr .sub_title ul{line-height: 25px; width: 100%; position: relative; bottom: unset;}
	.sub_title ul{flex-wrap: wrap;}
}

/* 260427 */
@media all and (max-width:370px){
header.header .nav-inner .hd_login {display: block;width: 23px;height: 26px;}
footer.footer {margin-top: 8rem;}
}