@charset "utf-8";
/*-------------------------------------------------
layout Style Sheet / myeong-hee / 2020.09.11
-------------------------------------------------*/
@media (max-width: 1930px) {
.quick-link {right: 0;}
}
@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;
	}
.layerPop .layerPop_area p {
	line-height: 1;
	}
.layerPop .layerPop_area a {	
	display: block;
	}
}
@media (max-width: 1500px) {
.quick-link{display: none;}
}
@media (max-width: 1360px) {
#header, #body.container, .container {
	width: 95%;
	}
#body {
	margin-bottom: 5rem;
	}	
#side {
	margin-right: 5rem;
	}
#divisional_area .divisional_inner {
	width: 95%
	}
.content-footer {
	margin-left: 0;
	}
.sns_share > li.top {
	display: block;
	}
}

@media (max-width: 1120px) {
html {
	font-size: 9px;
	}	
#wrap {
	min-width: 32rem;
	}	
#header > nav, #side  {
	display: none;
	} 
.allmenu {
	margin-top: 0.5rem;
	}
.allmenu_layer .close > span {
	display: block;
	width: 3.5rem;
	height: 1px;
	overflow: hidden;
	}	
.all_nav > li {
	padding: 3rem 2rem;
	}
.all_nav > li > a {
	font-size: 1.8rem;
	}
.all_nav .depth2 > li {
	font-size: 1.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;
    line-height: 1.6;
	}	

.fixTitle {
    width: calc(100% - 28rem);
    } 
.header_wrap.fixed .allmenu {
    margin-top: 0.2rem;
	}
.select-link {
	position: relative;
	top: inherit;
	right: inherit;
	float: right;
	width: 25rem;
	margin-bottom: 2rem;
	}	
.fsidemenu {width: 100%; margin-right: 0;}	
.fsidemenu li {width: 25%; margin-bottom: 1rem;}	
.fsidemenu li::before {margin: 0 1rem;}
.fsidemenu li:nth-child(5)::before {opacity: 0;}
.fsidemenu li a {display: inline-block; width: calc(100% - 3rem); }
}
@media (max-width: 980px) {
.allmenu_layer {
	top: 12.7rem;
	}	
#body {
	margin-top: -0.7rem;
	}
.header_wrap {
    display: inline-block;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #ddd;
	}
.header_wrap.fixed {
    padding-bottom: 0;
	}	
.nav-area > nav, 
.hotissue-area {
	display: none;
	}
.total_search {
	float: none;
	width: 100%;
	}
.total_search .searchbox {
	margin-right: 0;
	}	
.search-hotissue {
	float: left;
    margin-left: 15rem;
	}	
.nav-area {
    float: right;
	width: auto;
    padding-top: 0;
	}	
.nav-area::before {
	display: none;
	}
#detail_content {
	min-height: inherit;
    margin-bottom: 5rem;
	}
#footer .mark {	
	display: none;
	}
}
@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;
	}

.allmenu_layer .allmenu_close {
    right: 2rem;
	width: 3.4rem;
	}	
.allmenu_layer .allmenu_close > span {
	display: block;
	height: 1px;
	overflow: hidden; 
	}	
.allmenu_layer .container {
	width: 100%;
	height: 90%;
	}	
 .allmenu_layer.active .all_nav {
 	}	
.all_nav > li {
	float: none;
	width: 100%;
	height: initial;
    padding: 0 1.5rem;
    border-bottom: 1px solid #ddd;
	border-left: none;
	}
.all_nav > li:last-child {
	border-right: none;
	}	
.all_nav > li > a {
    margin-bottom: 0;
    padding: 2rem 0;
	}
.all_nav .depth2 {
	display: none;
	margin-bottom: 2rem;
	font-size: 1.4rem;
	}	
.all_nav > li.active  .depth2 {
	display: block;
	}	
.all_nav .depth3 {
	display:block;
	}
.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;}
}
@media (max-width: 780px) {
.search-hotissue {
    position: absolute;
    top: 0;
    left: 9rem;
    width: auto;
    margin-left: 0;
	}
.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;
	}
.fsidemenu li {width: 33.33%;} 
.fsidemenu li:nth-child(5)::before {opacity: 0.35;}
}
@media (max-width: 678px) {
#body {
	margin-bottom: 3rem;
	}	
.search-hotissue {
	text-align: left;
	}	
.total_search .searchbox {
	width: 23rem;
	}	
.tsidemenu > li {
	margin-left: 1rem;
	}	
.divisional-list li {
	width: 33.33%;
	}	
.allmenu_layer .allmenu_close {
    top: -6.5rem;
    right: 1.5rem;
    }	
.allmenu_layer {
	top: 12.7rem;
	}	
.relation_content dt {
	float: none;
	}	
.relation_content dt:after {
	display: none;
	}	
#footer address .tel {
	display: block;
	}
.fsidemenu {margin-left: -1.5rem;}	
.fsidemenu li {width: 50%;} 
.fsidemenu li:nth-child(odd)::before {opacity: 0}
.tsidemenu > li {margin-left: 0.5rem;}
}
@media (max-width: 558px) {
.search-hotissue {left: 8rem;}
.total_search .search_keyword {margin-left: 0;}
.top_service i {margin-right: 0.3rem;}
.tsidemenu {font-size: 1.4rem;}
.total_search .searchbox {width: 16rem;}
.total_search .search_keyword {width: 73%;}
}
@media (max-width: 495px) {
#header, #body.container, .container {
	width: 90%;
	}
#header .container {
	width: 100%;
	}
#divisional-area .container {
	width: 90%;
	}
.khidi_hm {
	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;
	width: 100%;
	}
}
@media (max-width: 380px) {
html {
	min-width: 360px;
	}
.total_search .searchbox {
    width: 14rem;
	}
.total_search .btn_search {
	width: 4rem;
    height: 4rem;
    margin-top: .15rem;
	}
}