@charset "utf-8";
/* CSS Document */
/* 상단 슬라이드 배너 */
.banner-wrap {position:relative; min-width: 1180px; width:100%; white-space: nowrap; overflow: hidden; }
.banner-wrap .banner {position: relative;display: inline-block; width: 100.5%; transition: transform .5s cubic-bezier(0.61, 0, 0.49, 0.8); margin-right: -2px; white-space: initial;}
.banner-wrap.banner-01-on .banner { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); }
.banner-wrap.banner-02-on .banner { transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); }
.banner-wrap.banner-03-on .banner { transform: translateX(-200%); -ms-transform: translateX(-200%); -webkit-transform: translateX(-200%); -moz-transform: translateX(-200%); -o-transform: translateX(-200%); }
.banner-wrap.banner-04-on .banner { transform: translateX(-300%); -ms-transform: translateX(-300%); -webkit-transform: translateX(-300%); -moz-transform: translateX(-300%); -o-transform: translateX(-300%); }
.banner-wrap.banner-05-on .banner { transform: translateX(-400%); -ms-transform: translateX(-400%); -webkit-transform: translateX(-400%); -moz-transform: translateX(-400%); -o-transform: translateX(-400%); }
.banner-wrap .banner .banner-background {width:100%; height:860px;}
.banner-wrap .banner.banner01 .banner-background { background: url(../../img/main/main_bn01.jpg) no-repeat center; background-position: 50%;}
.banner-wrap .banner.banner02 .banner-background { background: url(../../img/main/main_bn02.jpg) no-repeat center; background-position: 50%;}
.banner-wrap .banner.banner03 .banner-background { background: url(../../img/main/main_bn03.jpg) no-repeat center; background-position: 50%;}
.banner-wrap .banner.banner04 .banner-background { background: url(../../img/main/main_bn04.jpg) no-repeat center; background-position: 50%;}
.banner-wrap .banner.banner05 .banner-background { background: url(../../img/main/main_bn05.jpg) no-repeat center; background-position: 50%;}
.banner-wrap .banner-text-wrap {width:1180px; margin:0 auto; position:absolute; top:calc(50% + 45px); left:50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%); word-break: keep-all;}
.banner-wrap .dot {position: absolute; bottom:60px; left:50%; margin-left:-56px;}
.banner-wrap .dot span {display: inline-block; width:15px; margin-left:7px; height:3px; background:#fff; cursor: pointer;}
.banner-wrap .dot span:nth-child(1) {margin-left:0;}
.banner-wrap .dot span:hover {background: #fff;}
.banner-wrap .dot span.act {background:#b3b4b2;}
/*.banner-wrap .banner-text-wrap .banner-text span.italic {font-style: italic;padding-right: 6px;}*/
.banner-wrap .banner-text-wrap .banner-text .sub-title {letter-spacing: -0.05em; color:#404040; font-size:2.7rem; font-weight: 500; margin-bottom: 20px;}
.banner-wrap .banner-text-wrap .banner-text .title {font-size: 7rem; letter-spacing: -0.05em; line-height: 85px; color:#d62f67; font-weight: 600;}
.banner-wrap .banner-text-wrap .banner-text .title .color {color:#d62f67; display: block;}
/*.banner-wrap .banner-text-wrap .banner-text .title .bold {font-weight: 600;}*/
.banner-wrap .banner-text-wrap .banner-text .sub-text {font-size: 4rem; letter-spacing: -0.075em; line-height: 80px; color:#404040; font-weight: 500; padding:15px 0;}
.banner-wrap .banner04 .banner-text-wrap .banner-text .sub-text-mo {display: none;}
/*.banner-wrap .banner-text-wrap .banner-text .sub-text .text-bg {color:#fff; background:#ff5065; padding:0 10px 3px; line-height: 50px; display: inline-block; font-weight: 600;}*/
.banner-wrap .banner-text-wrap .banner-text .bt-text {font-size:2.5rem; letter-spacing: -0.06em; font-weight: 500;color:#404040;}
.banner-wrap .banner-text-wrap .banner-text .sale {margin-top:10px;}
.banner-wrap .banner-text-wrap .banner-text .sale .round {display: inline-block; width:83px; line-height: 33px; background:#ff5065; color:#fff; text-align: center; border-radius: 50px; letter-spacing: -0.05em;}
.banner-wrap .banner-text-wrap .banner-text .sale .pr-line {font-size:2rem; color:#777; color:#aaa; position: relative; display: inline-block; padding-left: 10px; top:2px;}
.banner-wrap .banner-text-wrap .banner-text .sale .pr-line:after {position: absolute; content: ''; width:160px; height:1px; background: #000; top:50%; left:-4px;}
.banner-wrap .banner-text-wrap .banner-text .sale .pr-line:before {position: absolute; content: ''; width:25px; height:1px; background:#000; top:24px; left:133px; transform: rotate(-40deg)}
.banner-wrap .banner-text-wrap .banner-text .sale .sale-bold {display:inline-block; padding-left:10px; font-size: 4.5rem; font-weight: 600; color:#404040; position: relative; top:10px;}
.banner-wrap .banner-text-wrap .banner-text .sale .sale-bold .ko {/*font-size: 3rem;*/ }
.banner-wrap .banner-text-wrap .banner-text .list {font-size:2rem; letter-spacing: -0.075em;color: #404040;}
.banner-wrap .banner-text-wrap .banner-text .list li {position: relative; padding-left: 10px;word-break: break-all; padding-bottom:5px;}
.banner-wrap .banner-text-wrap .banner-text .list li br {display: none;}
.banner-wrap .banner-text-wrap .banner-text .list li .bold {position: relative; font-weight: 500;}
.banner-wrap .banner-text-wrap .banner-text .list li .bold:after {content: ''; position: absolute; width:3px; height: 3px; border-radius: 50px; background:#666; top:50%; left:-10px;}
/* 배너01 */
.banner-wrap .banner01 .banner-text-wrap .banner-text .title .color {color:#d62f67; }
.banner-wrap .banner01 .banner-text-wrap .banner-text .sub-text .text-bg { background:none; }
.banner-wrap .banner01 .banner-text-wrap .banner-text .sub-text { color:#8b0856; }
.banner-wrap .banner01 .banner-text-wrap .banner-text .sale .round { background:#ff5065; font-size: 1.8rem;}
.banner-wrap .banner01 .banner-text-wrap .banner-text .bt-text br {display: none;}
/* 배너02 */
.banner-wrap .banner02 .banner-text-wrap .banner-text .title .color {color:#09445f; }
.banner-wrap .banner02 .banner-text-wrap .banner-text .sub-text {color:#0e5678;}
.banner-wrap .banner02 .banner-text-wrap .banner-text .sub-text .text-bg { background:none; }
.banner-wrap .banner02 .banner-text-wrap .banner-text .sale .round { background:#09445f; }
.banner-wrap .banner02 .banner-text-wrap .banner-text .title span:nth-child(2) {position: relative; color: #00476d;}
.banner-wrap .banner02 .banner-text-wrap .banner-text .title span:nth-child(2):after {position: absolute; content:''; width: 7px; height:30px; background:#2db0fb; top:26px; right:-27px;}
.banner-wrap .banner02 .banner-text-wrap .banner-text .title span:nth-child(2):before {position: absolute; content:''; height: 7px; width:30px; background:#2db0fb; top:38px; right:-39px;}
/* 배너03 */
.banner-wrap .banner03 .banner-text-wrap .banner-text .title .color {color:#009b93; font-weight: 400 }
.banner-wrap .banner03 .banner-text-wrap .banner-text .title br {display: none;}
.banner-wrap .banner03 .banner-text-wrap .banner-text .title span {color:#016c66; }
.banner-wrap .banner03 .banner-text-wrap .banner-text .sub-text {color:#02606c;}
.banner-wrap .banner03 .banner-text-wrap .banner-text .sub-text .text-bg { background:none; }
.banner-wrap .banner03 .banner-text-wrap .banner-text .sale .round { background:#2db400; }
.banner-wrap .banner03 .banner-text-wrap .banner-text .list li {padding: 0;}
/* 배너04 */
.banner-wrap .banner04 .banner-text-wrap .banner-text .title {color: #61440c}
.banner-wrap .banner04 .banner-text-wrap .banner-text .title .color {color:#61440c; }
.banner-wrap .banner04 .banner-text-wrap .banner-text .sub-text {color: #61440c;}
.banner-wrap .banner04 .banner-text-wrap .banner-text .sub-text .text-bg { background:none; }
.banner-wrap .banner04 .banner-text-wrap .banner-text .sale .round { background:#f69c01; }
/*.banner-wrap .banner04 .banner-text-wrap .banner-text .title .color .black {color: #404040; font-weight: 300;} */
.banner-wrap .banner04 .banner-text-wrap .banner-text .list li:nth-child(1) { display: inline-block; color: #954a0d;}
/*.banner-wrap .banner04 .banner-text-wrap .banner-text .list li:nth-child(2) { display: inline-block; margin-left:130px;}*/
.banner-wrap .banner04 .banner-text-wrap .banner-text .list li:nth-child(3) { padding-bottom: 10px;}
.banner-wrap .banner04 .banner-text-wrap .banner-text .list li:nth-child(4) { color:#95490d; }
.banner-wrap .banner04 .banner-text-wrap .banner-text .list li:nth-child(4) .bold:after {display: none;}
.banner-wrap .banner04 .banner-text-wrap .banner-text .list li .bold:after {display: none;}
/* 배너05 */
.banner-wrap .banner05 .banner-text-wrap .banner-text .title {color:#452661; }
.banner-wrap .banner05 .banner-text-wrap .banner-text .title .color {color:#452661; }
.banner-wrap .banner05 .banner-text-wrap .banner-text .title .color {color:#452661; }
.banner-wrap .banner05 .banner-text-wrap .banner-text .title .txt1 {display: block;}
.banner-wrap .banner05 .banner-text-wrap .banner-text .sub-text { color:#5d1084; }
.banner-wrap .banner05 .banner-text-wrap .banner-text .sub-text .text-bg { background:none; }
.banner-wrap .banner05 .banner-text-wrap .banner-text .sale .round { background:#452661; }
.banner-wrap .banner05 .banner-text-wrap .banner-text .title .color .black { display: inline-block; font-weight: 500; color: #6355a2; font-size: 6.2rem; }
.banner-wrap .banner05 .banner-text-wrap .banner-text .title .color .black br {display: none;}
.banner-wrap .banner05 .banner-text-wrap .banner-text .list li {position: relative;}
.banner-wrap .banner05 .banner-text-wrap .banner-text .list li:after {content: ''; position: absolute; width:3px; height: 3px; border-radius: 50px; background:#666; top:50%; left:0;}
.banner-wrap .banner05 .banner-text-wrap .banner-text .list li .bold:after {display: none;}
/* 배너 이전 다음 버튼 */
.arrow-wrap {position:absolute; top: 50%; left: 50%; transform: translateX(-50%); width:1180px; }
.arrow-wrap .arrow a:nth-child(1) { position: absolute; top:50%; left:-90px;}
.arrow-wrap .arrow a:nth-child(2) { position: absolute; top:50%; right:-90px;}
.arrow-wrap .arrow a:hover img {opacity: .7;transition: opacity .2s;-webkit-transition: opacity .2s;-moz-transition: opacity .2s ;-ms-transition: opacity .2s;-o-transition: opacity .2s ; }
/* section 공통 */
.section {position: relative; width:100%;}
.section .head {position: relative; padding:130px 0 90px; text-align: center;}
.section .head:after {content:''; width:1px; height:85px; background:#444; position:absolute; top:0; left:50%;}
.section .head:before {content:''; width:5px; height: 5px; background:#444;position: absolute; top:85px; left:50%; margin-left:-2px;}
.section .head .title {color:#3e3935; font-size:2.6rem; letter-spacing: 0.02em; padding-bottom:30px;}
.section .head .text {color:#777; font-size:1.5rem; line-height: 22px; padding-bottom: 30px;}
/* section01 - BUSINESS */
.section01 .head span { font-size:1.4rem; display: inline-block; border-radius: 20px; background:#e8e8e8; color:#696969; margin-right:20px; padding:4px 15px; text-align: left; letter-spacing: -0.05em;}
.section01 .head span:last-child {margin: 0;}
.section01 .head span img {margin-left:20px;}
.section01 .cont {position: relative; width:100%;}
.section01 .cont > div { float:left; width:50%; height:487px;}
.section01 .cont .box01 {background:url("../../img/main/bn_img01.png") no-repeat center; background-size:cover;}
.section01 .cont .box02 {background:url("../../img/main/bn_img02.png") no-repeat center; background-size:cover;}
.section01 .cont > div .text-area {width:590px; height:100%; padding-top:80px;color:#fff;}
.section01 .cont .box01 .text-area {float:right; padding-left:45px; background:rgba(62,57,53,0.6); color:#fff;}
.section01 .cont .box02 .text-area {float:left; padding-right:45px; background:rgba(62,57,53,0.7); color:#fff; text-align: right;}
.section01 .cont > div .text-area .sub-title { font-size:1.8rem; letter-spacing:-0.025em; padding-bottom:20px; line-height:18px;}
.section01 .cont > div .text-area .title {font-size:3.2rem; letter-spacing: -0.025em; color:#ff9036; padding-bottom:40px; font-weight: 900; line-height:32px;}
.section01 .cont > div .text-area .title {font-size:2.8rem;}
.section01 .cont > div .text-area .text {font-size:1.5rem; letter-spacing: -0.025em; line-height: 27px; font-weight: 300;}
.section01 .cont > div .text-area .more {font-size:1.5rem; color:#fff; letter-spacing: -0.025em; font-weight: 300;}
.section01 .cont .box01 .text-area .more img {padding-top:145px; padding-left:5px; position: relative; top:-1px;}
.section01 .cont .box02 .text-area .more img {padding-top:115px; padding-right:5px; position: relative; top:-1px;}
/* section02 - BUSINESS AREA */
.section02 .head {width:100%; height:455px; background:#f8f8f8;}
.section02 .cont { width:1180px; margin:0 auto; position:relative; top:-175px;}
.section02 .cont ul li { position:relative; float:left; width:calc(20% - 16px); height:350px; background-size:cover; background-repeat: no-repeat; background-position: center; margin-right:20px; color:#fff;}
.section02 .cont ul li:nth-of-type(2n) {top:40px;}
.section02 .cont ul li:after {content: ''; position: absolute; width:100%; height:100%; background-image:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.2), rgba(0,0,0,0.0)); top:0; left:0;
-webkit-transition:box-shadow .1s, background .2s;
-moz-transition:box-shadow .1s, background .2s;
-ms-transition:box-shadow .1s, background .2s;
-o-transition:box-shadow .1s, background .2s;
transition:box-shadow .1s, background .8s;
}
.section02 .cont ul li:last-child {margin-right:0; border-radius: 2px;}
.section02 .cont ul li.bg01 {background-image: url("../../img/main/busi_area_img01.png");}
.section02 .cont ul li.bg02 {background-image: url("../../img/main/busi_area_img02.png");}
.section02 .cont ul li.bg03 {background-image: url("../../img/main/busi_area_img03.png");}
.section02 .cont ul li.bg04 {background-image: url("../../img/main/busi_area_img04.png");}
.section02 .cont ul li.bg05 {background-image: url("../../img/main/busi_area_img05.png");}
.section02 .cont ul li:hover:after { background-image:linear-gradient(rgba(255,126,0,0.5), rgba(0,0,0,0.0)); box-shadow: 15px 15px 15px rgba(0,0,0,0.12);}
.section02 .cont ul li .more {font-size:1.5rem; color:#fff; letter-spacing: -0.025em; font-weight: 300; z-index: 10;}
.section02 .cont ul li .more img {padding-top:184px; padding-left: 5px; position: relative; top:-1px;}
.section02 .cont ul li .title {font-size: 1.8rem; letter-spacing: -0.025em; font-weight: 600; line-height: 18px; padding-bottom:10px;z-index: 10;}
.section02 .cont ul li .ko-title {font-size:1.4rem; letter-spacing: -0.025em; line-height: 14px; z-index: 10;}
.section02 .cont ul li > div {position: absolute; top:60px; left:20px; z-index: 10}
.section02 .cont ul li.bg04 .title {line-height: 22px;}
/* section03 - INSTAGRAM */
.section03 {padding-bottom:110px;}
.section03 .head {border-top:1px solid #dbdbdb;}
.section03 .head .title {padding-bottom:10px;}
.section03 .head .text {color:#333; font-size:1.6rem; padding-bottom:0;}
.section03 .cont {width:1180px; margin:0 auto;}
.section03 .cont ul li { float: left; position:relative; width:calc(25% - 15px); max-height:260px; margin-right:20px; margin-bottom:20px; overflow: hidden;}
.section03 .cont ul li img {width:100%; height:100%;}
.section03 .cont ul li:nth-of-type(4n) {margin-right: 0;}
.section03 .cont ul li .box-hover {position: absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.65); text-align: center; display: none;}
.section03 .cont ul li .box-hover .box-img-wrap {display: table-cell; vertical-align: middle;}
.section03 .cont ul li .box-hover .box-img-wrap i {font-size:2rem; color:#eee;}
.section03 .cont ul li.select .box-hover {display: table;}
/* section04 - 고객센터, 어플다운로드 */
.section04 {position: relative; width:100%; height:250px;}
.section04 > div {float:left; width:50%; height:100%;}
.section04 > div .w-box:after {content:''; position:absolute; top:0; lefT:50%; width:1px; height:30px; background:#fff;}
.section04 > div .w-box:before {content:''; position:absolute; top:30px; lefT:50%; margin-left:-2px; width:5px; height:5px; background:#fff;}
.section04 > div .w-box { position: relative; width:590px; height:100%; float:right; text-align: center; color:#fff; padding:50px 0; }
.section04 > div .w-box .title {font-size:1.6rem; font-weight: 600;}
.section04 .app {background:#433f3c;}
.section04 .app .w-box {float:left;}
.section04 .app .w-box .title span {font-weight: 300;}
.section04 .app .w-box img {width: 128px; height:38px; margin-right:20px; margin-top:25px; margin-bottom:25px; cursor: pointer;}
.section04 .app .w-box img:last-child{margin-right:0;}
.section04 .app .w-box .text {font-size:1.5rem; color: #acacac; line-height: 27px;}
.section04 .center {background:#4c4845;}
.section04 .center .w-box .call {font-size:3.5rem; letter-spacing:0.1em; padding-left: 10px; font-weight: 600; padding:30px 0; line-height: 35px;}
.section04 .center .w-box .kakao, .section04 .center .w-box .email {font-size:1.6rem; font-weight: 200;}
.section04 .center .w-box .kakao span, .section04 .center .w-box .email span {font-weight: 500; letter-spacing: -0.01em; color: #8e8e8e; padding-right:5px; }
.section04 .center .w-box .kakao img {position: relative; top: 2px;}
.section04 .center .w-box .email img {padding-right: 3px;}
@media all and (max-width:1440px) {
.arrow-wrap {width:80%;}
.banner-wrap .banner-text-wrap {width:80%;}
.section .head {padding:80px 0 30px;}
.section .head:after {height:50px;}
.section .head:before {top:50px;}
.section02 .cont {width: 80%;}
.section03 .cont {width:80%;}
.section01 .cont > div {width:100%; height: 360px;}
.section01 .cont .box01 .text-area {padding-top: 60px;}
.section01 .cont .box02 .text-area {padding-top: 50px;}
.section01 .cont .box01 .text-area .more img {padding-top:40px;}
.section01 .cont .box02 .text-area .more img {padding-top:40px;}
.section02 .cont ul li {height:250px;}
.section02 .cont ul li > div {top:40px; left:10px;}
.section02 .cont ul li .more img {padding-top:50px;}
.section02 .cont ul li:after {background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.4), rgba(0,0,0,0.0));}
.section02 .cont ul li .title {font-size:1.6rem;}
.section04 > div .w-box {width:100%;}
}
@media all and (max-width: 1180px) {
.banner-wrap {min-width: auto;}
}
@media all and (max-width: 900px) {
.banner-wrap .banner .banner-background {background-position: -585px;}
}
/* 모바일 메인 */
.body-container-mo {display: none;}
@media all and (max-width:768px) {
.banner-wrap .dot span {display: inline-block; width:15px; margin-left:7px; height:3px; background:#fff; cursor: pointer;}
.banner-wrap .dot span:hover {background: #fff;}
.banner-wrap .dot span.act {background:#696969;}
.banner-wrap .banner .banner-background {height:560px; }
.banner-wrap .banner.banner01 .banner-background {background:#f29c9f;}
.banner-wrap .banner.banner02 .banner-background {background:#69c4ec;}
.banner-wrap .banner.banner03 .banner-background {background:#29a597;}
.banner-wrap .banner.banner04 .banner-background {background:#e4c246;}
.banner-wrap .banner.banner05 .banner-background {background:#ad80e7;}
.banner-wrap .banner.banner01 .banner-text-wrap {padding: 40px 0;}
.banner-wrap .banner.banner05 .banner-text-wrap {padding: 40px 0;}
.banner-wrap .banner.banner02 .banner-text-wrap .banner-text .title .color {color:#09445f; }
.banner-wrap .banner.banner03 .banner-text-wrap .banner-text .title br {display: block;}
.banner-wrap .banner.banner03 .banner-text-wrap .banner-text .title .color {color:#009a92; }
.banner-wrap .banner.banner04 .banner-text-wrap .banner-text .title .color {color:#61440c;}
.banner-wrap .banner.banner05 .banner-text-wrap .banner-text .list {display: none;}
.banner-wrap .banner.banner05 .banner-text-wrap .banner-text .title .color .black {font-size: 3.5rem; color:#662483;}
.banner-wrap .banner.banner05 .banner-text-wrap .banner-text .title .color .black br {display: block;}
.banner-wrap .banner.banner05 .banner-text-wrap .banner-text .sub-text {color: #8e3dbd; line-height: 25px; margin-top: 20px;}
.banner-wrap .banner.banner05 .banner-text-wrap .banner-text .title .txt1 {color: #8e3dbd; margin-bottom: 10px;}
.banner-wrap .banner03 .banner-text-wrap .banner-text .sub-text .text-bg {background:none;}
.banner-wrap .banner04 .banner-text-wrap .banner-text .sub-text .text-bg {background:none;}
.banner-wrap .banner05 .banner-text-wrap .banner-text .sub-text .text-bg {background:none; }
.banner-wrap .banner02 .banner-text-wrap .banner-text .sub-text .text-bg {background:none; line-height: 30px; padding-bottom:2px;}
.banner-wrap .banner04 .banner-text-wrap .banner-text .list li:nth-child(4) {color:#95490d}
.banner-wrap .banner01 .banner-text-wrap .banner-text .sale .round {font-size:1.3rem; line-height: 2;}
.banner-wrap .banner-text-wrap .banner-text .sale .pr-line {font-size:1.4rem;}
.banner-wrap .banner-text-wrap .banner-text .sale .pr-line:before {width: 20px; top:18px; left:98px;}
.banner-wrap .banner-text-wrap .banner-text .sale .pr-line:after {width: 120px; }
.banner-wrap .banner-text-wrap { top: calc(50% + 20px); background:#fff; padding:25px 0; text-align: center;}
.banner-wrap .banner-text-wrap { top: 52%; }
.banner-wrap .banner03 .banner-text-wrap { padding:30px 0; }
.banner-wrap .banner-text-wrap .banner-text .sub-title {font-size: 2rem; margin-bottom: 12px;}
.banner-wrap .banner-text-wrap .banner-text .title {font-size: 4.5rem; line-height:50px;}
.banner-wrap .banner-text-wrap .banner-text .sub-text {font-size: 2.5rem; padding: 0;line-height:70px;}
.banner-wrap .banner02 .banner-text-wrap .banner-text .sub-text {font-size:2.7rem}
.banner-wrap .banner-text-wrap .banner-text .sub-text .text-bg {line-height: 25px;}
.banner-wrap .banner-text-wrap .banner-text .bt-text {font-size: 1.6rem;}
.banner-wrap .banner01 .banner-text-wrap .banner-text .bt-text br {display: block;}
.banner-wrap .banner-text-wrap .banner-text .sale .sale-bold { font-size: 2.7rem; position: relative; top:4px; padding-left: 10px;}
.banner-wrap .banner-text-wrap .banner-text .sale .sale-bold .ko {font-size:2.5rem; position: relative; top: -2px;}
.banner-wrap .banner-text-wrap .banner-text .list {text-align: left; font-size:1.5rem; width:410px; margin:0 auto;}
.banner-wrap .banner03 .banner-text-wrap .banner-text .list {text-align: center;padding: 0;}
.banner-wrap .banner04 .banner-text-wrap .banner-text .list {margin-left:0; text-align: center; width: auto;}
.banner-wrap .banner04 .banner-text-wrap .banner-text .list li:nth-child(1) {padding: 0; }
.banner-wrap .banner02 .banner-text-wrap {padding: 55px 0;}
.banner-wrap .banner02 .banner-text-wrap .banner-text .list {display: none;}
.banner-wrap .banner02 .banner-text-wrap .banner-text .title span:nth-child(2):after {width:6px; height:25px; top:20px; right:-21px; background:#2db0fb;}
.banner-wrap .banner02 .banner-text-wrap .banner-text .title span:nth-child(2):before {width:25px; height:6px; top:30px; right:-31px; background:#2db0fb;}
.banner-wrap .banner04 .banner-text-wrap .banner-text .list li:nth-child(3) {margin-left:0; display: none;}
.banner-wrap .banner03 .banner-text-wrap .banner-text .sub-text .text-bg {padding:0 4px 2px;}
.banner-wrap .banner04 .banner-text-wrap {padding: 45px 0;}
.banner-wrap .banner05 .banner-text-wrap {padding: 45px 0;}
.body-container {display: none;}
.wrapper {background:#f8f8f8;}
.arrow-wrap {display: none;}
.banner-wrap .dot {top:80px; bottom:inherit}
.body-container-mo { display: block; width: 100%; position: relative; }
.section01-mo { margin-top:20px; position: relative; top:-85px;}
.section01-mo ul li {float:left; width:calc(20% - 20px); margin:0 10px; border-radius: 10px; padding:20px 0; text-align:center; background:#fff; box-shadow: 7px 7px 10px rgba(0,0,0,0.1);}
.section01-mo ul li p { font-size:1.3rem; font-weight: 500; color:#666; letter-spacing: -0.025em; margin-top:10px;}
.section01-mo ul li:nth-child(3) p {margin-top:18px;}
.section01-mo ul li:nth-child(4) p {margin-top:15px;}
.section01-mo ul li:nth-child(5) p {margin-top:25px;}
.section01-mo ul li:nth-child(1) img {height: 55px;}
.section01-mo ul li:nth-child(2) img {height: 55px;}
.section01-mo ul li:nth-child(3) img {height: 47px;}
.section01-mo ul li:nth-child(4) img {height: 50px;}
.section01-mo ul li:nth-child(5) img {height: 40px;}
.section02-mo {position:relative; top:-50px;}
.section02-mo .video iframe {width:100%;}
.section03-mo {box-shadow: -3px -6px 11px rgba(0, 0, 0, 0.03); padding:50px 20px; background:#fff; border-radius:50px 50px 0 0; text-align: center; position: relative; top:-15px; border-bottom: 1px solid #eee;}
.section03-mo .portfolio .tab-menu .title {font-size:2rem; font-weight: 600;}
.section03-mo .portfolio .tab-menu ul {margin-top:20px;}
.section03-mo .portfolio .tab-menu ul li { position: relative; float:left; width:16.5%; height:50px; line-height: 50px; font-size:1.3rem; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.section03-mo .portfolio .tab-menu ul li.select {border-color: #ff8523; color:#ff8523}
.section03-mo .portfolio .cont ul {margin-top: 20px;}
.section03-mo .portfolio .cont ul li { float: left; width: 32%; margin-right:2%; margin-bottom:20px;}
.section03-mo .portfolio .cont ul li:nth-of-type(3n) {margin-right:0;}
.section03-mo .portfolio .cont ul li .img-area {position: relative; width: 100%; height:0; padding-bottom:56.26%; overflow:hidden; text-align: center; backgruond:#f8f8f8;}
.section03-mo .portfolio .cont ul li .img-area img {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); max-width:100%; max-height: 100%;}
.section03-mo .portfolio .cont ul li .text-area p {font-size: 1.3rem; padding:7px 0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.section03-mo .portfolio .paging { width:auto; margin:0 auto; text-align: center;}
.section03-mo .portfolio .paging ul li {display: inline-block; width:30px; height:30px; line-height: 28px; border-radius: 3px; margin-right:5px; background:#f3f3f3; color: #888; font-size: 1.2rem;}
.section03-mo .portfolio .paging ul li.select {background:#ff8523; color:#fff;}
.section03-mo .portfolio .paging ul li:nth-child(1) {border:1px solid #ddd; background: #fff;}
.section03-mo .portfolio .paging ul li:last-child {border:1px solid #ddd; background: #fff;}
.section03-mo .portfolio .paging ul li i {font-size:11px; color:#8E8E8E;}
.section04-mo .foot-banner {width:100%; padding:45px 0; background: url("../../img/main/foot_banner.png") no-repeat top; background-size:cover; text-align: center;}
.section04-mo .foot-banner p { color:#fff; font-size:1.8rem; font-weight:500; line-height: 25px; }
.section04-mo .foot-banner p span {color: #ff8523;}
.section04-mo .foot-banner .btn-area {margin-top:20px;}
.section04-mo .foot-banner .btn-area a { width:30%; height:40px; line-height: 40px; color:#fff; display: inline-block; border-radius: 2px; font-size:1.3rem; text-align:left; padding:0 10px; background:#ff8523; margin-right:15px;}
.section04-mo .foot-banner .btn-area a:nth-child(2) {background: #474747;}
.section04-mo .foot-banner .btn-area a:nth-child(1) img {float: right; position: relative; top: 18px; width:32px;}
.section04-mo .foot-banner .btn-area a:nth-child(2) img {float: right; position: relative; top: 12px; width:17px;}
.section05-mo .center, .section05-mo .app {padding:20px; margin-top:20px; background:#fff; text-align: center; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.section05-mo .title {font-weight: 600; font-size:1.7rem; margin-bottom:10px;}
.section05-mo .center .call, .section05-mo .center, .section05-mo .kakao { font-size:1.5rem; font-weight:500;}
.section05-mo .center .call img {height: 14px; position: relative; top:1px; margin-right:5px;}
.section05-mo .center .kakao img {height: 15px; position: relative; top:1px; margin-right:5px;}
.section05-mo .center .email img {width:16px; position: relative; top:1px; margin-right:5px;}
.section05-mo .app {margin-bottom:20px;}
.section05-mo .app .w-box img {height:40px; margin-top:10px;}
.section05-mo .app .w-box .text {font-size: 1.4rem;}
.banner-wrap .banner04 .banner-text-wrap .banner-text .sub-text {font-size:2rem; line-height: 30px; padding: 15px 0; color: #ad8a47;}
.banner-wrap .banner04 .banner-text-wrap .banner-text .list li:nth-child(2) {margin-left:0;}
}
@media all and (max-width:600px) {
.banner-wrap .banner02 .banner-text-wrap .banner-text .sub-text {font-size:2.1rem;}
.banner-wrap .banner02 .banner-text-wrap .banner-text .sub-text .text-bg {line-height: 26px; }
.banner-wrap .banner-text-wrap .banner-text .list {font-size: 1.4rem;}
.banner-wrap .banner05 .banner-text-wrap .banner-text .title {font-size: 3.7rem; line-height: 1.2;}
.banner-wrap .banner05 .banner-text-wrap .banner-text .sub-text {font-size:2.3rem;}
.banner-wrap .banner05 .banner-text-wrap .banner-text .sub-text .text-bg {line-height: 23px;}
.banner-wrap .banner.banner05 .banner-text-wrap .banner-text .title .color .black {font-size: 3rem; word-break: keep-all; }
.banner-wrap .banner05 .banner-text-wrap .banner-text .list {margin-left: 15%;}
.banner-wrap .banner04 .banner-text-wrap .banner-text .list {margin-left: 10%;}
}
@media all and (max-width:525px) {
.banner-wrap .banner-text-wrap .banner-text .sub-text {font-size: 2rem;}
.banner-wrap .banner01 .banner-text-wrap .banner-text .bt-text {font-size:1.4rem; letter-spacing: -0.08em}
}
@media all and (max-width:500px) {
.banner-wrap .banner-text-wrap {width: 90%;}
.banner-wrap .banner05 .banner-text-wrap { top:55%; }
.banner-wrap .banner04 .banner-text-wrap { top:55%; }
.banner-wrap .banner03 .banner-text-wrap {padding:20px 0; top:55%;}
.banner-wrap .banner.banner03 .banner-text-wrap .banner-text .title .color {line-height: 32px;}
.banner-wrap .banner03 .banner-text-wrap .banner-text .sub-title {margin-bottom: 10px;}
.banner-wrap .banner-text-wrap .banner-text .sub-title {font-size: 1.6rem;}
.banner-wrap .banner-text-wrap .banner-text .title {font-size: 3.5rem; line-height: 43px;}
.banner-wrap .banner-text-wrap .banner-text .bt-text { font-weight: 400; padding:0 0 10px;}
.banner-wrap .banner-text-wrap .banner-text .sale {margin-top:0;}
.banner-wrap .banner-text-wrap .banner-text .sale .round {font-size: 1.4rem; line-height: inherit; width:75px;}
.banner-wrap .banner-text-wrap .banner-text .sale .pr-line {font-size:1.5rem;}
.banner-wrap .banner-text-wrap .banner-text .sale .sale-bold {font-size: 2.5rem;}
.banner-wrap .banner-text-wrap .banner-text .sale .sale-bold .ko {font-size: 1.8rem;}
.banner-wrap .banner-text-wrap .banner-text .sale .pr-line:after {width:115px;}
.banner-wrap .banner-text-wrap .banner-text .sale .pr-line:before {width:16px; top:16px; left:97px;}
.banner-wrap .banner-text-wrap .banner-text .list {width:90%; padding-top:10px; font-size:1.5rem;}
.banner-wrap .banner.banner01 .banner-text-wrap {top:55%; padding: 20px 0;}
.banner-wrap .banner-text-wrap .banner-text .sub-text {line-height: 54px; }
.banner-wrap .banner02 .banner-text-wrap .banner-text .sub-text { font-size: 2rem;}
.banner-wrap .banner01 .banner-text-wrap .banner-text .sale .round {line-height: 1.7;}
.banner-wrap .banner01 .banner-text-wrap .banner-text .sub-text .text-bg {line-height: 22px;}
.banner-wrap .banner02 .banner-text-wrap .banner-text .list li br {display: none;}
.banner-wrap .banner02 .banner-text-wrap { top:55%;}
.banner-wrap .banner02 .banner-text-wrap .banner-text .title {font-size:3.5rem;}
.banner-wrap .banner02 .banner-text-wrap .banner-text .title span:nth-child(2):after { width:3px; height:15px; top:11px; right:-14px;}
.banner-wrap .banner02 .banner-text-wrap .banner-text .title span:nth-child(2):before {width:15px; height:3px; top:17px; right:-20px;}
.banner-wrap .banner02 .banner-text-wrap .banner-text .title span:nth-child(2):after {display: none;}
.banner-wrap .banner02 .banner-text-wrap .banner-text .title span:nth-child(2):before {display: none;}
.banner-wrap .banner02 .banner-text-wrap .banner-text .title .color {display: inline-block}
.banner-wrap .banner02 .banner-text-wrap .banner-text .list {font-size:1.4rem; position: relative; left: 35px;}
.banner-wrap .banner04 .banner-text-wrap .banner-text .sub-title {margin-bottom:10px;}
.banner-wrap .banner04 .banner-text-wrap .banner-text .list li:nth-child(2) {margin-left:0;}
.banner-wrap .banner04 .banner-text-wrap .banner-text .list li:nth-child(4) {letter-spacing: -0.1em; position: relative; left:-28px;}
.banner-wrap .banner04 .banner-text-wrap .banner-text .title {line-height: 40px;}
.banner-wrap .banner05 .banner-text-wrap .banner-text .title {font-size:3rem; line-height: 35px; letter-spacing: -0.15em;}
.banner-wrap .banner05 .banner-text-wrap .banner-text .list {font-size:1.4rem;}
.banner-wrap .banner05 .banner-text-wrap .banner-text .list li:after {top:40%;}
.banner-wrap .banner05 .banner-text-wrap .banner-text .sub-text {font-size:2rem;}
.banner-wrap .banner05 .banner-text-wrap .banner-text .sub-text .text-bg {line-height: 19px;}
.banner-wrap .banner05 .banner-text-wrap .banner-text .sub-title {margin-bottom:5px;}
.banner-wrap .banner05 .banner-text-wrap .banner-text .title .txt1 {font-size: 3.5rem; line-height: 40px;}
.banner-wrap .banner .banner-background {height:400px; background-attachment: inherit; background-position: -300px !important;}
.banner-wrap .dot {top: inherit; bottom:20px;}
.section01-mo {top:0;margin-bottom:20px;}
.section01-mo ul li {width:30%; margin:1%;}
.section01-mo ul li:nth-child(1) {margin-left:19%;}
.section01-mo ul li:nth-child(3) {margin-left:3%;}
.section02-mo {top:0; margin-bottom:20px;}
.section03-mo {top:0;margin-bottom:20px;}
.section03-mo .portfolio .tab-menu ul li {width:33.3%;}
.section03-mo .portfolio .tab-menu ul li:nth-child(1),
.section03-mo .portfolio .tab-menu ul li:nth-child(2),
.section03-mo .portfolio .tab-menu ul li:nth-child(3) {border-bottom:0;}
.section03-mo .portfolio .tab-menu ul li.select {border-bottom:1px solid #ff8523}
.section03-mo .portfolio .cont ul li {width:48%; margin-right: 2% !important;}
.section03-mo .portfolio .cont ul li:nth-of-type(2n) {margin-right:0;}
.section04-mo .foot-banner {padding:30px 0;}
.section04-mo .foot-banner .btn-area a {margin: 0 0 15px; width:50%;}
.section04-mo .foot-banner .btn-area a:nth-child(2) {margin:0;}
.section05-mo .app .w-box .text {font-size: 1.2rem;}
.section05-mo .app .w-box img {height:35px; margin-top:13px;}
.section05-mo .center .call, .section05-mo .center, .section05-mo .kakao {font-size:1.4rem;}
}
@media all and (max-width:425px) {
.banner-wrap .banner-text-wrap .banner-text .list {width:100%}
.banner-wrap .banner04 .banner-text-wrap .banner-text .list { font-size: 1.4rem; width:95%; margin:0 auto; padding-top: 0;}
.banner-wrap .banner04 .banner-text-wrap .banner-text .list li:nth-child(4) {text-align: center; margin-left:0;left: auto;}
.banner-wrap .banner02 .banner-text-wrap .banner-text .list {left:20px;padding-top:0;}
.banner-wrap .banner02 .banner-text-wrap .banner-text .sub-text {font-size:1.7rem;}
.banner-wrap .banner02 .banner-text-wrap .banner-text .list li {padding-bottom:3px;}
.banner-wrap .banner05 .banner-text-wrap .banner-text .list li:nth-child(3):after {top:22%;}
.banner-wrap .banner-text-wrap .banner-text .sub-text {font-size: 1.7rem;}
.banner-wrap .banner05 .banner-text-wrap .banner-text .list {margin-left:10%;}
}
@media all and (max-width: 400px) {
.banner-wrap .banner02 .banner-text-wrap .banner-text .list {letter-spacing: -0.15em;}
.banner-wrap .banner02 .banner-text-wrap .banner-text .sub-text .text-bg {line-height: 19px;}
.banner-wrap .banner04 .banner-text-wrap {padding: 20px 0;}
}
@media all and (max-width:375px) {
.banner-wrap .banner03 .banner-text-wrap .banner-text .title {font-size:3.1rem;}
.banner-wrap .banner03 .banner-text-wrap .banner-text .sub-text .text-bg {line-height: 21px;}
.banner-wrap .banner03 .banner-text-wrap .banner-text .list {padding-top:0; left:20px;}
.banner-wrap .banner03 .banner-text-wrap .banner-text .list li {padding-bottom:2px;}
.banner-wrap .banner04 .banner-text-wrap .banner-text .list li{padding-bottom: 2px;}
.banner-wrap .banner05 .banner-text-wrap .banner-text .list {margin-left:15px;padding-top:0;}
.banner-wrap .banner05 .banner-text-wrap .banner-text .sub-text {font-size: 1.7rem;}
.banner-wrap .banner.banner05 .banner-text-wrap .banner-text .title .color .black {font-size: 2.5rem}
}
@media all and (max-width:350px) {
.banner-wrap .banner05 .banner-text-wrap .banner-text .list {margin-left: 5px; width: 100%; letter-spacing: -0.08em}
}
@media all and (max-width:320px) {
.banner-wrap .banner02 .banner-text-wrap .banner-text .title {font-size:2rem;letter-spacing: -0.15em;}
.banner-wrap .banner02 .banner-text-wrap .banner-text .sub-text {font-size: 1.5rem;}
.banner-wrap .banner02 .banner-text-wrap .banner-text .list {left: 3px;}
.banner-wrap .banner-text-wrap .banner-text .sub-text {line-height: 25px;padding:5px 0 8px}
.banner-wrap .banner-text-wrap .banner-text .title {font-size: 2.8rem;}
.banner-wrap .banner-text-wrap .banner-text .sale .sale-bold {font-size: 2rem; padding-left:0; top:2px;}
.banner-wrap .banner-text-wrap .banner-text .sale {left:-30px;}
}
/* 체크박스 */
.pop input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
.pop input[type="checkbox"] + label {display: inline-block; position: relative; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none; margin-right:30px; font-size:1.4rem; letter-spacing:-0.05em; color:#555; line-height:18px;}
.pop input[type="checkbox"] + label:before { content: ' '; display: inline-block; width: 15px; height: 15px; line-height: 18px; margin: -2px 7px 0 0; text-align: center; vertical-align: middle; border: 1px solid #cacece; border-radius: 3px; background:url("../../img/sub/contact/check.png")no-repeat center; background-size:10px 9px; background-color:#d0d0d0; }
.pop input[type="checkbox"]:checked + label:before { content: ' '; color: #333; background-color:#ee7717; border-color:#ee7717;}
/* 레이어팝업 */
.wrapper .pop {position: absolute; top:230px; left:250px; box-shadow: 0 0 20px rgba(0,0,0,0.15);}
.wrapper .pop .btn-area { position: relative; top:-3px; overflow: hidden; padding:15px; background:#fff;}
.wrapper .pop .btn-area a { font-size:1.3rem; font-weight: 500; letter-spacing: -0.05em;}
.wrapper .pop .btn-area a:hover {color:#888;}
.wrapper .pop .btn-area a.left {float: left;}
.wrapper .pop .btn-area a.right {float: right;}