@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800&display=swap&subset=korean');

/*SUB LATOUT*/
.sub .content-header{width: 100%;border-bottom: 1px solid #ccc;}
.sub .content-header .bg{display: block;height: 35rem;border-bottom: 1px solid #ccc;}
.sub.service .content-header .bg{background: url('../images/sub/bg_header_01.jpg') 50% 0 no-repeat;-webkit-background-size: cover;background-size: cover;}
.sub.hotline .content-header .bg{background: url('../images/sub/bg_header_02.jpg') 50% 0 no-repeat;-webkit-background-size: cover;background-size: cover;}
.sub.contact .content-header .bg{background: url('../images/sub/bg_header_03.jpg') 50% 0 no-repeat;-webkit-background-size: cover;background-size: cover;}
.sub .content-header .menu-wrap{max-width: 1260px;margin: 0 auto;}
.sub .content-header .menu-wrap:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.sub .content-header .menu-wrap h2{float: left;display: block;width: 17rem;font-size: 1.8rem;line-height: 6.9rem;color: #000;font-weight: 900;letter-spacing: -0.02rem; border-right: 1px solid #ccc;}
.sub .content-header .menu-wrap .menu-list{float: left;padding-left: 1.6rem;}
.sub .content-header .menu-wrap .menu-list:after{content: '';display: block ;clear: both;height: 0;visibility: hidden;}
.sub .content-header .menu-wrap .menu-list li{float: left;}
.sub .content-header .menu-wrap .menu-list li a{display: block;padding: 0 4.2rem;font-size: 1.6rem;color: #000;line-height: 6.9rem;}
.sub .content-header .menu-wrap .menu-list li.active a{color: #df1e36;font-weight: 500;}
.sub .content-primary{max-width: 1260px;margin: 0 auto;}
.sub .content-primary:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.sub .content-primary .primary-header{padding-top: 13.4rem;padding-bottom: 6.5rem;border-bottom: 1px solid #ccc;}
.sub .content-primary .primary-header:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.sub .content-primary .primary-header h2{float: left;font-size: 6rem;color: #000;font-weight: 100;line-height: 1;letter-spacing: -.4rem;}
.sub .content-primary .primary-header .btn-box{padding-top: .4rem;}
.sub .content-primary .primary-content {padding-bottom: 20rem;}
.sub .content-primary .primary-content > div {padding-top: 7.8rem;}
.sub .content-primary .primary-form {width: 900px; margin: 0 auto;}
.sub .content-primary .primary-form .input-search {margin-bottom: 9.5rem;}
.sub .content-primary .primary-form .notice-box {position: relative; border-width: 4px 0; border-color: #000; border-style: solid; overflow: hidden;}
.sub .content-primary .primary-form .notice-box dl  {height: 18.6rem; overflow: hidden; padding-top: 5.5rem;  padding-left: 3.3rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.sub .content-primary .primary-form .notice-box dl dt {float: left; width: 17.2rem; font-size: 2rem; font-weight: 700; color: #000; letter-spacing: -0.15rem;}
.sub .content-primary .primary-form .notice-box dl dd {float: left; font-size: 1.6rem; line-height: 2.4rem; color: #666; letter-spacing: -0.12rem; font-weight: 300; margin-top: -3px;}
.sub .content-primary .primary-form .notice-box dl dd p {font-size: 1.6rem; line-height: 2.4rem; color: #666; letter-spacing: -0.12rem; font-weight: 300;}
.sub .content-primary .primary-form .notice-box dl dd p + p {margin-top: 2rem;}
.sub .content-primary .primary-form .notice-box img {position: absolute; right: 0; bottom: 0;}

/*SERVICE*/
.service .content-primary .title-wrap {display: block;float: left;width: 48rem;}
.service .content-primary .text-wrap {float: left; width: 78rem;}
.service .content-primary .info-text{overflow: hidden;}
.service .content-primary .info-text .title-wrap strong {font-size: 2rem;line-height: 2.8rem;color: #222;font-weight: bold;}
.service .content-primary .text-wrap > p,
.service .content-primary .info-text dd {font-size: 1.6rem;line-height: 2.4rem;color: #666;font-weight: 300;}
.service .content-primary .info-text .text-wrap .deployment ul {display: inline-block;line-height: 4.2rem; margin: 7.5rem 0 2rem; border: 1px solid #df1e36; padding: 0 9.5rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.service .content-primary .info-text > div .deployment ul li {float: left; position: relative; color: #df1e36; font-weight: 400; padding: 0 1.6rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.service .content-primary .info-text > div .deployment ul li::before {font-size: 1.6rem; font-weight: 400; content: '>'; display: inline-block; position: absolute; top: 0; left: -3px;}
.service .content-primary .info-text > div .deployment ul li:nth-child(1)::before {display: none;}
.service .content-primary .info-text > div .deployment p {font-weight: 300; line-height: 2.4rem;}
.service .content-primary .list-wrap .item-list li:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.service .content-primary .list-wrap .item-list li .title-wrap{float: left;}
.service .content-primary .list-wrap .item-list li .title-wrap strong{display: block;margin-top: -.9rem; font-size: 6rem;color: #df1e36;font-weight: 900;line-height: 1;letter-spacing: -.2rem;	}
.service .content-primary .list-wrap .item-list li .title-wrap h3{padding-top: .5rem;font-size: 4.4rem;line-height: 5rem;color: #000;font-weight: 100;letter-spacing: -.6rem;}
.service .content-primary .list-wrap .item-list li .title-wrap p{padding-top: 1.8rem;font-size: 1.6rem;line-height: 3rem;color: #999;}
.service .content-primary .list-wrap .list > li {position: relative; margin-top: 8rem; padding-bottom: 8rem; overflow: hidden;}
.service .content-primary .list-wrap .list > li:nth-child(1) {margin-top: 0;}
.service .content-primary .detail-cont {overflow: hidden;}

/*서비스 소개*/
.service .content-primary.info .info-text .tit {font-size: 4rem;}
.service .content-primary.info .info-text .tit span {display: block; font-size: 1.6rem; font-weight: 300; color: #000; padding-top: 1.8rem;}
.service .content-primary.info .text-wrap .list dt span {display: block;}
.service .content-primary.info .text-wrap .list dt strong {display: block; padding: 0.5rem 0 1.2rem}
.service .content-primary.info .list-wrap .list > li {float: right;}
.service .content-primary.info .list-wrap .list > li:nth-child(1) {margin-top: -1.5rem;}
.service .content-primary.info .list-wrap .list > li::before {width: 100%; height: 1px; background: #000; display: inline-block; content: ''; position: absolute; right: 0; bottom: 0;}
.service .content-primary.info .list-wrap .list > li:nth-child(2)::before {width: 78rem;}
.service .content-primary.info .list-wrap .list > li:last-child::before {display: none;}
.service .content-primary.info .list-wrap .list > li:nth-child(2) dl {padding-left: 48rem;}
.service .content-primary.info .list-wrap .list > li:nth-child(3) {padding-bottom: 0;}
.service .content-primary.info .list-wrap .list dl {width: 78rem;}
.service .content-primary.info .list-wrap .list .lawyer {margin-top: 6rem; overflow: hidden;}
.service .content-primary.info .list-wrap .list .lawyer ul {float: right; }
.service .content-primary.info .list-wrap .list .lawyer ul li {float: left; position: relative; width: 260px; height: 344px; margin: 0 0 0 0.1rem;}
.service .content-primary.info .list-wrap .list .lawyer ul li .mask {display: block; position: relative; width: 100%; height: 100%; overflow: hidden;}
.service .content-primary.info .list-wrap .list .lawyer ul li img {position: absolute; right: 0; top: 0;}
.service .content-footer {position: relative; width: 100%; min-width: 1280px; height: 300px; background: rgb(74, 74, 74); overflow: hidden; z-index: 1;}
.service .content-footer .bg {position: relative; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../images/@thumb/thumb_1260x300.jpg'); background-repeat: no-repeat; background-position: center 0px; -webkit-transform: scale(1.06); -ms-transform: scale(1.06); -o-transform: scale(1.06);
transform: scale(1.06); -webkit-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; overflow: hidden; opacity: 0.7;}
.service .content-footer p {position: relative; font-size: 2rem; font-weight: 300; color: #fff; text-align: center; line-height: 3rem; letter-spacing: -0.12rem; top: 13.8rem; -webkit-transition: 0.8s ease-out 0.25s; z-index: 1; opacity: 0; -o-transition: 0.8s ease-out 0.25s; z-index: 1; opacity: 0; transition: 0.8s ease-out 0.25s; z-index: 1; opacity: 0;}
.service .content-footer .cap {display: block; width: 100%; height: 100%; background: url('../images/sub/bg_overlay.png'); position: absolute; top: 0; left: 0; }
.service .content-footer.ani .bg {background-position: center -60px; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;}
.service .content-footer.ani p {opacity: 1; top: 11.8rem;}

/*서비스 도입효과*/
.service .content-primary.effect .info-text {padding-bottom: 11.6rem;}
.service .content-primary.effect .cont {padding-top: 0; padding-bottom: 24rem;}
.service .content-primary.effect .list-wrap {padding-top: 0;}
.service .content-primary.effect .list-wrap .item-list li{padding-top: 13rem;}
.service .content-primary.effect .list-wrap .item-list li .thumb{float: right;}

/*시스템 구성*/
.service .content-primary.compose .info-text{padding-top: 8rem;padding-bottom: 8rem;}
.service .content-primary.compose .info-text:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.service .content-primary.compose .info-text .text-wrap{float: left;width: auto;}
.service .content-primary.compose .info-text .text-wrap dl{}
.service .content-primary.compose .info-text .text-wrap dl dt > span {display: inline-block; font-family: 'Pretendard', sans-serif; color: transparent; font-weight: 700; font-size: 13.5rem;  letter-spacing: -0.4rem; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #e8e8e8; text-shadow: none;}
.service .content-primary.compose .info-text .text-wrap dl dd{padding-top: 2.7rem;padding-bottom: 6.3rem;font-size: 1.6rem;line-height: 2.4rem;color: #666;}
.service .content-primary.compose .info-text .thumb{float: right;padding-top: 14.4rem;}

.service .content-primary.compose section{border-top: 6px solid #000;}
.service .content-primary.compose section .process-text h3{float: left;font-size: 2.3rem;line-height: 2.8rem;color: #000;font-weight: bold;}
.service .content-primary.compose .section01{padding-bottom: 17.3rem;}
.service .content-primary.compose .section01 .process-view{height: 285px;background: url('../images/sub/bg_process_01.jpg') 0 100% no-repeat;border-bottom: 1px solid #ccc;overflow: hidden;}
.service .content-primary.compose .section01 .process-view .data-list:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.service .content-primary.compose .section01 .process-view .data-list li{float: right;padding-top: 6.3rem;padding-right: 17rem;font-size: 1.6rem;line-height: 1;color: #000;font-weight: bold; opacity: 0;}
.service .content-primary.compose .section01 .process-view .data-list li:first-child{float: left;padding-left: 18rem;padding-right: 0;}
.service .content-primary.compose .section01 .process-view .item-list{padding-top: 2.7rem; position: relative;}
.service .content-primary.compose .section01 .process-view .item-list:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.service .content-primary.compose .section01 .process-view .item-list li{float: left; position: relative;}
.service .content-primary.compose .section01 .process-view .item-list li:nth-child(1){padding-left: 10.5rem;}
.service .content-primary.compose .section01 .process-view .item-list li:nth-child(2){padding-left: 15.3rem;}
.service .content-primary.compose .section01 .process-view .item-list li:nth-child(4){padding-left: 15rem;}
.service .content-primary.compose .section01 .process-view .item-list li:nth-child(5) {position: absolute; top: 12.3rem; left: 33.2rem;}
.service .content-primary.compose .section01 .process-view .item-list li strong {position: absolute; display: inline-block;width: 2.4rem;height: 2.4rem;line-height: 2.4rem; font-size: 1.3rem; font-family: 'Roboto', sans-serif;font-weight: 300;font-style: italic;text-align: center;text-indent: -.3rem;color: #fff;background-color: #000;border-radius: 50%; -webkit-transition: .6s ease-out; -o-transition: .6s ease-out; transition: .6s ease-out; -webkit-transform:  scale(0);-ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0;}
.service .content-primary.compose .section01 .process-view .item-list li img.icon {position: relative; opacity: 0; z-index: 2;}
.service .content-primary.compose .section01 .process-view .item-list .img-cap {display: inline-block; position: absolute; width: 13.6rem; height: 1rem; background: #fff; z-index:1;}
.service .content-primary.compose .section01 .process-view .item-list li:nth-child(1) .img-cap {top: 6.8rem; right: -11rem;}
.service .content-primary.compose .section01 .process-view .item-list li:nth-child(4) .img-cap {top: 7.8rem; right: 20rem;}
.service .content-primary.compose .section01 .process-view .item-list li:nth-child(5) .img-cap {top: -1rem; right: -7.9rem;}
.service .content-primary.compose .section01 .process-view .item-list img.arrow {position: absolute; top: 6.8rem; left: 27.5rem; width: 13.6rem; height: 1rem; max-width: none; z-index: 0;}
.service .content-primary.compose .section01 .process-view .item-list li:nth-child(4) img.arrow {top: 7.6rem; left: 4.3rem; width: 9.8rem;}
.service .content-primary.compose .section01 .process-view .item-list li:nth-child(5) img.arrow {top: -1rem; left: auto; right: -7.9rem;}

.service .content-primary.compose .section01 .process-view .data-list li {opacity: 1; -webkit-transition: .5s ease-in .5s; -o-transition: .5s ease-in .5s; transition: .5s ease-in .5s;}
.service .content-primary.compose .section01.ani .process-view .item-list li strong {-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);ransform: scale(1); opacity: 1;}
.service .content-primary.compose .section01.ani .process-view .item-list li:nth-child(1) strong {top: 4.2rem; right: -5.5rem; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s;}
.service .content-primary.compose .section01.ani .process-view .item-list li:nth-child(2) strong {top: -0.6rem; right: 11.2rem; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s;}
.service .content-primary.compose .section01.ani .process-view .item-list li:nth-child(3) strong {top: 4rem; right: 4.8rem; -webkit-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s;}
.service .content-primary.compose .section01.ani .process-view .item-list li:nth-child(4) strong {top: 4rem; right: auto; left: 8rem; -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s;}
.service .content-primary.compose .section01.ani .process-view .item-list li:nth-child(5) strong {-webkit-transition-delay: 1.6s; -o-transition-delay: 1.6s; transition-delay: 1.6s;}
.service .content-primary.compose .section01.ani .process-view .item-list li img.icon {-webkit-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.8s; -o-animation-duration: 0.8s; animation-duration: 0.8s;}
.service .content-primary.compose .section01.ani .process-view .item-list li:nth-child(2) img.icon {-webkit-animation-delay: 0.45s; -o-animation-delay: 0.45s; animation-delay: 0.45s;}
.service .content-primary.compose .section01.ani .process-view .item-list li:nth-child(3) img.icon {-webkit-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s;}
.service .content-primary.compose .section01.ani .process-view .item-list li:nth-child(4) img.icon {-webkit-animation-delay: 1.3s; -o-animation-delay: 1.3s; animation-delay: 1.3s;}
.service .content-primary.compose .section01.ani .process-view .item-list .img-cap {-webkit-animation: processArrow 0.6s cubic-bezier(0.54, 0.48, 0.38, 1.01) 0.1s forwards; -o-animation: processArrow 0.6s cubic-bezier(0.54, 0.48, 0.38, 1.01) 0.1s forwards; animation: processArrow 0.6s cubic-bezier(0.54, 0.48, 0.38, 1.01) 0.1s forwards;}
.service .content-primary.compose .section01.ani .process-view .item-list li:nth-child(4) .img-cap {-webkit-animation-delay: 1.1s; -o-animation-delay: 1.1s; animation-delay: 1.1s;}
.service .content-primary.compose .section01.ani .process-view .item-list li:nth-child(5) .img-cap {-webkit-animation-delay: processArrow2 0.45s cubic-bezier(0.54, 0.48, 0.38, 1.01) 1.7s forwards; -o-animation: processArrow2 0.45s cubic-bezier(0.54, 0.48, 0.38, 1.01) 1.7s forwards; animation: processArrow2 0.45s cubic-bezier(0.54, 0.48, 0.38, 1.01) 1.7s forwards; background: #fff;}

@keyframes processArrow {
    0% {width: 13.6rem;}
    100% {width: 0;}
}

@keyframes processArrow2 {
    0% {right: -7.9rem;}
    100% {right: 6rem;}
}

.service .content-primary.compose .section01 .process-text{padding-top: 6.8rem;}
.service .content-primary.compose .section01 .process-text:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.service .content-primary.compose .section01 .process-text .data-list{float: right;}
.service .content-primary.compose .section01 .process-text .data-list:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.service .content-primary.compose .section01 .process-text .data-list li{display: inline-block;padding-left: 8rem;vertical-align: top; transition: 0.8s ease; opacity: 0;}
.service .content-primary.compose .section01 .process-text .data-list li:last-child{padding-left: 4.4rem;}
.service .content-primary.compose .section01 .process-text .data-list li strong{display: block;width: 2.8rem;height: 2.8rem;line-height: 2.8rem;font-family: 'Roboto', sans-serif;;font-weight: 300;font-style: italic;text-align: center;text-indent: -.3rem;color: #fff;background-color: #df1e36;border-radius: 50%;}
.service .content-primary.compose .section01 .process-text .data-list li div{padding-top: 1rem;padding-bottom: 1.7rem;font-size: 1.8rem;line-height: 2.4rem;font-weight: 300;color: #333;letter-spacing: -.1rem;}
.service .content-primary.compose .section01 .process-text .data-list li span{display: block;font-size: 1.3rem;line-height: 1.8rem;color: #666;font-weight: 300;letter-spacing: -.1rem;}
.service .content-primary.compose .section01 .process-text .data-list li span:before{content: '';display: block;width: 136px;padding-top: 2rem;border-top: 1px solid #e6e6e6;}
.service .content-primary.compose .section01.ani .process-text .data-list li:nth-child(1) {transition-delay: 0.1s; opacity: 1;}
.service .content-primary.compose .section01.ani .process-text .data-list li:nth-child(2) {transition-delay: 0.45s; opacity: 1;}
.service .content-primary.compose .section01.ani .process-text .data-list li:nth-child(3) {transition-delay: 0.9s; opacity: 1;}
.service .content-primary.compose .section01.ani .process-text .data-list li:nth-child(4) {transition-delay: 1.35s; opacity: 1;}
.service .content-primary.compose .section01.ani .process-text .data-list li:nth-child(5) {transition-delay: 1.75s; opacity: 1;}
.service .content-primary.compose .section02 .process-view{height: 494px;background: url('../images/sub/bg_process_01.jpg') 0 100% no-repeat;border-bottom: 1px solid #e6e6e6;}
.service .content-primary.compose .section02 .process-view .data-list{padding-top: 8.5rem;font-size: 0;}
.service .content-primary.compose .section02 .process-view .data-list li{position: relative; top: -80px; display: inline-block;width: 297px;height: 297px;margin-left: -5.7rem;text-align: center;box-sizing: border-box;border: 1px solid #e6e6e6;border-radius: 50%; opacity: 0;}
.service .content-primary.compose .section02 .process-view .data-list li:first-child{margin-left: 0;}
.service .content-primary.compose .section02 .process-view .data-list li:nth-child(2),
.service .content-primary.compose .section02 .process-view .data-list li:nth-child(4) {top: 80px;}
.service .content-primary.compose .section02 .process-view .data-list li .data-wrap{display: table;width: 100%;height: 100%;}
.service .content-primary.compose .section02 .process-view .data-list li .data-wrap .inner{display: table-cell;vertical-align: middle;}
.service .content-primary.compose .section02 .process-view .data-list li .data-wrap .inner em{display: inline-block;font-size: 1.6rem;color: #df1e36;line-height: 3rem;border-bottom: 1px solid #e97f88;}
.service .content-primary.compose .section02 .process-view h4{padding-top: 4rem;font-size: 2rem;color: #333333;line-height: 1;font-weight: 300;text-align: center;}
.service .content-primary.compose .section02 .process-text{padding-top: 8.4rem;overflow: hidden;}
.service .content-primary.compose .section02 .process-text:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.service .content-primary.compose .section02 .process-text .data-list{float: right;}
.service .content-primary.compose .section02 .process-text .data-list > li{float: left;width: 34.2rem;}
.service .content-primary.compose .section02 .process-text .data-list > li:last-child{width: 22.5rem;}
.service .content-primary.compose .section02 .process-text .data-list li .text-wrap{position: relative;height: 434px;padding-left: 1.9rem;border-left: 1px solid #b2b2b2;}
.service .content-primary.compose .section02 .process-text .data-list li .text-wrap strong{display: block;position: absolute;left: -5.9rem;top: 0;font-size: 4rem;font-family: 'Roboto', sans-serif;;font-weight: bold;font-style: italic;color: #df1e36;letter-spacing: -.3rem;}
.service .content-primary.compose .section02 .process-text .data-list li .text-wrap h5{font-size: 2.3rem;color: #000;line-height: 1;font-weight: bold;}
.service .content-primary.compose .section02 .process-text .data-list li .text-wrap ul{padding-top: 4.4rem;}
.service .content-primary.compose .section02 .process-text .data-list li .text-wrap ul li{padding-left: .9rem;font-size: 1.4rem;line-height: 2.2rem;color: #000;background: url('../images/common/dot_01.gif') 0 11px no-repeat;font-weight: 400;}
.service .content-primary.compose .section02 .process-text .data-list li .text-wrap div {position: relative; height: 100%;}
.service .content-primary.compose .section02 .process-text .data-list li .text-wrap div > span{position: absolute;left: 2.1rem;bottom: 0;font-size: 1.3rem;line-height: 2rem;color: #999;font-weight: 300;}
.service .content-primary.compose .section02 .process-text .data-list li:first-child .text-wrap > span{bottom: 1.9rem;}
.service .content-primary.compose .section02 .process-view .data-list.ani li  {top: 0; opacity: 1; transition: 1.2s cubic-bezier(0.5, 0.12, 0.27, 0.9);}

/*서비스 특장점*/
.service .content-primary.feature .list-wrap .item-list > li {border-bottom: 1px solid #ccc;}
.service .content-primary.feature .list-wrap .item-list > li:last-child {border-bottom: 0 none;}
.service .content-primary.feature .list-wrap .item-list li .title-wrap h3 {color: #666; line-height: 5.5rem; padding-top: 0; padding-bottom: 1.5rem;}
.service .content-primary.feature .list-wrap .item-list li .thumb {margin-top: 6.5rem;}
.service .content-primary.feature .list-wrap .item-list table {table-layout: fixed; border-width: 1px 1px 0 1px; border-color: #ccc; border-style: solid; margin-top: 4rem;}
.service .content-primary.feature .list-wrap .item-list table th {height: 127px; font-size: 1.4rem; font-weight: 400; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0 3.8rem;}
.service .content-primary.feature .list-wrap .item-list table td {height: 127px; font-size: 1.4rem; color: #666; border-bottom: 1px solid #ccc; padding: 0 2.5rem;}
.service .content-primary.feature .list-wrap .item-list table td ul li {line-height: 2.5rem;}
.service .content-primary.feature .text-wrap > p {padding-top: 0.5rem;}

/*HOTLINE*/
.hotline .step-wrap ul {float: right; margin-top: -4rem; overflow: hidden;}
.hotline .step-wrap ul li {float: left; position: relative; width: 131px; height: 131px; line-height: 13rem; background: #f2f2f2; border-radius: 50%; text-align: center; margin: 0 2.5rem;}
.hotline .step-wrap ul li::after {width: 12px; height: 23px;  background: url('../images/sub/step_arrow.png') no-repeat 0 0; display: inline-block; content: ''; position: absolute; right: -33px; top: 55px;}
.hotline .step-wrap ul li:last-child::after {display: none;}
.hotline .step-wrap ul li span {display: inline-block; position: relative; font-size: 1.4rem; font-weight: 500; color: #999; letter-spacing: 0.02rem; margin-top: -5px;}
.hotline .step-wrap ul li.active span {font-weight: 700; color: #df1e36;}
.hotline .step-wrap ul li.active span::before {width: 100%; height: 1px; background: #df1e36; display: inline-block; content: ''; position: absolute; left: 0; bottom: -5px;}
.hotline .step-wrap ul li.previous span {font-weight: 500; color: #333;}
.hotline .step-wrap ul li.previous span::before {width: 100%; height: 1px; background: #333; display: inline-block; content: ''; position: absolute; left: 0; bottom: -5px}


/*HOTLINE*/

/*신고서 작성 폼*/
.primary-form .section-wrap {margin-top: 6rem;}
.primary-form .section-wrap > div {margin: 1.8rem 0 0;}
.primary-form .section-wrap h3 {font-size: 1.7rem; font-weight: 700; color: #000;}
.declare-area .section-wrap .tabs li {width: 50%;}
.declare-area .section-wrap .declare-group {border: 1px solid #000; padding: 0 2rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.declare-area .section-wrap .terms {height: 208px; padding: 1.5rem 2rem; overflow-y: scroll; }
.declare-area .section-wrap .terms * {font-size: 1.3rem; font-weight: 400; color: #737373; line-height: 2.4rem; font-family: "돋움",Dotum,"돋움체",DotumChe;}
.declare-area .section-wrap .declare-group .input-group {overflow: hidden;}
.declare-area .section-wrap .declare-group .input-group .input-title {float: left; width: 190px; height: 60px; line-height: 6rem; padding: 0 0 0 1rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 2rem;  border-bottom: 1px solid #000;}
.declare-area .section-wrap .declare-group .input-group .input-title label {display: block; width: 100%; font-size: 1.4rem; font-weight: 400; color: #000;}
.declare-area .section-wrap .declare-group .input-group .input-text {float: left; width: 648px; height: 60px; line-height: 5.4rem; border-bottom: 1px solid #000; padding: 0 1rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.declare-area .section-wrap .declare-group .input-group .input-text > input {width: 100%; font-size: 1.4rem; letter-spacing: 0;}
.declare-area .section-wrap .declare-group .input-group .input-text input[readonly] {cursor: default; color: #df1e36;}
.declare-area .section-wrap .declare-group .input-group .input-text input::placeholder,
.declare-area .section-wrap .declare-group .input-group .input-text textarea::placeholder {color: #b2b2b2;}
.declare-area .section-wrap .declare-group .input-group .input-report {float: none; overflow: hidden;}
.declare-area .section-wrap .declare-group .input-group:last-child .input-title,
.declare-area .section-wrap .declare-group .input-group:last-child .input-text {border-bottom: 0;}
.declare-area .section-wrap .declare-group .input-group .textarea .input-text {height: 22rem; padding: 0 0 0 1rem; border-bottom: 0;}
.declare-area .section-wrap .declare-group .input-group .textarea .input-text textarea {width: 100%; height: 100%; line-height: 2.4rem; border: 0; padding-top: 2rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; resize: none;}
.declare-area .section-wrap .declare-group .input-group.file .input-title label {border-top: 1px solid #000;}
.declare-area .section-wrap .declare-group .input-group.file .input-title label .help {display: inline-block; float: right; width: 24px; height: 24px; background: url('../images/common/ico_file_ex.png') 0 center no-repeat; margin-top: 1.7rem;}
.declare-area .section-wrap .declare-group .input-group.file .input-text {border-top: 1px solid #000;}
.declare-area .section-wrap .declare-group .input-group.file .input-text input.file-text {color: #000;}
.declare-area .section-wrap .declare-group .input-group.file .input-text .file-wrap .btn {top: 9px; cursor: pointer;}
.declare-area .section-wrap .declare-group .input-group.file .input-text .file-hidden {width: 150px; height: 42px; top: 9px;}
.declare-area .section-wrap .declare-group .input-group.file .input-text .file-hidden[type="file"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.declare-area .section-wrap .declare-group .input-group.option {height: 60px; overflow: visible;}
.declare-area .section-wrap .declare-group .input-group.option .input-text {padding: 0;}
.declare-area .section-wrap .declare-group .input-group.option .select-wrap {width: 135px;}
.declare-area .section-wrap .declare-group .input-group.option .select-wrap .label {display: block; line-height: 6rem; background: url('../images/common/ico_select_arrow_black.png') no-repeat 90% center;  padding-left: 1rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.declare-area .section-wrap .declare-group .input-group.option .select-wrap .label span {display: inline-block; font-size: 1.4rem;}
.declare-area .section-wrap .declare-group .input-group.option .select-wrap .select-list {width: 100%; background: #fff; border: 1px solid #000; box-sizing: border-box; margin-top: -1px;}
.declare-area .section-wrap .declare-group .input-group.option .select-wrap .select-list li a {font-size: 1.4rem; text-align: left; color: #999; line-height: 3.5rem; padding: 0 1rem;}
.declare-area .section-wrap .declare-group .input-group.option .select-wrap .select-list li a:hover {color: #000; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.declare-area .section-wrap .declare-group .input-group.option .select-wrap.active .select-list {font-size: 1.4rem;}
.declare-area .section-wrap .declare-group .input-group.password {padding-bottom: 2rem;}
.declare-area .section-wrap .declare-group .input-group.password .input-title,
.declare-area .section-wrap .declare-group .input-group.password .input-text {border-bottom: 1px solid #000;}
.declare-area .section-wrap .declare-group .input-group.phone .input-text {position: relative;font-size: 0;}
.declare-area .section-wrap .declare-group .input-group.phone .input-text input {display: inline-block; line-height: 60px; padding-right: 15px; box-sizing: border-box;}
.declare-area .section-wrap .declare-group .input-group.phone .input-text input:nth-child(1) {width: 128px; }
.declare-area .section-wrap .declare-group .input-group.phone .input-text input:nth-child(2) {width: 140px; padding-left: 45px;}
.declare-area .section-wrap .declare-group .input-group.phone .input-text input:nth-child(3) {width: 140px; padding-left: 65px;}
.declare-area .section-wrap .declare-group .input-group.phone .input-text::before {content: ''; display: inline-block; position: absolute; top: 50%; left: 135px; width: 8px; height: 1px; background: #000;}
.declare-area .section-wrap .declare-group .input-group.phone .input-text::after {content: ''; display: inline-block; position: absolute; top: 50%; left: 285px; width: 10px; height: 1px; background: #000;}
.declare-area .section-wrap .declare-group .input-group.phone .input-text input:nth-child(1)::before{display: none;}

/* table 게시판 타입 */
.tbl-type01 .table {width: 100%; table-layout: fixed; border: 1px solid #000;}
.tbl-type01 .table .thead tr th,
.tbl-type01 .table .thead .tr > span {border-bottom: 1px solid #000;}
.tbl-type01 .table .thead tr th,
.tbl-type01 .table .thead .tr > span,
.tbl-type01 .table td {font-size: 1.4rem; text-align: center; padding: 2.1rem 1.8rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #000;}
.tbl-type01 .table .num {width: 105px;}
.tbl-type01 .table .name {width: 88px;}
.tbl-type01 .table .date {width: 195px;}
.tbl-type01 .table .tbody tr td.subject,
.tbl-type01 .table .thead .tr > span.subject {text-align: left; position: relative;}
.tbl-type01 .table .tbody .subject a {display: block; font-size: 1.4rem; color: #000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0.2rem 0;}
.tbl-type01 .table .tbody .subject a *{display: inline-block; font-size: 1.4rem; color: #000;}
.tbl-type01.list .table .tbody .new .subject a *,
.tbl-type01.view .table .new .subject * {color: #df1e36; font-size: 1.4rem;}
.tbl-type01.view .view-header.thead {display: table-header-group;}
.tbl-type01.view .view-header.thead .tr {display: table-row;}
.tbl-type01.view .view-header.thead .tr > span {position: relative; display: table-cell; vertical-align: middle;}
.tbl-type01.view .view-header.thead .tr > .num {width: 90px;}
.tbl-type01.view .view-header.thead .tr > span.subject {width: 578px; line-height: 2.2rem; padding-left: 0;}
.tbl-type01.view .view-header.thead .tr > span.name {width: 78px; text-align: right; padding: 2.1rem 0;}
.tbl-type01.view .view-header.thead .tr > span.date::before {content: ''; display: block; width: 1px; height: 12px; background: #000; position: absolute; top: 50%; left: 25px; margin-top: -5px;}
.tbl-type01.view .view-content {padding: 3.8rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.tbl-type01.view .view-content .reply-wrap {margin: 5.5rem 0 0;}
.tbl-type01.view .view-content .reply-wrap span {display: block; background: url('../images/sub/ico_reply.png') no-repeat 1px 2px; font-size: 1.7rem; font-weight: 500; color: #000; line-height: 20px; padding-left: 2.8rem;}
.tbl-type01.view .view-content .reply-wrap .comment-list {display: table; width: 100%; margin: 1.2rem 0 3rem; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; padding: 2.2rem 0 2.5rem; overflow: hidden;}
.tbl-type01.view .view-content .reply-wrap .comment-list .comm-name {position: relative; display: table-cell; width: 82px; text-align: center; font-size: 1.5rem; color: #000; line-height: 2.4rem; vertical-align: top}
.tbl-type01.view .view-content .reply-wrap .comment-list .comm-name::before {content: ''; display: block; width: 2px; height: 12px; background: #e1e1e1; position: absolute; top: 7px; right: -2px;}
.tbl-type01.view .view-content .reply-wrap .comment-list .comm-cont {display: table-cell; font-size: 1.5rem; color: #545454; line-height: 2.4rem; padding: 0 3rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top;}
.tbl-type01.view .view-content .reply-wrap .comment-write {position: relative; height: 108px; border: 6px solid #df1e36; margin-bottom: 5.6rem;}
.tbl-type01.view .view-content .reply-wrap .comment-write::before {content: ''; display: inline-block;  width: 51px; height: 50px; background: url('../images/sub/img_reply.png') no-repeat no-repeat 0 0; position: absolute; bottom: -56px; right: -6px;}
.tbl-type01.view .view-content .reply-wrap .comment-write .comm-textarea {float: left; width: 616px; height: 100%; padding: 1.5rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.tbl-type01.view .view-content .reply-wrap .comment-write textarea {width: 100%; height: 100%; font-size: 1.5rem; color: #000; line-height: 2.2rem; border: 0; resize: none;}
.tbl-type01.view .view-content .reply-wrap .comment-write .btn.to-comment {display: block; float: right; width: 195px; height: 100%; background: #df1e36; font-size: 2rem; color: #fff; text-align: center; line-height: 10.5rem;}
.primary-content .view-wrap.table .view-content > .tag.medium {margin-top: 12rem;}
.tbl-type01.view .view-content .reply-wrap .comment-write ::-webkit-scrollbar,
.tbl-type01.view .view-content .reply-wrap .comment-write ::-webkit-scrollbar-track,
.tbl-type01.view .view-content .reply-wrap .comment-write ::-webkit-scrollbar-thumb,
.tbl-type01.view .view-content .reply-wrap .comment-write ::-webkit-scrollbar-thumb:hover,
.tbl-type01.view .view-content .reply-wrap .comment-write ::-webkit-scrollbar-thumb:active,
.tbl-type01.view .view-content .reply-wrap .comment-write ::-webkit-scrollbar-button {display: none;}

.hotline .content-primary.info .tabs.large li {width: 50%;}
.hotline .content-primary.info .primary-form .notice-box dl {height: 21.5rem;}
.hotline .content-primary.info .primary-form .notice-box dl dt {width: 13.8rem;}
.hotline .content-primary.info .primary-form .notice-box img {right: 2rem;}
.hotline .content-primary .declare-list {margin-top: 10rem;}
.hotline .content-primary .declare-list table {border-top: 1px solid #000; border-bottom: 1px solid #000; border-collapse: inherit;}
.hotline .content-primary .declare-list table tr th,
.hotline .content-primary .declare-list table tr td {padding: 1.8rem 0 2.2rem; text-align: center;}
.hotline .content-primary .declare-list table tr th {color: #000; border-bottom: 1px solid #000;}
.hotline .content-primary .declare-list table tr td {color: #666; border-bottom: 1px solid #e4e4e4;}
.hotline .content-primary .declare-list table .name {width: 59.8rem;}
.hotline .content-primary .declare-list table .state {width: 30rem;}
.hotline .content-primary .declare-list table tr td .go-declare {position: relative; display: inline-block; padding-right: 3.4rem;}
.hotline .content-primary .declare-list table tr td .go-declare.open {color: #df1e36; font-weight: 500;}
.hotline .content-primary .declare-list table tr td .go-declare::after {content: ''; display: block; position: absolute; right: 0; top: -2px; width: 2.1rem; height: 2.1rem; background: #a3a3a3 url('../images/common/ico_arrow_6x9.png') no-repeat center; border-radius: 50%;}
.hotline .content-primary .declare-list table tr td .go-declare.open::after {background: #df1e36 url('../images/common/ico_arrow_6x9.png') no-repeat center;}
.hotline .content-primary .declare-list .no-result {background: url('../images/common/ico_no_result.png') no-repeat center top;  padding-top: 6rem; margin: 0;}
.hotline .content-primary.declare .notice-box dl dd .btn.go-guide {position: relative; display: block; width: 12.7rem; height: 3.3rem; line-height: 3.3rem; text-align: left; padding: 0 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 1.8rem;}
.hotline .content-primary.declare .notice-box dl dd .btn.go-guide::after {content: ''; display: inline-block; position: absolute; top: 1.4rem; right: 1.6rem; width: 5px; height: 6px; background: url('../images/common/ico_arrow03.png') no-repeat 50% 50%;}
.hotline .content-primary.declare.step01 .notice-box dl {padding-top: 4.8rem;}
.hotline .content-primary.declare.step01 .notice-box dl dt {width: 14rem;}
.hotline .content-primary.declare.step02 .section-wrap .notice-box dl {height: 21.5rem; padding-left: 2rem;}
.hotline .content-primary.declare.step02 .section-wrap .notice-box dl dt {width: 15rem;}
.hotline .content-primary.declare.step02 .section-wrap .notice-box img {right: 0;}
.hotline .content-primary.result .title-wrap {position: relative;margin: 0; overflow: hidden;}
.hotline .content-primary.result .title-wrap h3 {position: absolute; left: 0; bottom: 0;}
.hotline .content-primary.result .title-wrap h3.type02 {position: relative; }
.hotline .content-primary.result .title-wrap .btn.to-write {float: right;}
.hotline .content-primary.result .btn-area.type02 .btn.to-write {float: right;}
.hotline .content-primary.result .input-group.captcha .input-text {height: auto; padding: 0;}
.hotline .content-primary.result .input-group.captcha .captcha-wrap {border-bottom: 1px solid #ccc; line-height: 1;}
.hotline .content-primary.result .input-group.captcha .captcha-wrap .captcha-img {display: inline-block; width: 180px; height: 60px;}
.hotline .content-primary.result .input-group.captcha .captcha-wrap .btn-icon {display: inline-block; vertical-align: middle; margin-left: 2rem;}
.hotline .content-primary.result .input-group.captcha .captcha-wrap .btn.refresh {background: #fff url('../images/common/ico_captcha01.png') no-repeat 50% 50%;}
.hotline .content-primary.result .input-group.captcha .captcha-wrap .btn.sound {background: #fff url('../images/common/ico_captcha02.png') no-repeat 50% 50%; margin-left: -4px;}
.hotline .content-primary.result .input-group.captcha .input-text input {padding: 0 1rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.hotline .content-primary.result .steps {overflow: hidden;}
.hotline .content-primary.result .steps li {position: relative; float: left; width: 210px; height: 170px;  padding: 2rem 2.5rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 2rem; margin-bottom: 3rem;}
.hotline .content-primary.result .steps li::before {width: 0; height: 0; content: ''; display: block; position: absolute; right: 0; bottom: 0; border-bottom: 16px solid #fff; border-left: 16px solid transparent; z-index: 1;}
.hotline .content-primary.result .steps li:nth-child(1) {background: #f2f2f2 url('../images/common/ico_pen02_gray.png') center 102px no-repeat; margin-left: 0;}
.hotline .content-primary.result .steps li:nth-child(2) {background: #f2f2f2 url('../images/sub/ico_step01.png') center 102px no-repeat;}
.hotline .content-primary.result .steps li:nth-child(3) {background: #f2f2f2 url('../images/sub/ico_step02.png') center 102px no-repeat;}
.hotline .content-primary.result .steps li:nth-child(4) {background: #f2f2f2 url('../images/sub/ico_step03.png') center 102px no-repeat;}
.hotline .content-primary.result .steps li dl {line-height: 2.4rem; border-bottom: 1px solid #999; padding-bottom: 1.8rem;}
.hotline .content-primary.result .steps li dl dt {font-size: 1.4rem; font-weight: 400; color: #999; text-align: center;}
.hotline .content-primary.result .steps li dl dd {font-size: 2rem; font-weight: 400; color: #999; text-align: center;}
.hotline .content-primary.result .steps li:nth-child(1).active {background: #df1e36 url('../images/common/ico_pen02_white.png') center 102px no-repeat;}
.hotline .content-primary.result .steps li:nth-child(2).active {background: #df1e36 url('../images/sub/ico_step01_white.png') center 102px no-repeat;}
.hotline .content-primary.result .steps li:nth-child(3).active {background: #df1e36 url('../images/sub/ico_step02_white.png') center 102px no-repeat;}
.hotline .content-primary.result .steps li:nth-child(4).active {background: #df1e36 url('../images/sub/ico_step03_white.png') center 102px no-repeat;}
.hotline .content-primary.result .steps li.active::before {content: '';display: block;position: absolute;right: 0;bottom: -3rem;width: 3rem;height: 3rem;background: url('../images/common/ico_balloon_02.png') 0 0 no-repeat; border: 0;}
.hotline .content-primary.result .steps li.active dl {border-bottom: 1px solid #fff}
.hotline .content-primary.result .steps li.active dl dt,
.hotline .content-primary.result .steps li.active dl dd {color: #fff;}
.hotline .content-primary.result .btn.to-delete {float: right;}
.hotline .content-primary.result .notice-box {border-width: 1px 0 4px; border-color: #ccc 0 #000;}
.hotline .content-primary.result .notice-box.type01 {border-bottom: 0;}
.hotline .content-primary.result .notice-box dl {float: left; height: 155px; padding-top: 2.5rem;}
.hotline .content-primary.result .notice-box dl.date-time {width: 198px;}
.hotline .content-primary.result .notice-box dl dt {float: none; padding-bottom: 1.2rem;}
.hotline .content-primary.result .notice-box dl dd.day {font-size: 1.4rem; font-weight: 400; letter-spacing: -0.05rem;}
.hotline .content-primary.result .pagination {padding-top: 3rem; border-top: 0;}
.hotline .content-primary.result .no-result img {display: block; margin: 0 auto;}
.hotline .content-primary.result .no-result p {font-weight: 300; color: #666; text-align: center; line-height: 2.7rem;}
.content-primary .tbl-type01.list table .tbody .new .subject::before {width: 6px; height: 6px; background: url('../images/sub/ico_newpoint.png') 0 0 no-repeat; display: inline-block; content: ''; position: absolute; top: 17px; left: 6px;}
.content-primary .tbl-type01.list table .tbody .file .subject a::after,
.tbl-type01.view .view-header.thead .tr > span.subject .title::after{content: ''; display: inline-block; position: absolute; top: 50%; right: 0; width: 12px; height: 12px; background: url('../images/common/ico_file03.png') 0 0 no-repeat; margin-top: -5px;}

.hotline .content-primary.result .notice-box.type02 {height: auto; padding-bottom: 5rem;}
.hotline .content-primary.result .notice-box.type02 .detail-wrap {overflow: hidden;}
.hotline .content-primary.result .notice-box.type02 .detail-wrap dl {height: auto;}
.hotline .content-primary.result .notice-box.type02 .detail-wrap dl.detail {width: 702px; height: auto; padding-right: 3.3rem;}
.hotline .content-primary.result .notice-box.type02 .detail-wrap dl.detail dt {width: 100%;}
.hotline .content-primary.result .notice-box.type02 .btn-area {clear: both; text-align: right; margin-top: 2.5rem;}

.hotline .content-primary.result .btn-area.type02{overflow: hidden;}

/*공지사항*/
.sub.contact .content-primary .primary-content > div{padding-top: 0;}
.sub.contact .content-primary.notice .primary-content .notice-wrap{padding-top: 7rem;}
.notice .notice-wrap .data-list{margin-left: -1.5rem;margin-right: -1.5rem;}
.notice .notice-wrap .data-list:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.notice .notice-wrap .data-list li{float: left;position: relative;width: 40rem;height: 40rem;margin: 0 1.5rem 9rem;padding: 4.5rem 5rem;background-color: #f2f2f2;box-sizing: border-box; transition:.4s ease-in-out;-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;-ms-transition:.4s ease-in-out;-o-transition:.4s ease-in-out}
.notice .notice-wrap .data-list li.active{background-color: #df1e36; transition:.4s ease-in-out;-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;-ms-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;}
.notice .notice-wrap .data-list li:before{content: '';display: block;position: absolute;right: 0;bottom: -3rem;width: 3rem;height: 3rem;background: url('../images/common/ico_balloon.png') 0 0 no-repeat; transition:.4s ease-in-out;-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;-ms-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;}
.notice .notice-wrap .data-list li.new:before,
.notice .notice-wrap .data-list li.active:before{content: '';display: block;position: absolute;right: 0;bottom: -3rem;width: 3rem;height: 3rem;background: url('../images/common/ico_balloon_02.png') 0 0 no-repeat;}
.notice .notice-wrap .data-list li .top-area{position: relative; padding-bottom: 4rem;border-bottom: 1px solid #000;}
.notice .notice-wrap .data-list li.active .top-area{border-bottom: 1px solid #fff;}
.notice .notice-wrap .data-list li.file .top-area::after {content: ''; display: inline-block; position: absolute; bottom: 4.2rem; left: 6.3rem; width: 18px; height: 18px; background: url('../images/common/ico_file01.png') 0 0 no-repeat;}
.notice .notice-wrap .data-list li.file.active .top-area::after {background: url('../images/common/ico_file02.png') 0 0 no-repeat;}
.notice .notice-wrap .data-list li .top-area .date{display: inline-block;}
.notice .notice-wrap .data-list li .top-area .date span{display: block;font-size: 5rem;line-height: 4.3rem;color: #000;font-weight: 300;}
.notice .notice-wrap .data-list li.active .top-area .date span{color: #fff;}
.notice .notice-wrap .data-list li .top-area .new{display: inline-block;padding-top: .4rem;padding-left: .8rem;font-size: 1.4rem;color: #df1e36;font-weight: bold;font-family: 'Roboto', sans-serif;;vertical-align: top;}
.notice .notice-wrap .data-list li.active .top-area .new {color: #fff;}
.notice .notice-wrap .data-list li .title{display: block;width: 100%; height: 8rem; padding-top: 2.6rem;font-size: 2rem;line-height: 2.6rem;color: #000000;font-weight: 500; word-break: keep-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.notice .notice-wrap .data-list li.active .title{color: #fff;}
.notice .notice-wrap .data-list li .title:hover,
.notice .notice-wrap .data-list li.active .title:hover{text-decoration: underline;color: #fff;}
.notice .notice-wrap .data-list li .text{display: block;width: 100%;height: 6.6rem; padding-top: 1.4rem;font-size: 1.5rem;line-height: 2.2rem;color: #545454;word-break: keep-all;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.notice .notice-wrap .data-list li .text #text {width: 100%;}
.notice .notice-wrap .data-list li.active .text{color: #fff;}
.notice .notice-wrap .data-list li .text:hover,
.notice .notice-wrap .data-list li.active .text:hover{text-decoration: underline;color: #fff;}
.notice.content-primary .primary-content > div.pagination {padding-top: 6rem;}

.contact .content:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}

.sub.contact .content-primary .primary-content > .contact-info{padding-top: 6.5rem;font-size: 0;}
.contact .contact-info dl{display: inline-block;padding: 0 7rem;}
.contact .contact-info dl.tel{width: 18rem;}
.contact .contact-info dl.e-mail{width: 34rem;}
.contact .contact-info dl dt{padding-top: 16.1rem;font-size: 1.6rem;line-height: 2.4rem;color: #999;font-weight: 400;text-align: center;background-position: 50% 0;background-repeat: no-repeat;}
.contact .contact-info dl.tel dt{background-image: url('../images/sub/icon_contact_info01.png');}
.contact .contact-info dl.e-mail dt{background-image: url('../images/sub/icon_contact_info02.png');}
.contact .contact-info dl.address dt{background-image: url('../images/sub/icon_contact_info03.png');}
.contact .contact-info dl dd{display: table;width: 100%;height: 48px;font-size: 1.6rem;line-height: 2.4rem;color: #000000;font-weight: 400;text-align: center;letter-spacing: 0;}
.contact .contact-info dl dd a,
.contact .contact-info dl dd span{display: table-cell;font-size: 1.6rem;line-height: 2.4rem;vertical-align: middle;text-align: center;}
.contact .contact-info .map-area{margin-top: 7.4rem;}

.sub .content-primary.notice-view .primary-header{float: left;width: 90rem;}
.sub .content-primary.notice-view .primary-content{float: left;width: 90rem;}
.primary-content .view-wrap .view-content > * {font-size: 1.5rem !important;line-height: 2.5rem !important;color: #343434; font-weight: 300; font-family: 'Noto Sans KR', sans-serif !important; word-break: keep-all;}
.primary-content .view-wrap .view-content > .tag.medium{margin-top: 5rem;line-height: 3.6rem;font-weight: 400;}
.primary-content .view-wrap .view-content > .tag.medium:hover{text-decoration: underline;}
.primary-content .view-wrap .view-footer{padding-top: 3.9rem;text-align: center;}
.notice-view .primary-content .view-wrap .view-header{padding: 2.6rem 0 2.4rem;}
.notice-view .primary-content .view-wrap .view-header:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.notice-view .primary-content .view-wrap .view-header .date{float: left;}
.notice-view .primary-content .view-wrap .view-header .date span{display: block;font-size: 4rem;line-height: 3.7rem;font-weight: 300;font-family: 'Roboto', sans-serif;;}
.notice-view .primary-content .view-wrap .view-header .title{float: left;padding-top: 4.3rem;padding-left: 5rem;font-size: 2rem;line-height: 2.6rem;color: #000;font-weight: 500;}
.notice-view .primary-content .view-wrap .view-content{padding-top: 5.3rem;padding-bottom: 3.9rem;font-size: 1.5rem;line-height: 2.9rem;color: #545454;font-weight: 300;border-top: 5px solid #000;border-bottom: 1px solid #000;}
.notice-view .primary-content .view-wrap .view-content img {width: auto; max-width: 100%;}

.primary-content #viewContent > p {font-size: 1.5rem !important;line-height: 2.5rem !important;color: #545454 !important; font-weight: 300 !important; font-family: 'Noto Sans KR', sans-serif !important;}

.primary-aside{float: right;width: 30rem;margin-top: -10.9rem;}
.primary-aside:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.primary-aside .declare-box{float: none;}
.primary-aside .notice-box{position: relative;width: 30rem; height: 14rem; margin-top: 4.2rem;padding: 3.1rem 2.5rem 2.1rem;background-color: #f2f2f2;box-sizing: border-box; -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out;}
.primary-aside .notice-box.next {padding: 2.7rem 2.5rem 2.7rem;}
.primary-aside .notice-box::before{content: '';display: none;position: absolute;right: 0;bottom: -3rem;width: 3rem;height: 3rem;background: url('../images/common/ico_balloon_02.png') 0 0 no-repeat;  -webkit-transition: .4s ease-in-out 0.5s; -o-transition: .4s ease-in-out 0.5s; transition: .4s ease-in-out 0.5s;}
.primary-aside .notice-box .top-area{padding-bottom: 2.6rem;border-bottom: 1px solid #fff; display: none; overflow: hidden; -webkit-transition: .4s ease-in-out 0.2s; -o-transition: .4s ease-in-out; transition: .4s ease-in-out 0.2s; opacity: 0;}
.primary-aside .notice-box .top-area .date{display: inline-block;}
.primary-aside .notice-box .top-area .date span{display: block;font-size: 4rem;line-height: 3.4rem;color: #fff;font-weight: 300;}
.primary-aside .notice-box .top-area .new{display: inline-block;padding-top: .4rem;padding-left: .8rem;font-size: 1.4rem;color: #df1e36;font-weight: bold;font-family: 'Roboto', sans-serif; vertical-align: top;}
.primary-aside .notice-box .title{display: block;font-size: 1.6rem;line-height: 2.4rem;color: #000;font-weight: 500;}
.primary-aside .notice-box.simple .title{padding-top: 0;color: #000;font-weight: 400;}
.primary-aside .notice-box .title:hover{text-decoration: underline;}
.primary-aside .notice-box .text{display: block;padding-top: 1.4rem;font-size: 1.3rem;line-height: 2rem;color: #fff; display: none; height: auto;}
.primary-aside .notice-box .text:hover{text-decoration: underline;}
.primary-aside .notice-box.next .btn-next{padding-left: 2.2rem; padding-bottom: 2.2rem; font-size: 1.3rem;line-height: 1;color: #000;background: url('../images/common/ico_next.png') 0 3px no-repeat;}
.primary-aside .notice-box.prev .btn-prev{margin-top: 1.5rem;padding-left: 2.2rem;font-size: 1.3rem;line-height: 1;color: #000;background: url('../images/common/ico_prev.png') 0 50% no-repeat;}

.primary-aside .notice-box.active {background-color: #df1e36; height: 30.3rem;}
.primary-aside .notice-box.active::before{display: block;}
.primary-aside .notice-box.active .top-area {display: block; opacity: 1;}
.primary-aside .notice-box.active .title {color: #fff; padding-top: 2rem;}
.primary-aside .notice-box.active .text {display: block; width: 25rem; height: 100%;}
.primary-aside .notice-box.active .btn-post {display: none;}


/*FAQ*/
.faq .no-result {margin-top: 12rem;}
/*.faq.content-primary .primary-header {border-bottom: 0;}*/
.faq.content-primary .primary-content {padding-top: 7rem;}
.faq .primary-content .tab-wrap .tabs.large li{width: 33.333%;}
.faq .primary-content .input-search.simple{width: 54rem; padding: 8rem 0 0; margin: 0 auto;}
.faq .primary-content .input-search.simple .search-box {padding: 0 0 0 2rem; border: 5px solid #df1e36}
.faq .primary-content .input-search.simple input {width: 38rem; height: 5rem; font-size: 1.5rem;}
.faq .primary-content .input-search.simple input::placeholder {font-size: 1.5rem;}
.faq .primary-content .input-search.simple .btn-search {width: 13rem; height: 5rem; font-size: 1.8rem; line-height: 5.2rem;}
.faq-list li{position: relative;padding: 5.2rem 15rem 5.4rem 4.4rem;border-top: 1px solid #ccc; overflow: hidden; transition: 0.2s linear 0.2s;}
.faq-list li::before {content: ''; display: block; position: absolute; bottom: -30px; right: 22.9rem; width: 191px; height: 140px; background: url('../images/sub/icon_contact_faq.png') no-repeat 0 0; -webkit-transition: .2s linear .1s; -o-transition:.2s linear .1s; transition: .2s linear .1s; opacity: 0;}
.faq-list li.active {background: #f2f0f1; padding: 5.2rem 15rem 11rem 4.4rem;}
.faq-list li.active::before {bottom: 0; -webkit-transition: .4s linear .2s; -o-transition: .4s linear .2s; transition: .4s linear .2s; opacity: 1;}
.faq-list li .title,
.faq-list li .question{font-size: 2rem;line-height: 2.6rem;color: #000;font-weight: 500;}
.faq-list li .answer{display: none;width: 78rem; padding: 2.3rem 0 0;font-size: 1.5rem;line-height: 3rem;color: #6d6d6d; word-break: keep-all;}
.faq-list li .answer > div,
.faq-list li .answer * {font-family: 'Noto Sans KR', sans-serif !important; font-size: 15px; font-weight: 400;}
.faq-list li .btn{display: block;position: absolute;right: 4.7rem;top: 50%;width: 54px;height: 54px;background: url('../images/common/ico_arrow_01.png') 50% 24px no-repeat;border: 1px solid #b8b8b8;border-radius: 50%; transform: translateY(-50%); transition: 0.1s ease;}
.faq-list li.active .btn{background: url('../images/common/ico_arrow_02.png') 50% 50% no-repeat; border: 1px solid #797878;}

/*파트너쉽 문의*/
.sub.contact .inquiry.content-primary .primary-content > div {padding-top: 8.5rem;}
.sub.contact .inquiry.content-primary .primary-form .notice-box dl {height: 25.5rem;}
.sub.contact .inquiry.content-primary .primary-form .notice-box dl dt {width: 14rem;}
.inquiry .steps {width: 100%; height: 17rem; background: #f9f9f9; text-align: center; font-size: 0; padding: 4.8rem 5.1rem 0 5.1rem; box-sizing: border-box;}
.inquiry .steps.triangle::before {border-bottom: 12px solid #fff; border-left: 12px solid transparent; transform: translate(0,0);}
.inquiry .steps li {position: relative; float: left; font-size: 1.6rem; font-weight: 400; color: #999; margin-left: 9.8rem;}
.inquiry .steps li:nth-child(1) {margin-left: 0;}
.inquiry .steps li::after {content: ''; display: inline-block; position: absolute; top: 50%; right: -5rem; width: 8px; height: 13px; background: url('../images/sub/inquiry_setp_arrow.png') no-repeat 0 0; margin-top: -12px;}
.inquiry .steps li:nth-child(5)::after {display: none;}
.inquiry .steps img {display: block; margin: 0 auto; padding-bottom: 1.2rem;}
.inquiry .declare-area .section-wrap .declare-group .input-group.textarea .input-text {height: 32rem; border-bottom: 0; padding-top: 2.2rem;}
.inquiry .input-group.textarea textarea {width: 100%; height: 29rem; resize: none; border: 0;}
.inquiry .recaptcha-wrap .red {display: block; font-size: 1.4rem; padding-top: 1.8rem;}
.inquiry .declare-area .section-wrap .terms {height: 10.5rem;}


/*company*/
#fullpage .section {position: relative; display: table; width: 100%;}
#fullpage .section .fp-tableCell {display: table-cell; vertical-align: middle; width: 100%;}
.fp-auto-height.fp-section {height: auto !important;}
.fp-auto-height .fp-tableCell {height: auto !important;}
.company #fullpage .section .text-wrap {position: relative; display: table-cell; vertical-align: middle; text-align: center; padding-top: 90px; transition: 0.5s ease-out;}
.company #fullpage .section .text-wrap * {text-align: center; margin: 0 auto;}
.company #fullpage .section .font-myeongjo ,
.company #fullpage .section .font-myeongjo * {font-family: 'Nanum Myeongjo', serif; color: #fff;}
.company #fullpage .section .text {font-size: 2rem; line-height: 3.6rem; padding-top: 7.5rem;}
.company #fullpage .section .text2 {font-size: 2rem; padding-top: 3.5rem;}
.company #fullpage .section dt.font-myeongjo {font-size: 3.4rem; font-weight: 800; letter-spacing: 0.2rem;}
.company #fullpage .section dd p{line-height: 3.2rem;}
.company #fullpage #section1 {height: 810px !important; background: #fff; padding: 24rem 0 20rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.company #fullpage #section1 .text-wrap {padding-top: 0;}
.company #fullpage #section1 .text1 {position: relative; display: inline-block; font-size: 2rem; font-weight: 300; color: #212121; letter-spacing: 2.8rem; padding: 0 0 1.7rem 2.8rem;}
.company #fullpage #section1 .text1::after {content: ''; display: inline-block; position: absolute; bottom: 0; left: 2.8rem; width: 16rem;; height: 1px; background: #000;}
.company #fullpage #section1 h1 {width: 360px; height: 116px; background: url('../images/sub/company_logo.png') no-repeat 0 0; overflow: hidden; text-indent: -9999px; margin: 5.5rem auto 4rem;}
.company #fullpage #section1 .font-myeongjo {font-size: 2.4rem; font-weight: 400; color: #333; line-height: 3.6rem;}
.company #fullpage #section1 .text2 {font-size: 1.4rem; font-weight: 300; color: #a3a3a3;}
.company #fullpage #section2 h1 {width: 595px; height: 85px; background: url('../images/sub/logo_jipyong.png') no-repeat center center; overflow: hidden; text-indent: -9999px;}
.company #fullpage #section4 {background: url('../images/sub/bg_company02.jpg') no-repeat center center;  background-size: cover; z-index: 4;}
.company #fullpage #section5 {background: url('../images/sub/bg_company03.jpg') no-repeat center center;  background-size: cover; z-index: 5;}


.company .bg-fix {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background:  url('../images/sub/bg_company01.jpg') no-repeat center center;  background-size: cover; z-index: -1;}


.go-to{height: 24rem;}
.go-to .data-list{height: 100%;}
.go-to .data-list:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.go-to .data-list li{float: left;width: 50%;height: 100%;background-color: #ba081e;text-align: left;box-sizing: border-box;padding-right: 0;}
.go-to .data-list li:first-child{background-color: #df1e36;text-align: right;}
.go-to .data-list li a{display: block;width: 100%;height: 100%;padding-left: 39rem;box-sizing: border-box;}
.go-to .data-list li:first-child a{padding-right: 38rem;padding-left: 0;}
.go-to .data-list li h4{padding-top: 8.5rem;padding-left: 2.5rem;font-size: 4rem;color: #fff;line-height: 1;font-weight: 100;letter-spacing: -.4rem;}
.go-to .data-list li:first-child h4{padding-left: 0;}
.go-to .data-list li span{display: inline-block;position: relative;margin-top: 2rem;font-size: 1.4rem;color: #fff;line-height: 1;font-weight: bold;}
.go-to .data-list li:first-child span{padding-right: 13.8rem;}
.go-to .data-list li span::before{content: '';display: block;position: absolute;left: 8rem;top: .7rem;width: 0px;height: 1px;background-color: #fff; transition: .2s ease-in-out;-webkit-transition:.6s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out}
.go-to .data-list li:hover span::before{width: 116px; transition: .2s ease-in-out;-webkit-transition:.6s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out}