.sub_inner {width: 100%; max-width: calc(1920px + 16%); margin: 0 auto; padding:0 8%}
.sub_content {margin-top: 10em;}


@media (max-width:1920px) {
    .sub_inner {padding: 0 min(100px,5.3%); margin: 0 auto;}
}
@media (max-width:1700px) {
    .sub_inner {padding: 0 4.5%;}
}
@media (max-width:1080px) {
    .sub_content {margin-top: 8em;}
}
@media (max-width:768px) {
    .sub_content {margin-top: 4em;}
}

/* 수정전
.sub11 .box_tit {font-size: 4.3em; font-weight: 700;}
.sub11 .cont1 h2 {font-size: 8.5em; font-weight: 700;}
.sub11 .cont2 {padding: 16em 0; position: relative;}
.sub11 .cont2 .bg {position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
.sub11 .cont2 .bg img {width: 100%; }
html.theme-dark .sub11 .cont2 .bg img{filter: grayscale(1) brightness(3);}
.sub11 .cont2 .number {justify-content: space-between;}
.sub11 .cont2 .number .box p {font-size: 1.5em; color: var(--point);}
.sub11 .cont2 .number .box h3 {font-size: 12.4em; font-weight: 700; font-family: 'Pretendard';}
.sub11 .cont3 .box {margin-top: 24em; align-items: center; justify-content: space-between; overflow: hidden;}
.sub11 .cont3 .box_tit {font-size: 2.2vw}
.sub11 .cont3 .box > div {}
.sub11 .cont3 .box p {font-size: min(28px,1.1vw); line-height: 1.8; margin-top: 2em;}
.sub11 .cont3 .box .img {width: 45%; transform: translateX(100%); background: #7a7d84;}
.sub11 .cont3 .box1 .img {transform: translateX(-100%);}
.sub11 .cont3 .box .img img {width: 100%; opacity: 0;}
.sub11 .cont4 {margin-top: 24em;}
.sub11 .cont4 .box_wrap {margin-top: 4em; display: grid; grid-template-columns: repeat(3, 1fr); gap:2.8em;}
.sub11 .cont4 .box {text-align: center; border: 1px solid var(--border01); position: relative;}
.sub11 .cont4 .box_tit {text-align: center;}
.sub11 .cont4 .box div {padding: 4em 1em; position: relative; height: 100%;}
.sub11 .cont4 .box h4 {font-size: 2.6em; font-weight: 600; margin-bottom: .5em;}
.sub11 .cont4 .box p {font-size: 1.5em; line-height: 1.6; margin-top: 1.5em;}

.sub11 .cont4 .box:before, .sub11 .cont4 .box:after { position: absolute; content: ""; left: -1px; top: -1px; background: var(--point); transition: all 0.3s ease; }
.sub11 .cont4 .box:before { height: 0%; width: 2px; }
.sub11 .cont4 .box:after { width: 0%; height: 2px; }
.sub11 .cont4 .box:hover:before { height: 100%; }
.sub11 .cont4 .box:hover:after { width: 100%; }
.sub11 .cont4 .box div:before, .sub11 .cont4 .box div:after { position: absolute; content: ""; right: -1px; bottom: -1px; background: var(--point); transition: all 0.3s ease; }
.sub11 .cont4 .box div:before { width: 2px; height: 0%; }
.sub11 .cont4 .box div:after { width: 0%; height: 2px; }
.sub11 .cont4 .box div:hover:before { height: 100%; }
.sub11 .cont4 .box div:hover:after { width: 100%; }

@media (max-width:1920px) {
    .sub11 .cont3 .box_tit {font-size: 4.3em;}
    .sub11 .cont3 .box p {font-size: 2em;}
    .sub11 .cont3 .box .txt {width: 49%;}
    .sub11 .cont3 .box1 .txt {max-width: 630px;}
}
@media (max-width:1720px) {
    .sub11 .cont1 h2 {font-size: 7em;}
    .sub11 .cont2 .number .box h3 {font-size: 10em;}
}
@media (max-width:1500px) {
    .sub11 .cont2 {padding: 10em 0;}
    .sub11 .cont3 .box {margin-top: 15em}
    .sub11 .cont4 {margin-top: 15em;}
}
@media (max-width:1200px) {
    .sub11 .cont3 .box .txt {width: 50%;}
}
@media (max-width:1080px) {
    .sub11 .cont2 {padding: 8em 0;}
    .sub11 .cont1 h2 {font-size: 6em;}
    
    .sub11 .cont2 .number .box h3 {font-size: 8.5em;}
    .sub11 .cont3 .box {margin-top: 10em;} 
    .sub11 .cont4 .box_wrap {grid-template-columns: repeat(2, 1fr); gap:1.5em;}
    .sub11 .cont4 .box div {padding: 3.2em 1em;}
    .sub11 .cont3 .box .img {width: 100%; order:1;}
    .sub11 .cont3 .box .txt {width: 100%; order:2; margin-top: 5em;}
    .sub11 .cont3 .box p {margin-top: 1em;}
}
@media (max-width:768px) {
    .sub11 .cont1 h2 {font-size: 5.5em;}
    .sub11 .cont2 {padding: 6em 0;}
    .sub11 .cont2 .number .box {width: 48%;}
    .sub11 .cont2 .number .box:last-child {margin-top: 2em;}
    .sub11 .cont3 .box {margin-top: 7em;}
    .sub11 .cont4 .box div {padding: 2.5em 1em;}
    .sub11 .cont4 .box p br {display: none;}
    .sub11 .cont4 .box h4 {margin-bottom: 0.2em;}
    .sub11 .cont4 .box p {margin-top: 1em;}
}
@media (max-width:500px) {
    .sub11 .cont2 .number .box h3 {font-size: 7em;}
    .sub11 .cont3 .box_tit br, .sub11 .cont3 .box p br {display: none;}
} */

/* 회사소개 수정 후 */
.sub11 .cont_tit {font-size: clamp(55px,6vw, 120px);}
.sub11 .cont2 {padding: 16em 0; position: relative;}
.sub11 .cont2 .bg {position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);width: 100%;z-index: -1;}
.sub11 .cont2 .bg img {width: 100%;}
.sub11 .cont2 .bg img:last-child {display: none;}
html.theme-dark .sub11 .cont2 .bg img{filter: grayscale(1) brightness(3);}
.sub11 .cont2 .number {justify-content: space-between;}
.sub11 .cont2 .number .box p {font-size: 2.6em; text-align: center;}
.sub11 .cont2 .number .box h3 {font-size: 12.4em; font-weight: 700; font-family: 'Pretendard';}
.sub11 .cont5 {padding: 6% 8%; justify-content:space-between; align-items:center; align-content:center;}
.sub11 .cont5 .cont_tit {margin-bottom: 1em;}
.sub11 .cont5 .box { align-items:center; width: 100%;}
.sub11 .cont5 .img {width: min(860px,50%); margin-right: 5%;}
.sub11 .cont5 .img img {width: 100%;}
.sub11 .cont5 .txt {width: min(780px,45%);}
.sub11 .cont5 .txt h4 {font-size: 3.2em; line-height: 1.6; position: relative; top:10%; opacity: 0;}
.sub11 .cont5_1 .cont_tit {margin-left: auto; text-align: right; opacity: 0;}
.sub11 .cont5_1 .cont_tit i {font-size:1.05em; font-family: "Allura", cursive; margin-right: .35em; display: inline-block;}
.sub11 .cont5_1 .cont_tit i span {display: inline-block; letter-spacing:-0.17em; transform: skew(0deg, -6deg) scale(0.4, 1); }
.sub11 .cont5_1 .cont_tit i span.split_txt {transform: skew(0deg, -10deg) scale(0, 1); opacity: 0;}
.sub11 .cont5_1 .img img {clip-path: polygon(25% 0%, 75% 0, 75% 100%, 25% 100%);}
.sub11 .cont5_2 .cont_tit { position: relative; z-index: -1; left: -5%; opacity: 0;}
.sub11 .cont5_2 .box {justify-content:flex-end;}
.sub11 .cont5_2 .img {margin:0 0 0 5%; justify-content:space-between; }
.sub11 .cont5_2 .img img {position: relative; top:3vw; width: 33%; }
.sub11 .cont6 {text-align: center; overflow: hidden; }
.sub11 .cont6 .cont_tit  {color: var(--background05); padding: 1em 0 0.5em; text-align: right; opacity: 0; display: inline-block;}
.sub11 .cont6 .box_wrap {position: relative;  justify-content:center;}
.sub11 .cont6 .box {width:min(270px,18vw); height:min(270px,18vw); border-radius:50%; border:1px solid var(--default); background: var(--default); display: flex; flex-flow:column wrap; justify-content:center; align-items:center; margin-left:-10em; transition:background 0.3s;}
.sub11 .cont6 .box:first-child {margin-left: 0 !important;}
.sub11 .cont6 h3 {font-size: 4em; color: var(--reverse); position: absolute; top:50%; left:50%; transform:translate(-50%,-50%) } 
.sub11 .cont6 h4 {font-size: 3em; font-weight: 500; display: none;}
.sub11 .cont6 p {font-size: 2em; display: none;}
.sub11 .cont6 .on h4, .sub11 .cont6 .on p {display: block;}
.sub11 .cont6 .contact_btn {margin-top:min(70px,3em); display: inline-block; font-size: 2.6em; padding: 0.8em 2em; background: var(--default); color: var(--reverse);}
@media (max-width:1720px) {
    .sub11 .cont2 .number .box h3 {font-size: 10em;}
    .sub11 .cont6 .box {width:min(270px,17vw); height:min(270px,17vw);}
}
@media (max-width:1500px) {
    .sub11 .cont2 {padding: 10em 0;}
    .sub11 .cont6 .cont_tit {margin-left:auto; padding-top: 0;}
}
@media (max-width:1300px) {
    .sub11 .cont5 .txt h4 {font-size: 3em;}
    .sub11 .cont5 .txt h4 br {display: none;}
    .sub11 .cont5 .txt h4 br.show {display: block;}
    .sub11 .cont6 h3 {font-size: 3.2em;}
    .sub11 .cont6 h4 {font-size: 2.8em;}
    .sub11 .cont6 p {font-size: 1.8em;}
}
@media (max-width:1080px) {
    .sub11 .cont2 {padding: 8em 0;}
    .sub11 .cont2 .number .box h3 {font-size: 8.5em; text-align: center;}
    .sub11 .cont5 .img {width:100%; margin: 0; order:1;}
    .sub11 .cont5 .txt {width: 100%; order:2; margin-top: 6vw;}
    .sub11 .cont5 .txt h4 {font-size: 2.6em;}
    .sub11 .cont5_2 .txt {margin-top: 9vw;}
}
@media (max-width:768px) {
    .sub11 .cont2 {padding: 6em 0;}
    .sub11 .cont2 .bg img {display: none;}
    .sub11 .cont2 .bg img:last-child {display: block;}
    .sub11 .cont2 .number .box {width: 100%; margin-bottom: 4em;}
    .sub11 .cont2 .number .box:last-child {margin-bottom: 0;}
    .sub11 .cont2 .number .box h3 {font-size: 10em;}

    .sub11 .cont5_2 .txt {margin-top: 12vw;}
    .sub11 .cont5_2 .img img {top: 6vw;}

    .sub11 .cont6 .cont_tit {font-size: clamp(40px,6vw, 120px);}
    .sub11 .cont6 .box {width:min(270px,40vw); height:min(270px,40vw); margin-left:0; background: var(--reverse); margin: 1vw;}
    .sub11 .cont6 h3 {display: none;} 
    .sub11 .cont6 h4 {display: block;}
    .sub11 .cont6 p { display: block;}
}
@media (max-width:500px) {
    
}


/* crew */
.sub12 .sub_top {background: url(../images/sub/sub12_2.png) no-repeat left bottom / cover;}
.sub12 .sub_top .top_img {justify-content: center;}
.sub12 .cont_tit {text-align: center; margin-bottom: 5em; padding-top: 1em;}
.sub12 .cont_tit h3 {position: relative; display: inline-block; font-size: max(15px,1.8em); font-weight: 500;}
.sub12 .cont_tit h3 span {position: absolute; top:-10px; right:-10px; color: var(--point);}
.sub12 .cont:not(:first-child) {padding-top: 6em;}
.sub12 .cont .box_wrap {justify-content: center; padding-bottom: 1em; flex-wrap: wrap;}
.sub12 .cont4 .box_wrap {justify-content: flex-start;}
.sub12 .cont .box_wrap .box {width:24.5%; margin-right: calc(2%/3); border: 1px solid var(--default); padding: 7em 0;text-align: center; position: relative; transition: all 0.1s; height: auto;}
.sub12 .cont .box_wrap .box:nth-of-type(4n) {margin-right: 0;}
.sub12 .cont .box_wrap .box:nth-of-type(4) ~ .box {margin-top: calc(2%/3); }
.sub12 .cont .box_wrap .box .info {display: flex; flex-flow: column wrap;    align-items: center;}
.sub12 .cont .box_wrap .box .info h4 {font-size: 2.4em; font-weight: 700; line-height: 1;}
.sub12 .cont .box_wrap .box .info h4 span {font-size: 0.6em; font-weight: 400;}
.sub12 .cont .box_wrap .box .info p {font-size: 1.5em; margin-top:0.5em;}
.sub12 .cont .box_wrap .box .info a {font-size: 1.5em; margin-top: 0.5em;}
.sub12 .cont .box_wrap .box .info a:nth-of-type(1) {margin-top: 2em;}

/* 이전버전
.sub12 .cont_bg .box_wrap .box .bg {position: absolute; width: 2.5em; height: 2.5em; top:2em; right: 2em; border-radius: 50%; background: var(--default); cursor: pointer; transition: all 0.2s;} 
.sub12 .cont_bg .box_wrap .box .bg:hover {background: var(--point);}
.sub12 .cont_bg .box_wrap .box .img {position: absolute; bottom:0; left: 50%; transform: translateX(-50%); visibility: hidden; opacity: 0; transition: opacity 0.2s;}
.sub12 .cont_bg .box_wrap .box::before {content:""; position: absolute; width: 2.5em; height: 2.5em; top:2em; right: 2em; border-radius: 50%; background: var(--point); transition: all 0.2s;}
.sub12 .cont_bg .box_wrap .box.on::before {width: 100%; height: 100%; top:0; right: 0; border-radius: 0; z-index: -1; }
.sub12 .cont_bg .box_wrap .box.on {border-color: var(--point);}
.sub12 .cont_bg .box_wrap .box.on .bg {background: #fff;}
.sub12 .cont_bg .box_wrap .box.on .info {color: #fff;}
.sub12 .cont_bg .box_wrap .box.on .info a {visibility: hidden;}
.sub12 .cont_bg .box_wrap .box.on .img {visibility: visible; opacity: 1;} 
*/

.sub12 .cont_bg .box_wrap .box .bg {position: absolute; width: 2.8em; height: 2.8em; top:2em; right: 2em; border-radius:0; background:none; cursor: pointer; } 
.sub12 .cont_bg .box_wrap .box .bg i {font-size: 3em; transition:all 0.3s;}
.sub12 .cont_bg .box_wrap .box .bg:hover {background: none;}
.sub12 .cont_bg .box_wrap .box .bg:hover img{filter:none; }
.sub12 .cont_bg .box_wrap .box .img {position: absolute; bottom:0; left: 50%; transform: translateX(-50%); visibility: hidden; opacity: 0; transition: all 0.2s;}
.sub12 .cont_bg .box_wrap .box::before {display: none;}
.sub12 .cont_bg .box_wrap .box.on::before {width: 100%; height: 100%; top:0; right: 0; border-radius: 0; z-index: -1; }
.sub12 .cont_bg .box_wrap .box.on {border-color: var(--point); background: var(--point);}
.sub12 .cont_bg .box_wrap .box.on .bg {background: none;}
.sub12 .cont_bg .box_wrap .box.on .bg i {transform:rotate(135deg); color:var(--reverse) }
.sub12 .cont_bg .box_wrap .box.on .info {color: #fff;}
.sub12 .cont_bg .box_wrap .box.on .info a {visibility: hidden;}
.sub12 .cont_bg .box_wrap .box.on .img {visibility: visible; opacity: 1;}

@media (max-width:1080px) {
    .sub12 .cont .box_wrap {justify-content: flex-start;}
    .sub12 .cont_bg .box_wrap .box .img {height: 50%;}
    .sub12 .cont_bg .box_wrap .box .img img {width: auto; height: 100%;} 
    .sub12 .cont3 .box_wrap {justify-content: center;}
    .sub12 .cont .box_wrap .box {width:33%; margin-right: 0.5%; margin-top: 0.5%;}
    .sub12 .cont .box_wrap .box:nth-of-type(4n) {margin-right: .5%;}
    .sub12 .cont .box_wrap .box:nth-of-type(3n) {margin-right: 0;}
}
@media (max-width:768px) {
    .sub12 .sub_top {background: none;}
    .sub12 .cont3 .box_wrap {justify-content: flex-start;}
    .sub12 .cont .box_wrap {flex-wrap: nowrap;}
    .sub12 .cont .box_wrap .box {width:49.5%; margin-right: 1%; margin-top: 1%;}
    .sub12 .cont .box_wrap .box:nth-of-type(4n) {margin-right: 1%;}
    .sub12 .cont .box_wrap .box:nth-of-type(3n) {margin-right: 1%;}
    .sub12 .cont .box_wrap .box:nth-of-type(2n) {margin-right: 0;}

    .sub12 .moSwiper .box_wrap .box {height: 100%;}
}
@media (max-width:500px) {
    
    .sub12 .cont .box_wrap .box {width:100%; margin-right: 0%; }
    .sub12 .cont .box_wrap .box:nth-of-type(4n) {margin-right: 0%;}
    .sub12 .cont .box_wrap .box:nth-of-type(3n) {margin-right: 0%;}
    .sub12 .cont .box_wrap .box:nth-of-type(2n) {margin-right: 0;}
}


/*파트너*/
.sub13 .customer {display: grid; grid-template-columns: repeat(7, 1fr); gap:2em 1em;}
.sub13 .customer li {border: 1px solid  var(--border02); position: relative;}
.sub13 .customer a {display: block;}
.sub13 .customer .logo {width: 100%; text-align: center;height: 10.7em; overflow: hidden;}
.sub13 .customer .logo img {margin: 0 auto; transition: all 0.3s; height: calc(10.7em*2);}
.sub13 .customer li:hover .logo img {transform: translateY(-10.7em);}
.sub13 .customer .hidden_info, .sub13 .customer .display {display: none;}
.sub13 .customer li.empty .hidden_info {display: block; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); width: 90%; text-align: center; font-size: 1.6em; color: #333;}
.sub13 .customer li.empty .logo img {display: none;}
html.theme-dark .sub13 .customer .logo {background: #e1e1e1;}
html.theme-dark .sub13 .customer .logo img {mix-blend-mode: multiply;}


@media (max-width:1500px) {
    .sub13 .customer {grid-template-columns: repeat(5, 1fr);}
}
@media (max-width:1200px) {
    .sub13 .customer {grid-template-columns: repeat(4, 1fr);}
}

@media (max-width:768px) {
    .sub13 .customer {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width:500px) {
    .sub13 .customer {grid-template-columns: repeat(2, 1fr);}
}


/*서비스 공통*/

.sub3 .thumb_content {margin-top: 2em; display: grid; grid-template-columns: repeat(3, 1fr); gap:2em 1em;}
.sub3 .thumb_content li {position: relative;}
.sub3 .thumb_content li a {display: flex; flex-flow: column wrap; }
.sub3 .thumb_content .img {overflow: hidden; }
.sub3 .thumb_content .img img {width: 100%; object-fit: cover; }
.sub3 .thumb_content .txt {padding-top: 2em;}
.sub3 .thumb_content .txt h4 {font-size: max(12px,1.4em); display: inline-block; padding: 2px 6px; background-color: var(--background04);border-radius: 3px;} 
.sub3 .thumb_content .txt h3 {margin: .5em 0; font-size: max(18px,2em); font-weight: 700;}
.sub3 .thumb_content .txt p {font-size: max(12px,1.4em);}
.sub3 .thumb_content .txt p span {margin-left: 5px;}
.sub3 .thumb_content2 a, .sub3 .thumb_content2 div {height: 100%;}
.sub3 .thumb_content2 .txt2 {position: absolute; display: flex; flex-flow: column wrap; justify-content: center; align-items: center; width: 100%; height: 100%; background: var(--thumbHover); color:#fff; opacity: 0; transition: opacity 0.2s;}
.sub3 .thumb_content2 .txt2 p {font-size: 1.5em;}
.sub3 .thumb_content2 .txt2 h4 {font-size: 2em; margin: 1em 0;}
.sub3 .thumb_content2 li:hover .txt2 {opacity: 1;}




.sub3_news * {font-family: 'Pretendard';}
.sub3_news .cont:not(:last-child) {margin-bottom: 12em;}
.sub3_news .cont_tit p {font-size: 1.6em; font-weight: 600; margin-bottom: .75em;}
.sub3_news .cont_tit h3 {font-size: 3.5em; font-weight: 700;}


/*뉴스레터 상단 이미지gif*/
/* 왼 텍스트 오 이미지 
.sub3_news .cont_top {justify-content: space-between;}
.sub3_news .cont_top .cont_tit {width: 40%; padding-right: 5%;}
.sub3_news .cont_top .cont_tit h3 {font-weight: 500;}
.sub3_news .cont_top .img {width: 60%; justify-content: flex-end; margin-top: -19em;} 
*/
.sub3_news .cont_top .cont_tit h3 {font-weight: 500;}
.sub3_news .cont_top .img {justify-content: center;}

.sub3_news .cont_top .video {margin-top: 2em;}
.sub3_news .cont_top .video_mo {display: none;}
.sub3_news .cont_top .video + .cont_tit {margin-top: 2em; color: var(--txtColor02);}
.sub3_news .cont_top .video + .cont_tit h3 {font-size: 2.2em;}

.sub3_news .video video:last-child {display: none;}
html.theme-dark .sub3_news .video video {display: none;}
html.theme-dark .sub3_news .video video:last-child {display: block;}

@media (max-width:768px) {
    .sub3_news .cont_top .video {display: none;}
    .sub3_news .cont_top .video_mo {display: block;}
}

/*뉴스레터 진행절차*/
.sub3_news .process .box_wrap {margin-top: 6em; justify-content: center;}
.sub3_news .process .box {align-items: center; width: 16.6%; position: relative;}
.sub3_news .process .box::before {content: ""; position: absolute; top:35%; right:0; width: 11px; height: 20px; background: url(../images/icon/arrow2.png);transition: all 0.3s;}
.sub3_news .process .box:last-child:before {display: none;}
.sub3_news .process .box h5 {font-size: 1.5em; font-weight: 600;color: var(--txtColor01);}
.sub3_news .process .box h4 {font-size: 1.8em; font-weight: 700; margin-bottom: .5em; position: relative;}
.sub3_news .process .box ul {padding: 0 2em;}
.sub3_news .process .box ul li {font-size: 1.5em; position: relative; color: var(--txtColor02);}
.sub3_news .process .box ul.list_type1 li {display: flex; flex-flow: row wrap; padding-left: 2.5em; position: relative;}
.sub3_news .process .box ul.list_type1 li span {position: absolute; left: 0;}
.sub3_news .process .box ul.list_type1 li a {display: block;}
.sub3_news .process .box ul.list_type2 li {text-indent: -1em; padding-left: 1em;}
.sub3_news .process .box .img {justify-content: center; align-items: center; width: 14em; height: 14em; border-radius: 50%; border: 1px solid #d0d0d0; margin: 1.5em 0; transition: all 0.3s;}
.sub3_news .process .box .img img {filter: brightness(0);}
.sub3_news .process .box h4::before {content:""; position: absolute; left: 0; bottom:-2px; width: 0; height: 2px; background: var(--default); transition: width 0.3s  ease-in-out;}
.sub3_news .process .box.active h4::before {width: 100%;}

.input-number{width:80px;background:transparent;text-align:center;border:none;color:var(--point); margin-left: 13px;}


@keyframes typo01-after {
    0% {
        left: 0;
        width: 0
    }

    50% {
        width: 100%
    }

    to {
        right: 0;
        width: 0
    }
}


.sub3_news .process .box.active::before {filter: brightness(0);}
.sub3_news .process .box.active h5 {color: var(--default);}
.sub3_news .process .box.active .img {background: var(--default);}
.sub3_news .process .box.active .img img {filter: none; }
html.theme-dark .sub3_news .process .box .img img {filter: none; }
html.theme-dark .sub3_news .process .box.active .img img {filter: brightness(0);}
/*가격*/
.sub3_news .price .table_wrap {margin-bottom: 4em; }
.sub3_news .price .table_wrap table {width: 100%;}
.sub3_news .price .table_wrap th {font-size: 2em; padding: 1em 0; font-weight: 700; text-align: center;}
.sub3_news .price .table_wrap td {font-size: 1.8em; padding: 1.1em 0; border-top:1px solid var(--default); font-weight: 500;}
.sub3_news .price .table_wrap td:nth-of-type(2) {color: var(--txtColor01); font-weight: 400; text-align: right; padding-right: 3em;}
.sub3_news .price .table_wrap td:nth-of-type(2) ~ td {text-align: center;}

.sub3_news .price .table_wrap .bg_on {background: var(--background06); transition: all 0.2s;}
.sub3_news .price .table_wrap th.bg_on, .sub3_news .price .table_wrap tr:last-child td.bg_on {color: var(--point);}

.sub3_news .price .table_wrap .option_tr td:first-child {color: var(--txtColor01); font-size: 1.6em; font-weight: 400;}
.sub3_news .price .table_wrap .option_tr td:nth-of-type(2) {color: var(--txtColor01);}
.sub3_news .price .table_wrap .option_tr td form {display: flex;}
.sub3_news .price .table_wrap .option_tr input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: var(--reverse); border-radius: 4px; cursor: pointer; height: 20px; outline: 0; width: 20px; border:1px solid #ccc; margin-right: 0.7em;} 
.sub3_news .price .table_wrap .option_tr input[type="checkbox"]::after { border: solid var(--reverse); border-width: 0 2px 2px 0; content: ''; display: none; height: 50%; left: 40%; position: relative; top: 16%; transform: rotate(45deg); width: 25%; } 
.sub3_news .price .table_wrap .option_tr input[type="checkbox"]:checked { background: var(--default);border:0; } 
.sub3_news .price .table_wrap .option_tr input[type="checkbox"]:checked::after { display: block; }
.sub3_news .price .table_wrap .option_tr input[type="checkbox"]:checked + label {color: var(--default); font-weight: 500;}
.sub3_news .price .table_wrap .option_tr_bd td {border-top: 1px dashed var(--border01);}

.sub3_news .price .table_wrap::-webkit-scrollbar { background: var(--background04);  height: 1.5em;}
.sub3_news .price .table_wrap::-webkit-scrollbar-thumb {background: var(--txtColor01); border-radius: 1em;}

.sub3_news .price .table_wrap tr:last-child td {font-size: 2em;}
.sub3_news .price .table_wrap tr:last-child td:first-child {font-size: 2.4em; font-weight: 700;}
.sub3_news .price .table_wrap tr:last-child td:first-child span {font-size: .75em;}
.sub3_news .price .table_wrap tr:last-child td:nth-of-type(2) {color: var(--default); font-weight: 500;}

.sub3_news .price .txt {padding:4em; background: url(../images/sub/sub3_ico7.png) var(--background06) no-repeat 98% center;position:relative}
.sub3_news .price .txt h4 {font-size: 2em; font-weight: 700; margin-bottom: .75em; color:var(--point);}
.sub3_news .price .txt ul li {position: relative; padding-left: 1em; font-size: 1.6em; color: var(--txtColor02); margin-top:0.5em}
.sub3_news .price .txt ul li::before {content:""; position: absolute; left: 0; top:.5em; width: 4px; height: 4px; border-radius: 50%; background: var(--txtColor02);}
/*장점*/
.sub3_news .strength .box_wrap {margin-top: 4em; display: grid; grid-template-columns: repeat(3, 1fr); gap:2.8em;}
.sub3_news .strength .box {text-align: center; border: 1px solid var(--menuTxt02); position: relative;}
.sub3_news .strength .box_tit {text-align: center;}
.sub3_news .strength .box div {padding: 4em 1em; position: relative; height: 100%;}
.sub3_news .strength .box h4 {font-size: 2.6em; font-weight: 600; margin-bottom: .5em;}
.sub3_news .strength .box p {font-size: 1.5em; line-height: 1.6; margin-top: 1.5em;}
.sub3_news .strength .box:before, .sub3_news .strength .box:after { position: absolute; content: ""; left: -1px; top: -1px; background: var(--point); transition: all 0.3s ease; }
.sub3_news .strength .box:before { height: 0%; width: 2px; }
.sub3_news .strength .box:after { width: 0%; height: 2px; }
.sub3_news .strength .box:hover:before { height: 100%; }
.sub3_news .strength .box:hover:after { width: 100%; }
.sub3_news .strength .box div:before, .sub3_news .strength .box div:after { position: absolute; content: ""; right: -1px; bottom: -1px; background: var(--point); transition: all 0.3s ease; }
.sub3_news .strength .box div:before { width: 2px; height: 0%; }
.sub3_news .strength .box div:after { width: 0%; height: 2px; }
.sub3_news .strength .box div:hover:before { height: 100%; }
.sub3_news .strength .box div:hover:after { width: 100%; }
/*파트너사*/

.sub3_news .partner {margin-top: 10em;}
.sub3_news .partner .sub_inner {justify-content: space-between; align-items: center;}
.sub3_news .partner .more_btn img {filter: brightness(0);}
.sub3_news .partner .partner_swiper {margin-top: 5em; overflow: hidden;}
.sub3_news .partner .partner_swiper .swiper-wrapper { transition-timing-function: linear;}
.sub3_news .partner .swiper-slide {height: 107px; overflow: hidden; text-align: center; border: 1px solid var(--menuTxt02); margin: 0 1em;} 
.sub3_news .partner .swiper-slide img {margin: 0 auto;}
.sub3_news .partner .swiper-slide:hover img {transform: translateY(-107px);}

.bt_inquiry{position:absolute;right:1em;top:1em;background:var(--point);color:#fff;font-size:2em;text-decoration:none;padding:.5em 1.4em;}


@media (max-width:1520px) {
    .sub3_news .cont_top .img  {margin-top: -10em;}
    .sub3_news .cont_top .cont_tit h3 br {display: none;}
}
@media (max-width:1280px) {
    .sub3 .thumb_content {grid-template-columns: repeat(2, 1fr);}
    .sub3_news .process .box_wrap {justify-content: center;}
    .sub3_news .process .box {width: 32%;}
    .sub3_news .process .box:nth-of-type(3n)::before {display: none;}
    .sub3_news .process .box:nth-of-type(3n) ~ .box {margin-top: 2em;}
}
@media (max-width:1080px) {
    .sub3_news .price .table_wrap  {overflow-x: scroll;}
    .sub3_news .price .table_wrap table {min-width: 1000px;}
    .sub3_news .strength .box_wrap {grid-template-columns: repeat(2, 1fr); gap:1.5em;}
    .sub3_news .strength .box div {padding: 3.2em 1em;}
    .sub3_news .strength .box p br {display: none;}

}
@media (max-width:768px) {
    .sub3 .thumb_content {grid-template-columns: repeat(1, 1fr);}
    .sub3_news .cont_top .cont_tit {width: 100%; padding-right: 0;}
    .sub3_news .cont_top .img {width: 100%; margin-top: 2em;}
    .sub3_news .process .box {width: 49%;}
    .sub3_news .process .box:nth-of-type(3n)::before {display: block;}
    .sub3_news .process .box:nth-of-type(2n)::before {display: none;}
    .sub3_news .process .box:nth-of-type(2n) ~ .box {margin-top: 2em;}

    .sub3_news .strength .box div {padding: 2.5em 1em;}
    .sub3_news .strength .box p br {display: none;}
    .sub3_news .strength .box h4 {margin-bottom: 0.2em;}
    .sub3_news .strength .box p {margin-top: 1em;}
}

/*서비스-오버뷰*/
.sub31 {}
.sub31 * {font-family: 'Pretendard';}
.sub31 .cont:not(:last-child) {margin-bottom: 10em;}
.sub31 .cont_tit {font-size: 3.8em; font-weight: 700; align-items: center; }
.sub31 .cont_tit span {margin-right: .45em; width: min(35px,.95em);}
.sub31 .box_wrap {margin-top: 3em; display: grid; grid-template-columns: repeat(2, 1fr); gap:3em 4em;}
.sub31 .box {border: 1px solid var(--default); border-radius: 6px; padding: 3.5em; position: relative; align-items: flex-end; justify-content: space-between; align-content: space-between}
.sub31 .box .txt {width: 100%; transition: all .3s; margin-bottom: 1.5em;}
.sub31 .box .txt h4 {font-size: 1.6em;}
.sub31 .box .txt h3 {font-size: 3.6em; font-weight: 600;}
.sub31 .box .tag {max-width: calc(100% - 285px); width: 48%;}
.sub31 .cont:first-child ~ .cont .box .tag {width: 53%; max-width: 100%;}
.sub31 .box .tag li {font-size: 1.5em; margin: 5px 5px 0 0; color: var(--default); padding: 0.35em 0.7em; background: var(--background05); border-radius: 3px;}
/* .sub31 .box .tag2 li {font-size: 1.6em; margin-right: 15px;}
.sub31 .box .tag1 li { padding: 0.35em 0.7em; background: var(--background05); border-radius: 3px;}
.sub31 .box .tag3 li { padding: 0.35em 0.7em; background: var(--background05); border-radius: 25px;} */
.sub31 .box .price {width: 285px;}
.sub31 .box .price p {font-size: 1.5em; text-align: right; color: var(--menuTxt02); margin-bottom: .75em;}
.sub31 .box .price ul {justify-content: flex-end;}
.sub31 .box .price li {font-size: 3.5em; font-weight: 700; background: var(--background05); padding: 0.3em 0.4em; border-radius: 6px;}
.sub31 .box .price li span {font-size: .45em; font-weight: 400;}
.sub31 .box .price li:last-child {background: var(--default); color: var(--reverse); margin-left: .3em;}
.sub31 .box .arr {position: absolute; top:3.5em; right: 3.5em;}
.sub31 .box .arr img {filter: brightness(0); transition: all .3s;}
.sub31 .box:hover {background: var(--default); }
.sub31 .box:hover .txt {color: var(--reverse);}
.sub31 .box:hover .price li {background: var(--point); color: #fff;}
/* .sub31 .box:hover .tag2 li {color: var(--reverse);} */
.sub31 .box:hover .arr img {filter: none; transform: rotate(-45deg);}
html.theme-dark .sub31 .box .arr img {filter: none; }
html.theme-dark .sub31 .box:hover .arr img {filter: brightness(0);}
html.theme-dark .sub31 .cont_tit span img {filter: contrast(0) brightness(10);}
@media (max-width:1520px) {
    .sub31 .box_wrap {gap:2em 3em;}
    .sub31 .cont:first-child ~ .cont .box .tag {width: 100%;}
}
@media (max-width:1280px) {
    .sub31 .box {justify-content: flex-start;}
    .sub31 .box .tag {width: 100%; max-width: 100%;}
    .sub31 .box .price {width: auto; margin-top: 2em;}
    .sub31 .box .price p {text-align: left;}
}
@media (max-width:768px) {
    .sub31 .box_wrap {grid-template-columns: repeat(1, 1fr); gap:3em 0;}
}


/*서비스-컨텐츠*/
.sub35 .thumb_content {grid-template-columns: repeat(5, 1fr);}
.sub35 .writer {margin-top: 10em;}
.sub35 .writer .cont_tit { text-align: center; margin-bottom: 5em; padding-top: 1em;}
.sub35 .writer .cont_tit h3 {position: relative; display: inline-block; font-size: 1.5em; font-weight: 500;}
.sub35 .writer .cont_tit h3::before {content:""; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); width: 110%; height: 6px; background: var(--border02); border-radius: 2px; z-index: -1;}
.sub35 .writer .cont_tit h3 span {position: absolute; top:-10px; right:-10px; color: var(--point);}
.sub35 .writer .box_wrap {}
.sub35 .writer .box {border: 1px solid var(--default); padding: 4em 2em;position: relative; transition: all 0.1s; width: 24.5%; margin-right: calc(2%/3); margin-top: calc(2%/3);}
.sub35 .writer .box:nth-of-type(4n) {margin-right: 0;}
.sub35 .writer .box h4 {font-size: 2.4em; margin-bottom: .85em; text-align: center; font-weight: 700;}
.sub35 .writer .box .info > ul > li {margin-top: 0.4em;} 
.sub35 .writer .box ul li {font-size: 1.5em;}
.sub35 .writer .box ul li span {width: 6.5em; font-weight: 500;}
.sub35 .writer .box ul ul {width: calc(100% - 6.5em);}
.sub35 .writer .box ul ul li {font-size: 1em;}
@media (max-width:1520px) {
    .sub35 .thumb_content {grid-template-columns: repeat(4, 1fr);}
    .sub35 .writer .box {width: 32.75%; margin-right: calc(1.75%/2);}
    .sub35 .writer .box:nth-of-type(4n) {margin-right: calc(1.75%/2);}
    .sub35 .writer .box:nth-of-type(3n) {margin-right: 0;} 
}
@media (max-width:1080px) {
    .sub35 .thumb_content {grid-template-columns: repeat(3, 1fr);}
    .sub35 .writer .box {width: 49.5%; margin-right: 1%;}
    .sub35 .writer .box:nth-of-type(4n) {margin-right: 1%;}
    .sub35 .writer .box:nth-of-type(3n) {margin-right: 1%;} 
    .sub35 .writer .box:nth-of-type(2n) {margin-right: 0;}
}
@media (max-width:768px) {
    .sub35 .thumb_content {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width:500px) {
    .sub35 .thumb_content {grid-template-columns: repeat(1, 1fr);}
    .sub35 .writer .box {width: 100%; margin-right: 0%;}
    .sub35 .writer .box:nth-of-type(4n) {margin-right: 0%;}
    .sub35 .writer .box:nth-of-type(3n) {margin-right: 0%;} 
}

/*서비스-비디오*/
.sub36 .box_wrap { display: grid; grid-template-columns: repeat(3, 1fr); gap:1em;}
.sub36 .box_wrap li {position: relative;}
.sub36 .box_wrap li a { display: block; width: 100%; height: 100%;}
.sub36 .box_wrap li .img {max-height: 340px;overflow: hidden;display: flex;align-items: center;height: 100%;}
.sub36 .box_wrap li .img img { height: 100%; width: 100%; object-fit: cover;}
.sub36 .box_wrap li .txt {position: absolute; top:0; left:0; display: flex; flex-flow: column wrap; justify-content: center; align-items: center; width: 100%; height: 100%; background: var(--thumbHover); color: var(--reverse); opacity: 0; transition: opacity 0.2s;}
.sub36 .box_wrap li .txt p  { font-size: 1.5em; }
.sub36 .box_wrap li .txt h4 {font-size: 2.2em;margin: 1em 0;}
.sub36 .box_wrap li:hover .txt {opacity: 1;}
@media (max-width:1200px) {
    .sub36 .box_wrap {grid-template-columns: repeat(2, 1fr); }
}
@media (max-width:768px) {
    .sub36 .box_wrap {grid-template-columns: repeat(1, 1fr); }
}


/*서비스-홈페이지*/
.sub37 #sub37_2 .txt2 {margin: 4em 0;}
.sub37 #sub37_2 .txt2 {padding:4em; background: url(../images/sub/sub3_ico7.png) var(--background06) no-repeat 98% center;}
.sub37 #sub37_2 .txt2 h4 {font-size: 2em; font-weight: 700; margin-bottom: .75em;}
.sub37 #sub37_2 .txt2 ul li {position: relative; padding-left: 1em; font-size: 1.6em; color: var(--txtColor02); margin-top:0.5em}
.sub37 #sub37_2 .txt2 ul li::before {content:""; position: absolute; left: 0; top:.5em; width: 4px; height: 4px; border-radius: 50%; background: var(--txtColor02);}

/* 문의하기 */
.sub41 { position: relative;}
.sub41 .sub_inner {justify-content:space-between;}
.sub41 .cont1 {position: sticky; top:3em; align-self: flex-start;}
.sub41 .cont1 h3 {font-size: 5em; font-weight: 700;}
.sub41 .cont1 p {font-size: 1.8em; color: var(--txtColor01); margin-top: 2em; line-height: 1.6em;}
.sub41 .cont2 {width: 55%; margin: 0 0 0 auto; height: 100%;}
.sub41 .cont2 .form_tit {font-size: 2.2em; margin-bottom: .8em;}
.sub41 .cont2 .form_type {margin-bottom: 5em;}
.sub41 .cont2 .form_type input { border: 1px solid var(--inputBorder); padding:0.7em; font-size: 1.8em; width: 100%; background: var(--inputBg);}
.sub41 .cont2 .form_type input:focus {background: var(--inputFocus); }
.sub41 .cont2 .form_type label {font-size: 1.8em;}
.sub41 .cont2 .form_check_radio input[type="radio"]{width: 0; height: 0;display: block;} 
.sub41 .cont2 .form_check_radio label {padding: 1.1em 0; border: 1px solid var(--inputBorder); display: block; width: 100%; text-align: center; cursor: pointer; color: var(--txtColor01); transition: all 0.2s;}
.sub41 .cont2 .form_check_radio label:hover {background: var(--background05);}
.sub41 .cont2 .form_check_radio input[type="radio"]:checked + label {border-color: var(--default); background: var(--default); color: var(--reverse);}
.sub41 .cont2 .form_type .req {color: var(--point);}
.sub41 .cont2 .form_type1 {display: grid; grid-template-columns: repeat(4, 1fr); gap:2em;}
.sub41 .cont2 .form_type2 label {display: block; margin-bottom: 0.5em;}
.sub41 .cont2 .form_type2 .input_wrap {justify-content: space-between;}
.sub41 .cont2 .form_type2 .input_wide {width: 100%; margin-top: 15px;}
.sub41 .cont2 .form_type2 .input_half {width: 48%; margin-top: 15px;}
.sub41 .cont2 .form_type3 p {font-size: 1.8em; margin-bottom: 0.5em;}
.sub41 .cont2 .form_type3 .budget {display: grid; grid-template-columns: repeat(3, 1fr); gap:2em; margin-bottom: 1.5em;}
.sub41 .cont2 .form_type3 .form_date {align-items: center;}
.sub41 .cont2 .form_type3 .form_date input {width: calc(50% - 5em); max-width: 220px; text-align: center; color: var(--txtColor01);}
.sub41 .cont2 .form_type3 .form_date span {width: 2.5em; font-size: 2em; text-align: center;}
.sub41 .cont2 .form_type4 textarea {width: 100%; font-size: 1.8em;padding:0.7em; background: var(--inputBg); border-color: var(--border02);}
.sub41 .cont2 .form_type4 textarea:focus {background: var(--inputFocus);}
html.theme-dark .sub41 .cont2 .form_type5 .form_file label img {filter: invert(0);}
.sub41 .cont2 .form_type6 {align-items: flex-end;}
.sub41 .cont2 .form_type6 .form_privacy_check {align-items: center;}
.sub41 .cont2 .form_type6 input {width: 1.2em; height: 1.2em; margin-right: 0.5em;}
.sub41 .cont2 .form_type6  button {display: inline-block; margin-left: 0.3em; font-size: 1.3em; text-decoration: underline; color: var(--txtColor01);}
.sub41 .cont2 .submit_btn input {display: block; width: 100%; border: 0; font-size: 2.2em; padding: 0.7em; background: var(--point); color: #fff; font-weight: 700; cursor: pointer;}
.sub41 .div_privacy{margin-bottom:.8em;clear:both;border:1px dotted #33ccff;background:#eefbfd;padding:15px;text-align:center;font-size:13px;line-height:1.8em;}
.sub41 .div_privacy table{width:100%;border-top:1px solid #d1e4eb;text-align:center;}
.sub41 .div_privacy table th{font-weight:bold;}
@media (max-width:1080px) {
    .sub41 .cont1 {position: static; width: 100%; margin-bottom: 6em;}
    .sub41 .cont2 {width: 100%;}
    .sub41 .cont2 .form_type1 {gap: 1em;}
}
@media (max-width:768px) {
    .sub41 .cont2 .form_check_radio label {padding: 0.95em 0;}
}
@media (max-width:500px) {
    .sub41 .cont1 p br {display: none;}
    .sub41 .cont2 .form_type1 {gap: 1em; grid-template-columns: repeat(2, 1fr);}
}

/* 게시판 */
.sub42 .sub_inner {justify-content: space-between;}
.sub42 .cont {width: 32%; border: 1px solid var(--border02); padding: 6em 4em 4em; background: var(--background03); /*box-shadow: 0 0 1.5em 0 rgba(0,0,0,0.1);*/}
.sub42 .cont_tit {font-size: 4em; font-weight: 700;}
.sub42 .contents {margin-top: 3.5em;}
.sub42 .contents li {position: relative;}
.sub42 .contents li a {font-size: 1.5em; display: block; padding: 1em 2.8em 1em 0; border-bottom: 1px solid var(--border01); color: var(--txtColor01);}
.sub42 .contents li:hover a {color: var(--default); font-weight: 500;}
.sub42 .contents .list_icon {position: absolute; top:50%; right:0; transform: translateY(-50%);}
.sub42 .contents .list_icon span {display: inline-block; font-size: .7em;  width:1.5em; line-height: 1.5em; height: 1.5em; border-radius: 3px; text-align: center; color: #fff;}
.sub42 .contents .list_icon .new_icon {background: var(--point); }
.sub42 .contents .list_icon .lock_icon {background:var(--menuTxt02); display: flex; flex-flow:row wrap; justify-content: center; align-items: center; margin-right: 3px;}
.sub42 .contents .list_icon .lock_icon img {width: 1.3em; }
.sub42 .page {justify-content: center; margin-top: 3.2em;}
.sub42 .page li a {font-size: 13px; margin: 0 .8em;color: var(--menuTxt02)}
.sub42 .page li.active a {color: var(--default);}
.sub42 .cont3 .contents li a {padding:1em 0 1em 2.5em; position: relative;}
.sub42 .cont3 .contents li a .qna_q {width: 2em; line-height: 2em; text-align: center; background: var(--default); color: var(--reverse); position: absolute; top:.5em; left: 0;}

@media (max-width:1920px) {
    .sub42 .cont {max-width: 500px;}
}
@media (max-width:1200px) {
    .sub42 .contents li a {font-size: 1.6em;}
}
@media (max-width:1080px) {
    .sub42 .cont {width: 100%; max-width: 100%; box-shadow: none;  padding: 2em 3em; transition: all 0.3s; cursor: pointer;}
    .sub42 .cont ul {display: none;}
    .sub42 .cont.open {padding: 5em 3em 3em; cursor: unset;}
    .sub42 .cont_tit {opacity: 0.1;}
    .sub42 .contents {margin-top: 2em;}
    .sub42 .contents li a {font-size: max(14px,1.8em);}
    .sub42 .cont.open .cont_tit {opacity: 1;}
    .sub42 .cont.open .contents {display: block;}
    .sub42 .cont.open .page {display: flex;}
}
@media (max-width:500px) {
}


.sub51 .cont2 {margin: 0 auto;}