@charset "utf-8";
/*-------------------------------------------------
Layout Style Sheet
Version : 2.0
Author : ksk
Create date : 2023. 10. 
Last update : 2023. 10. 
-------------------------------------------------*/

@media (max-width: 1840px) {
	/* .allmenu{
		position: inherit;
		top: auto;
	} */
	.nav-area{
		width: calc(100% - 2%);
		max-width: 100%;
		margin-left: 2%;
		padding-right: 10rem;
	}
}
	
@media (max-width: 1600px) {
	.layerPop {	
		padding-top: 13.8rem;
		text-align: center;
	}
	.layerPop .layerPop_area {
	    position: relative;
		top: inherit !important;
		left: inherit !important;
	    display: inline-block;
	    max-width: 100%;
		height: auto !important;
		margin-bottom: 1rem;
	    text-align: left;
	    vertical-align: top;
	}
}


@media (max-width: 1440px) {

	#header{
		height: calc(9rem + 5rem);
	}
	.logo{
		height: 9rem;
		line-height: 9rem;
	}
	.nav-area > nav{
		width: calc(100% - 10rem);
	}
	#gnavigation a{
		padding: 0 2rem 0 1rem;
	} 
	#gnavigation > li > a{
		height: 9rem;
		font-size: 1.8rem;
	}	
	#gnavigation.active > li .depth2{
		height: calc(100% - 9rem);
	}
	.allmenu{
		width: 9rem;
		height: 9rem;
	}
	#snb {
		height: 22rem;
		margin-bottom: 4rem;
	}
	#snb .container::before{
		right: -8rem;
	}
	#snb .stitle{
		display: block;
		margin-bottom: 0;
		padding-right: 20rem;
		text-align: left;
		font-size: 30px;
	}
	.stitle {
		margin-bottom: 2rem;
		font: normal 3rem 'NotoB';
	}
	
	#snb .container::before{
		top: 2rem;
		height: 100%;
		background-position: 50% 100%;
	}
	
	
}
@media (max-width: 1200px) {
	
	.all_logo{
		left: 2%;
	}
	.nav-area > nav{
		display: none;
	}
	.all_nav > li{
		display: block;
	}
	.all_nav > li > a{
		display: block;
		width: auto;
		margin-bottom: 1rem;
		font-size: 2.6rem;
	}
	.all_nav .depth2{
		width: auto;
		padding-left: 2.5rem;
	}
	.all_nav .depth2 a{
		font-size: 1.8rem;
	}
	
	.quick-link{
		display: none;
	}
}
@media (max-width: 1180px) {

	#body.container, 
	.container {
		width: 95%;
	}
	#side  {
		display: none;
		/* float: none;
		width: auto;
		margin-top: 0; */
	}
	.snb_title{
		display: none;
	}
	
	.nav-area{
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0;
		justify-content: space-between;
	}
	.logo{
		position: relative;
		padding-left: 2rem;
		width: calc(100% - 9rem - 2rem);
	}	
	.allmenu{
		margin-left: 2rem;
	}
	
	#gnavigation > li > a{
		padding: 0 3rem;
	}

	#body {
		margin-bottom: 5rem;
	}
	#Side-Quick{
		display: none;
	}
	#divisional_area .divisional_inner {
		width: 95%
	}
	.content-footer {
		margin-left: 0;
	}
	.sns_share > li.top {
		display: block;
	}
}

@media (max-width: 1024px) {
	html {
		font-size: 9px;
		}	
	#wrap {
		min-width: 32rem;
		}
	.allmenu_layer .all_txtbox{
		display: none;
	}
	.allmenu_layer .all_nav_box{
		width: 100%;
		max-width: 100%;
		height: 100%;
		padding: 0;
	}
	.all_logo{
		position:relative;
		left: 0;
		display: block;
		height: 9rem;
		line-height: 9rem;
		padding: 0 9rem 0 2rem;
		border-bottom: 1px #EEEEEE solid;
	}
	.allmenu_layer .mCustomScrollbar{
		height: calc(100% - 9rem);
	}
	.all_nav > li {
		padding: 3rem 2rem;
		}
	.all_nav .depth2 > li {
		font-size: 1.6rem;
		margin-right: 2rem;
		}
	.all_nav .depth2 > li > a{
		margin-bottom: 10px;
	}
	.allmenu_layer .allmenu_close{
		right: 0;
		width: 9rem;
		height: 9rem;
		line-height: 9rem;
		background: none;
		font-size: 2.6rem;
	}
	.divisional-list li {
		width: 20%;
	    min-height: 5rem;
		}
	.path_wrap .float_right {
		display: none;
		}
	.path_wrap {
		margin-bottom: 2rem;
		}	
	.path_wrap .path {
		margin-bottom: 0;
		}	
	
	.fixTitle {
	    width: calc(100% - 28rem);
	    } 
	.header_wrap.fixed .allmenu {
	    margin-top: 0.2rem;
		}
		
	.f-utill{
		position: relative;
		top: inherit;
		right: inherit;
		margin-bottom: 1rem;
	}
	.select-link {
		width: 25rem;
		margin-bottom: 1rem;
		}	
	.fsidemenu {
		width: 100%; 
		margin-right: 0;
	}	
	.fsidemenu li {
		float: none;
		display: inline-block;
		margin-bottom: 1rem;
	}
	.fsidemenu li a {
		display: block;
	}
	
	.stitle {
		line-height: 1.3;
		font-size: 24px;
	}
}
@media (max-width: 980px) {
	.header_wrap {
	    display: inline-block;
	    padding-bottom: 1.5rem;
	    border-bottom: 1px solid #ddd;
		}
	.total_search {
		float: none;
		width: 100%;
		}
	.total_search .searchbox {
		margin-right: 0;
		}	
	.search-hotissue {
		float: left;
	    margin-left: 15rem;
		}	
	.nav-area::before {
		display: none;
		}
	#detail_content {
		min-height: inherit;
		}	
}
@media (max-width: 880px) {
	.layerPop {	
		padding-top: 12rem;
		}
	.khidi_hm .home {
		width: 6.5rem;
		}
	.search_area .searchbox .search_keyword {
	    padding: 0 0.5rem;
		font-size: 1.4rem;
		}	
	.tsidemenu > li:first-child {
		margin-left: 0;
		}
	
	.searchbox .search_btn {
	    margin-right: 1rem;
		}
	.content-footer {
		margin-top: 5rem;
		}
	.relation_content	{
	    float: none;
	    width: 100%;
	    margin-bottom: 2rem;
		}	
	.sns_share > li {display: block !important;}
	.content-footer {width: 95%; margin: 0 auto;}
	
	/*#snb .nav .submenu{
		display: none;
	}
	#snb .nav .submenu:last-child{
		display: block;
		width: calc(100% - 6rem);
		min-width: auto;
	} */
	#snb nav .submenu button{
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	}
	#snb nav .submenu{
		min-width: auto;
		width: 30%;
	}
	
}

@media (max-width: 780px) {
	.total_search .searchbox {
	    width: 38rem;
	    overflow: hidden;
	}
	.total_search .search_keyword {
		width: calc(100% - 6.5rem);
	}	
	.total_search .btn_arrow {
	    display: none !important;
	}	
	.footer-sitemap .container > li{
	    padding-left: 1.5rem;
	}
}

@media (max-width: 768px) {
	
	.tsidemenu > li + li:before{
		background-color: rgba(0,0,0,0.6);
	}
	.top_service .tsidemenu > li + li:before{
		display: none;
	}
	.top_service .tsidemenu .login,
	.top_service .tsidemenu .logout,
	.top_service .tsidemenu .member,
	.top_service .tsidemenu .globus{
		display: none;
	}
	
	.allmenu_layer .tsidemenu{
		display: block;
		height: 5rem;
		float: none;
		padding: 0 9rem 0 2rem;
		/* border-bottom: 1px #ddd solid; */
		background-color: #F5F5F5;
		font-size: 14px;
	}
	.allmenu_layer .tsidemenu > li{
		float: none;
		display: inline-block;
	}
	.allmenu_layer .tsidemenu > li:last-child{
		margin-left: 5px;
		padding-left: 5px;
	}
	.allmenu_layer .tsidemenu > li:last-child:before{
		display: block;
	}
	.all_logo{
	    height: 9rem;
	    line-height: 9rem;
	}
	
	.all_nav{
		display: block;
		min-height: 50rem;
	}
	.allmenu_layer{
		background: #fff;
	}
	.allmenu_layer .all_txtbox{
		display: none;
	}
	.allmenu_layer .allmenu_close > span {
		display: block;
		height: 1px;
		overflow: hidden; 
	}
	.all_logo img{
		filter: none;
	}
	.allmenu_layer .allmenu_close{
		top: 5rem;
		color: #222;
	}
	.all_nav > li {
		position: initial;
		float: none;
		width: 100%;
		height: initial;
	    padding: 0 2rem;
		border-left: none;
	}
	.all_nav > li + li{
		margin-top: 0;
	}
	.all_nav > li > a {
		width: 45%;
	    margin-bottom: 0;
	    padding: 2rem 1rem;
	    font-size: 20px;
	    border-bottom: 1px solid #ddd;
	    color: #222;
	}
	.all_nav > li.active > a {
		text-decoration: underline;
	}
	.all_nav > li > a:before{
		display: none;
	}
	.all_nav .depth2 {
		display: none;
		position: absolute;
		left: 56%;
		top: 3rem;
		width: 40%;
		margin-bottom: 2rem;
		padding-left: 0;
		font-size: 1.4rem;
		z-index: 999;
	}
	.allmenu_layer .mCustomScrollbar:after{
		position: absolute;
		top: 0;
		right: 0;
		width: 50%;
		background-color: #0F365E;
		opacity: 0;
		content: '';
		z-index: -1;
	}
	.allmenu_layer.active .mCustomScrollbar:after{
	    height: 100%;
	    opacity: 1;
	}
	
	.all_nav .depth2 a:before{
		display: none;
	}
	.all_nav .depth2 > li > a{
		font-size: 18px;
		padding-bottom: 0;
	}
	.all_nav .depth2 > li > a:hover,
	.all_nav .depth2 a:hover,
	.all_nav .depth2 > li.active > a{
		color: #fff;
		text-decoration: underline;
	}
	.all_nav .depth2 > li > a:before{
		display: none;
	}
	.all_nav .depth3 > li::before{
		top: 9px;
		background-color: #8E96C0;
	}
	.all_nav .depth3 > li.active > a{
		color: #fff;
		text-decoration: underline;
	}
	.all_nav .depth3 > li > a:hover{
		color: #fff;
	}
	.all_nav > li.active  .depth2 {
		display: block;
	}
	#snb{
		height: 20rem;
		margin-bottom: 3rem;
	}
	#snb .stitle{
		margin-bottom: 0;
		line-height: 1.3;
		letter-spacing: -1px;
		font-size: 26px;
	}
	#snb .nav{
		height: 50px;
	}
	#snb nav .home{
		height: 50px;
		line-height: 50px;
	}
	#snb nav .submenu{
		width: 45%;
	}
	#snb nav .submenu#depth_1{
	    width: 0;
	    overflow: hidden;
	    visibility: hidden;
	}
	#snb nav .submenu button{
		height: 50px;
		padding: 10px 6rem 10px 2rem;
	}
	#snb nav .submenu button:after{
		height: 50px;
		line-height: 50px;
	}
	#snb .stitle{
		padding-right: 16rem;
	}
	#snb .container::before{
		width: 28rem;
	}
}


@media (max-width: 678px) {
	#body {
		margin-bottom: 3rem;
	}
	.total_search .searchbox {
		width: 23rem;
	}	
	.tsidemenu > li {
		margin-left: 5px;
		padding-left: 5px;
	}	
	.tsidemenu > li:last-child{
		margin-left: 5px;
	}
	.divisional-list li {
		width: 33.33%;
	}
	.relation_content dt {
		float: none;
	}	
	.relation_content dt:after {
		display: none;
	}	
	#footer address .tel {
		display: block;
	}
	.fsidemenu {
		margin-left: -1.5rem;
	}
}

@media screen and (max-width: 620px) {
	.path{
		margin-bottom: 0;
	}
}


@media screen and (max-width: 558px) {
	.top_service .khidi-hm{
		display: none;
	}
	.total_search .search_keyword {margin-left: 0;}
	.top_service i {margin-right: 0.3rem;}
	.khidi-search{
		display: inline-block;
		float: none;
		margin-left: 2.5%;
		white-space: nowrap;
	}
	.tsidemenu {
		display: inline-block;
		font-size: 1.4rem;
		}
	.total_search .searchbox {width: 16rem;}
	.total_search .search_keyword {width: 73%;}
	
}

@media (max-width: 495px) {
	
	#header{
		position: relative;
	}
	#body.container, .container {
		width: 90%;
	}
	#header .container {
		width: 100%;
	}
	.khidi_hm .home {
		display: none;
	}
	.search-hotissue {
		left: 0;
	}	
	.divisional-list li {
		width: 50%;
	}	
	.total_search :-ms-input-placeholder {
		opacity: 0;
	}
	.total_search ::-webkit-input-placeholder {
		opacity: 0;
	}
	.select-link { 
		float: none;
	}
	.khidi-search input[type="text"]{
		width: 15rem;
	}
	#footer{
		padding: 3rem 0;
	}
	#footer .address .flogo{
		margin-bottom: 2rem; 
		font-size: 2.5rem;
	}
	.fsidemenu{
		margin-left: -1rem;
		margin-bottom: 2rem;
	}
	.fsidemenu li{
		margin-bottom: 0.5rem;
	}
	.fsidemenu li a{
		font-size: 14px;
	}
	#footer address{
		padding-top: 2rem;
		font-size: 14px;
	}
}
@media (max-width: 360px) {
	html{
		width: 360px;
		overflow-x: auto !important;
	}

}