@charset "UTF-8";

.section{height:800px;min-height:800px}

/* 메인 상단 배너 */
.main-visual{display:table;width:100%;height:50%;padding-bottom:50px;background-size:cover;box-sizing:border-box}
.main-visual .inner {display: flex;justify-content: space-between;margin: 0 auto;width: 1180px;height: 100%;padding: 70px 80px 0;box-sizing: border-box;}
.main-visual .box img {margin-top: 15px;}
.main-visual__sub-tit{font-size:1.571rem;color:#222}
.main-visual__tit{margin:7px 0 13px;line-height:5rem;font-size:3rem;font-weight:700;color:#000;letter-spacing:-0.25rem}
.main-visual__tit--big{font-size:3.714rem;font-weight:800;color:#072d6f}
.main-visual__desc{line-height:1.714rem;font-size:1.286rem;color:#000}

/* 메인 상단 슬라이드 */
.main-product{height:50%;max-height:550px;margin-top:-50px;}
.main-product .arr-scroll{position:relative;padding-top:40px;}
.main-product .arr-scroll span{position:absolute;top:5px;left:50%;width:20px;height:20px;margin-left:-10px;border-left:1px solid #062964;border-bottom:1px solid #062964;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:scroll 2s infinite;animation:scroll 2s infinite;box-sizing:border-box;}
@-webkit-keyframes scroll{
  0%   {-webkit-transform:rotate(-45deg) translate(0, 0);opacity:0}
  60%  {opacity:1}
  100% {-webkit-transform:rotate(-45deg) translate(-5px, 5px);opacity:0}
}
@keyframes scroll{
  0%   {transform:rotate(-45deg) translate(0, 0);opacity:0}
  60%  {opacity:1}
  100% {transform:rotate(-45deg) translate(-5px, 5px);opacity:0}
}

.main-product {position: relative;}
.main-product::before {position: absolute;bottom: 0;display: block;content: '';clear: both;width: 100%;height: 84%;background: #f5f6f8;}
.main-product .box-inner{width:1180px;height:100%;padding:0;border:1px solid #ddd;overflow: hidden;;box-shadow:2px 2px 6px rgba(0,0,0,0.08);box-sizing:content-box;}
.main-product__slider{height:calc(100% - 159px);text-align:center;}
.main .main-product__slider .main-product__item {display:table;}
.main .slick-list, .main .slick-track{height:100%}
.main-product__item{background:#fff;box-sizing:border-box;}
.main-product__item:nth-child(2n-1){background:#0e3173;color:#fff}
.main-product__item:nth-child(2n-1) .main-product__sub-tit,
.main-product__item:nth-child(2n-1) .main-product__tit{color:#fff}
.main-product__item:nth-child(2n-1) .main-product__link{border-color:#fff;color:#fff}
.main-product__con{display:table-cell;vertical-align:middle}
.main-product__sub-tit{display:inline-block;font-size:1.429rem;color:#000}
.main-product__tit{margin-top:16px;font-size:2.429rem;font-weight:800;color:#0d2e5b}
.main-product__link{display:inline-block;margin-top:52px;padding:14px 48px;font-size:1.143rem;border:1px solid #606060;color:#222}

/* 메인 상단 게시판 */
.main-board{overflow:hidden;background:#ededed}
.main-board--left{border-left:1px solid #ddd;border-right:1px solid #ddd;}
.main-board--left,
.main-board--right{position:relative;float:left;width:50%;border-right:1px solid #ddd;box-sizing:border-box;background: #ededed;}
.main-board--right p{margin:25px 0 0 35px;line-height:2rem;font-size:1.286rem;color:#171717}
.main-board--right .ad_badge {position: absolute;top: 16px;right: 20px;display: inline-block;}
.main-board__slider {width: 100%;min-width: 0;height: 162px;}
.main-board--right .main-board__slide .banner_img {height: 100%;}
.main-board--right .slider-control {position: absolute;right: 20px;bottom: 15px;display: inline-block;width: 10px;height: 10px;background: url(../images/main/pause_bk.png) no-repeat center;opacity: 0.75;}
.main-board--right .slider-control.play {width: 10px;height: 10px;background: url(../images/main/play_bk.png) no-repeat center;}
.main-board__tit{padding:17px 35px 10px;line-height:1.9rem;font-size:1.429rem;font-weight:700;color:#333;}
.main-board__more{position:absolute;top:0;right:0;display:block;width:74px;height:55px;text-indent:-999em;overflow:hidden}
.main-board__more:before{content:'';position:absolute;top:50%;right:50%;width:14px;height:2px;margin:-1px -7px 0 0;background:#333}
.main-board__more:after{content:'';position:absolute;top:50%;right:50%;width:2px;height:14px;margin:-7px -1px 0 0;background:#333}
.main-board__list{padding:10px 35px 10px}
.main-board__list li{line-height:2.05rem;font-size:1.143rem;color:#171717;opacity:0.8}
.main-board__list li a{max-width:75%;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;}
.main-board__list .new:after{content:'N';width:15px;height:15px;background:#e31513;color:#fff;font-size:0.643rem;display:inline-block;text-align:center;line-height:15px;vertical-align:top;border-radius:3px;font-weight:bold;margin-top:6px;}
.main-board__date{float:right}
.main-board__btn{display: inline-block;margin-top: 29px;padding:15px 20px 15px 19px;font-size:1.334rem;background:#062964;color:#fff;font-size: 18px;border-radius:26px;}
.main-board__btn:after{content:'';display:inline-block;width:8px;height:8px;margin-top: 5px;margin-left:5px;border:1px solid #fff;border-width:1px 0 0 1px;vertical-align:top;;transform:rotate(135deg)}

/* 메인 도입 이유 */
.main-info{position:relative;display:table;width:100%;height:100%;min-height:768px;table-layout:fixed;overflow:hidden;background:#081e50;color:#fff;}
.main-info:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;
  background: -moz-linear-gradient(top,  rgba(6,79,162,0.5) 0%, rgba(6,79,162,0.5) 3%, rgba(4,38,100,0.5) 95%, rgba(4,38,100,0.5) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(6,79,162,0.5) 0%,rgba(6,79,162,0.5) 3%,rgba(4,38,100,0.5) 95%,rgba(4,38,100,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(6,79,162,0.5) 0%,rgba(6,79,162,0.5) 3%,rgba(4,38,100,0.5) 95%,rgba(4,38,100,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80064fa2', endColorstr='#80042664',GradientType=0 ); /* IE6-9 */
}
.main-info__img{display:table-cell;width:40%;background:url(../images/main/img_user_screen.jpg) no-repeat 100% 100%;background-size:cover}
.main-info__txt-wrap{position:relative;display:table-cell;width:60%;padding-top:86px;padding-left:7%;vertical-align:middle;z-index:10}
.main-info__tit{font-size:3.048rem;line-height:4.29rem}
.main-info__tit strong,
.main-info__txt dt strong{font-weight:800}
.main-info__txt dt{margin-top:6.8%;font-size:1.857rem}
.main-info__txt dd{margin-top:13px;font-size:1.286rem;line-height:1.714rem}

/* 메인 파트너 목록 */
.main-partner{display:table;height:100%;margin:0 auto;text-align:center}
.main-partner .box-inner{display:table-cell;padding-top:86px;vertical-align:middle}
.main-patner__tit{line-height:5.1rem;font-size:3.429rem;text-align:center;font-weight:300;color:#0d1c36}
.main-patner__tit .num{display:inline-block;min-width:175px;font-size:3.810rem;color:#164492;border-bottom:3px solid #164492}
.main-patner__tit span{font-size:3.239rem}
.main-patner__tit strong{font-weight:800}
.main-partner__tab-wrap{position:relative;margin-top:65px;padding-top:105px}
.main-partner__tab{position:absolute;top:0;width:98px;line-height:2.286rem;font-size:1.334rem;text-align:center;color:#595959;border-left:1px solid #d7d7d7}
.main-partner__tab-1{left:454px;border-left:0}
.main-partner__tab-2{left:552px}
.main-partner__tab-3{left:650px}
.main-partner__tab--active button, .main-partner__tab button:hover{color:#062964;border-bottom:1px solid #062964}
.main-partner__con{text-align:left;border-left:1px solid #e5e5e5;font-size:0}
.main-partner__con li{display:inline-block;width:20%;margin-top:-1px;border:1px solid #e5e5e5;border-width:1px 1px 1px 0;box-sizing:border-box;}
.main-partner__more{display:inline-block;margin-top:105px;padding-bottom:2px;font-size:1.905rem;font-weight:700;color:#333;border-bottom:2px solid #333}

/* 메인 고객센터 */
.main-contact{display:table;width:100%;height:100%;text-align:center;color:#fff;background:url(../images/main/bg_main_contact.jpg) no-repeat 50% 0 #394f5c;background-size:cover;box-sizing:border-box;}
.main-contact__txt-wrap{display:table-cell;padding-top:86px;vertical-align:middle}
.main-contact__txt-1{font-size:3.286rem;line-height:5rem;text-shadow:3px 3px 8px rgba(0,0,0,0.4)}
.main-contact__txt-1 .font--bold{font-size:2.857rem;line-height:4.571rem}
.main-contact__txt-2{margin-top:25px;font-size:2rem;color:#b7edff;text-shadow:3px 3px 8px rgba(0,0,0,0.75)}
.main-contact__tel-wrap{margin-top:65px;text-shadow:3px 3px 8px rgba(0,0,0,0.31)}
.main-contact__tel-tit{margin-right:5px;line-height:3.857rem;font-size:2.143rem;font-weight:700;vertical-align:top}
.main-contact__tel{line-height:3.857rem;font-size:3.143rem;font-weight:800;color:#b7edff}
.main-contact__link{display:inline-block;width:247px;margin-top:65px;padding:24px 0 23px;font-size:1.714rem;border:1px solid #fff;background:rgba(255,255,255,0.05);text-shadow:3px 3px 8px rgba(0,0,0,0.31);box-shadow:3px 3px 8px rgba(0,0,0,0.31)}
.main-contact__link-warp a:not(:first-child){margin-left:35px;}

.popWrap{position:absolute;top:130px;left:50px;border:1px solid #0e3173;z-index:1}
.popCon{position:relative;background-color:#ffffff}
.popBtnWrap{position:absolute;bottom:28px;left:0;width:100%;text-align:center}
.popBtn{display:inline-block;padding:17px 58px;background-color:#0e3173;color:#ffffff;font-size:16px;vertical-align:top}
.popBtn:focus{outline:1px solid blue}
.popBtm{padding:13px;border-top:1px solid #dddddd;background-color:#f7f7f7;text-align:right;font-size:0}
.popInp{display:inline-block;position:relative;margin-right:18px;padding-right:22px;border-right:1px solid #dddddd;font-size:0;vertical-align:top}
.popInp input{overflow:hidden;position:absolute;top:0;left:-999px;width:1px;height:1px;border:none;background:none;opacity:0}
.popInp input:focus + label{outline:1px solid blue}
.popInp label{display:inline-block;padding-left:25px;background:url('../images/serv/bg_chk_off.gif') left 1px no-repeat;color:#848484;font-size:16px;vertical-align:top}
.popInp input:checked + label{background:url('../images/serv/bg_chk_on.gif') left 1px no-repeat}
.popClose{display:inline-block;padding:0 20px;background:url('../images/main/btn_layer_close.png') 2px center no-repeat;color:#848484;font-size:16px;vertical-align:top}