@charset "utf-8";

.doc-tit {text-align:center; color:#333; font-family:"TmonMonsori",sans-serif; font-weight:500; font-size:30px; line-height:1.3em; letter-spacing:-0.03em; margin-bottom:40px;}
.doc-tit:after {content:""; display:block; margin:24px auto 0; width:60px; height:3px; background:#f1592a;}

.doc-cnt {margin-bottom:95px;}
.doc-cnt:last-child {margin-bottom:0;}

.story {display:flex; font-size:18px; font-weight:300; line-height:1.833em; letter-spacing:-0.03em;}
.story .cnt {flex:1 1 auto; min-width:0; width:1%;}
.story h3 {font-family:"TmonMonsori",sans-serif; font-size:35px; letter-spacing:-.03em; line-height:1.3em; margin-bottom:12px;}
.story p {margin-bottom:16px;}
.story p:last-child {margin-bottom:0;}
.story p strong.text-point {font-weight:500;}
.story .lg-txt {font-size:20px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em;}
.story .brand {font-family:"TmonMonsori",sans-serif; display:inline-block; vertical-align:middle; margin:0 4px;}
.story .img {width:49%; text-align:right; margin-top:20px;}

.brand-keyword {text-align:center; margin-top:-15px;}
.brand-keyword ul {display:flex; margin:0 -22px 30px;}
.brand-keyword ul li {position:relative; width:20%; padding:0 22px;}
.brand-keyword ul li:after {content:""; position:absolute; top:50%; right:-12px; margin-top:-12px; width:24px; height:24px; background:url("../images/sub/story2_plus.png") 50% 50% no-repeat;}
.brand-keyword ul li:last-child::after {display:none;}

.logo-type {display:flex; align-items:center; font-family:"GmarketSans",sans-serif; font-size:23px; font-weight:500; color:#333; line-height:1.5em; letter-spacing:-0.03em;}
.logo-type .img {width:60%; max-width:691px;}
.logo-type .cnt {flex:1 1 auto; min-width:0; width:1%; margin-left:60px;}
.logo-type .cnt ul li {padding-left:.5em; text-indent:-.5em; margin-bottom:15px;}
.logo-type .cnt ul li:last-child {margin-bottom:0;}

.greetings {text-align:center;}
.greetings .img {margin-bottom:40px;}
.greetings h3 {font-family:"TmonMonsori",sans-serif; font-size:30px; line-height:1.567em; color:#333;}
.greetings h3 .text-black {color:#080504;}
.greetings p {margin-top:27px; line-height:1.750em;}
.greetings .lg-txt {font-family:"GmarketSans",sans-serif; font-size:25px; font-weight:500; line-height:1.440em; letter-spacing:-.03em; color:#dd4f1e; margin-top:10px; margin-bottom:30px;}
.greetings .sign img {margin-left:15px;}

.review-head {text-align:center; margin-bottom:42px;}
.review-head h3 {font-family:"TmonMonsori",sans-serif; font-size:35px; letter-spacing:-.03em; line-height:1.3em; margin-bottom:10px;}
.review-head p {font-family:"GmarketSans",sans-serif; font-size:18px; font-weight:500; line-height:1.5em;}

.review-slider {position:relative; overflow:hidden;}
.review-slider .swiper-container {overflow:visible; max-width:1230px; margin:0 auto;}
.review-slider .swiper-slide {padding:15px;}
.review-slider .swiper-slide .img {position:relative; border:2px solid #c7410f; box-shadow:3px 3px 8px rgba(0,0,0,.3);}
.review-slider .swiper-slide .img:after {content:""; position:absolute; left:-2px; top:-2px; right:-2px; bottom:-2px; background:#000; opacity:.4; transition:.2s;}
.review-slider .swiper-slide-active .img:after,
.review-slider .swiper-slide-next .img:after {opacity:0;}
.review-slider .slide-btn {position:absolute; top:50%; margin-top:-35px; overflow:hidden; text-indent:-999em; z-index:50; width:70px; height:70px; background-color:#fff; background-position:50% 50%; background-repeat:no-repeat; border-radius:100%; box-shadow:3px 3px 8px rgba(0,0,0,.3);}
.review-slider .slide-btn.prev {left:50%; margin-left:-650px; background-image:url("../images/sub/slide_prev.png");}
.review-slider .slide-btn.next {right:50%; margin-right:-650px; background-image:url("../images/sub/slide_next.png");}

.concept {display:flex; background:#333;}
.concept .item {position:relative; padding-bottom:66.67%; overflow:hidden;}
.concept .item img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.concept .slider-for {flex:1 1 auto; min-width:0; width:1%;}
.concept .slider-for .item {height:640px; padding-bottom:0;}
.concept .slider-nav {position:relative; width:240px; padding:55px 48px;}
.concept .slider-nav .item {cursor:pointer;}
.concept .slider-nav .slick-slide {padding:5px 0;}
.concept .slider-nav .slick-current .item:after {position:absolute; content: ''; top:0; left:0; width:100%; height:100%; border:3px solid #f05a28;}
.concept .slick-arrow {position:absolute; left:50%; margin-left:-17px; width:34px; height:19px; z-index:98; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat;}
.concept .slick-prev {top:20px; background-image:url("../images/bbs/pjt_up.png");}
.concept .slick-next {bottom:20px; background-image:url("../images/bbs/pjt_down.png");}
.concept .slick-vertical .slick-slide {border:0;}

.concept2 {display:flex; flex-wrap:wrap; max-width:900px; margin:0 auto;}
.concept2 div {width:33.33333333%;}

.concept3 {padding:85px 30px; background:rgba(241,89,42,.15); border-radius:20px; text-align:center;}

.menu-imgs {display:flex; flex-wrap:wrap; justify-content:center;}
.menu-imgs div {width:50%;}

.menu-list ul {display:flex; flex-wrap:wrap; margin:-17px;}
.menu-list ul li {width:25%; padding:17px;}
.menu-list ul li a {display:block;}
.menu-list ul li .img {position:relative; padding-bottom:69.09%; overflow:hidden; margin-bottom:6px;}
.menu-list ul li .img img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.menu-list ul li .tit {color:#242424; font-size:20px; font-weight:500; line-height:1.4em; padding-right:30px; background:url("../images/sub/plus-icon.png") 100% 2px no-repeat;}
.menu-list ul li a:hover .img img {transform:scale(1.05) translateY(-50%);}

.pop-menus {display:flex; align-items:center;}
.pop-menus .img {width:70%; max-width:825px; background:#fff;}
.pop-menus .img .item {position:relative;}
.pop-menus .img .item:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:10px solid #f1592a;}
.pop-menus .cnt {position:relative; margin-left:-50px; padding:65px 50px 40px 75px; background:#fff; flex:1 1 auto; min-width:0; width:1%; font-weight:300; color:#555; line-height:1.5em; box-shadow:3px 3px 8px rgba(0,0,0,.3);}
.pop-menus .cnt .item {min-height:170px; margin-bottom:16px;}
.pop-menus .cate {margin-bottom:8px;} 
.pop-menus h3 {font-family:"TmonMonsori",sans-serif; font-size:30px; line-height:1.3em; margin-bottom:20px;} 
.pop-menus .arrows {display:flex;}
.pop-menus .slick-arrow {display:block;width:60px; height:60px; margin-right:10px; background-color:#f1592a; background-position:50% 50%; background-repeat:no-repeat; border:0; overflow:hidden; text-indent:-999em;}
.pop-menus .slick-prev {background-image:url("../images/sub/menu_slide_prev.png");}
.pop-menus .slick-next {background-image:url("../images/sub/menu_slide_next.png");}
.pop-menus .close {position:absolute; top:20px; right:20px; width:44px; height:44px;}
.pop-menus .close:before,
.pop-menus .close:after {content:" "; position:absolute; top:50%; left:0; margin-top:-1px; width:100%; height:2px; background:#ddd; border-radius:2px;}
.pop-menus .close:before {transform:rotate(45deg);}
.pop-menus .close:after {transform:rotate(-45deg);}

.process {text-align:center; padding:0 15px;}
.process ol {display:flex; flex-wrap:wrap; justify-content:center; margin:-15px -17px;}
.process ol li {width:25%; padding:15px 17px;}
.process .box {position:relative; height:100%; min-height:330px; padding:30px 20px; background:rgba(255, 255, 255, 0.6); border:1px solid #e7e6e1; border-radius:6px;}
.process .label {position:absolute; top:50px; left:-16px; width:93px; height:62px; padding-right:23px; background-position:0 0; background-repeat:no-repeat; color:#fff; font-family:"TmonMonsori",sans-serif; font-size:25px; line-height:53px; text-align:center;}
.process .icon {padding:27px 0 30px; margin:0 10px 28px; border-bottom:1px solid #242424;}
.process .tit {color:#242424; font-size:18px; font-family:"GmarketSans",sans-serif; font-weight:500; line-height:1.3em; letter-spacing:-.03em;}
.process .txt {font-weight:300; line-height:1.563em; margin-top:15px;}
.process ol li:nth-child(odd) .label {background-image:url("../images/sub/label_type1.png");}
.process ol li:nth-child(even) .label {background-image:url("../images/sub/label_type2.png");}

.support-area {text-align:center; border-bottom:1px solid #868686; padding-bottom:32px; margin-bottom:60px; font-family:"GmarketSans",sans-serif; font-size:18px; font-weight:500; line-height:1.667em;}
.support-area .row {display:flex; justify-content:center;}
.support-area .col {width:33.33333333%; max-width:360px; padding:0 15px;}
.support-area .col:last-child .img:after {display:none;}
.support-area .img {position:relative; margin:0 -15px 25px;}
.support-area .img:after {content:""; position:absolute; top:50%; right:0; margin:-31px -31px 0 0; width:62px; height:62px; background:url("../images/sub/open_arrow.png") 50% 50% no-repeat;}
.support-area ul {display:inline-block; text-align:left;}
.support-area ul li {position:relative; padding-left:15px;}
.support-area ul li:before {content:"·"; position:absolute; top:0; left:0; font-size:25px;}

.after-service {display:flex; align-items:center; color:#fff; font-family:"GmarketSans",sans-serif; color:#fff; font-size:18px; font-weight:500; line-height:1.667em; background:url("../images/sub/after_service.jpg") 100% 50% no-repeat; background-size:cover; min-height:330px; border-radius:6px; overflow:hidden;}
.after-service .inner {padding:30px 12%; width:100%;}
.after-service h3 {font-family:"TmonMonsori",sans-serif; font-size:25px; line-height:1.3em; letter-spacing:-.03em; margin-bottom:25px;}
.after-service ul li {position:relative; padding-left:15px;}
.after-service ul li:before {content:"·"; position:absolute; top:0; left:0; font-size:25px;}
.after-service .txt-yellow {color:#ffc78a;}
.after-service .txt-orange {color:#ff8c68;}

.education {text-align:center; font-size:18px; letter-spacing:-.03em; line-height:1.722em;}
.education h3 {font-family:"TmonMonsori",sans-serif; font-size:30px; line-height:1.3em; margin-bottom:10px;}
.education .img {margin-top:35px;}

.cost-tit {position:relative; text-align:center; font-family:"GmarketSans",sans-serif; font-size:30px; line-height:1.3em; margin-bottom:35px;}
.cost-tit img {vertical-align:bottom; margin:-.2em 6px 0 0;}
.cost-tit:before,
.cost-tit:after {content:""; position:absolute; top:50%; margin-top:3px; width:calc(50% - 160px); height:3px; background:#454545;}
.cost-tit:before {left:0;}
.cost-tit:after {right:0;}

.founded {margin-bottom:50px;}
.founded .price-group {display:flex; align-items:center; text-align:center; background:#fff; border:3px solid #db631a; border-radius:10px; padding:37px 70px;}
.founded .price-group img {width:150px; margin-right:55px;}
.founded .price-group .text-group h4 {font-family:"TmonMonsori",sans-serif; font-size:28px; line-height:1.4em; color:#db631a;}
.founded .price-group .text-group .color-txt {color:#f28811;}
.founded .down-icon {margin-top:20px; text-align:center;}
.founded .cost-table .inner {font-size:14px; text-align:right; line-height:1.563em; font-weight:300; margin-top:-20px; padding-bottom:8px; color:#686868;}
.founded .inside-txt {margin-top:17px; font-size:16px; letter-spacing:-.03em; line-height:1.563em; font-weight:300;}

.revenue-structure {margin-top:-5px;}
.revenue-structure h4 {font-family:"TmonMonsori",sans-serif; text-align:center; color:#db631a; font-size:32px; line-height:1.3em; letter-spacing:-.03em; margin-bottom:30px;}
.revenue-structure h4 big {font-size:1.25em; line-height:1.3em;}
.revenue-structure h4 .color-txt {color:#f28811;}
.revenue-structure .profit-img {display:flex; align-items:center; justify-content:space-between; text-align:center;}
.revenue-structure .profit-img .img:last-child {margin-left:10px;}
.revenue-structure .profit-img p {margin-left:22%; margin-top:25px; color:#686868; font-size:15px; font-weight:300; line-height:1.4em;}