@charset "utf-8";

#banner {overflow: hidden;position:relative;clear: both;}
#banner .body_wrap{position: relative;background: #fff;margin-bottom: 30px !important;border: 1px solid #e5e5e5;}
#banner .box_mbanner {position: relative;padding: 0 0 0 180px;font-size: 0;}
#banner .box_mbanner strong{position: relative; display: inline-block; vertical-align: middle; line-height: normal; padding: 0; border-right: none; margin: 0 5px 0 0; color: #002d68; font-size: 16px; font-weight: 800;}
#banner .box_mbanner .control {position: relative; display: inline-block; vertical-align: middle; height: auto;}
#banner .box_mbanner .control button{display:inline-block;float:left;position:relative;width: 25px;height:25px;margin-left: 5px;background: url(/images/kor/main/banner_button.png);font-size:0;text-indent:-9999px;}
#banner .box_mbanner .control button:before,
#banner .box_mbanner .control button:after{display: none;}
#banner .box_mbanner .control button.prev{background-position:0px 0px;}
#banner .box_mbanner .control button.next{background-position: -29px 0px;}
#banner .box_mbanner .control button.stop{background-position: -57px 0px;}
#banner .box_mbanner .control button.play{display: none; background-position: -85px 0px;}
#banner .box_mbanner .grep {display: inline-block;vertical-align: middle;width: calc(100%);height: 72px;padding: 0;box-sizing: border-box;position: relative;}
#banner .ctr_zone {position: absolute;display: inline-block;vertical-align: middle;width: 180px;height: 72px;padding-top: 23px;padding-left: 18px;box-sizing: border-box;background-color: #c5d7ee;left: 0;top: 0;}
#banner .box_mbanner .grep .obj {position: relative; width: 100%; top: 0; white-space: nowrap;}
#banner .box_mbanner .grep .obj .slick-slide {display: inline-block;width: auto;height: 100%;padding: 10px 0;box-sizing: border-box;border: 0;}
#banner .box_mbanner .grep .obj .slick-slide a {display: block;padding: 7px 16px 8px;margin-right: 35px;height: 50px;}
#banner .box_mbanner .grep .obj .item{display: inline-block;float: left;width: auto;height: 50px;}
#banner .box_mbanner .grep .obj .item a{display: block;padding: 7px 10px 8px;margin-right: 37px;height: 50px;}
#banner .box_mbanner .grep .obj .item a img{height:35px;display:block;width:auto}
.slick-slide img{width:auto;}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-slide {width:auto;float: left;height: 100%;min-height: 1px;}
#link_layer{position:relative;width:100%;padding:0;background: #fff;}
#link_layer .body_wrap:after{display: block;visibility: hidden;clear: both;content: '';}
#link_layer .site_wrap{width: 20%;height: 50px;float:left;position:relative;text-align:left;display:inline-block;border: 1px solid #e0e0e0;border-width: 0 1px;margin-left: -1px;}
#link_layer .site_wrap > a{position:relative;width:100%;font-size: 14px;color: #000;line-height: 50px;padding: 0 30px 0 10px;letter-spacing: -1px;display:inline-block;box-sizing:border-box;position:relative;}
#link_layer .site_wrap > a:after{position:absolute;top:50%;right: 5px;width:33px;height:32px;margin-top:-16px;background: url(/images/kor/main/link_arr.png);content:"";}
#link_layer .site_wrap.on > a:after{background: url(/images/kor/main/link_arr_ov.png);background-size: 100%}
#link_layer .site_wrap > ul{ padding-bottom:42px; left:0;}
#link_layer .site_wrap div{display: none;position:absolute;left:0;width:500%;/* padding:20px; */background-color:#fff;border:3px solid #333;z-index: 10;}
#link_layer .site_wrap.n2 div{left: -100%;right: 0}
#link_layer .site_wrap.n3 div{left: -200%;right: 0}
#link_layer .site_wrap.n4 div{left: auto;right: -100%}
#link_layer .site_wrap.n5 div{left: auto;right: 0}
#link_layer .site_wrap.n3 div.site_box,
#link_layer .site_wrap.n4 div.site_box{position: relative;display: inline-block;width: 49%;left: 0;bottom: 0;border: 0;box-sizing: border-box;padding-top:5px}
#link_layer .site_wrap.on div h3 {color: #124ea2; font-size: 16px; font-weight: 700; padding: 4px 10px 0 18px;}
#link_layer .site_wrap.on div h3:before {content: '';display: block;width: 1px;height: 10px;position: absolute;left: 10px;top: 12px;transform: rotate(30deg);background-color: #124eab;}
#link_layer .site_wrap ul{padding:5px 20px}
/* #link_layer .site_wrap.n4 div{left: auto;right: 0} */
/* #link_layer .site_wrap.n5 div{left: auto;right: 0} */
/* #link_layer .site_wrap ul{padding:10px 20px} */
#link_layer .site_wrap ul:after{display: block;visibility: hidden;clear: both;content: '';}
#link_layer .site_wrap ul li{ width:33.3%;display:inline-block;border-bottom:0; float:left;}
#link_layer .site_wrap ul li strong{ width:100%; font-size:14px; color:#434343; line-height:20px; padding:10px 20px; display:inline-block; box-sizing:border-box;}
#link_layer .site_wrap ul li a{ position:relative;width:100%; font-size:14px; color:#434343; line-height:1.3; padding:5px 10px; display:inline-block; box-sizing:border-box;}
#link_layer .site_wrap ul li a:before{content:'';display:block;width: 3px;height: 3px;position: absolute;left:0;top: 12px;background-color:#333;border-radius: 50%;}
#link_layer .site_wrap ul li a:hover,
#link_layer .site_wrap ul li a:focus{ font-weight:600;}
#link_layer .site_wrap.n1 div ul li{width:25%}
#link_layer .site_wrap.n2 div ul li{width:25%}
#link_layer .site_wrap.n4 div ul li{width:50%}
#link_layer .site_wrap.clickOpen.on {background: #333333;}
#link_layer .site_wrap.clickOpen.on > a {color: #fff;}
#link_layer .site_wrap .clickClose{display: none;position: absolute;top: 10px;right: 10px;width: 15px;height: 15px;z-index:999;font-size: 0;text-indent: -9999px;transform: rotate(45deg);}
#link_layer .site_wrap .clickClose:before,
#link_layer .site_wrap .clickClose:after{content: '';display: block;position:  absolute;background-color: #fff;}
#link_layer .site_wrap .clickClose:before{top: 7px;right: 0;width: 15px;height: 1px;}
#link_layer .site_wrap .clickClose:after{top: 0;right: 7px;width:1px;height: 15px;}
#link_layer .site_wrap.on div{display:inline-block;bottom:50px; top:auto;}
#link_layer .site_wrap.on div h2{overflow: hidden;position: relative;background: #455263;color: #fff;padding: 8px 10px;font-size: 16px;}
#link_layer .site_wrap.on .clickClose{display: block;}

#foot_layout .mark{display:block;position:absolute;bottom: 0;right:0px;width:112px;height:58px;}
#foot_layout .mark img{height:100%;width:auto;}

@media only screen and (max-width: 999px) {
    #banner{margin-bottom:30px;}
    #banner .ctr_zone {width: 125px;height: 94px;padding-top: 26px;padding-left: 21px;}
    #banner .box_mbanner {padding-left: 125px;}
    #banner .box_mbanner .grep{height: 94px;}
    #banner .box_mbanner .grep .obj .slick-slide{padding: 22px 0}
    #banner .body_wrap{margin:0 30px !important;padding:0!important}
    #link_layer{padding-bottom: 20px;background: none;}
    #link_layer .site_wrap{width: 33.333%;margin-top: -1px;background: #fff;border-width: 1px;}
    #link_layer .site_wrap div{width: 300%}
    #link_layer .site_wrap.n2 div{right: -100%;left: auto;}
    #link_layer .site_wrap.n3 div{right: 0;left: auto;}
    #link_layer .site_wrap.n4 div{right: -200%}
    #link_layer .site_wrap.n5 div{right: -100%}
    #link_layer .site_wrap.n3 div ul li,
    #link_layer .site_wrap.n4 div ul li {width: 50%;}
    #foot_layout .mark{position:static;margin:10px auto 0;}
}
@media only screen and (max-width: 767px) {

    #banner{height: auto;}
    #banner .body_wrap{background:none;border:none;margin: 0 !important;padding: 0 15px !important;}
    #banner .ctr_zone {width: 100%; height: 33px; padding-top: 0; padding-left: 0; background-color: transparent;position: relative;}
    #banner .box_mbanner{padding-left:0;}
    #banner .box_mbanner h3 {margin: 6px 0 0 0; background-image: none;}
    #banner .box_mbanner .control {margin-top: 0; margin-right: 4px; margin-left: 0; float: right;}
    #banner .box_mbanner .control > a {border: 1px solid #4f5a69; box-sizing: border-box;}
    #banner .box_mbanner .grep {display: block; width: 100%; height: 78px; overflow: hidden; border: 1px solid #e5e5e5;background-color:#fff}
    #banner .box_mbanner .grep .obj {position: relative; width: 100%; top: 0; white-space: nowrap;}
    #banner .box_mbanner .grep .obj .list {display: inline-block; width: 50%; text-align: center;}
    #banner .box_mbanner .grep .obj .list a {display: inline-block; text-align: center; padding: 0 10px;}
    #banner .box_mbanner .grep .obj .slick-slide{padding: 10px 0}
    #link_layer{padding-bottom: 35px;}
    #link_layer .site_wrap{width: 50%;height: 47px;}
    #link_layer .site_wrap a{font-size: 13px;line-height: 47px;}
    #link_layer .site_wrap div{width: 200%}
    #link_layer .site_wrap.n3 div.site_box,
    #link_layer .site_wrap.n4 div.site_box {width: 100%;}
    #link_layer .site_wrap.n2 div{right: 0;}
    #link_layer .site_wrap.n3 div{right: auto;left: 0}
    #link_layer .site_wrap.n4 div{right: 0}
    #link_layer .site_wrap.n1 div ul li,
    #link_layer .site_wrap.n2 div ul li,
    #link_layer .site_wrap.n4 div ul li,
    #link_layer .site_wrap ul li{width:50%;}
    #link_layer .site_wrap > a:after{width: 20px;height: 20px;margin-top: -10px;background-size:100%;}
}
#foot_layout{overflow: hidden;padding:25px 0 30px;background-color:#4f5a69;text-align: center;width:100%}
#foot_layout .layout{position: relative;padding-left: 165px;}
#foot_layout .ir-tmpl{position: absolute;left: 0;top:0;width: 117px;height: 61px;background: url(/template/A/images/common_ir.png) -1px -1px;font-size: 0;text-indent: -9999px;}
#foot_layout .footer-info .utile_wrap{display:inline-block;position: relative;bottom: 0;width:100%;/* line-height: 0; */}
#foot_layout .footer-info .utile_wrap li{display:inline-block;float:left;position:relative;box-sizing: border-box;min-height: 23px;}
#foot_layout .footer-info .utile_wrap li:before{display:block;position:absolute;top:6px;left:-1px;width:1px;height:15px;background:rgba(255,255,255,0.2);content:'';}
#foot_layout .footer-info .utile_wrap li:nth-child(1){font-weight:700;}
#foot_layout .footer-info .utile_wrap li:nth-child(1):before{ display:none;}
#foot_layout .footer-info .utile_wrap li:nth-child(1) a{padding-left:0;color: #fff;}
#foot_layout .footer-info .utile_wrap li a{display: block;font-size: 14px;color:rgba(203,203,203,0.8);line-height:20px;padding:0 11px 0 9px;letter-spacing:0;line-height: 1.4;}
#foot_layout .footer-info .utile_wrap li a:hover,
#foot_layout .footer-info .utile_wrap li a:focus,
#foot_layout .footer-info .utile_wrap li:nth-child(1) a:hover,
#foot_layout .footer-info .utile_wrap li:nth-child(1) a:focus{text-decoration: underline;}
#foot_layout .footer-info address,
#foot_layout .footer-info .copy{display: block;/* width:100%; */margin:0;padding:0;font-size:14px;font-weight:400;letter-spacing:0.4px;color:rgba(203,203,203,0.8);text-align:left;line-height:1.428571;margin-top: -3px;}
#foot_layout .footer-info address span:before{display: inline-block; width:1px; height:14px; background-color:#b4b4b4; content:"";margin-left:15px;margin-right:15px;}
#foot_layout .footer-info address *{vertical-align:top}
#foot_layout .footer-info address a{color:rgba(203,203,203,0.8);}

@media screen and (max-width:1279px){
    #foot_layout{padding:30px;}
    #foot_layout .layout{padding-left: 0}
    #foot_layout .ir-tmpl{display: none;}
    #foot_layout .footer-info .site_wrap > a{width: 193px;height: 52px;}
}
@media screen and (max-width:999px) {
#foot_layout .footer-info address a{display:none;}
#foot_layout .footer-info address, #foot_layout .footer-info .copy{}
#foot_layout .footer-info .utile_wrap{}
}
@media screen and (max-width:767px) {
    #foot_layout{padding:40px 15px 45px}
    #foot_layout .footer-info .utile_wrap{margin-bottom: 25px;}
    #foot_layout .footer-info .utile_wrap li{width: 49%;height: 38px;margin: 5px 1% 0 0;border:1px solid #bababa;line-height: 38px;text-align: center;}
    #foot_layout .footer-info .utile_wrap li:nth-child(2n){margin-right: 0;}
    #foot_layout .footer-info .utile_wrap li a{padding: 0;background: none;border: 0;font-size:15px;letter-spacing: -0.05em;line-height: 38px;}
    #foot_layout .footer-info address{max-width: 390px;margin: 0 auto;text-align: center;}
    #foot_layout .footer-info .copy{text-align: center;}
    #foot_layout .wa_mark,
    #foot_layout .footer-info .utile_wrap li:nth-child(5),
    #foot_layout .footer-info .utile_wrap li:nth-child(6),
    #foot_layout .footer-info .utile_wrap li:nth-child(4){display:none;}
    #foot_layout .footer-info .utile_wrap li:before{display:none;}
    #foot_layout .footer-info .utile_wrap li a:hover,
    #foot_layout .footer-info .utile_wrap li a:focus,
    #foot_layout .footer-info .utile_wrap li:nth-child(1) a:hover,
    #foot_layout .footer-info .utile_wrap li:nth-child(1) a:focus{background-color:#fff;color:#4f5a69;text-decoration:none;}

}