@charset "utf-8";
@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; } 
#snb .container::after { right:0; } 
}
@media (max-width: 1440px) {.logo {height: 9rem;line-height: 9rem; } 
#gnavigation a {padding: 0 2rem 0 1rem; } 
#gnavigation > li > a {height: 9rem;font-size: 1.6rem; } 
#gnavigation.active > li .depth2 {height: calc(100% - 9rem); } 
#gnavigation .depth2 > li > a { font-size:1.6rem; }
 
.all_nav > li { padding:0 1rem; } 
.all_nav > li > a {font-size:1.8rem; } 
.all_nav .depth2 > li > a { font-size:1.7rem; } 
#snb {margin-bottom: 4rem; } 
#snb .stitle {display: block;margin-bottom: 0;padding-right: 20rem;text-align: left;font-size: 30px; } 
.stitle {margin-bottom: 2rem;font-weight: 700; } 
#content .stitle {font-size: 3rem; } 
}
@media (max-width: 1200px) {
.all_logo {left: 2%; } 
.nav-area > nav {display: none; } 
.all_nav { flex-wrap:wrap; } 
.all_nav > li {display: block;padding: 2rem 1rem;width:33.333%; } 
.all_nav > li > a {margin-bottom: 1rem;padding-right: 3rem;font-size: 2rem;height:7rem; } 
.all_nav .depth2 > li { margin-bottom:1rem; } 
.all_nav .depth2 {width: auto;}
.all_nav .depth2 a {font-size: 1.8rem; } 
}
@media (max-width: 1180px) {
#side {display: none;}
.snb_title {display: none; } 
.nav-area {width: 100%;justify-content: space-between;padding: 0; } 
.logo {position: relative;width: calc(100% - 9rem - 2rem); } 
.allmenu {margin-left: 2rem; } 
#gnavigation > li > a {padding: 0 3rem; } 
#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 .depth2 > li {font-size: 1.6rem;margin-right: 2rem; } 
.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: 2rem; } 
.select-link {width: 25rem; } 
.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 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) {
html {font-size: 8px; } 
#snb nav .submenu {display: none; } 
#snb nav .submenu:last-child {display: inline-block;width: calc(100% - 5rem); } 
.top_service {max-width: 100%; } 
.nav-area,
#body.container, 
.container {max-width: calc(100% - 16px - 16px); } 
.nav-area { padding: 0; } 
.top_service .khidi-hm { display: none; } 
.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; } 
.all_nav > li.active > a { text-decoration: underline; } 
.all_nav > li.active > a:after {content: '\ea6e'; } 
.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: 0;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%;height: auto; margin-bottom: 0; padding: 2rem 2rem 2rem 1rem; border-bottom: 1px solid #ddd; color: #222; font-size: 2rem; line-height:125%; } 
.all_nav > li > a:before {display: none; } 
.all_nav .depth2 {position: absolute;left: 56%;top: 3rem;display: none;margin-bottom: 2rem;padding-left: 0;font-size: 1.4rem;z-index: 999; } 
.all_nav .depth2.active {display:block; } 
.all_nav > li.active > a:after {translateY(-50%) rotate(-90deg); } 
.allmenu_layer .mCustomScrollbar:after {position: absolute;top: 0;right: 0;width: 50%;background-color: #F7F8F8;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 {padding-bottom: 0;font-size: 2rem; } 
.all_nav .depth2 > li > a:hover,
.all_nav .depth2 a:hover,
.all_nav .depth2 > li.active > a { 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: #222;text-decoration: underline;opacity:1; }      
.all_nav > li.active .depth2 {display: block; } 
#snb {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; } 
.select-link .link-title {padding: 1.2rem 1.6rem; } 
.fsidemenu {margin-bottom: 2rem; } 
}
@media (max-width: 678px) {    
.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; } 
#snb .container::after { right:-11rem; }
}
@media screen and (max-width: 620px) {
.path {margin-bottom: 0; } 
}
@media screen and (max-width: 558px) {.total_search .search_keyword {margin-left: 0; } 
.top_service i {margin-right: 0.3rem; } 
.khidi-search {float: none;display: inline-block;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) {
#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 {width: 21rem;padding-right: 0; } 
.khidi-search .btn_search {width: 4.5rem; } 
#footer {padding: 3rem 0; } 
#footer .address .flogo {margin-bottom: 2rem;font-size: 2.5rem; } 
.fsidemenu li {margin-bottom: 0.5rem; } 
.logo { width: calc(100% - 9rem - 15rem); }   
#header .site-more { padding:0 1.5rem;right:9rem; }
}
@media (max-width: 360px) {
html {width: 360px;overflow-x: auto !important; } 
}