@charset "utf-8";
/* common.css */

/* skip_navi */
#skip_navi{position:relative;}
#skip_navi a{display:block; position:absolute; width:0; height:1px; color:#666; font-size:0; overflow:hidden;}
#skip_navi a:focus, #accessibility a:active{width:auto; height:auto; font-size:1em; font-weight:bold;}

#wrap::after{content: ""; display: block; clear: both;}
#wrap{content: ""; display: block; clear: both; width:1100px; height:100%}

/* util 
.util{background: #024190;width: 207px;height: 28px;line-height: 28px;padding-left: 14px;}
.util ul::after{content:""; display:block; clear:both;}
.util li{float:left; height: 28px; line-height: 28px;}
.util li a{color:#fff; padding: 0 5px;}
.util li span.bar{display:inline-block; width:1px; height:12px; background:#fff; position:relative; top:2px; }*/

/* header */
 #header_wrap{position:fixed;top:0;left:0;float:left;z-index:101;width:220px;height:100%;border-right:1px solid #eee;background:#f6f6f6;}
 #header.on{display:none;}
 #header h1{width:202px;margin:0 auto 25px 19px;padding:14px 0 0 0;}
 #header h1 a{display:block;width:202px;height:42px;margin:0 auto;overflow:hidden;}
 #header h1 {background:url('/images/common/i_logo.png') no-repeat 0px 35px;}
 #header .menuopen{display:none;}
 #gnb .menuclose{display:none;}
 #gnb ul{padding-bottom:0px; z-index:101;}
  #gnb ul li a.depth1{display:block;height:34px;padding:0 0 0 36px;font-weight: 700;font-family:"Noto Sans KR";font-size: 15px;}
 #gnb ul li.active a.depth1,
 #gnb ul li.on a.depth1{background:#f6f6f6; }
 #gnb ul li ul{display:none;position:fixed;top:0;left:220px;width:132px;height:100%;background:#0d37ad;}
 #gnb ul li.gnb1>ul{padding:105px 0 0;}
 #gnb ul li.gnb2>ul{padding:135px 0 0;}
 #gnb ul li.gnb3>ul{padding:165px 0 0;}
 #gnb ul li.gnb4>ul{padding:195px 0 0;}
 #gnb ul li.gnb5>ul{padding:225px 0 0;}
 #gnb ul li.gnb6>ul{padding:255px 0 0;}
 #gnb ul li.gnb7>ul{padding:285px 0 0;}
 #gnb ul li.gnb8>ul{padding:315px 0 0;}
 #gnb ul li.gnb9>ul{padding:345px 0 0;}
 #gnb ul li.gnb10>ul{padding:370px 0 0;}
  #gnb ul li.gnb11>ul{padding:370px 0 0;}
 #gnb ul li.on ul{display:block;}
 #gnb ul li ul li{margin:0 0 1px;}
 #gnb ul li ul li a.depth2{display:block;height:30px;font-size:12px;padding:0 0 0 15px;color:white;line-height:30px;font-family:Arial;text-transform:uppercase;}
 #gnb ul li ul li.active a.depth2,
 #gnb ul li ul li.on a.depth2{background:#0d37ad;}
 #gnb ul li ul li.noneSub a.depth2{background:none;}
 #gnb ul li ul li.noneSub.active a.depth2,
 #gnb ul li ul li.noneSub.on a.depth2{background:#0e63ff;}
 #gnb ul li ul li ul{position:static;height:auto;padding:2px 0 4px;}
 #gnb ul li ul li ul li{margin:0;}
 #gnb ul li ul li ul li a.depth3{display:block;font-size:12px;padding:5px 43px 6px 35px;color:#999;line-height:15px;font-family:Arial;}
 #gnb ul li ul li ul li.active a.depth3,
 #gnb ul li ul li ul li.on a.depth3{color:white;}

.tel{padding: 11px 0 0 26px;border-top:1px solid #e5e5e5;height: 126px;}
.tel .tel_tit{margin-bottom:11px;}
/* .tel .tel_tel{margin-bottom:10px;} */
.blog_wrap::after{content:""; display:block; clear:both;}
.blog_wrap{padding:8px 0 0 24px; height:40px; border-top:1px solid #e5e5e5;}
.blog_wrap .blog_img{float:left;}
.blog_wrap .blog_img img {height:32px;}
.blog_wrap .blog{float:left;}
.blog_wrap .blog_tit{margin:10px 0 11px 14px; }
.blog_wrap .blog_go{margin-left:14px;display:none;}
.info{border-top:1px solid #e5e5e5; height:130px;}
.info .info_tit{margin:10px 0 0px 26px;}
.info .info_con{margin-left:26px;}

/* footer */
#footer{border-top:1px solid #e5e5e5; padding:10px 0 0 24px; height:122px;}
#footer .agreem {margin-bottom:10px;}
#footer address{margin-bottom:5px; margin-left:-2px}
#footer .copy{margin-top:5px;}

/* ·Ñ¸µÆ˾÷ */
.rollingpop{position:fixed;top:0;left:0;width:100%;height: 100%;z-index:12000;overflow: hidden;  background-color: rgba(0, 0, 0, 0.7);}
.rollingpop .inner-wrap{position: absolute;top: 30%;left: 30%;transform: translate(-30%, -30%);width:450px;margin:0 auto;}
.rollingpop .inner-wrap .close-rolling{position: absolute;right:0;top:-36px;}
.rollingpop .inner-wrap .rolling-slick{position: relative;}
.rollingpop .inner-wrap .rolling-slick .slick-slide{position: relative;}
.rollingpop .inner-wrap .rolling-slick .slick-slide a{display: block; position: relative; }
.rollingpop .inner-wrap .rolling-slick .slick-dots{font-size:0;background:#f6f6f6}
.rollingpop .inner-wrap .rolling-slick .slick-dots li{display: inline-block; width:23.333%; height:50px; line-height:50px; float: left; font-size:15px;}
.rollingpop .inner-wrap .rolling-slick .slick-dots li button{display: block;width:100%;height: 100%;line-height: 0.48rem;border:0.01rem solid #d4d4d4;font-size:0.15rem;background: #fff;text-align: center;}
.rollingpop .inner-wrap .rolling-slick .slick-dots li.slick-active button{background: #e8e8e8;}
.rollingpop .inner-wrap .bottom-group{padding-top:10px;text-align: right;}
.rollingpop .inner-wrap .bottom-group button{display: inline-block;font-size:0.16rem;color:#fff;}
.rollingpop .inner-wrap .rolling-slick .slick-dots li .thumb{font-size:15px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; border-right:1px solid #b9b9b9;
 border-bottom:1px solid #b9b9b9;} 
.rollingpop .inner-wrap .rolling-slick .slick-dots li.slick-active .thumb{background:#021757; color:#fff; }

.popupnodisplay{position:absolute; top:-35px; /* bottom:-96px;*/ right:50px; background:none; border:none; color:#fff; font-size:15px;
font-family: 'Noto Sans KR', sans-serif; font-weight:bold; cursor:pointer;}
.popuphide{position:absolute; top:-37px; right:0; background:none; border:none;   color:#fff; font-size:15px; font-weight:bold; cursor:pointer;}