/*  Contents List -----------------------------------------------
		01. Default (Admin)
		02. Common Elements
		03. Header & Footer
        04. Index
        05. Sub Contents
-------------------------------------------------------  */

:root {
    --mood-primary: #00B14F;
    --bs-border-color: lightgray;
    --bs-component-bg: #FFFFFF;
    --bs-border-width: 1px;
}
/* 01. Default  ==========================*/
/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;700;900&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;800&display=swap'); */

/*     font */
@font-face {  font-family: 'Roboto';  font-style: normal;  font-weight: 100;
  src: url(../webfonts/Roboto-Thin.woff2) format('woff2'),
       url(../webfonts/Roboto-Thin.woff) format('woff'),
       url(../webfonts/Roboto-Thin.otf) format('opentype');}
@font-face {  font-family: 'Roboto';  font-style: normal;  font-weight: 300;
  src: url(../webfonts/Roboto-Light.woff2) format('woff2'),
       url(../webfonts/Roboto-Light.woff) format('woff'),
       url(../webfonts/Roboto-Light.otf) format('opentype');}
@font-face {   font-family: 'Roboto';   font-style: normal;   font-weight: 400;
   src: url(../webfonts/Roboto-Regular.woff2) format('woff2'),
        url(../webfonts/Roboto-Regular.woff) format('woff'),
        url(../webfonts/Roboto-Regular.otf) format('opentype'); }
@font-face {   font-family: 'Roboto';   font-style: normal;   font-weight: 500;
   src: url(../webfonts/Roboto-Medium.woff2) format('woff2'),
        url(../webfonts/Roboto-Medium.woff) format('woff'),
        url(../webfonts/Roboto-Medium.otf) format('opentype'); }
@font-face {   font-family: 'Roboto';   font-style: normal;   font-weight: 700;
   src: url(../webfonts/Roboto-Bold.woff2) format('woff2'),
        url(../webfonts/Roboto-Bold.woff) format('woff'),
        url(../webfonts/Roboto-Bold.otf) format('opentype'); }

/*     font */
@font-face {  font-family: 'Noto Sans KR';  font-style: normal;  font-weight: 100;
  src: url(../webfonts/NotoSansKR-Thin.woff2) format('woff2'),
       url(../webfonts/NotoSansKR-Thin.woff) format('woff'),
       url(../webfonts/NotoSansKR-Thin.otf) format('opentype');}
@font-face {  font-family: 'Noto Sans KR';  font-style: normal;  font-weight: 300;
  src: url(../webfonts/NotoSansKR-Light.woff2) format('woff2'),
       url(../webfonts/NotoSansKR-Light.woff) format('woff'),
       url(../webfonts/NotoSansKR-Light.otf) format('opentype');}
@font-face {   font-family: 'Noto Sans KR';   font-style: normal;   font-weight: 400;
   src: url(../webfonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(../webfonts/NotoSansKR-Regular.woff) format('woff'),
        url(../webfonts/NotoSansKR-Regular.otf) format('opentype'); }
@font-face {   font-family: 'Noto Sans KR';   font-style: normal;   font-weight: 500;
   src: url(../webfonts/NotoSansKR-Medium.woff2) format('woff2'),
        url(../webfonts/NotoSansKR-Medium.woff) format('woff'),
        url(../webfonts/NotoSansKR-Medium.otf) format('opentype'); }
@font-face {   font-family: 'Noto Sans KR';   font-style: normal;   font-weight: 700;
   src: url(../webfonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(../webfonts/NotoSansKR-Bold.woff) format('woff'),
        url(../webfonts/NotoSansKR-Bold.otf) format('opentype'); }
@font-face {   font-family: 'Noto Sans KR';   font-style: normal;   font-weight: 900;
   src: url(../webfonts/NotoSansKR-Black.woff2) format('woff2'),
        url(../webfonts/NotoSansKR-Black.woff) format('woff'),
        url(../webfonts/NotoSansKR-Black.otf) format('opentype'); }
                  
/* html, body {width:100%;height:100%;} */
/* html, body {overflow-x:hidden;} */
* {-webkit-font-smoothing: antialiased;}
body {font-family:'Noto Sans KR', 'Roboto', sans-serif;font-weight:400;background-color:#fff;color:#222;overflow-x:hidden;}
body * {word-break:keep-all;}
body, p {font-size:16px;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
{margin:0;padding:0;border:0;outline:0;}
ul li {list-style:none;}
a {color:inherit;text-decoration:none;}
a:hover {text-decoration:none;cursor:pointer;color:inherit;}

.montserrat {font-family: 'Montserrat', sans-serif;}
.playfair {font-family: 'Playfair Display', serif;}

/* 02. Common Elements  ===================================*/
h2 {line-height:1;font-weight:700;font-size:30px;text-transform:uppercase;text-align:center;}
h5 {line-height:1;font-weight:600;font-size:18px;text-transform:uppercase;}

img {max-width:100%;height:auto;}

.bg-primary {background-color:#00B14F !important;}

/* icon */
.ico {background-size:contain;background-repeat:no-repeat;display:inline-block;background-position:center}
.ico.ico-logo {background-image:url(../img/ci_mark.png);width:86px;height:86px;}
.ico.ico-insta {background-image:url(../img/ico_insta.svg);width:32px;height:32px;}
.ico.ico-youtube {background-image:url(../img/ico_youtube.svg);width:32px;height:32px;}
.ico.ico-slide-left {background-image:url(../img/arrow-left.svg);width:24px;height:46px;}
.ico.ico-slide-right {background-image:url(../img/arrow-right.svg);width:24px;height:46px;}
.ico.ico-navbar {background-image:url(../img/ico-navbar.svg);width:40px;height:40px;}
.ico.ico-close {background-image:url(../img/ico_close.svg);width:50px;height:50px;filter:invert(1)}
.ico.ico-list {background-image:url(../img/ico-list.svg);width:60px;height:60px;filter:invert(52%) sepia(86%) saturate(4653%) hue-rotate(126deg) brightness(100%) contrast(102%);}
.ico.ico-pre {background-image:url(../img/ico-pre.svg);width:60px;height:60px;}
.ico.ico-next {background-image:url(../img/ico-next.svg);width:60px;height:60px;}
.ico.ico-search {background-image:url(../img/ico-search.svg);width:26px;height:26px;}
.ico.ico-speech {background-image:url(../img/ico-speech.svg);width:26px;height:26px;}
.ico.ico-camera {background-image:url(../img/ico-camera.svg);width:26px;height:26px;}
.ico.ico-file {background-image:url(../img/ico-file.svg);width:26px;height:26px;}
.ico.ico-pen {background-image:url(../img/ico-pen.svg);width:26px;height:26px;}
.ico.ico-video {background-image:url(../img/ico-video.svg);width:26px;height:26px;}
.ico.ico-model {background-image:url(../img/ico-model.svg);width:26px;height:26px;}
.ico.ico-conti {background-image:url(../img/ico-conti.svg);width:26px;height:26px;}
.ico.ico-pt {background-image:url(../img/ico-pt.svg);width:26px;height:26px;}
.ico.ico-heart {background-image:url(../img/ico-heart.svg);width:26px;height:26px;}
.ico.ico-plan {background-image:url(../img/ico-plan.svg);width:72px;height:72px;filter:invert(52%) sepia(86%) saturate(4653%) hue-rotate(126deg) brightness(100%) contrast(102%);}
.ico.ico-plan2 {background-image:url(../img/ico-plan2.png);width:100px;height:100px;}
.ico.ico-idea {background-image:url(../img/ico-idea.svg);width:72px;height:72px;filter:invert(52%) sepia(86%) saturate(4653%) hue-rotate(126deg) brightness(100%) contrast(102%);}
.ico.ico-suggest {background-image:url(../img/ico-suggest.svg);width:72px;height:72px;filter:invert(52%) sepia(86%) saturate(4653%) hue-rotate(126deg) brightness(100%) contrast(102%);}
.ico.ico-step1 {background-image:url(../img/ico-step1.png);width:80px;height:80px;}
.ico.ico-step2 {background-image:url(../img/ico-step2.png);width:80px;height:80px;transform:rotate(-20deg);}
.ico.ico-step3 {background-image:url(../img/ico-step3.png);width:80px;height:80px;}
.ico.ico-step4 {background-image:url(../img/ico-step4.png);width:80px;height:80px;}
.ico.ico-step5 {background-image:url(../img/ico-step5.png);width:80px;height:80px;transform:rotate(-20deg);}
.ico.ico-step6 {background-image:url(../img/ico-step6.png);width:80px;height:80px;}

.btn-scroll-to-top {background-color:#00B14F !important;bottom:200px;right: 56px;}


/** indicator ------------------------------------ */
.indicator {display:flex;align-items:center;justify-content:center;margin-top:120px;}
.indicator li + li {margin-left:30px;}
.indicator li a {font-weight:400;font-size:18px;display:inline-flex;justify-content:center;}
.indicator li a.on {color:#fff;width:30px;height:30px;border-radius:50%;background:#00B14F;flex-shrink: 0;}

.indicator-v {display:flex;align-items:center;justify-content:space-between;margin:60px auto 0;max-width:1280px;width:100%;}
.indicator-v li a:not(.list) {opacity:0.2;transition:all .2s ease-in-out}
.indicator-v li a:not(.list):hover {opacity:1;}

@media (max-width: 767.98px) {
    /* .ico.ico-navbar {width:20px;height:20px;} */
    .indicator-v .ico {width:40px;height:40px;}
    }
/** button ------------------------------------ */
.btn, a {font-weight:400;}
.btn {font-size:15px;border-radius:0}
.btn-wrap {margin-top:50px;text-align:center;}
.btn-wrap .btn {padding:8px 30px;}
.btn-wrap .btn + .btn {margin-left:10px;}
.btn-inverse {background-color: #00B14F;border-color: #00B14F;}
.btn-default {color:#222;border-color:#d5d5d5;background-color:#d5d5d5;}
    
/** form ---------------------------------------*/
.form-control {font-size:16px;}
.up_file {display:block;width:100%;height:calc(1.5em + 0.875rem + 2px);line-height:1.5;color:#222;border:1px solid #c8c8c8;border-radius:4px;} 

textarea {resize:none;}

.form-control::placeholder {color: #7a7a7a;opacity: 1}
.form-control[type=file] {overflow: hidden}
.form-control[type=file]:not(:disabled):not([readonly]) {cursor: pointer}

.form-control::file-selector-button {
    padding: .4375rem .75rem;
    margin: -.4375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end:.75rem;color: var(--app-component-color);
    background-color:rgba(211,211,211,1);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width:1px;border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }

    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {background-color:rgba(211, 211, 211, .5);}

.form-control:hover:not(:disabled):not([readonly])::file-upload-button {background-color:rgba(211, 211, 211, .5);}

@media (prefers-reduced-motion:reduce) {
    .form-control::file-upload-button {
        -webkit-transition: none;
        transition: none
    }
}

@media (max-width: 1521.98px) {
    .content.index {padding:0;}
}

@media (max-width: 991.98px) {
    .content {max-width:100%;}
    .content.contact {padding:0 20px}
    .md-hidden {display:none !important;}
}

@media (max-width: 450px) {
    .content {padding:20px;overflow-x: hidden;}
    .btn-wrap .btn {padding:8px 20px;}
}
/* 03. Header & Footer ===================================*/
.header {font-family:'Roboto', sans-serif;border-bottom:1px solid #00B14F;position:sticky;top:0;width:100%;z-index:10;transition:all .2s ease-in-out;}
.index .header {z-index:11;}
/* .header.hover {background-color:#fff;border-bottom:none;}
.header.hover:after {content:"";background:rgba(255, 255, 255, 0.8);border-bottom:1px solid #ddd;width:100%;position:absolute;left:0;right:0;bottom:-80px;height:80px;z-index:10;} */

.header-c {width:100%;max-width:1400px;height:180px;display:flex;justify-content:space-between;align-items:center;margin:0 auto;position:relative;z-index:20}
.header-c .logo {background:url(../img/logo-mark.png) no-repeat center;background-size:contain;width:120px;height:124px;transition:all .2s ease-in-out;filter:invert(1)}
.index .header-c .logo {background:url(../img/logo-mark.png) no-repeat center;background-size:contain;width:120px;height:124px;transition:all .2s ease-in-out;filter:unset;}

.header-c .menu {width:100%;display:flex;align-items:center;justify-content:flex-end;margin-top:-20px;column-gap:150px;}
.header-c .menu li {position:relative;}
.header-c .menu a {font-size:20px;font-weight:800;text-transform:uppercase;color:#222;font-family:'Roboto', sans-serif;}
.index .header-c .menu a {color:#fff;}

.has-scroll .header {background:rgba(255, 255, 255, 0.8);}
.index.has-scroll .header {background:rgba(0, 0, 0, 0.8);}
.has-scroll .header .logo {animation:unset;background:url(../img/logo-text.png) no-repeat center;background-size:contain;width:232px;}

.header-c .nav-bar {cursor:pointer;position:absolute;left:0;bottom: -60px;transform: rotate(-90deg);display:none}
.index .header-c .nav-bar {filter:invert(1);display:block}


.page-container {transition:all .2s ease-in-out;}
.page-container.blur .header-c .logo, .page-container.blur .header-c .nav-bar, .page-container.blur .header-c .menu, .page-container.blur .content, .page-container.blur .footer {filter:blur(5px);}
.page-container.blur .header .site-map {filter:blur(0);}
.site-map {position:fixed;top:-100%;left:0;right:0;height:0;background-color:rgba(0,0,0,.9);align-items:center;justify-content:center;flex-flow:column;z-index:100;display:flex;transition:all .3s ease-in-out;}
/* .site-map.show:after {content:"";position:absolute;background:url(../img/bg_sitemap.png) no-repeat center;top:0;left:0;width:100%;height:100%;z-index:-2;opacity:.2; filter: grayscale(.9);} */
.site-map.show {top:0;height:100vh}
.site-map.show .sitemap-ci {width:600px;height:600px;background:url(../img/logo-mark-b.png) no-repeat center;background-size:contain;filter:invert(1);position:absolute;top:0;right:-140px;z-index:1;opacity:.2}
.site-map .menu-wrap {width:1520px;height:100%;margin:150px auto;position:relative;overflow:hidden;}/*background-color:rgba(0,0,0,.5);*/
.site-map .ico-close {position:absolute;top:50px;right:50px;display:block;z-index:2}
.site-map .ico-close:hover {cursor:pointer;}
.site-map .menu-list .dept1 {font-size:40px;color:#fff;opacity:.5;font-weight:600;text-transform:uppercase;width:320px;}
.site-map .menu-list .item {position:relative;display:flex;align-items:center;gap:20px;margin-bottom:2.5rem;border-bottom: solid 1px #555;}
.site-map .menu-list .title {font-size:40px;text-transform:uppercase;color:#fff;position:relative;line-height:1.2;}
.site-map .menu-list .title:before {content:attr(data-title);color:#00B14F;}
.site-map .menu-list .title:before, body .title:after {width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;
  transition: -webkit-clip-path 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: clip-path 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: clip-path 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-clip-path 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.site-map .menu-list .item--square .title:before {
  -webkit-clip-path: polygon(0 0, 0 0, -50px 100%, 0 100%);
          clip-path: polygon(0 0, 0 0, -50px 100%, 0 100%);
}
.site-map .menu-list .item--square .title:hover:before {
  -webkit-clip-path: polygon(0 0, calc(100% + 50px) 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, calc(100% + 50px) 0, 100% 100%, 0 100%);
}
    
ul.menu li a:hover, ul.menu li.active > a  {color:#00B14F;}
.dropdown-menu {position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:.8125rem;text-align:left;list-style:none;background-color:transparent;box-shadow:none;}
.dropdown-menu:after {content:"";background:url(../img/logo-mark.png) no-repeat center;background-size:contain;width:18px;height:18px;position:absolute;left:0;bottom:-15px;filter:invert(40%) sepia(38%) saturate(5980%) hue-rotate(130deg) brightness(103%) contrast(102%);}
.header-c .menu .dropdown-item {display:block;width:100%;padding:.1rem 0;clear:both;font-size:18px;font-weight:400;text-align: inherit;white-space: nowrap;background-color: transparent;}
.dropdown-item:focus, .dropdown-item:hover {color: #16181b;text-decoration: none;background-color:transparent;}
.dropdown-item.active, .dropdown-item:active {color: #fff;text-decoration: none;background-color:transparent;}

.menu > li .dropdown-menu {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    max-height: 0;display: block;opacity:0;}

.menu > li.show .dropdown-menu {max-height:200px;opacity:1;}

@media(max-width: 1520px) {
    .site-map .menu-wrap {width:100%;}
    }
@media(max-width: 1400px) {
    .header-c {padding-left:20px;padding-right:20px;}
    /* .header-c .nav-bar {right:20px;} */
    .site-map .sitemap-ci {width:260px;}
}
@media(max-width: 1180px) {
    .header-c .menu {column-gap:100px;}
    }
@media(max-width: 991.98px) {
    .header {padding:0 10px 0 20px;}
    /* .header-c, .has-scroll .header-c {max-width:100%;padding:30px 20px 28px;} */
    .site-map .sitemap-ci {display:none;}
    .site-map.show .menu-wrap {margin:0;background-color:rgba(0,0,0,.3);}
    .site-map .menu-wrap:after {display:none;}
    .site-map .menu-list {flex-flow:column;justify-content: center;}
    /* .site-map .menu-list > div {width:100%;padding-left:0 !important;padding-right:0 !important;text-align:center !important;} */
    .site-map .menu-list p {font-size:50px;}
    .site-map .menu-list p + p {margin-top:0px;}
    .site-map .menu-list p span a {font-size:26px;letter-spacing:-2px;}
    .site-map .menu-list p span a + a {margin-left:10px;}   
    .site-map.show .header-sns.m {display:flex;justify-content: center;} 
    .site-map .header-sns.p {display:none;} 
}    
@media(max-width: 768px) {    
    .header-c .menu {display:none}
    .header-c .nav-bar {left: unset;right: 20px;top: 70px;bottom: unset;}
    .main-link-wrap .main-link .link {width:200px;height:200px}
}

@media(max-width: 767.98px) {
    .menu li {display:block;}
    .header .logo img {height:27px;}
    .header-c .menu {display:none;text-align:right;}
    
}

@media(max-width: 450px) {   
    .header-c {align-items:flex-start;height:auto;}
    .header-c .logo, .index .header-c .logo {height:90px;background-position:center left;}
    .header-c .nav-bar {right:10px;left:unset;top:25px;display:block;}
    .has-scroll .header .logo {width:200px;}
    .header-c .ico.ico-close {width:30px;height:30px}
    .site-map .ico-close {top:30px;right:30px;}
    .site-map .menu-list {margin-top:60px}
    .site-map .menu-list .dept1 {font-size:20px;width:100%;}
    .site-map .menu-list .title {font-size:20px;}
    .site-map .menu-list .title + .title {margin-left:20px}
    .site-map .menu-list .item {display: block;margin-left: 20px;margin-right: 20px;}
}

.footer-wrap {background-color:#555;padding:30px 0;position:fixed;left:0;right:0;bottom:-300px;z-index:12;transition:bottom .5s ease-in-out;}
.footer-wrap.open {bottom:0;}
.footer {max-width:1400px;margin:0 auto;border-top:none;padding:0;}
.footer .ico-close {position:absolute;top:10px;right:10px}
.footer .footer-logo {background:url(../img/logo-text.png) no-repeat center;background-size:contain;width:232px;height:70px;margin-bottom:30px}
.footer .footer-sns a {color:#000;font-weight:600;font-family:'Roboto', sans-serif;}
.footer .footer-sns a:hover {color:#00B14F}
.footer .sec {font-size:14px;color:#ccc;font-weight:400;font-family:'Roboto', 'Noto Sans KR', sans-serif;}
.footer .sec + .sec {margin-top:15px;}
.footer .sec p {font-weight:500;text-transform:uppercase;}
.footer .sec span {margin-right:15px;}
.footer .sec.copy {opacity:.5;font-weight:300}

@media (max-width: 991.98px) {
    .footer {max-width:100%;padding:0 16px;}
    }

@media(max-width: 450px) { 
    .footer-wrap {bottom:-400px}
    .footer .footer-sns {margin-top:20px;display:flex;gap:20px;}
    .footer .ico.ico-close {width:30px;height:30px;}
    }
    
/* 04. Index  ===================================*/
.pace-done .pace.pace-inactive, .pace .pace-progress, .pace .pace-activity {display:none;}
.content {max-width:1520px;margin:0 auto;padding:0 0 20px;position: relative;}
.index .content {z-index:10;}



.page-container.index {position:relative;background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:fixed;height:100%}
.page-container.index:before {content: "";position:absolute;top:0px;right:0px;bottom:0px;left:0px;background-color:rgba(0, 0, 0, 0.8);}
/* .page-container.index:after {content: "";position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:-1;} */
.page-container .right-quick {position:fixed;bottom:90px;right:-6px;color:#222;transform:rotate(90deg);font-size:18px;font-weight:600;font-family:'Roboto', sans-serif;text-transform:uppercase;z-index:11;display:flex;gap:20px;line-height:1}
.page-container .right-quick > a {transition: all .3s;}
.page-container .right-quick > a:hover {transform:rotate(-90deg);color:#00B14F}
.page-container.index .right-quick > a {color:#fff;background:#00B14F}
.main-link-wrap {display:flex;justify-content: center;align-items: center;height:100%;}
.main-link-wrap .main-link {display:grid;gap:1px;background-color:#00B14F;grid-template-columns:repeat( 3, 1fr );border:1px solid #00B14F;margin:50px;}
.main-link-wrap .main-link .link {width:280px;height:280px;display:block;background-repeat:no-repeat;background-position:center;background-size:cover;}

@media(max-width: 450px) {   
    .btn-scroll-to-top {right: 20px}
    .page-container a.contact {right:-6px}
    .main-link-wrap .main-link {grid-template-columns:1fr}
    .page-container .right-quick {right:-40px}
}
@media(max-height: 1028px) {
    .page-container.index {height:auto}
}

@media(max-width: 768px) {    
    .main-link-wrap .main-link .link {width:200px;height:200px}
    
}

@media(min-width: 769px) {  
    .index .content {height:calc(100% - 181px);}
    }
    
    

.content.index {max-width:100%}
.content.index .slide-sec:not(.gray) {max-width:1520px;margin:0 auto;}
.landing-video {width:100%;}
.landing-video video {width:100%;}/* height:100vh;object-fit: cover;position:fixed;top:0;left:0; */
/* .landing-video + .slide-sec {margin-top:100vh}  */

.slide-sec {padding:90px 0 100px;position:relative;}
.slide-sec.gray {background:#f5f5f5;}
.slide-sec.gray:after {background:#f5f5f5;content:"";position:absolute;left:-100%;top:0;right:-100%;bottom:0;display:block;z-index:-1;}
.slide-sec:after {background:#fff;content:"";position:absolute;left:-100%;top:0;right:-100%;bottom:0;display:block;z-index:-1;}
.slide-sec.gray + .slide-sec.gray {padding-top:0;}
.slide-sec h2 {margin-bottom:60px;z-index:1;font-family:'Roboto', sans-serif;}

@media (max-width: 1521.98px) {
    .slide-sec {padding-left:20px;padding-right:20px;}
}

@media(max-width: 450px) { 
    .slide-sec {padding:70px 16px 80px;max-width:100% !important;}  
    .slide-sec.gray:after {left:-20px;right:-20px;}    
    }
 
     
    
/* 05. Sub Contents 
=======================================*/
.sub-sec {margin:50px 0 130px;}
.sub-sec h2 {margin-bottom:45px;position:relative;}
.sub-sec .page-nav {position:absolute;left:0;top:0;display:flex;}
.sub-sec .lang {position:absolute;right:0;top:0;display:flex;}
.contact .sub-sec h2 {text-align:left;font-size:40px;word-break: break-all;}/* margin-bottom:25px; */
.contact .sub-sec .page-nav {position:static;}
.sub-sec .page-nav li a {text-transform:uppercase;font-size:18px;color:#777;margin-right:20px;font-weight:800;position:relative;font-family:'Roboto', sans-serif;}
.sub-sec .lang li a {text-transform:uppercase;font-size:18px;color:#777;margin-left:20px;font-weight:800;}
.sub-sec .page-nav li.on a, .sub-sec .lang li.on a{color:#222;}
.sub-sec .page-nav li.on a:before {content:"";position:absolute;left:0;bottom:0px;top:50%;right:0;background:#00B14F;z-index:-1;}

.flag-icon {background-size:contain;background-position:50%;background-repeat:no-repeat;position:relative;display:inline-block;width:1.33333333em;line-height:1em;height:13px;margin-right:5px;}
.flag-icon.kr {background-image:url(../img/kr.svg);}
.flag-icon.us {background-image:url(../img/us.svg);}

@media(max-width: 450px) { 
    .sub-sec {margin:50px 0;}
    .contact .sub-sec h2 {font-size:30px}
    }
    
@media (min-width: 451px) { 
    .sub-sec h2 br{display:none}
    }

/* business domain */
.plan-wrap {}

section{padding:120px 0;}
h2 + section {padding:0 0 120px}
section[class^="bg"]{;margin-left:-100%;margin-right:-100%;}
.inner-width {max-width:1520px;margin:0 auto;}
.sec-tit {text-align:center;margin-bottom:80px;font-family:'Roboto', sans-serif;}
.sec-tit h2 {text-align:center !important;}
.sec-tit h2 > span {color:#00B14F}

.sec-detail .plan-wrap {width:800px;height:370px;background:url(../img/bg_plan.png) no-repeat top center;background-size:contain;position:relative;margin:200px auto}
.plan-wrap .plan {position:absolute;width:300px}
.plan-wrap .plan.p01 {left:-180px;bottom:-110px;text-align:right;}
.plan-wrap .plan.p02 {left:50%;top:-140px;transform:translateX(-50%);text-align:center;}
.plan-wrap .plan.p03 {right:-180px;bottom:-110px;}
.plan-wrap .plan .title {text-transform:uppercase;font-size:24px;font-weight:600;margin-bottom:10px;font-family:'Roboto', sans-serif;}
.plan-wrap .plan .sub-tit {color:#00B14F;margin-bottom:5px}
.plan-wrap .plan .detail-txt {}

.sec-detail .books-wrap {display:grid;grid-template-columns:repeat( 7, 1fr );gap:10px}
.sec-detail .books-wrap li {background-repeat:no-repeat;background-position:top center;background-size:cover;height:256px}
.sec-detail .books-wrap li:first-child {background-image:url(../img/short01.jpg)}
.sec-detail .books-wrap li:nth-child(2) {background-image:url(../img/short02.jpg)}
.sec-detail .books-wrap li:nth-child(3) {background-image:url(../img/short03.jpg)}
.sec-detail .books-wrap li:nth-child(4) {background-image:url(../img/short04.jpg)}
.sec-detail .books-wrap li:nth-child(5) {background-image:url(../img/short05.jpg)}
.sec-detail .books-wrap li:nth-child(6) {background-image:url(../img/short06.jpg)}
.sec-detail .books-wrap li:nth-child(7) {background-image:url(../img/short07.jpg)}
.sec-detail .books-wrap li:nth-child(8) {background-image:url(../img/short08.jpg)}
.sec-detail .books-wrap li:nth-child(9) {background-image:url(../img/short09.jpg)}
.sec-detail .books-wrap li:nth-child(10) {background-image:url(../img/short10.jpg)}
.sec-detail .books-wrap li:nth-child(11) {background-image:url(../img/short11.jpg)}
.sec-detail .books-wrap li:nth-child(12) {background-image:url(../img/short12.jpg)}
.sec-detail .books-wrap li:nth-child(13) {background-image:url(../img/short13.jpg)}
.sec-detail .books-wrap li:nth-child(14) {background-image:url(../img/short14.jpg)}

.casting-info-wrap {display:flex;margin-top:100px}
.casting-info-wrap .casting-info {text-align:center;flex:1;position:relative;z-index:2}
.casting-info-wrap .casting-info:after {content:"";width:100px;height:100px;border-radius:50%;background-color:#00B14F;opacity:.5;display:block;top:50%;left:50%;position:absolute;transform:translate(-50%, -50%);z-index:-1}
.casting-info-wrap .casting-info .tit {font-size:24px;font-weight:600}
.casting-info-wrap .casting-info .info {font-size:18px}

.mid-logo-line {width:300vw;height:10px;display:block;background:#000;margin-top:150px;}
.mid-logo-line + div .mid-logo {width:300px;height:100px;background:url(../img/logo_v.png) no-repeat top center;background-size:232px;display:block;background-color:#f9f9f9;margin:-50px auto 0;}

.casting-process-wrap {counter-reset:step 0;display:flex;justify-content:space-between;margin-top:60px;position:relative;}
/*.casting-process-wrap:before {position:absolute;content:"";width:160px;height:200px;background:url(../img/bg_logo.png) no-repeat center;opacity:.2;background-size:contain;left:50%;transform:translateX(-50%);top:-90%;}
/* .casting-process-wrap:after {position:absolute;content:"";width:440px;height:440px;border-radius:50%;border:60px solid #000;opacity:.2} */
.casting-process-wrap .casting-process {overflow:hidden;position:relative;width:200px;height:200px;border-radius:50%;text-align:center;padding:35px 20px;background-color:#fff}/*box-shadow:-2px 3px 7px rgb(0 0 0 / 10%);*/
.casting-process-wrap .casting-process:before {counter-increment:step;content:counter(step) "";color:#00B14F;font-size:180px;font-weight:600;position:absolute;left:0;top:0;left:-30px;top:-36px;opacity:.1;}
.casting-process-wrap .casting-process .ico {}
.casting-process-wrap .casting-process .info {margin-top:5px;line-height: 1.2;font-size:18px;}

.history-wrap {position:relative;width:100%;height: 100%;display: flex;justify-content: center;flex-flow: column;}
.history-wrap:after {position:absolute;content:"";width:9px;top:-20px;bottom:0;background-color:#000;left:50%;transform:translateX(-50%);z-index:-1;display:block;}
.history-wrap .history {display:flex;align-items:flex-start;}

.history-wrap .history.left {margin-left: 49.4%;}
.history-wrap .history.left .his-dot {margin-right:50px}
.history-wrap .history.right {margin-right:49.4%;flex-flow:row-reverse;}
.history-wrap .history.right .his-dot {margin-left:50px}
.history-wrap .history.right .his-txt-wrap {flex-flow:row-reverse;}
.history-wrap .history.right .his-year, .history-wrap .history.right .his-txt {text-align:right;}
.history-wrap .history .his-dot {width:20px;height:20px;background-color:#fff;border:5px solid #000;border-radius:50%;flex:none;}
.history-wrap .history .his-detail {display: flex;flex-flow: column;gap: 15px;}
.history-wrap .history .his-year {font-size:24px;font-weight:600;line-height:1}
.history-wrap .history .his-year > span {border-bottom:3px solid #000;}
.history-wrap .history .his-txt-wrap {display:flex;gap:20px;}
.history-wrap .history .his-txt {line-height:1.42}
.history-wrap .history .his-txt li {word-break:keep-all;white-space:nowrap;}
.history-wrap .history .his-txt li > span {color:#00B14F;margin-left:5px;word-break:keep-all;white-space:nowrap;}
.history-wrap .history .his-img {display:flex;gap:10px;}
.history-wrap .history .his-img li {width:105px;height:120px;background-repeat:no-repeat;background-position:center;background-size:cover;border:1px solid #ddd;}

.history-wrap .history.h2023 .his-img li:nth-child(1) {background-image:url(../img/his2023_01.jpg)}
.history-wrap .history.h2023 .his-img li:nth-child(2) {background-image:url(../img/his2023_02.jpg)}
.history-wrap .history.h2023 .his-img li:nth-child(3) {background-image:url(../img/his2023_03.jpg)}
.history-wrap .history.h2023 .his-img li:nth-child(4) {background-image:url(../img/his2023_04.jpg)}
.history-wrap .history.h2023 .his-img li:nth-child(5) {background-image:url(../img/his2023_05.jpg)}
.history-wrap .history.h2023 .his-img li:nth-child(6) {background-image:url(../img/his2023_06.jpg)}

.history-wrap .history.h2022 .his-img li:first-child {background-image:url(../img/his2022_01.jpg)}
.history-wrap .history.h2022 .his-img li:nth-child(2) {background-image:url(../img/his2022_02.jpg)}
.history-wrap .history.h2022 .his-img li:nth-child(3) {background-image:url(../img/his2022_03.jpg)}
.history-wrap .history.h2022 .his-img li:nth-child(4) {background-image:url(../img/his2022_04.jpg)}
.history-wrap .history.h2022 .his-img li:nth-child(5) {background-image:url(../img/his2022_05.jpg)}
.history-wrap .history.h2022 .his-img li:nth-child(6) {background-image:url(../img/his2022_06.jpg)}

.history-wrap .history.h2021 .his-img li:nth-child(1) {background-image:url(../img/his2021_01.jpg)}
.history-wrap .history.h2021 .his-img li:nth-child(2) {background-image:url(../img/his2021_02.jpg)}
.history-wrap .history.h2021 .his-img li:nth-child(3) {background-image:url(../img/his2021_03.jpg)}
.history-wrap .history.h2021 .his-img li:nth-child(4) {background-image:url(../img/his2021_04.jpg)}
.history-wrap .history.h2021 .his-img li:nth-child(5) {background-image:url(../img/his2021_05.jpg)}

.history-wrap .history.h2020 .his-img li:nth-child(1) {background-image:url(../img/his2020_01.jpg)}
.history-wrap .history.h2020 .his-img li:nth-child(2) {background-image:url(../img/his2020_02.jpg)}
.history-wrap .history.h2020 .his-img li:nth-child(3) {background-image:url(../img/his2020_03.jpg)}
.history-wrap .history.h2020 .his-img li:nth-child(4) {background-image:url(../img/his2020_04.jpg)}
.history-wrap .history.h2020 .his-img li:nth-child(5) {background-image:url(../img/his2020_05.jpg)}

.history-wrap .history.h2019 .his-img li:nth-child(1) {background-image:url(../img/his2019_01.jpg)}
/* .history-wrap .history.h2019 .his-img li:nth-child(2) {background-image:url(../img/his2019_02.jpg)} */
/* .history-wrap .history.h2019 .his-img li:nth-child(3) {background-image:url(../img/his2019_03.jpg)} */
.history-wrap .history.h2019 .his-img li:nth-child(2) {background-image:url(../img/his2019_04.jpg)}
.history-wrap .history.h2019 .his-img li:nth-child(3) {background-image:url(../img/his2019_05.jpg);background-position:top}
.history-wrap .history.h2019 .his-img li:nth-child(4) {background-image:url(../img/his2019_06.jpg)}
.history-wrap .history.h2019 .his-img li:nth-child(5) {background-image:url(../img/his2019_07.jpg)}

.history-wrap .history.h2018 .his-img li:nth-child(1) {background-image:url(../img/his2018_01.jpg)}
.history-wrap .history.h2018 .his-img li:nth-child(2) {background-image:url(../img/his2018_02.jpg)}
.history-wrap .history.h2018 .his-img li:nth-child(3) {background-image:url(../img/his2018_03.jpg)}
.history-wrap .history.h2018 .his-img li:nth-child(4) {background-image:url(../img/his2018_04.jpg)}
.history-wrap .history.h2018 .his-img li:nth-child(5) {background-image:url(../img/his2018_05.jpg)}

.history-wrap .history.h2017 .his-img li:nth-child(1) {background-image:url(../img/his2017_01.jpg)}
.history-wrap .history.h2017 .his-img li:nth-child(2) {background-image:url(../img/his2017_02.jpg)}
.history-wrap .history.h2017 .his-img li:nth-child(3) {background-image:url(../img/his2017_03.jpg);background-size: 500%;background-position: bottom -98px left -70px;}
.history-wrap .history.h2017 .his-img li:nth-child(4) {background-image:url(../img/his2017_04.jpg);background-position:top left;}
.history-wrap .history.h2017 .his-img li:nth-child(5) {background-image:url(../img/his2017_05.jpg)}
.history-wrap .history.h2017 .his-img li:nth-child(6) {background-image:url(../img/his2017_06.jpg);background-position:top left -20px;}

.history-wrap .history.h2016 .his-img li:nth-child(1) {background-image:url(../img/his2016_01.jpg)}
.history-wrap .history.h2016 .his-img li:nth-child(2) {background-image:url(../img/his2016_02.jpg)}
.history-wrap .history.h2016 .his-img li:nth-child(3) {background-image:url(../img/his2016_03.jpg)}
/* .history-wrap .history.h2016 .his-img li:nth-child(4) {background-image:url(../img/his2016_04.jpg);background-position:top left -10px;} */
.history-wrap .history.h2016 .his-img li:nth-child(4) {background-image:url(../img/his2016_05.jpg)}
.history-wrap .history.h2016 .his-img li:nth-child(5) {background-image:url(../img/his2016_06.jpg);background-position:top left;background-position: top right;background-size: 220%;}
.history-wrap .history.h2016 .his-img li:nth-child(6) {background-image:url(../img/his2016_07.jpg)}

@media(max-width: 450px) { 
    section {padding: 80px 0;}
    h2 + section {padding:0 0 80px}
    .sec-detail .plan-wrap {width:100%;background:none;margin:0;height:auto;display:flex;flex-flow:column;gap:90px;margin-top:110px}
    .sec-detail .plan-wrap .plan {width:100%;position:relative;}
    .plan-wrap .plan.p01, .plan-wrap .plan.p02, .plan-wrap .plan.p03 {text-align:center;transform:unset;left:unset;right:unset;top:unset;bottom:unset}
    .plan-wrap .plan:before {content: "";width: 60px;height: 60px;position: absolute;left: 50%;transform: translateX(-50%);background-size: 30px;top: -63px;border: 1px solid #000;border-radius: 50%;}
    .plan-wrap .plan.p01:before {background: url(../img/ico-plan.svg) no-repeat center;}
    .plan-wrap .plan.p02:before {background: url(../img/ico-pt.svg) no-repeat center;}
    .plan-wrap .plan.p03:before {background: url(../img/ico-heart.svg) no-repeat center;}
    .plan-wrap .plan .title {margin-bottom:5px}
    .casting-info-wrap {flex-flow: column;gap: 70px;}
    .inner-width {max-width:100vw}
    .casting-process-wrap {flex-flow: column;align-items: center;gap: 15px;}
    .sec-detail .books-wrap {grid-template-columns:repeat( 2, 1fr );padding:0 10px;}
    .sec-detail .books-wrap li {height:226px}
    .history-wrap {gap:26px}
    .history-wrap:after {width:2px;left: 7px;transform: unset;}
    .history-wrap .history.left {margin-left:0}
    .history-wrap .history.right {margin-right:0;flex-flow:row;}
    .history-wrap .history .his-year {font-size:20px}
    .history-wrap .history .his-txt {font-size:14px}
    .history-wrap .history.left .his-dot {margin-right:20px;width:16px;height:16px;border-width:4px}
    .history-wrap .history.right .his-dot {margin-left:0;margin-right:20px;}
    .history-wrap .history .his-txt-wrap {flex-flow:row !important;gap:1px 20px;flex-wrap:wrap !important;}
    /* .history-wrap .history.right .his-txt-wrap {flex-flow:row;flex-flow: column;} */
    .history-wrap .history.right .his-year, .history-wrap .history.right .his-txt {text-align:left}
    .history-wrap .history .his-img {flex-wrap:wrap}
    .history-wrap .history .his-img li {width: 130px;height: 160px;}
    }
    


/* OFFER */

.offer-type-wrap .offer-type + .offer-type {margin-top:10px;}
.offer-type-wrap .offer-type .btit {cursor:pointer;padding:0.4375rem 0.75rem;background: #eee;border: 3px solid #eee;border-radius: 4px;}

.of-type-wrap {background:#fff;padding:10px;}
/* .of-type-wrap > div {width:50%} */
.of-type-wrap > div .tit {position:relative;font-size:15px;z-index:0;display:inline-block;margin-bottom:5px;}
.of-type-wrap > div .tit:after {content: "";position: absolute;left: 0;bottom: 0px;top: 50%;right: 0;background: #00B14F;z-index: -1;opacity:.5}
.of-type-wrap > div .stit {font-size:14px;margin-bottom:6px;margin-top: 10px;}
.of-type-wrap .form-groups {gap:10px;display: grid;grid-template-columns: repeat(3, 1fr);}
.of-type-wrap .form-groups .ch-wrap {width:100%}
.of-type-wrap .form-groups .ch-wrap label {width:100%}
.of-type-wrap  .tit + .form-wrap {margin-top:10px}
.of-type-wrap .form-wrap {margin-top:10px}
/* .of-type2-2 {margin-left:10px} */
.offer-type.type2 .form-groups {grid-template-columns: repeat(2, 1fr);}

.ch-wrap input {display:none;}
.ch-wrap label {display:inline-block;border:1px dashed #00B14F;cursor:pointer;padding:10px;font-size:14px;text-align:center}
.ch-wrap input:checked + label {background:#00B14F;border:1px solid #00B14F;color:#fff}

@media (max-width:480px) {
    .of-type-wrap {flex-flow:column; }
    .of-type-wrap > div {width:100%}
    .of-type1-2, .of-type2-2 {margin-top:10px;margin-left:unset;}
}

@media (min-width:481px) {
    .left.mr-50 {margin-right:50%}
}
/* .our-system {display:flex;justify-content:center;margin-top:90px;flex-wrap:wrap;}
.our-system + .our-system {margin-top:50px;} 
.our-system > li {max-width:240px;height:240px;border-radius:50%;border:5px solid #ddd;transition:scale .2s ease-in-out;flex-shrink:0;animation-duration:1.5s; animation-direction:alternate; animation-timing-function:ease-in;}
.our-system > li:nth-child(odd) {border-top-color:#222;border-left-color:#222;transform:rotate(45deg);animation-name:big;}
.our-system > li:nth-child(even) {border-bottom-color:#222;border-right-color:#222;transform:rotate(45deg);animation-name:big-2;}
.our-system > li:hover {border-color:#f00;} */

.system-tit {text-align:center;margin:70px 0 50px;}
.system-unit {width:240px;height:240px;display:flex;flex-flow:column;align-items:center;padding:50px 22px 0;position:relative;}/* box-shadow:0px 0px 3px 1px rgba(0, 0, 0, .5); */
#our-system.us .b-step-wrap .b-step .system-unit {padding:0 22px 10px;position:relative;justify-content:center;}
.our-system > li:not(:first-child) .system-unit:before {content:"";width:40px;height:40px;border-radius:50%;position:absolute;left:-20px;top:50%;transform:translateY(-50%);z-index:1;background:url(../img/ico-right2.svg) no-repeat center;background-color:#ddd;}
/* .system-unit:nth-child(odd) {transform: rotate(-45deg);} */
.system-unit i {font-size:24px;margin-bottom:15px;}
.system-unit .tit {font-size:18px;font-weight:600;margin-bottom:10px;text-align:center;line-height: 1.3;}
.system-unit span {font-size:14px;text-align:center}
.system-unit span.only {font-size:12px;letter-spacing:-1px;}

h2.inner {margin-top:130px;margin-bottom: 20px;}
h4.inner-d {text-align:center;margin-bottom:60px;font-weight:400;}

@media (max-width: 520px) {
    .system-tit {text-align:center;margin:70px 0 20px;}
    .our-system > li:not(:first-child) .system-unit:before {left:50%;top:-20px;transform:translateX(-50%) rotate(90deg)}
    }

#our-system {margin-bottom:70px;}
#our-system .b-step-wrap .b-step {width:240px;}
#our-system .b-step-wrap .b-step .balloon {transition:all .2s ease-in-out;width:240px;height:290px;background:url(../img/b-balloon.png) no-repeat center;text-align:center;align-items:center;transform-origin:bottom center;animation-duration:1.5s; animation-direction:alternate; animation-timing-function:ease-in;}
#our-system .b-step-wrap .b-step .balloon:hover {filter:invert(1)}
#our-system .b-step-wrap .step01 .balloon {animation-name:big;}
#our-system .b-step-wrap .step02 .balloon {animation-name:big-2;}
#our-system .b-step-wrap .step03 .balloon {animation-name:big-3;}
#our-system .b-step-wrap .step04 .balloon {animation-name:big-4;}
#our-system .b-step-wrap .step05 .balloon {animation-name:big-5;}
#our-system .b-step-wrap .step06 .balloon {animation-name:big-6;}
@keyframes big {
                0% {
                    transform: scale(0);
                }
                70% {
                   transform: scale(1.3);
                }
                100% {
                   transform: scale(1);
                }
            }
@keyframes big-2 {
                15% {
                    transform: scale(0);
                }
                75% {
                   transform: scale(1.3);
                }
                100% {
                   transform: scale(1);
                }
            }
@keyframes big-3 {
                25% {
                    transform: scale(0);
                }
                80% {
                   transform: scale(1.3);
                }
                100% {
                   transform: scale(1);
                }
            }
@keyframes big-4 {
                35% {
                    transform: scale(0);
                }
                85% {
                   transform: scale(1.3);
                }
                100% {
                   transform: scale(1);
                }
            }
@keyframes big-5 {
                45% {
                    transform: scale(0);
                }
                90% {
                   transform: scale(1.3);
                }
                100% {
                   transform: scale(1);
                }
            }
@keyframes big-6 {
                55% {
                    transform: scale(0);
                }
                90% {
                   transform: scale(1.3);
                }
                100% {
                   transform: scale(1);
                }
            }
            
#our-system .b-step-wrap {display:flex;counter-reset:chapter;padding:0 1.875rem;}
#our-system .b-step-wrap .no {width:28px; height:28px;background-color:#00B14F;border-radius:50%;color:#fff;margin:10px auto 0;text-align:center;line-height:28px;font-family:'Montserrat', sans-serif;font-size:14px;font-weight:600;}
#our-system .b-step-wrap .no:after {counter-increment:chapter;content:"0" counter(chapter) ;}

.connect-img {text-align:center;}
.pic-wrap {border-top:4px solid #222;padding-top:10px;}
.pic-wrap .pics {display: flex;flex-wrap: wrap;margin:-5px}
.pic-wrap .pics li {margin:5px;}
.clients {display: flex;flex-wrap: wrap;padding:0 50px;justify-content:space-between;flex-flow: wrap-reverse;}

@media (max-width: 1520px) {
    .pic-wrap .pics li {width:calc(50% - 10px);}
    }
@media (max-width: 767.98px) {
    #our-system .b-step-wrap {;flex-flow:column;align-items:center;}
    #our-system .b-step-wrap .b-step .balloon {margin-top:30px;}
    #our-system .b-step-wrap .no {margin:0px auto 0;}
    
    }

@media (min-width:768px) and (max-width:1199.98px)  {
    #our-system .b-step-wrap {flex-wrap: wrap;justify-content: space-around;} 
    #our-system .b-step-wrap .step04, #billing-step .b-step-wrap .step05 {margin-top:30px;}
    }
    
@media (min-width:1200px) {
    #our-system .b-step-wrap {justify-content:space-between;position:relative;}
    #our-system .b-step-wrap:after {position:absolute;left:0;right:0;bottom:10px;background-color:#ddd;content:"";height:2px;z-index: -1;}
    #our-system .b-step-wrap:before {position:absolute;right:-1px;bottom:-8px;content:"";width:30px;height:40px;z-index: -1;background:url(../img/arrow2.png) no-repeat center;background-size:contain;}
}
@media (max-width: 450px) {
    .pic-wrap .pics li {width:100%;}
    .clients {padding:0;}
    .clients li {width:30%;}
    }




/* Model-Star */
.model-list {display:flex;flex-wrap:wrap;margin:-15px;}
.model-list > li {width:calc(20% - 30px);margin:15px;}
.model-list > li .model-unit {background-repeat:no-repeat;background-position:center;background-size:cover;height:380px;overflow:hidden;display:block;position:relative;}
.model-list > li .model-unit.star {filter:grayscale(1);transition:all .2s ease-in-out;}
.model-list > li .model-unit.star:hover {filter:grayscale(0);}
.model-list > li p {text-align:center;font-size:16px;}
.model-list .model-info {width:fit-content;height:100%;flex-flow:column;justify-content:center;margin:0 auto;display:flex;opacity:0;}
.model-list .model-info:after {background:rgba(0,0,0,.7);position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";right: 0;display: block;}
.model-list .model-info.show {transition: all .2s ease-in-out;opacity:1;}

.model-list .model-info li {color:#fff;font-size:14px;z-index:1;}
.model-list .model-info li:not(:first-child) {font-weight:100;}
.model-list .model-info li span {width:55px;display:inline-block;}

.layer-pop-info {background:rgba(0,0,0,.8);position:fixed;left:0;top:0;width:100%;height:100%;z-index:30;transition:all .35s ease-in-out;visibility: hidden;opacity:0}
.layer-pop-info.show {visibility: visible;opacity:1}

/* index list */
.swiper-box {max-width:1520px;height:340px;overflow:hidden;position:relative;margin:0 auto;}
.swiper-box .swiper-button-prev, .swiper-box .swiper-button-next{color:#000;}
/* .index .swiper.swiper-main {max-width: 1400px;height:340px;} */
.swiper-slide .model-unit {background-repeat:no-repeat;background-position:center;background-size:cover;height:380px;width:100%;overflow:hidden;display:block;}
.swiper-slide .model-info {width:fit-content;height:100%;flex-flow:column;justify-content:center;margin:0 auto;display:flex;opacity:0;}
.swiper-slide .model-info.show {transition: all .2s ease-in-out;opacity:1;}
.swiper-slide .model-info:after {background:rgba(0,0,0,.7);position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";right: 0;display: block;}
.swiper-slide .model-info li {color:#fff;font-size:14px;z-index:1;}
.swiper-slide .model-info li:not(:first-child) {font-weight:100;}
.swiper-slide .model-info li span {width:55px;display:inline-block;}

/* .layer-pop-info.show {height:100%;width:100%} */
.layer-pop-info .swiper {height:auto !important;}
.layer-pop-info .ico-close {top:100px;right:100px;position:absolute;z-index:21;}
.layer-pop-info .ico-close:hover {cursor:pointer;}
.layer-pop-info .model-slide-wrap {margin:60px auto;max-width:1520px;}
.layer-pop-info .model-slide-wrap .swiper-slide {text-align:center;background: transparent;}
.layer-pop-info .model-slide-wrap .left-slide .swiper-slide img {width:560px;}
.layer-pop-info .model-slide-wrap .left-slide .swiper-slide .tit-img {width:560px;height:820px;background-size:cover;background-position:center;background-repeat:no-repeat;margin:0 auto;}
.layer-pop-info .model-slide-wrap .right-thumb .model-info-wrap {max-width:560px;margin:0 auto;}
.layer-pop-info .model-slide-wrap .right-thumb .swiper-wrapper {flex-wrap:wrap;margin:-10px;}
.layer-pop-info .model-slide-wrap .right-thumb .swiper-slide {width:calc(33.3% - 20px) !important;height:240px;overflow:hidden;margin:10px;}
.layer-pop-info .model-slide-wrap .right-thumb .swiper-slide .thumb-img {width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;}
.layer-pop-info .model-slide-wrap .right-thumb .swiper-slide img {width:100%;}
.layer-pop-info .model-slide-wrap .right-thumb .model-detail {margin:30px 0 40px}
.layer-pop-info .model-slide-wrap .right-thumb .model-detail li {color:#fff;font-size:14px;line-height:1.75}
.layer-pop-info .model-slide-wrap .right-thumb .model-detail li span {width:60px;display:inline-block;}
.layer-pop-info .model-slide-wrap .right-thumb .model-detail li.name {font-size:18px;line-height:1.5}
.layer-pop-info .model-slide-wrap .right-thumb .model-detail li:nth-child(2) {margin-top:30px;}
.layer-pop-info .swiper-button-prev, .layer-pop-info .swiper-button-next {color:#fff;}

@media (max-width: 991.98px) {
    .model-list > li {width:calc(33% - 30px);}
    .layer-pop-info .ico-close {top:20px;right:20px;}
    .layer-pop-info .model-slide-wrap {margin:auto;align-items: center;height: 100%;}
}

@media (max-width: 767.98px) {
    .sub-sec h2 {font-size:26px;}
    .sub-sec h2 .page-nav, .sub-sec h2 .lang span{display:none;}
    .sub-sec .lang li a {margin-left:5px;}
    .flag-icon {height:16px;}
    .model-list > li {width:calc(50% - 30px);}
    .layer-pop-info .model-slide-wrap .left-slide .swiper-slide img {width:100%;margin:0 10px;}
    .layer-pop-info .model-slide-wrap .left-slide .swiper-slide .tit-img {width:100%;height:80vh;}
}

@media (max-width: 500px) {
    .model-list > li .model-unit {height:240px;}
    .model-info.show {display:none;}
}    
/* Archive */
h2.detail-tit {font-family:'Noto Sans KR', sans-serif;margin-bottom:10px;}
h4.detail-who {font-size:24px;text-align:center;margin-bottom:30px;font-weight:400;}
.video-detail-wrap {max-width:1280px;width:100%;height:auto; margin:0 auto;overflow:hidden;}
.video-detail-wrap iframe {height:720px;}

.video-list {display:flex;flex-wrap:wrap;margin:-15px;}
.video-list > li {width:calc(33.3% - 20px);margin:10px;}
.video-list > li .video-unit {background-repeat:no-repeat;background-position:center;background-size:cover;height:300px;overflow:hidden;display:block;}
.video-list .video-info {width:100%;height:0;flex-flow:column;justify-content:center;align-items:center;background:rgba(0,0,0,.7);display:flex;opacity:0;}
.video-list .video-info.show {transition: all .2s ease-in-out;opacity:1;height:100%;}
 
.video-list .video-info li {color:#fff;font-size:16px;}
.video-list .video-info li.name {background:rgba(255, 255, 255, 0.2);padding:8px 20px;line-height:1;margin-top:5px;}

.gallery .image .image-info {padding:5px 0; text-align:center;}
.gallery .image .image-info .title {font-weight:400;}
.gallery .image .img, .gallery .image img {border-radius:0;}

@media (max-width: 991.98px) {
    .video-detail-wrap iframe {height:460px;}
    }

@media (max-width: 767.98px) {
    .video-list {margin:-10px;}
    .video-list > li {width:calc(50% - 20px);margin:10px;}
    .video-detail-wrap iframe {height:280px;}
    }
@media (max-width: 450px) {
    .video-list > li {width: calc(50% - 10px);margin:5px;}
    .video-list > li .video-unit {height:140px;}
    .video-list .video-info.show {display:none;}
    }

/* gallery lightbox css  */

body.lb-disable-scrolling {overflow: hidden;}

.lightboxOverlay {position:absolute;top:0;left:0;z-index:9999;background-color:black;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8;display:none;}
.lightbox {position:fixed;left:0;top:50px !important;width:100%;z-index:10000;text-align: center;line-height: 0;font-weight: normal;outline: none;}
.lightbox .lb-image {display: block;height:auto;max-width:inherit;max-height:none;border-radius: 3px;margin: 0 auto;}
.lightbox a img {border: none;}
.lb-outerContainer {position: relative;width:250px;height:250px;margin:0 auto;width:100% !important;}
.lb-lb-container {width:100%;}
.lb-outerContainer:after {content: "";display: table;clear: both;}
.lb-loader {position: absolute;top: 43%;left: 0;height: 25%;width: 100%;text-align: center;line-height: 0;}
.lb-cancel {display: block;width: 32px;height: 32px;margin: 0 auto;background: url(../images/loading.gif) no-repeat;}
.lb-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
.lb-container > .nav {  left: 0;}
.lb-nav a {outline: none;background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}
.lb-prev, .lb-next {height:100%;cursor:pointer;display: block;}
.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;filter:invert(1);
  background: url(../img/arrow-left.svg) left 20px top 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 1;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}
.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;filter:invert(1);
  background: url(../img/arrow-right.svg) right 20px top 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: .8;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}
.lb-dataContainer {margin:0 auto;padding-bottom:5px;*zoom:1;width:100%;}
.lb-dataContainer:after {content: "";display: table;clear: both;}
.lb-data .lb-close {display:block;float:right;width:50px;height:50px;filter:invert(1);background: url(../img/ico_close.svg) top right no-repeat;background-size: contain;
outline: none;-webkit-transition: opacity 0.2s;-moz-transition: opacity 0.2s;-o-transition: opacity 0.2s;transition: opacity 0.2s;}
.lb-data .lb-close:hover {  cursor: pointer;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
/* end : gallery lightbox css  */

/* Contact */
.contact .sub-sec h2.apply {font-size:32px;}
.contact-detail {margin-bottom:20px;max-width:300px;}
.contact-detail li {font-size:14px;}
.input-groups .col-form-label {font-size:15px;padding-bottom:0;padding-top:0;line-height:1.4}
.input-groups span:not(.eng) {color:#cc1424}
.input-groups .eng {color:#777;display:block;font-size:13px;font-family:'Roboto', sans-serif;}
.input-groups .left .eng {margin-right: 10px}
.input-groups .form-inline input {width:20%;margin-right:5px;margin-left:8px;}

.offer-textarea.form-control {height:100%;min-height:160px;color:#ccc}
.offer-textarea.form-control:focus {height:410px;color:#222}
.apply-textarea.form-control {height:580px;}
.fix-textarea.form-control {font-size:13px;color:#7a7a7a;}
.apply-ok label {font-size:13px;margin-left:8px;}

.map-wrap {width:100%;height:400px;}
.map-wrap > div {width:100%;height:400px;}
.company-info {margin-top:30px;}
.company-info p {margin-bottom:20px;}
.company-info .app {margin-bottom:2px}
@media (min-width: 450.98px) {
    .input-groups .col-form-label {text-align:right}
}
@media (max-width: 991.98px) {
    .contact-detail {max-width:100%;}
    .contact p br {display:none;}
    .offer-textarea.form-control {height:200px;}
    .input-groups .col-form-label {margin-left:0 !important;}
}
    
@media (max-width: 767.98px) {    
    .input-groups .col-form-label {padding-bottom:calc(.4375rem + 1px); }
    .input-groups .eng {;display:inline-block;margin-left:10px;}
    .lb-nav a.lb-prev, .lb-nav a.lb-next {opacity:0;}
    .company-info p span {display:block;}
    }
    
@media (min-width: 450px) {    
    .contact-detail li:first-child br {display:none;}
    .company-info p br {display:none;}
    .offer-textarea-wrap {height:calc(100% - 15%)}
    }
    
    
    
/* CREW */
/* clear fix */
.grid:after {content: '';display: block;clear: both;}
/* ---- .grid-item ---- */
.grid-sizer, .grid-item {width:33.333%;padding: 0 10px;margin-bottom: 20px;}
.grid-item {float:left;}
.grid-item img { display: block; max-width: 100%;}

.crew-wrap {display:flex}
.crew-wrap .left-nav {width: 360px;}
.crew-wrap .grid-wrap {width:calc(100% - 360px);}
.crew-wrap .left-nav .left-nav-list {display:flex;flex-flow:column}
.crew-wrap .left-nav .left-nav-list a {font-family:'Roboto', sans-serif;font-weight:400;font-size:18px;text-transform: uppercase;}
.crew-wrap .left-nav .left-nav-list a.is-checked {color:#00B14F}
    
@media (max-width: 450px) {    
    .crew-wrap {flex-flow: column;}
    .crew-wrap .grid-wrap {width:100%}
    .grid-sizer, .grid-item {width:50%;padding: 0 5px;margin-bottom: 10px;}
    .crew-wrap .left-nav .left-nav-list a {font-size:14px}
    }
      
      
      
      


.form-check {
    display: block;
    min-height: 1.125rem;
    padding-left: 2em;
    margin-bottom: .125rem
}
.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.form-check .form-check-input {
    float: left;
    margin-left: -2em
}

.form-check-reverse {
    padding-right: 2em;
    padding-left: 0;
    text-align: right
}

.form-check-reverse .form-check-input {
    float: right;
    margin-right: -2em;
    margin-left: 0
}

.form-check-input {
    --bs-form-check-bg: var(--bs-component-bg);
    width: 1.5em;
    height: 1.5em;
    margin-top: 0;
    vertical-align: top;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #409bff;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(0,122,255,.25)
}

.form-check-input:checked {
    background-color: #007aff;
    border-color: #007aff
}

.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23FFFFFF'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #007aff;
    border-color: #007aff;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label {
    cursor: default;
    opacity: .5
}