@charset "utf-8";
/**************************************************

	Global.css ( ver 1.0.3 )

**************************************************/
/**************************************************
	Public
**************************************************/
html{min-width: 1300px;padding-top: 80px !important;overflow-x: hidden;}

/* Table */
.table1{ width: 100%;border-top: 2px solid #222; }
.table1 tr > *{padding: 10px;border-bottom: 1px solid #ddd;text-align: center;}
.table1 thead th{background: #f7f7f7;}
.table1 tbody th{background: #f7f7f7;}
.table1 tbody td{  }

/* Tab */
.tab1{ margin-bottom: 40px; }
.tab1 > li{display: inline-block;background: #f7f7f7;}
.tab1 > li a{display: block;height: 40px;line-height: 40px;text-align: center;padding: 0 40px;border: 1px solid #f7f7f7;}
.tab1 > li.active a{background: #fff;color: #000;border-color: #333;}

/* Button */
.btnWrap{ margin-top: 30px; }
.btnWrap > *{margin: 0 2px;}
.btnWrap.center {text-align: center;}
.btnWrap.center a {margin:0 auto;}
.btn1{ display: inline-block;background: #333;border: 1px solid #333;color: #fff !important;height: 35px;line-height: 33px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn2{ display: inline-block;background: #fff;border: 1px solid #ddd;color: #000 !important;height: 35px;line-height: 33px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn3{ display: inline-block;background: #1f42b2;border: 1px solid #1f42b2;color: #fff !important;height: 35px;line-height: 33px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn1:hover, .btn2:hover, .btn3:hover{ text-decoration: none !important; }
.btn1.small, .btn2.small, .btn3.small{ height: 30px;line-height: 28px;padding: 0 10px;font-size: 12px; }
.btn1.big, .btn2.big, .btn3.big{ min-width: 195px;text-align: center;height: 60px;line-height: 58px;padding: 0 30px;font-size: 20px; }

/* Etc */
.ip-info {margin: 5px 0;border: 1px solid #ddd;background: #f7f7f7;padding: 12px 15px;font-size: 12px;color: #111;letter-spacing: -0.05em;line-height: 1.4em;font-weight: 600;text-align: left;}
.ip-info .small {display: block;font-size: 9px;color: red;font-weight: 600;line-height: 15px;}

.pageing {padding: 150px 40px;background: #1f42b2;border: 10px solid rgba(0,0,0,0.5);/*border: 10px solid #1f42b2;background: rgba(31,66,178,0.04);*/font-size: 80px;color: #fff;font-weight: 700;letter-spacing: -0.05em;line-height: 1.2em;text-align: center;box-shadow: 0 0 15px rgba(0,0,0,0.2);border-radius: 20px;overflow: hidden;}

/**************************
	Site Layer Popup
**************************/
.sp-pop{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.15);border-radius: 3px;overflow: hidden;}
.sp-pop:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);}
.sp-pop .img{position: relative;min-height: 100px;}
.sp-pop .img img{max-width:100%;}
.sp-pop .btns{position: absolute;bottom: 0;left: 0;width: 100%;white-space: nowrap;background: #f7f7f7;}
.sp-pop .btns li{position: relative;display: inline-block;vertical-align: top;width: 50%;}
.sp-pop .btns li:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);border-width: 1px 1px 1px 0;}
.sp-pop .btns li:first-child:before{border-left-width: 1px;}
.sp-pop .btns li a,
.sp-pop .btns li label{position: relative;display: block;text-align: center;line-height: 32px;text-align: center;font-size: 11px;color: #666;letter-spacing: -1px;z-index: 3;text-decoration: none;font-family: dotum;}
.sp-pop .btns li label input{display: none;}
.sp-pop .btns.len3 li{width: 33.33%;}

/**************************
	Paging
**************************/
.paging{text-align: center;margin-top: 30px;font-family: empty;font-size: 0;}
.paging a{display: inline-block;vertical-align: top;margin: 0;margin-right: -1px;position: relative;width: 35px;height: 35px;line-height: 35px;text-align: center;background: #f9f9f9;border: 1px solid #ddd;color: #999999;font-size: 12px;text-decoration: none;box-sizing: border-box;font-family: tahoma, arial, axicon;}
.paging a:first-child{border-radius: 5px 0 0 5px !important;}
.paging a:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 35px;text-align: center;font-size: 15px;text-indent: 0;}
.paging a:last-child{border-radius: 0 5px 5px 0 !important;}
.paging a.active{background: #ffffff;color: #333333;font-weight: 600;}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last{background: none;font-size: 15px;color: #666666;text-indent: -999em;}
.paging a.first:after{content: '\f100';text-indent: 0;}
.paging a.prev:after{content: '\f104';}
.paging a.next:after{content: '\f105';}
.paging a.last:after{content: '\f101';}

/**************************************************
	Layout
**************************************************/
#aside {position: fixed;top: 50%;right: 125px;z-index: 22;transform: translateY(-50%);}
#aside .btns {background: #1f42b2;width: 120px;padding: 45px 0;border-radius: 60px;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
#aside .btns > li {position: relative;}
#aside .btns > li:not(:first-child) {margin-top: 15px;}
#aside .btns > li > .link {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 10;}
#aside .btns > li > img {display: block;margin: 0 auto;}
#aside .btns > li > p {text-align: center;font-size: 16px;color: #fff;}
#aside .btns > li:hover .sbtn {display: block;}
#aside .sbtn {display: none;position: absolute;top: 15px;right: 100%;width: 100px;margin-right: -15px;z-index: 22;background: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.2);border-radius: 5px;}
#aside .sbtn:after {display: block;content: '';width: 0;height: 0;border-left: 5px solid #fff;border-top: 4px solid transparent;border-bottom: 4px solid transparent;position: absolute;top: 13px;left: 100%;}
#aside .sbtn > li a {display: block;padding: 10px;font-size: 12px;color: #333;letter-spacing: -0.05em;line-height: 1.4em;}
#aside .sbtn > li:not(:first-child) a {border-top: 1px solid #ddd;}

#header{position: fixed;top: 0;left: 0;right: 0;z-index: 90;background: #414e9e;box-shadow: 0 3px 3px rgba(0,0,0,0.1); transition:all 0.3s;}
#header.scrolled {background:rgba(65,78,158,0.3);}
#header.scrolled:hover {background:rgba(65,78,158,1.0);}
#header > .inner{position: relative;width: 1200px;height: 80px;margin: 0 auto;}
#header .logo{position: absolute;top: 0;left: 0;height: 100%;line-height: 80px;}
#header .logo img { width: 80px;}
#gnb{text-align: right;}
#gnb > li{position: relative;display: inline-block;vertical-align: top;}
#gnb > li > a{display: block;padding: 0 30px;line-height: 80px;font-size: 20px;color: #fff;text-decoration: none;}
#gnb > li > ul{position: absolute;top: 100px;left: 50%;width: 200px;margin-left: -100px;padding: 15px;border: 1px solid #ddd;border-top: 2px solid #00afe5;background: #fff;box-sizing: border-box;visibility: hidden;opacity: 0;transition: all 0.2s;}
#gnb > li > ul li a{display: block;font-size: 15px;color: #000;line-height: 30px;text-align: center;}
#gnb > li > ul li.active a{font-weight: bold;}
#header:hover #gnb li:not(.hov_on) > a,
.sub #gnb li:not(.active) > a {opacity: 0.5;}
#gnb li.hov_on > a,
#gnb li.active > a {opacity: 1 !important;}
/* #gnb > li:hover > ul{visibility: visible;opacity: 1;} */
#gnb > li.hidden-gnb{display: none;}

#drdw{position: absolute;top: 80px;left: 0;width: 100%;background: rgba(65,78,158,0.9);z-index: 91;display: none; height: 373px !important; transition:0.5s;}
#drdw .inner{position: relative;width: 1200px;margin: 0 auto;display: flex;justify-content: flex-end;align-items: flex-start;}
#drdw .inner > li{padding: 25px 0;}
#drdw .inner > li > a{display: block;padding: 0 30px;height: 0;overflow: hidden;opacity: 0;font-size: 20px;color: #fff;text-decoration: none;}
#drdw .inner > li ul li a{display: block;padding: 15px 0;font-size: 18px;line-height: 30px;color: #fff;text-align: center;}
#drdw .inner > li ul li.active a{text-decoration: underline;}
#drdw .inner > li.hidden-gnb{display: none;}
#header:hover #drdw .inner > li:not(.hov_on) a,
.sub #drdw .inner > li:not(.active) a {opacity: 0.5;}
#drdw .inner > li.hov_on a,
#drdw .inner > li.active a {opacity: 1 !important;}

#tnb{position: absolute;top: 31px;right: 0;}
#tnb > li{display: inline-block;margin-left: 10px;box-sizing: border-box;}
#tnb > li a{font-size: 13px;color: #666;}
#tnb > li a img {display: block;}

#footer{background: #555555 url('../images/layout/ft-bg-gra.jpg') repeat-y 50% 50%;background-size: contain;position: relative;z-index: 11;}
#footer .inner{position: relative;width: 1200px;margin: 0 auto;padding: 1.125rem 0;}
#footer h2 {position: absolute;top: 50%;left: 0; transform: translateY(-50%); max-width:72px; }
#footer h2 img {width:100%;}
#footer address{margin-left: 115px;color: #fff;line-height: 1.55;font-style: normal;}
#footer address hr{width: 2px;height: 11px;background: #fff;margin: 0 4px;border: none;display: inline-block;vertical-align: 0;opacity: 0.7;}

#sns-ico{position: absolute;top: 50%;right: 280px;transform: translateY(-50%);}
#sns-ico li{display: inline-block; margin-left: 30px; max-width:32px; }
#sns-ico li a {display:block; width:100%;}
#sns-ico li a img {width:100%;}

#gotop{position: absolute;top: 10px;right: 0;display: block;background: url('/images/layout/ft-top-btn.jpg') no-repeat center center;width: 50px;height: 50px;text-indent: -999em;}

#fnb > li{display: inline-block;padding: 0 10px;}
#fnb > li:first-child{padding-left: 0;background: none;}
#fnb > li a{font-size: 15px;color: #b3b3b3;letter-spacing: -1px;line-height: 70px;}

#ft-fam{position: absolute;top: 50%;right: 0;width: 245px;height: 55px;transform: translateY(-50%);}
#ft-fam > a{display: block;line-height: 48px;padding: 0 15px;font-size: 16px;color: #fff;text-decoration: none;background: #181448 url('/images/layout/ft-family-spr.png') no-repeat 92% center;}
#ft-fam ul{position: absolute;bottom: 55px;left: 0;display: none;width: 100%;background: #181448;box-sizing: border-box;}
#ft-fam ul li:first-child{border-top: none;}
#ft-fam ul li a{display: block;padding: 0 15px;font-size: 16px;line-height: 55px;color: #fff;}
#ft-fam:hover ul{display: block;}

#slide-btn{display: none;text-indent: -999em;width: 30px;height: 20px;position: absolute;top: 50px;right: 0;}
#slide-btn button{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;background: none;cursor: pointer;outline: none;}
#slide-btn button span,
#slide-btn button:before,
#slide-btn button:after{border-radius: 2px;overflow: hidden;position: absolute;left: 0;width: 100%;height: 2px;background: #fff;}
#slide-btn button span{display: block;top: 50%;margin-top: -1px;opacity: 1;transition: all 0.3s;}
#slide-btn button:before{content: '';display: block;top: 0;transition: all 0.3s;}
#slide-btn button:after{content: '';display: block;bottom: 0;transition: all 0.3s;}
#slide-btn button.on span{opacity: 0;}
#slide-btn button.on:before{top: 50%;margin-top: -1px;transform: rotate(45deg);}
#slide-btn button.on:after{bottom: 50%;margin-bottom: -1px;transform: rotate(-45deg);}

#slide-bg{display: none;}

#slide-menu{display: none;}

/**************************************************
	Ajax Popup
**************************************************/
#popup{position: fixed;top: 50%;left: 50%;width: 600px;height: 500px;margin-top: -250px;margin-left: -300px;padding-top: 46px;z-index: 301;background: #fff;border-radius: 5px;overflow: hidden;box-sizing: border-box;opacity: 0;transition: all 0.3s;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#popup .pop-tit{position: absolute;top: 0;left: 0;width: 100%;height: 45px;background: #f7f7f7;padding: 0 15px;border-bottom: 1px solid #ddd;box-sizing: border-box;}
#popup .pop-tit h3{font-size: 15px;color: #000;font-weight: 500;line-height: 45px;}
#popup .pop-tit .close{display: block;position: absolute;top: 0;right: 0;width: 44px;height: 44px;line-height: 44px;text-align: center;font-size: 16px;color: #666;background: #eee;border-left: 1px solid #ddd;}
#popup .pop-wrap{height: 100%;overflow-y: auto;padding: 15px;box-sizing: border-box;}
#popup.on{opacity: 1;z-index: 302;}

#popup2{position: fixed;top: 50%;left: 50%;width: 1200px;height: 700px;margin-top: -350px;margin-left: -600px;padding-top: 135px;z-index: 301;background: #fff;border-radius: 5px;overflow: hidden;box-sizing: border-box;opacity: 0;transition: all 0.3s;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#popup2 .pop-tit{position: absolute;top: 0;left: 0;width: 100%;height: 135px;box-sizing: border-box;}
#popup2 .pop-tit h3{font-size: 42px;color: #000000;font-weight: 500;line-height: 135px;text-align: center;}
#popup2 .pop-tit .close{display: block;position: absolute;top: 0;right: 0;width: 135px;height: 135px;line-height: 135px;text-align: center;font-size: 52px;color: #000;background: #fff;}
#popup2 .pop-tit .close:hover {text-decoration: none;}
#popup2 .pop-wrap{height: 100%;overflow-y: auto;padding: 15px;box-sizing: border-box;}
#popup2 .btnWrap {margin-top: 80px;}
#popup2 .btn3.big {background-color: #282e6d !important;border-color: #282e6d !important;min-width: 400px;height: 80px;line-height: 78px;font-size: 22px; cursor: pointer;}
#popup2.on{opacity: 1;z-index: 302;}

#popupstory{position: fixed;top: 50%;left: 50%;width: 1200px;height: 700px;margin-top: -350px;margin-left: -600px;padding-bottom: 150px;z-index: 301;background: #fff;overflow: hidden;box-sizing: border-box;opacity: 0;transition: all 0.3s;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#popupstory .pop-tit{position: absolute;bottom: 0;left: 0;width: 100%;height: 150px;background: #fff;padding: 0 100px;box-sizing: border-box;display: flex;justify-content: center;align-items: center;}
#popupstory .pop-tit .vam {width: 100%;}
#popupstory .pop-tit .vam > * {display: block;color: #000;letter-spacing: -0.05em;line-height: 1.4em;}
#popupstory .pop-tit h3{font-size: 24px;font-weight: 400;}
#popupstory .pop-tit span{margin-top: 5px;font-size: 18px;font-weight: normal;opacity: 0.5;}
#popupstory .pop-tit .close{display: block;position: absolute;top: 0;right: 0;width: 150px;height: 150px;line-height: 150px;text-align: center;font-size: 52px;color: #000;background: #fff;}
#popupstory .pop-tit .close:hover {text-decoration: none;}
#popupstory .pop-wrap{height: 100%;overflow-y: auto;padding: 100px;box-sizing: border-box;background: #000;}
#popupstory.on{opacity: 1;z-index: 302;}

#popupBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;}
#popupBG.on{opacity: 1;}

/* sitemap */
#popup .sitemap{ text-align: center; }
#popup .sitemap > li{display: inline-block;width: 32%;vertical-align: top;margin-bottom: 10px;}
#popup .sitemap > li > a{display: block;text-align: center;font-size: 14px;letter-spacing: -1px;background: #f7f7f7;font-weight: 500;line-height: 40px;border-radius: 3px;}
#popup .sitemap > li ul li{border-top: 1px solid #f7f7f7;text-align: left;}
#popup .sitemap > li ul li:first-child{border-top: none;}
#popup .sitemap > li ul li a{display: block;font-size: 13px;color: #333;line-height: 18px;padding: 10px 0;text-align: center;}

/* story */
.story-pop,
.story-pop .roll,
.story-pop .item,
.story-pop .slick-list,
.story-pop .slick-track {height: 100%;}
.story-pop .item .tmb {height: 100%;background-repeat: no-repeat;background-position: 50% 50%;background-size: contain;background-color: #000;}
.story-pop .slick-arrow {width: 65px;height: 65px;position: absolute;top: calc(50% - 65px/2);background-repeat: no-repeat;background-position: 50% 50%;background-size: contain;overflow: hidden;text-indent: -9999px;background-color: rgba(0,0,0,0);}
.story-pop .slick-prev {background-image: url('../images/sub/story-prev.png');left: -85px;}
.story-pop .slick-next {background-image: url('../images/sub/story-next.png');right: -85px;}

/* search */
#sb-search{position: relative;margin-bottom: 24px;height: 55px;}
#sb-search .total{font-size: 14px;color: #333333;line-height: 55px;}
#sb-search .total strong{color: #000;}
#sb-search .tit{font-size: 16px;letter-spacing: -1px;color: #333;font-weight: bold;line-height: 55px;}
#sb-search .tit i{margin-right: 5px;}
#sb-search fieldset{position: absolute;top: 0;right: 0;font-family: empty;font-size: 0;}
#sb-search fieldset.no-abs{position: static;text-align: center;padding: 10px 0;}
#sb-search fieldset > *{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 55px;box-sizing: border-box;}
#sb-search legend{display: none;}
#sb-search .where{border: 1px solid #dddddd;border-top-color: #bababa;border-left-color: #bababa;width: 130px;overflow: hidden;background: url(/superboard/images/sb_slt_spr.jpg) no-repeat 92% center;margin-left: 5px;}
#sb-search .where select{width: 130%;height: 55px;border: none;background: none;padding-left: 10px;font-size: 14px;color: #333333;}
#sb-search .inp{position: relative;border: 1px solid #ccc;padding-right: 55px;margin-left: 5px;}
#sb-search .inp .keyword{width: 100%;min-width: 260px;border: none;background: none;height: 55px;padding-left: 15px;font-size: 16px;color: #a3a3a3;font-weight: 300;}
#sb-search .inp .sbm{position: absolute;top: -1px;right: -1px;width: 55px;height: 55px;background: #161f34 url(/superboard/images/sb_search_sbm3.jpg) no-repeat center center;border: none;text-indent: -999em;}


/**************************************************
	Main
**************************************************/
#main .visual{position: relative;z-index: 44;background-color: #000;}
#main .visual .roll .item{position: relative;overflow: hidden;}
#main .visual .roll .item img{position: relative;top: 0;left: 50%;margin-left: -960px;}
#main .visual .slick-dots{position: absolute;bottom: 50px;left: 0;width: 100%;z-index: 81;text-align: center;font-family: empty;font-size: 0;}
#main .visual .slick-dots li{display: inline-block;box-shadow: 0 0 5px rgba(0,0,0,0.2);}
#main .visual .slick-dots li button{display: block;width: 72px;height: 6px;background: rgba(255,255,255,0.6);text-indent: -999em;overflow: hidden;border: none;}
#main .visual .slick-dots li.slick-active button{background: rgba(32,45,78,0.6);}
#main .visual .slick-arrow {position: absolute;top: 50%;border: 0;z-index: 44;width: 37px;height: 73px;background-color: rgba(0,0,0,0);background-repeat: no-repeat;background-position: 50% 50%;background-size: contain;overflow: hidden;text-indent: -9999px;transform: translateY(-50%);}
#main .visual .slick-prev {background-image: url('../images/main/vis-prev.png');left: 8%;}
#main .visual .slick-next {background-image: url('../images/main/vis-next.png');right: 8%;}
#main .visual .roll .item img {
    /*transform: scale(1.2,1.2);*/
    /*transition: transform 3.5s;*/
}
#main .visual .roll .item a {
    
}
#main .visual .roll .item.on img {
    /*transform: scale(1,1);*/
}
#main .visual .roll.slick-slider {

}
#main .visual .roll .item .slide_txt {
    position:absolute;
    top:42%;
    left:50%;
    transform:translate(-50%,-50%);
    padding:0 1.0rem;
    width:100%;
    max-width:1200px;
    /*webkit-user-select:all;*/
    /*user-select:all;*/
    box-sizing: border-box;
    z-index: 1;
}
#main .visual .roll .item .slide_txt a.__cover {
    text-decoration: none;
}
#main .visual .roll .item .slide_txt .main_slide_sbj {
    margin-bottom:3.25rem;
    /*transform: scale(1.2,1.2);*/
    /*transition: transform 3.5s;*/
}
#main .visual .roll .item.on .slide_txt .main_slide_sbj {
    /*transform: scale(1,1);*/
}
#main .visual .roll .item .slide_txt .main_slide_sbj p {
    letter-spacing: 0;
    color:#fff;
    font-size:3.75rem;
    font-weight:900;
    line-height:1.15;
}
#main .visual .roll .item.on .slide_txt.slide_txt2 .main_slide_sbj {
    font-size:4.0rem;
}
#main .visual .roll .item .slide_txt.slide_txt1 .main_slide_sbj p {
    color:#a17558;
}
#main .visual .roll .item .slide_txt .main_slide_sub_txt {
    /*transform: scale(1.2,1.2);*/
    /*transition: transform 3.5s;*/
}
#main .visual .roll .item.on .slide_txt .main_slide_sub_txt {
    /*transform: scale(1,1);*/
}
#main .visual .roll .item .slide_txt .main_slide_sub_txt p {
    line-height:1.4;
    color:#fff;
    font-size:1.5rem;
    font-weight:400;
}

#main .about {padding: 120px 0;background: #ebedf4;}
#main .about .inr {max-width: 1920px; margin: 0 auto;}
#main .about .list > li {position: relative;background-color: #161f34; height: 660px;}
#main .about .list > li:not(:first-child) {margin-top: 60px;}
#main .about .list > li .link {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 10;}
#main .about .list > li .tmb {padding-bottom: 20%;background-repeat: no-repeat;background-position: 50% 50%;background-size: auto;}
#main .about .list > li .inf {position: absolute;bottom: 45px;left: 350px;right: 350px;z-index: 25;}
#main .about .list > li .inf > * {display: block;color: #fff;letter-spacing: -0.05em;line-height: 1.6em;}
#main .about .list > li .inf > strong {font-size: 36px;font-weight: 700;}
#main .about .list > li .inf > p {margin-top: 20px;font-size: 26px;}
#main .about .list > li .inf > span {margin-top: 25px;font-family: empty;font-size: 0;}
#main .about .list > li:nth-child(even) .inf > * {text-align: right;}
#main .about .list > li:hover .tmb {opacity: 0.4;}
#main .about .list > li:hover .inf {opacity: 1;}
#main .about .list2 {margin: 0 60px;}
#main .about .list2 > li {position: relative;display: flex;}
#main .about .list2 > li .link {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 10;}
#main .about .list2 > li .img {max-width: calc(100% - 520px);background-color: #161f34;}
#main .about .list2 > li .img img {width: 100%;display: block;}
#main .about .list2 > li:hover .img img {opacity: 0.4;}
#main .about .list2 > li .circle {position: absolute;z-index: 9;width: 490px;height: 490px;border-radius: 50%;background-repeat: no-repeat;display: flex;justify-content: center;flex-direction: column;overflow: hidden;}
#main .about .list2 > li .circle > * {display: block;margin: 0 62px;color: #fff;letter-spacing: -0.05em;line-height: 1.6em;}
#main .about .list2 > li .circle > strong {margin-top: 95px;font-size: 32px;font-weight: 700;}
#main .about .list2 > li .circle > p {margin-top: 12px;font-size: 24px;letter-spacing: -0.05em;line-height: 30px;}
#main .about .list2 > li .circle > span {margin-top: 15px;font-family: empty;font-size: 0;}
#main .about .list2 > li:nth-child(1) .circle {background-color: #4dc6e1;bottom: -42px;right: 234px;background-position: 249px 76px;}
#main .about .list2 > li:nth-child(2) .circle {background-color: #324ea1;bottom: -65px;left: 140px;background-position: 78px 90px;}
#main .about .list2 > li:nth-child(3) .circle {background-color: #1b273f;bottom: -85px;right: 167px;background-position: 237px 72px;}
#main .about .list2 > li:not(:first-child) {margin-top: 125px;}
#main .about .list2 > li:nth-child(odd) {flex-direction: row;}
#main .about .list2 > li:nth-child(even) {flex-direction: row-reverse;}
#main .about .list2 > li:nth-child(even) .circle > * {text-align: right;}

#main .bluediamond {padding: 120px 0;}
#main .bluediamond .inr {margin: 0 60px;}
#main .bluediamond .item {position: relative;z-index: 1;}
#main .bluediamond .item.slick-active {z-index: 2;}
#main .bluediamond .item.slick-center {z-index: 3;}
#main .bluediamond .item .box{position: relative;}
#main .bluediamond .item .box:after {display: block;content: '';position: absolute;bottom: 0;left: -12%;right: -12%;z-index: -1;padding-bottom: 10.89%;background: url('../images/main/bluediamond-shadow.png') no-repeat 50% 100%;background-size: 100% 100%;}
#main .bluediamond .item:not(.slick-active, .slick-center) .box {transform: scale(0.7);}
#main .bluediamond .item:not(.slick-active, .slick-center) .inf {background-size: auto 70%;}
#main .bluediamond .item.slick-active:not(.slick-center) .box {transform: scale(0.95);}
#main .bluediamond .item.slick-active:not(.slick-center) .inf {background-size: auto 80%;}
#main .bluediamond .item.slick-center .box {margin: 0 -10%;}
#main .bluediamond .item:not(.slick-center) .box {margin: 5% 0;}
#main .bluediamond .item:not(.slick-active) + .item.slick-active:not(.slick-center) .box {right: -40%;}
#main .bluediamond .item.slick-center + .item.slick-active .box {left: -40%;}
#main .bluediamond .item:not(.slick-active, .slick-center) + .item:not(.slick-active, .slick-center) .box {right: calc(30%/2 - 100%);}
#main .bluediamond .item.slick-active + .item:not(.slick-active, .slick-center) .box {left: calc(30%/2 - 100%);}
#main .bluediamond .item .link {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 10;}
#main .bluediamond .item .tmb {padding-bottom: 76%;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
#main .bluediamond .item .inf {padding: 45px 80px;background-repeat: no-repeat;background-position: 100% 50%;background-size: contain;font-size: 46px;color: #fff;}
#main .bluediamond .item .inf strong {max-width: 70%;font-size: 46px;color: #fff;font-weight: 700;}
#main .bluediamond .slick-list {overflow: visible;}
#main .bluediamond .slick-dots{margin-top: 100px;text-align: center;font-family: empty;font-size: 0;}
#main .bluediamond .slick-dots li{display: inline-block;box-shadow: 0 0 5px rgba(0,0,0,0.2);}
#main .bluediamond .slick-dots li button{display: block;width: 132px;height: 5px;background: #b1b1b1;text-indent: -999em;overflow: hidden;border: none;}
#main .bluediamond .slick-dots li.slick-active button{background: #46436d;}

#main .bluediamond .item .box {background-color: #000;}
#main .bluediamond .item:not(.slick-center) .tmb {opacity: 0.4;}
#main .bluediamond .slick-arrow {position: absolute;top: calc(50% - 150px/2);border: 0;z-index: 44;width: 37px;height: 73px;background-color: rgba(0,0,0,0);background-repeat: no-repeat;background-position: 50% 50%;background-size: contain;overflow: hidden;text-indent: -9999px;transform: translateY(-50%);}
#main .bluediamond .slick-prev {background-image: url('../images/main/vis-prev.png');left: 50%;margin-left: -444px;}
#main .bluediamond .slick-next {background-image: url('../images/main/vis-next.png');right: 50%;margin-right: -444px;}

#main .detail {padding: 120px 0;background: url('../images/main/bg1.jpg') no-repeat 50% 100%;background-size: contain;}
#main .detail .inr {max-width: 1200px;margin: 0 auto;}
#main .detail .boxs {display: flex;justify-content: space-between;}
#main .detail .boxs > li {width: calc(100%/4 - 15px*3/4);position: relative;}
#main .detail .boxs > li .link {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 10;}
#main .detail .boxs > li .tmb {padding-bottom: 131.03%;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
#main .detail .boxs > li .inf {position: absolute;bottom: 0;left: 0;right: 0;z-index: 9;background: #181448 url('../images/main/ico-arrow.jpg') no-repeat 50% calc(100% - 30px);font-size: 18px;color: #fff;line-height: 1.2em;padding: 30px 0 50px;text-align: center;opacity: 0.9;}
#main .detail .boxs > li .inf strong {font-size: 18px;color: #fff;font-weight: 700;line-height: 1.2em;}
/* #main .detail .boxs > li:hover .inf {opacity: 1;} */

#main .service {padding: 120px 0;background: url('../images/main/bg2.jpg') no-repeat 100% 50%;background-size: contain;}
#main .service .inr {max-width: 1200px;margin: 0 auto;}
#main .service .boxs {display: flex;justify-content: space-between;margin: -53px 0;}/*margin: -25px 0;*/
#main .service .boxs > li {width: calc(100%/3 - 30px*3/4);padding: 50px 0 0;transition: padding 0.3s;}
#main .service .boxs > li .in {background: #ebedf4;padding: 42px 0 22px;position: relative;}
#main .service .boxs > li .link {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 10;}
#main .service .boxs > li .inf > * {display: block;text-align: center;color: #555555;line-height: 1.4em;}
#main .service .boxs > li .inf > strong {font-size: 23px;font-weight: 500;}
#main .service .boxs > li .inf > p {margin-top: 10px;font-size: 16px;opacity: 0.5;line-height: 1.4em;min-height: 2.8em;}
#main .service .boxs > li .in > img {max-width: 100%;margin-left: auto;margin-right: auto;}
#main .service .boxs > li .in > img.off {display: block;}
#main .service .boxs > li .in > img.on {display: none;}
#main .service .boxs > li:hover {padding: 0 0 50px;}
#main .service .boxs > li:hover .in {background: #172e78;}
#main .service .boxs > li:hover .inf > * {color: #fff;}
#main .service .boxs > li:hover .in > img.off {display: none;}
#main .service .boxs > li:hover .in > img.on {display: block;}

/* action */
.mtit > * {opacity: 1;position: relative;bottom: -50px;}
.mtit.motion > * {opacity: 1;bottom: 0;}
.mtit.motion > *:nth-child(1) {transition: all 0.3s 0s;}
.mtit.motion > *:nth-child(2) {transition: all 0.3s 0.2s;}
.mtit.motion > *:nth-child(3) {transition: all 0.3s 0.4s;}
.mtit.motion > *:nth-child(4) {transition: all 0.3s 0.5s;}

#main .about .list > li .inf > *:not(span) {opacity: 1;position: relative;bottom: -50px;}
#main .about .list > li .inf.motion > * {opacity: 1;bottom: 0;}
#main .about .list > li .inf.motion > *:nth-child(1) {transition: all 0.3s 0s;}
#main .about .list > li .inf.motion > *:nth-child(2) {transition: all 0.3s 0.2s;}

#main .about .list2 > li .circle > *:not(span) {opacity: 1;position: relative;bottom: -0px;}
#main .about .list2 > li .circle.motion > * {opacity: 1;bottom: 0;}
#main .about .list2 > li .circle.motion > *:nth-child(1) {transition: all 0.3s 0s;}
#main .about .list2 > li .circle.motion > *:nth-child(2) {transition: all 0.3s 0.2s;}

/**************************************************
	Sub
**************************************************/
#sub #content{ position: relative;max-width: 1200px;margin: 0 auto;padding: 120px 0; }

#sub .sub-vis{position: relative;height: 360px;overflow: hidden;text-align: center;background-position: center center;background-size: cover;}
/* #sub .sub-vis:before{position: relative;content: '';display: inline-block;vertical-align: middle;width: 0;height: 100%;}
#sub .sub-vis h2{display: inline-block;vertical-align: middle;text-align: center;font-size: 35px;color: #fff;letter-spacing: -1px;z-index: 2;}
#sub .sub-vis h2 em{display: block;margin-top: 10px;font-style: normal;font-size: 18px;font-weight: normal;}

#sub .sub-tit{position: relative;padding-bottom: 20px;margin-bottom: 40px;border-bottom: 1px solid #ddd;}
#sub .sub-tit h3{margin-top: 10px;font-size: 30px;color: #000;} */

.lnbWrap{display: none; padding: 80px 0 50px;border-bottom: 1px solid #ddd;}
.lnbWrap .tit {display: block;width: 1200px;margin: 0 auto 20px;min-height: 35px;line-height: 35px;font-family: 'SpoqaHanSansNeo';font-size: 26px;color: #161f34;font-weight: 700;}
#lnb{width: 1200px;margin: 0 auto;box-sizing: border-box;padding: 2px 0 1px;padding-left: 62px;background: url('../images/layout/lnb-logo.png') no-repeat 0 0;}
#lnb > li{display: inline-block;vertical-align: middle;margin-right: 25px;box-sizing: border-box;}
#lnb > li a{display: block;font-size: 23px;color: #000000;font-weight: 300;}
#lnb > li a:hover {text-decoration: none;}
#lnb > li.active a{font-weight: 600;}

.sttWrap {border-bottom: 1px solid #ddd; padding: 65px 0}
#status{position: relative; max-width: 1200px; margin: 0 auto}
#status > ul > li{display: inline-block;}
#status > ul > li .spr{display: inline-block;vertical-align: top;margin: 0 25px;color: #000000;font-size: 14px;line-height: 30px;}
#status > ul > li a{font-size: 18px;color: #000000;text-decoration: none; line-height: 30px}
#status > ul > li:last-child a{color: #000;}
#status > ul > li > ul{display: none;}
/*
#navigator{border: 1px solid #ddd;border-width: 1px 0 1px 0;}
#navigator > ul{width: 1200px;position: relative;margin: 0 auto;border-left: 1px solid #ddd;box-sizing: border-box;background: #fff;}
#navigator > ul > li{position: relative;display: inline-block;border-right: 1px solid #ddd;vertical-align: top;z-index: 89;}
#navigator > ul > li > a{display: block;min-width: 200px;font-size: 15px;font-weight: 500;color: #333;text-decoration: none;padding: 0 60px 0 15px;line-height: 50px;background: url('/images/layout/ft-family-spr.png') no-repeat 95% center;}
#navigator > ul > li:first-child a{min-width: 0;width: 50px;text-align: center;padding: 0;background: #f7f7f7;color: #888;font-size: 20px;}
#navigator > ul > li > ul{position: absolute;top: 50px;left: -1px;width: 100%;border: 1px solid #ddd;visibility: hidden;opacity: 0;transition: all 0.2s;}
#navigator > ul > li > ul li a{display: block;padding: 12px 15px;font-size: 15px;border-top: 1px solid #ddd;text-decoration: none;transition: all 0.3s;}
#navigator > ul > li > ul li:first-child a{border-top: none;}
#navigator > ul > li > ul li:hover a{background: #f7f7f7;}
#navigator > ul > li.on > ul{background: #fff;visibility: visible;opacity: 1;}
#navigator > ul > li > ul li.hidden-gnb{display: none;} */

/* 약관 내용 출력 박스 */
.policybox{color: #666;font-size: 13px;line-height: 20px;}

.faq-boxs {display: flex;justify-content: space-between;flex-wrap: wrap;}
.faq-boxs > li {position: relative;width: calc(100%/2 - 20px/2);margin-bottom: 20px;position: relative;}
.faq-boxs > li > .link {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 10;}
.faq-boxs > li > .tmb {padding-bottom: 72.91%;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
.faq-boxs > li > .inf {position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: flex;justify-content: center;align-items: center;}
.faq-boxs > li > .inf > strong {font-size: 32px;color: #fff;font-weight: 300;line-height: 1.4em;text-align: center;}
.faq-boxs > li.w100 {width: 100%;}
.faq-boxs > li.w100 > .tmb {padding-bottom: 35.72%;}

.sub-banner {display: none !important; background: url('../images/sub/aboutus-bg1.jpg') no-repeat 50% 50%;background-size: cover;}
.sub-banner .inr {height: 360px;display: flex;align-items: center;justify-content: space-between;}
.sub-banner p {font-size: 42px;color: #fff;font-weight: 700;line-height: 1.4em;letter-spacing: -1px;}

.sub-aboutus {padding-top: 0 !important;}
.sub-aboutus .banner1 {height: 898px;background: url('../images/sub/aboutus-bg2.jpg') no-repeat 50% 50%;background-size: cover;display: flex;align-items: center;justify-content: center;}
.sub-aboutus .banner1 .stit {margin-bottom: 0;}
.sub-aboutus .banner1 .stit > h4 {font-size: 42px;color: #000000;font-weight: 700;}
.sub-aboutus .banner1 .stit > p {margin-top: 35px;font-size: 24px;color: #000000;line-height: 1.4em;}
.sub-aboutus .info1 {margin: 100px 0;}
.sub-aboutus .info1 .stxt1 {margin-top: 45px;text-align: center;color: #161e33;}
.sub-aboutus .info2 {position: relative; margin: 150px 0;}
.sub-aboutus .info2 .stit {margin-bottom: 0;}
.sub-aboutus .info2 .stit > h4 {font-size: 42px;font-weight: 700;}
.sub-aboutus .info2 .stit > h4:before {display: block;content: '';width: 50px;height: 5px;margin: 0 auto 20px;background: #000;}
.sub-aboutus .info2 .stit > p {margin-top: 35px;font-size: 18px;color: #222222;line-height: 1.6em;}
.sub-aboutus .info2 .flex_tac img { width: 700px;}
.sub-aboutus .info2 .flex_tac p {margin-top: 35px;font-size: 18px;color: #222222;line-height: 1.6em; text-align: left;}
.sub-aboutus .info2#posi1 .stit > h4 {color: #4cc6e0;}
.sub-aboutus .info2#posi1 .stit > h4:before {background: #4cc6e0;}
.sub-aboutus .info2#posi2 .stit > h4 {color: #324ea1;}
.sub-aboutus .info2#posi2 .stit > h4:before {background: #324ea1;}
.sub-aboutus .info2#posi3 .stit > h4 {color: #1b273e;}
.sub-aboutus .info2#posi3 .stit > h4:before {background: #1b273e;}
.sub-aboutus .circle {max-width: 990px;margin: 150px auto;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;position: relative;z-index: 1;}
.sub-aboutus .circle:after {display: block;content: '';position: absolute;top: 50%;left: 0;right: 0;margin-top: -4px;height: 8px;background: #9a9a9a;}
.sub-aboutus .circle > li {position: relative;z-index: 10;}
.sub-aboutus .circle > li .btn {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 20;}
.sub-aboutus .circle > li .off {width: 100%;transform: scale(1,1);transition: transform 0.3s;}
.sub-aboutus .circle > li .hov {display: none;position: absolute;top: 50%;left: 50%;z-index: 11;transform: translate(-50%, -50%);width: 380px;height: 380px;border-radius: 50%;justify-content: center;align-items: center;}
.sub-aboutus .circle > li .hov > p {text-align: center;font-size: 42px;color: #fff;font-weight: 700;letter-spacing: -1px;line-height: 1.4em;}
.sub-aboutus .circle > li:hover .hov {display: flex;}
.sub-aboutus .circle > li:hover .off {transform: scale(1.1, 1.1);}
.sub-aboutus .circle > li .__mo {border-radius: 50%}

.sub-bds {padding-top: 0 !important;}
.sub-bds .stit {margin-top: 100px;}
.sub-bds .stit > img {margin-bottom: 25px;}
.sub-bds .stit > h4 {font-size: 42px;color: #000000;font-weight: 700;}
.sub-bds .stit > p {margin-top: 35px;font-size: 24px;color: #000000;line-height: 1.4em;}
.sub-bds .icons {margin-bottom: 120px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.sub-bds .icons > li {position: relative;}
.sub-bds .icons > li .btn {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 20;}
.sub-bds .icons > li > img {width: 100%;}
.sub-bds .boxs > li:not(:first-child) {margin-top: 120px;}
.sub-bds .boxs > li .inf {background: #fff;padding: 55px 0;}
.sub-bds .boxs > li .inf > * {display: block;text-align: center;letter-spacing: -0.05em;}
.sub-bds .boxs > li .inf > strong {font-size: 32px;color: #161f34;font-weight: 700;line-height: 1.1em;}
.sub-bds .boxs > li .inf > p {margin-top: 20px;font-size: 20px;color: #161f34;font-weight: 400;line-height: 1.6em;}

.sub-promise {padding-top: 0 !important;}
.sub-promise .stit {margin-top: 100px;}
.sub-promise .stit > img {margin-bottom: 25px;}
.sub-promise .stit > h4 {font-size: 42px;color: #000000;font-weight: 700;}

.sub-promise .stit > p {margin-top: 35px;font-size: 24px;color: #000000;line-height: 1.4em;}
.sub-promise .icons {margin-bottom: 120px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.sub-promise .icons > li {position: relative;}
.sub-promise .icons > li .btn {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 20;}
.sub-promise .icons > li > img {width: 100%;}
.sub-promise .boxs > li:not(:first-child) {margin-top: 120px;}
.sub-promise .boxs > li .inf {background: #fff;padding: 55px 0;}
.sub-promise .boxs > li .inf > * {display: block;text-align: center;letter-spacing: -0.05em;}
.sub-promise .boxs > li .inf > strong {font-size: 32px;color: #161f34;font-weight: 700;line-height: 1.1em;}
.sub-promise .boxs > li .inf > p {margin-top: 20px;font-size: 20px;color: #161f34;font-weight: 400;line-height: 1.6em;}

.sub-info .stit > img {margin-bottom: 25px;}
.sub-info .stit > h4 {font-size: 42px;color: #000000;font-weight: 700;}
.sub-info .stit > p {margin-top: 35px;font-size: 24px;color: #000000;line-height: 1.4em;}

.sub-inquiry .btn {margin-top: 100px;position: relative;}
.sub-inquiry .btn > * {display: block;text-align: center;}
.sub-inquiry .btn > .link {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 10;}
.sub-inquiry .btn > img {margin-left: auto;margin-right: auto;max-width: 100%;}
.sub-inquiry .btn > strong {font-size: 42px;color: #000000;font-weight: 700;}
.sub-inquiry .btn > p {font-size: 24px;color: #000000;line-height: 1.4em;}

/**************************************************
	Text common
**************************************************/
.__hide {position: fixed;top: -9999px;width: 0;height: 0;overflow: hidden;opacity: 0;}

.colRed {color: red !important;}
.colBlue {color: #13349d !important;}

.mtit {margin-bottom: 93px;}/*margin-bottom: 75px;*/
.mtit > * {display: block;text-align: center;letter-spacing: -0.05em;line-height: 1.1em;}
.mtit > *:not(:first-child) {margin-top: 10px;}
.mtit > p {font-size: 20px;color: #222222;}
.mtit > h3 {font-size: 42px;color: #222222;font-weight: 700;}

.stit {margin-bottom: 70px;}
.stit > * {display: block;text-align: center;letter-spacing: -0.05em;line-height: 1.1em;}
.stit > *:not(:first-child) {margin-top: 10px;}
.stit > img {margin-left: auto;margin-right: auto;max-width: 100%;}
.stit > p {font-size: 18px;color: #222222;font-weight: 400;}
.stit > p.big {font-size: 28px;color: #222222;font-weight: 400;}
.stit > h4 {font-size: 42px;color: #000000;font-weight: 500;}

.stxt1 {font-size: 18px; color: #222222;font-weight: 400;letter-spacing: -0.05em;line-height: 1.6em;}

.tac > img {margin-left: auto;margin-right: auto;max-width: 100%;}
.tac > img:not(.__pc, .__ta, .__mo) {display: block;}

#sub .align-form {display: flex;justify-content: space-between;flex-wrap: wrap;}
#sub .align-form > li {width: 100%;margin-bottom: 50px;}
#sub .align-form > li.w50 {width: calc(100%/2 - 60px/2);}
#sub .align-form > li > * {display: block;}
#sub .align-form > li > em {display: block;margin-bottom: 5px;font-size: 16px;color: #000000;font-style: normal;letter-spacing: -0.05em;line-height: 1.1em;}
#sub .__form .sel {width: 100%;height: 45px;padding: 0 10px;border: 1px solid #000;}
#sub .__form .inp {max-width:17.5rem; width: 100%;height: 45px;padding: 0 20px;border: 0;border-bottom: 1px solid #000;}
#sub .__form input[type=file] {max-width:17.5rem; width: 100%;height: 45px;padding: 0;border: 0;border-bottom: 1px solid #000;line-height: 45px;}

.fulldiv {display: block;position: relative;left: 50%;width: 100vw;margin-left: -50vw;}
.fulldiv .inr {max-width: 1200px;margin: 0 auto;}

.view_btn {
    cursor:pointer;
}
.view_hidden {
    display:none;
    background:#f8f9f9;
}
.inner_view_wrap {
    margin:1.0rem;
    padding:1.5rem;
    box-sizing: border-box;
    border:1px solid #eee;
    background:#fff;
}
.inner_container {
    clear:both;
}
.inner_view_wrap h4 {
    clear:both;
    margin-bottom:1.0rem;
    padding:0.5rem 0;
    font-size:1.5rem;
    text-align: center;
}
.inner_view_wrap ul {
    margin:0 auto;
    width:100%;
    max-width:40rem;
}
.inner_view_wrap ul li {
    padding:0.5rem 0;
    border-bottom:1px solid #eee;
}
.inner_view_wrap ul li strong {
    display:inline-block;
    width:30%;
    max-width:8.0rem;
}
.inner_view_wrap ul li span {
    display:inline-block;
    width:60%;
    max-width:10.0rem;
}
.inner_view_wrap ul li.inner_img {
    display:flex;
    justify-content: center;
    align-items: flex-start;
}
.inner_view_wrap ul li.inner_img div {
    margin:0.25rem;
}
.inner_view_wrap ul li.inner_img div p {
    margin-bottom:0.25rem;
}
.inner_view_wrap ul li.inner_img div img {
    max-width:120px;
}
.con_print_btn {
    float: right;
    display: inline-block;
    margin-bottom:0.5rem;
    padding:0.375rem 0.5rem;
    width:3.75rem;
    text-align: center;
    background:#eaeaea;
    border-radius: 0.5rem;
    cursor: pointer;
    font-size: 13px;
}

.inner_view_wrap.print_wrap {
    padding-bottom:64px;
    min-width:1000px;
    width:100%;
    box-sizing: border-box;
}
.inner_view_wrap.print_wrap .status_li {
    display:none;
}
.inner_view_wrap.print_wrap h4 {
    font-size:1.75rem;
}
.inner_view_wrap.print_wrap ul li {
    font-size:1.25rem;
}
.inner_view_wrap.print_wrap ul li span {
    max-width:20rem;
}
.inner_view_wrap.print_wrap ul li.inner_img div {
    padding:0 0.25rem;
    text-align: center;
}
.inner_view_wrap.print_wrap ul li.inner_img div img {
    min-width:80px;
    max-width:240px;
    height:auto;
}

.kakao_post_code_layer {
    display:none;
    position: fixed;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:300px;
    height:400px;
    border:3px solid #aaa;
    box-shadow: 2px 2px 16px rgba(0,0,0,0.1);
    -webkit-overflow-scrolling:touch;
    overflow:hidden;
    z-index: 10;
}
.kakao_post_code_layer .close_btn {
    position:absolute;
    right:-3px;
    top:-3px;
    z-index:1;
    cursor:pointer;
}


/* 230105 */
.sub-aboutus .info1 .absTit {padding-bottom: 50px; text-align: center}
.sub-aboutus .info1 .absTit img {}
.sub-aboutus .info1 .absTit h6 {margin: 20px 0 25px; font-weight: 700; font-size: 42px; line-height: 50px; color: #000; letter-spacing: -0.5px; text-align: center}
.sub-aboutus .info1 .absTit h6 mark {display: inline-block; margin-bottom: 5px; font-weight: normal; font-size: 20px; line-height: 32px; background: rgba(49,74,158,0.07); padding: 0 5px}
.sub-aboutus .info1 .absTit p {margin-top: 0}
.sub-aboutus .info2 .tit {position: absolute; top: 0}
.sub-aboutus .info2 .tit h5 {position: relative; display: inline-block; padding-top: 35px; font-size: 42px; line-height: 52px; letter-spacing: -0.5px}
.sub-aboutus .info2 .tit1 h5 {color: #4cc6e0}
.sub-aboutus .info2 .tit2 h5 {color: #324ea1}
.sub-aboutus .info2 .tit3 h5 {color: #1b273e}
.sub-aboutus .info2 .tit h5:before {content: ''; position: absolute; top: 0; left: 0; width: 50px; height: 5px}
.sub-aboutus .info2 .tit1 h5:before {background: #4cc6e0}
.sub-aboutus .info2 .tit2 h5:before {left: auto; right: 0; background: #324ea1}
.sub-aboutus .info2 .tit3 h5:before {background: #1b273e}
.sub-aboutus .info2 .tit p {margin-top: 20px; font-size: 24px; line-height: 34px; color: #222222; letter-spacing: -0.5px}
.sub-aboutus .info2 .imgBox {}
.sub-aboutus .info2 .imgBox > img {position: absolute; top: 0}
.sub-aboutus .info2 .imgBox .img {}
.sub-aboutus .info2 .imgBox .img img {}
.sub-aboutus .info2#posi1,
.sub-aboutus .info2#posi3 {text-align: right}
.sub-aboutus .info2#posi2 {text-align: left}
.sub-aboutus .info2#posi1 .tit,
.sub-aboutus .info2#posi3 .tit {left: 0; text-align: left}
.sub-aboutus .info2#posi2 .tit {right: 0; text-align: right}
.sub-aboutus .info2#posi1 .imgBox > img,
.sub-aboutus .info2#posi3 .imgBox > img {right: 0}
.sub-aboutus .info2#posi2 .imgBox > img {left: -85px}
.sub-aboutus .info2#posi1 .imgBox .img {padding-top: 200px; padding-right: 70px}
.sub-aboutus .info2#posi2 .imgBox .img {padding-top: 200px; padding-left: 10px}
.sub-aboutus .info2#posi3 .imgBox .img {padding-top: 160px; margin-right: -50px}

.sub-promise .stit > h4 mark {display: inline-block; margin-bottom: 5px; font-weight: normal; font-size: 20px; line-height: 32px; background: rgba(49,74,158,0.07); padding: 0 5px}
.sub-promise .icons > li:nth-child(even) {margin-top: 70px}
.sub-promise .icons > li {transition: all .3s ease}
.sub-promise .icons > li:hover {transition: all .3s ease}
.sub-promise .icons > li:hover:nth-child(odd) {margin-top: -30px}
.sub-promise .icons > li:hover:nth-child(even) {margin-top: 40px}
.sub-promise .boxs > li {position: relative; padding-top: 100px;}
.sub-promise .boxs > li .inf {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1200px; padding: 70px 150px; box-sizing: border-box}
.sub-promise .boxs > li .inf > * {text-align: left}
.sub-promise .boxs > li:nth-child(1) .inf {background: #fff url('../images/sub/prs_list_ico01.png') no-repeat right 150px center}
.sub-promise .boxs > li:nth-child(2) .inf {background: #fff url('../images/sub/prs_list_ico02.png') no-repeat right 150px center}
.sub-promise .boxs > li:nth-child(3) .inf {background: #fff url('../images/sub/prs_list_ico03.png') no-repeat right 150px center}
.sub-promise .boxs > li:nth-child(4) .inf {background: #fff url('../images/sub/prs_list_ico04.png') no-repeat right 150px center}
.sub-promise .boxs > li:nth-child(5) .inf {background: #fff url('../images/sub/prs_list_ico05.png') no-repeat right 150px center}

/* member product */
.prd_file_btn {
    cursor:pointer;
}
.prd_file_img {
    height:80px;
}
.file_img_pop {
    display:none;
    position:fixed;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:600px;
    height:auto;
    max-width:92vw;
    background:#fff;
    box-shadow:4px 4px 32px rgba(100,100,100,0.1);
    transition: all 0.3s;
    z-index: 100;
}
.file_img_pop .img_wrap {
    position:relative;
}
.file_img_pop .img_wrap .closeBtn {
    position:absolute;
    top:8px;
    right:8px;
    display:block;
    width:32px;
    height:32px;
    line-height:32px;
    font-weight:600;
    text-align: center;
    text-decoration: none;
    cursor:pointer;
    border-radius:4px;
    transition: all 0.2s;
    background:#fff;
    box-shadow:4px 4px 16px rgba(100,100,100,0.2);
    z-index: 1;
}
.file_img_pop .img_wrap .closeBtn:hover {
    background: #eaeaea;
}
.file_img_pop .img_wrap .img {
    width:100%;
}
.file_img_pop .img_wrap .img img {
    width:100%;
}

/* news board */
.news_board #sb-gallery > li .tmb:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid #ddd;
}