.sub-table {width:100%; border-collapse:collapse; border-spacing:0px; line-height:1.75em;}
.sub-table th {padding:10px 8px; border:1px solid #fff; color:#fff; font-weight: 400;}
.sub-table td {padding:10px 8px; border:1px solid #ddd; background: #fff; color:#454545; text-align: center;}
.sub-table td .opt {margin-bottom: 25px;}
.sub-table td .opt:last-child {margin-bottom: 0;}
.sub-table tr th:first-child,
.sub-table tr td:first-child {border-left:0;}
.sub-table tr th:last-child,
.sub-table tr td:last-child {border-right:0;}

.sub-table.type1 th {background:#fe6b78;}
.sub-table.type1 td {border:1px solid #fe6b9a;}
.sub-table.type1 td.bg {background: #fff5f6; color: #fe6b78; font-weight: 500;}

.sub-table.type2 th {background:#46cbaa;}
.sub-table.type2 td {border:1px solid #5be8a0;}
.sub-table.type2 td.bg {background: #edfffb; color: #46cbaa; font-weight: 500;}

.tab-menu {text-align:center;}
.tab-menu ul {display:flex;flex-wrap:wrap; width:100%; border-bottom: 1px solid #ddd;}
.tab-menu ul li {flex:1 0 auto; width: auto;}
.tab-menu ul li a {position:relative; display:block; color:#686868; font-size:18px; font-weight:500; line-height:50px; letter-spacing:-.03em; padding: 0 3px;}
.tab-menu ul li a:after {display: none; content:""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background:#fc6b95;}
.tab-menu ul li.on a {color:#fc6b95; z-index:2;}
.tab-menu ul li.on a:after {display: block;}

.tab-cnt .cnt {display: none;}
.tab-cnt .cnt.on {display: block;}

.dot-list > li{display: flex; position:relative; padding-left:10px; color:#454545; margin-bottom: 10px;}
.dot-list > li:last-child{margin-bottom:0;}
.dot-list > li span {min-width: 110px; color: #242424; font-size: 18px; font-weight: 500;}
.dot-list > li:before{content:""; width:4px; height:4px; border-radius:100%; position:absolute; top:12px; left:0; background:#242424;}


.txt-mint {color: #43a298;}
.txt-blue {color: #0097f8;}
.txt-blue-green {color: #338eaf;}
.txt-skyblue {color: #4382a2;}

.head p.deco {display: inline-block; min-width: 200px; margin-bottom: 22px; padding: 0 25px; border-radius:100px; color: #fff; font-size: 20px; font-weight: 400; line-height: 50px; letter-spacing: -.03em;}

/* studio */
.studio .s-section {padding: 130px 0;}

.studio .sec1 {background: #f5f5f5;}
.studio .sec1 .contain {display: flex;justify-content: space-between;}
.studio .sec1 .cnt-wrap {min-width: 385px;}
.studio .sec1 .head h2:after {background: #338eaf;}
.studio .sec1 .head .live {position: relative;display: inline-block;margin-bottom: 25px;border-radius:5px;font-family: 'OTWelcomeBA';font-weight: normal;font-size: 24px;line-height: 1em;letter-spacing: -.03em;color: #fff;padding: 13px 20px 2px;background: #f4341b;}
.studio .sec1 .head .live:after {content:"";position: absolute; bottom: -10px; left: 24px; width: 0;height: 0;border-top: 10px solid #f4341b;border-right: 15px solid transparent;}
.studio .sec1 .head .txt-wrap strong {display: block; font-size: 26px; font-weight: 700; color: #43a298;}

.studio .sec2 {background: #262431;}
.studio .sec2 .cnt-wrap {position: relative;}
.studio .sec2 .head h2 {color: #fff;}
.studio .sec2 .head h2:after {background: #844bec;}
.studio .sec2 .head p {color: #fff;}
.studio .sec2 .head p.deco {background: linear-gradient(90deg, #844bec 0%, #338eaf 100%);}

.studio .sec2 .head.ab {position: absolute;left: 0;}

.studio .sec3 {background:no-repeat url("../images/sub/bg_studio_sec3.jpg") 50% 50%; background-size:cover; text-align: center;}
.studio .sec3 .head h2:after {background: #16a89f;}
.studio .sec3 .head p.deco {background: linear-gradient(180deg, #5ceaa0 0%, #45caaa 100%);}
.studio .sec3 .feature-list {max-width: 1200px;margin: 0 auto; margin-top: 50px;}
.studio .sec3 .feature-list ul {display: flex;flex-wrap:wrap;margin: 0 -15px;}
.studio .sec3 .feature-list ul li {width: 25%;padding: 0 15px;}
.studio .sec3 .feature-list ul li .in {height: 100%;background: #fff;padding: 55px 10px;box-shadow:rgba(0,0,0,.1) 5px 5px 10px;}
.studio .sec3 .feature-list ul li .tit {font-size: 24px;font-weight: 500;line-height: 1.333em;letter-spacing: -.03em;}
.studio .sec3 .feature-list ul li .tit:after {content:""; display: block; width: 50px; height: 3px; margin: 20px auto 30px; background: linear-gradient(90deg, #5ceaa0 0%, #45caaa 100%);}
.studio .sec3 .feature-list ul li .icon {margin-bottom: 20px;}
.studio .sec3 .feature-list ul li .desc {color: #454545; max-width: 165px;margin: 0 auto;}

.studio .sec4 {background:no-repeat url("../images/sub/bg_studio_sec4.jpg") 50% 50%; background-size:cover; text-align: center;}
.studio .sec4 .head h2:after {background: #faaebf;}
.studio .sec4 .head p.deco {background: linear-gradient(180deg, #fd6bcd 0%, #fe6b78 100%);}
.studio .sec4 .slider {padding:  0 100px;}
.studio .sec4 .slider .video-container{box-shadow:rgba(0,0,0,.1) 5px 5px 10px;}

.studio .sec4 .slick-arrow {position:absolute; top:50%; margin-top: -25px; width:50px; height:50px; border: 1px solid #fe6b9a; border-radius:100%; z-index:51; background-position:50% 50%; background-repeat:no-repeat; background-color:transparent; background-size: 14px 25px; overflow:hidden; text-indent:-9999em;}
.studio .sec4 .slick-arrow:hover {opacity:1;}
.studio .sec4 .slick-prev {background-image:url("../images/sub/studio_slide_prev.png"); left:-100px}
.studio .sec4 .slick-next {background-image:url("../images/sub/studio_slide_next.png"); right:-100px}

.studio .sec4 .slider .slick-list {margin:0 -15px;}
.studio .sec4 .slider .slick-list .slick-slide {margin:0 15px;}

.studio .sec5 {background: #f7fdff; text-align: center;}
.studio .sec5 .head h2:after {background: #81d5fe;}

/* reservation */
.reservation .s-section {padding: 100px 0;}
.reservation .s-section .head {margin-bottom: 40px;}

.reservation .sec1 {background: #f8f8f8; text-align: center;}

.reservation .sec2 {background:no-repeat url("../images/sub/bg_reservation_sec2.jpg") 50% 50%; background-size:cover; text-align: center;}
.reservation .sec2 .reservation-step {max-width: 1200px; margin: 0 auto;}
.reservation .sec2 .reservation-step ol {display: flex;flex-wrap:wrap; margin: 0 -10px; margin-bottom: -20px;}
.reservation .sec2 .reservation-step ol li {position: relative;width: 33.3333333%; padding: 0 10px; margin-bottom: 20px;}
.reservation .sec2 .reservation-step ol li:before {content:""; position: absolute; top: 50%; left: -25px; margin-top: -25px; width: 50px; height: 50px; border-radius:100%; background-color: #348db0; background-image:url("/images/sub/arrow.png"); background-position:50% 50%; background-repeat:no-repeat; background-size:13px 23px;}
.reservation .sec2 .reservation-step ol li:first-child:before {display: none;}
.reservation .sec2 .reservation-step ol li .in {height: 100%; padding: 40px 5px; background: #fff; box-shadow:rgba(0,0,0,.1) 5px 5px 10px;}
.reservation .sec2 .reservation-step ol li .icon {margin-bottom: 12px;}
.reservation .sec2 .reservation-step ol li .tit {font-size: 20px; font-weight: 500; line-height: 1.3em; letter-spacing: -.03em; margin-bottom: 10px;}
.reservation .sec2 .reservation-step ol li .desc {color: #454545;}

.reservation .sec2 .reservation-step ol li.step4 {order: 6;}
.reservation .sec2 .reservation-step ol li.step5 {order: 5;}
.reservation .sec2 .reservation-step ol li.step6 {order: 4;}

.reservation .sec2 .reservation-step ol li.step4:before {left: 50%;margin-left: -25px;top: -35px;margin-top: 0;transform: rotate(90deg);}
.reservation .sec2 .reservation-step ol li.step5:before,
.reservation .sec2 .reservation-step ol li.step6:before {left: auto;right: -25px;transform: rotate(180deg);}

.reservation .sec3 .head {text-align: center;}

/* complete */
.complete .row {display: flex;align-items: flex-end; margin-bottom: 100px;}
.complete .row:last-child {margin-bottom: 0;}
.complete .img {width: 30%;min-width: 285px;}
.complete .heading {position: relative;display: flex; width: 70%; margin-bottom: 3.7%; flex: 1 1 auto; min-width: 0; width: 1%;}
.complete .heading:before {content:"";position: absolute;left: 0;bottom: 11.5%;width: 100%;height: 1px;background: #ddd;}
.complete .heading .txt {flex: 1 1 auto; min-width: 0; width: 1%;padding-left: 5%;}
.complete .heading .hashtag {margin-bottom: 15px; color: #686868; font-family: 'NanumSquare', sans-serif; font-size: 18px; line-height: 1.5em; letter-spacing: -.03em;}
.complete .heading .tit {margin-bottom: 15px; color: #333; font-family: 'OTWelcomeBA';font-weight: normal; font-size: 30px; line-height: 1em; letter-spacing: -.03em;}
.complete .heading .result {margin-bottom: 10px; color: #454545; font-weight: 500; line-height: 1.3em; letter-spacing: -.03em;}
.complete .heading .result span {font-size: 15px; color: #686868;}
.complete .heading .gradient {display: inline-block; padding: 10px 30px; border-radius:100px; color: #fff; font-family: 'NanumSquare', sans-serif; font-size: 20px; font-weight: 700; line-height: 1.3em; letter-spacing: -.03em; background: linear-gradient(90deg, #4382a2 10%, #43a298 50%, #43a25e 90%);}
.complete .graph {width: 39.28%;}

/* BUSINESS */
.commercial {text-align: center;padding-bottom: 120px;}
.commercial .contain {max-width: 1260px;}
.commercial ul {display: flex;flex-wrap:wrap;margin: 0 -15px; margin-bottom: -23px;}
.commercial ul li {width: 33.3333333%;padding: 0 15px; margin-bottom: 23px;}
.commercial ul li a {display: block;}
.commercial ul li .img{margin-bottom: 10px;}
.commercial ul li .tit{font-size: 20px; font-weight: 700; line-height: 1.3em; letter-spacing: -.03em; margin-bottom: 5px;}
.commercial ul li .desc{color: #454545;}

.marketing {background: #f8f8f8; padding: 130px 0;}
.marketing .contain {max-width: 1260px;}
.marketing .group {display: flex;flex-wrap:wrap;margin-bottom: 70px;}
.marketing .group:last-child {margin-bottom: 0;}
.marketing .group .img {width: 45%; border-radius:20px;}
.marketing .group .img img {box-shadow:rgba(0,0,0,.5) -5px 5px 10px;}
.marketing .group .cnt {width: 55%;padding-left: 50px;}
.marketing .group .cnt .tit{font-family: 'OTWelcomeBA';font-weight: normal; font-size: 30px; line-height: 1.3em; letter-spacing: -.03em; margin-bottom: 10px;}
.marketing .group .cnt .desc{color: #454545; font-size: 18px; line-height: 1.667em; letter-spacing: -.03em;}
.marketing .group .cnt .btn-view {margin-top: 25px;}
.marketing .group .cnt .btn-view a {display: inline-block;color: #4382a2; line-height: 38px;letter-spacing: -.03em; border: 1px solid #4382a2; border-radius:50px; padding: 0 40px 0 15px; background-image:url("../images/sub/btn_more_blue.png"); background-position:right 15px center; background-repeat:no-repeat; background-size:8px 15px;}
.marketing .group .cnt .btn-view a:hover {background-image:url("../images/main/btn_more.png"); background-color: #4382a2; color: #fff;}

.marketing .group:nth-child(even) .img {order: 2;}
.marketing .group:nth-child(even) .img img {box-shadow:rgba(0,0,0,.5) 5px 5px 10px;}
.marketing .group:nth-child(even) .cnt {padding-left: 0; padding-right: 45px;}

/* solution */
.solution .contain{max-width: 1260px;}

.solution .banner {background: #59a0c3; padding: 130px 0; margin-bottom: 75px;}
.solution .banner .contain{display: flex;}
.solution .banner .img {width: 48.75%;}
.solution .banner .txt {width: 51.25%; padding-right: 10px;}
.solution .banner .txt h3 {color: #fff;font-family: 'OTWelcomeBA';font-weight: normal;font-size: 40px;line-height: 1.2em;letter-spacing: -.03em;margin-bottom: 25px;}
.solution .banner .txt .bg {display: inline-block;background: #fff;padding: 4px 12px;margin-bottom: 10px;font-family: 'NanumSquare', sans-serif;font-size: 24px; font-weight: 800;line-height: 1.5em;letter-spacing: -.03em;}
.solution .banner .txt .bg:last-child {margin-bottom: 10px;}
.solution .banner .txt .basic {color: #fff;font-family: 'NanumSquare', sans-serif;font-size: 20px; font-weight: 700;line-height: 1.8em;letter-spacing: -.03em;margin-top: 25px;}

.solution-list {}
.solution-list .row {padding: 50px 88px;border-bottom: 1px solid #ddd;}
.solution-list .txt {display: flex; margin-bottom: 25px;}
.solution-list .txt .heading {width: 50%;position: relative;padding-right: 5px;}
.solution-list .txt .heading:before {content:""; position: absolute; top: 6px; left: -88px; width: 61px; height: 77px;  background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.solution-list .txt .heading h3 {font-family: 'OTWelcomeBA'; font-weight: normal; font-size: 40px; line-height: 1.3em; letter-spacing: -.03em;}
.solution-list .txt .heading h3 span {display: block;}
.solution-list .txt .heading h3:after {content:""; display: block; width: 50px; height: 3px; background: #43a298; margin: 10px 0 15px;}
.solution-list .txt .heading p {max-width: 395px;color: #454545;font-family: 'NanumSquare', sans-serif;font-size: 20px; line-height: 1.6em; letter-spacing: -.03em;}
.solution-list .txt .desc-list {width: 50%;}
.solution-list .txt .desc-list li {position:relative; padding-left:14px; margin-bottom: 5px;}
.solution-list .txt .desc-list li:last-child {margin-bottom: 0;}
.solution-list .txt .desc-list li:before {content:""; width:6px; height:6px; border-radius:100%; position:absolute; top:14px; left:0; background:#4382a2;}
.solution-list .txt .desc-list li .term {color: #4382a2; font-size: 20px; font-weight: 500; line-height: 1.75em; letter-spacing: -.03em;}
.solution-list .txt .desc-list li .desc {color: #454545; font-size: 18px; line-height: 1.75em; letter-spacing: -.03em;}
.solution-list .imgs {display: flex; margin: 0 -15px;}
.solution-list .imgs .img {width: 33.3333333%; padding: 0 15px;}

.solution-list .txt .heading1:before {background-image:url("../images/sub/icon_solution_heading1.png");}
.solution-list .txt .heading2:before {background-image:url("../images/sub/icon_solution_heading2.png");}
.solution-list .txt .heading3:before {background-image:url("../images/sub/icon_solution_heading3.png");}


.ct-wrap { position: relative; overflow: hidden; text-align: center;}
.ct-bg { width: 100%;}
.ct-wrap .ct-gif { width: 100%; }
/* .ct-gif { width: 100%; position: absolute; top: 48%; transform: translateY(-50%); left: 0;} */