@charset "utf-8";

/* 공통 */
.gray-bg {background:#f1f1f1;}

.c1 {color:#e50012;}

.doc-tt {margin-bottom:27px; font-size:16px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#e50012;}

.doc-tit {margin-bottom:40px; font-size:32px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}
.doc-tit:before {margin-bottom:18px; content:""; display:block;  width:7px; height:7px; border-radius:100%; background:#e50012;}
.doc-tit.type2 {text-align:center;}
.doc-tit.type2:before {margin-left:auto; margin-right:auto;}
.doc-tit.ico {text-align:center;}
.doc-tit.ico:before {margin-left:auto; margin-right:auto; width:48px; height:47px; background:url("../images/sub/ico_tit.png") no-repeat 50% 50% / contain; border-radius:0;}

.doc-txt {font-size:18px; font-weight:400; letter-spacing:-.04em; line-height:1.889em; color:#878787;}
.doc-txt2 {text-align:center; font-weight:400; letter-spacing:-.04em; line-height:2.125em; color:#878787;}

.sub-tab {margin-bottom:80px;}
.sub-tab ul {display:flex;}
.sub-tab ul li {flex:1; border:1px solid #ccc; overflow:hidden;} 
.sub-tab ul li + li {border-left:1px solid #e50012;}
.sub-tab ul li:nth-child(1) {border-radius:32px 0 0 32px; border-right:0;}
.sub-tab ul li:nth-child(2) {border-radius:0 32px 32px 0;}
.sub-tab ul li a {display:block; font-size:18px; font-weight:500; letter-spacing:-.04em; line-height:1.5em; display:flex; align-items:center; justify-content:center; height:64px;}
.sub-tab ul li.active {border-color:#e50012; color:#e50012;}

.border-box {border:1px solid #dfdfdf; border-radius:16px;}

.video-area {margin-bottom:80px;}
.video-area video {width:100%; border-radius:36px; overflow:hidden;}

.ico-txt-list ul {display:flex; margin:-10px;}
.ico-txt-list ul li {padding:10px; text-align:center; width:33.333%;}
.ico-txt-list .box {min-height:336px; background:#fff; padding:40px; min-height:335px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.ico-txt-list .num {margin:29px 0 15px; font-size:20px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#a8a8a8;}
.ico-txt-list .txt {font-size:20px; font-weight:500; letter-spacing:-.04em; line-height:1.6em; color:#2c2c2c;}

.content-list ul {display:flex; margin:-10px;}
.content-list ul li {width:50%; padding:10px}
.content-list .tit {padding:18px 30px; font-weight:700; font-size:18px; line-height:1.4em; border-radius:16px 16px 0 0; border:1px solid #e50012; background:#e50012; color:#fff;}
.content-list .cnt {padding:24px 30px 33px; border-radius:0 0 16px 16px; border:1px solid #e50012;}
.content-list .cnt p {font-size:18px; font-weight:400; letter-spacing:-.04em; line-height:1.889em; color:#2c2c2c;}

.picture-list ul {display:flex; flex-wrap:wrap; margin:-10px;}	
.picture-list ul li {padding:10px; width:50%;}
.picture-list .tit {margin-bottom:25px; font-size:20px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}
.picture-list .tit.line {position:relative; padding-left:15px;}
.picture-list .tit.line:before {content:""; width:3px; height:18px; background:#e50012; position:absolute; left:0; top:5px;}

.white-box {margin-top:60px; padding:45px 48px; background:#fff; border-radius:16px; display:flex;} 
.white-box .tit {margin-right:47px; font-size:18px; font-weight:700; letter-spacing:-.04em; line-height:1.75em; color:#2c2c2c;}
.white-box .doc-txt2 {text-align:left; flex:1 1 auto; min-width:0; width:1%;}

/* organization */
.sub01_01 {padding: 0 83px;}
.org-list .row {display:flex; flex-wrap:wrap; margin:-10px;}
.org-list .col {width:25%; padding:30px 20px;}
.org-list .col .box {height:100%; min-height: 200px; padding:50px 40px; background:#fff; border-radius:16px;}
.org-list .col.row-3 .box {height:calc(33.333% - 7px); padding:25px 40px;}
.org-list .col.row-3 .box + .box {margin-top:10px;}
.org-list .col .tit {margin-bottom:20px; font-size:22px; font-weight:700; letter-spacing:-.04em; line-height:1.3em; color:#2c2c2c;}
.org-list .col .tit:before {display:block; margin-bottom:17px; content:""; width:25px; height:4px; border-radius:2px; background:#e50012;}
.org-list .col .only_tit {margin-top: 66px;}
.org-list .hypen-list {margin:0; padding:0; text-indent:0;}
.org-list .hypen-list ul li {margin-bottom:12px; font-size:16px; color:#505050; padding-left: 0.6em; text-indent: -0.6em;}
.org-list .hypen-list.type2 ul {display:flex; flex-wrap:wrap;}
.org-list .hypen-list.type2 ul li {width:50%;}
.org-list .hypen-list.type2 .type2-list {display: flex; flex-flow: row nowrap;}
.org-list .hypen-list.type2 .type2-list ul {display: flex; flex-flow: column nowrap; justify-content: flex-start; width: 50%;}
.org-list .hypen-list.type2 .type2-list ul li {width: 100%;}

/* histroy */
.history {margin-top:145px;}
.history .section {transform:translateY(100px); transition:.3s; display:flex; justify-content:space-between;}
.history .head {margin-top:-15px; width:50%; font-size:143px; font-weight:800; letter-spacing:-.04em; line-height:0.93em; color:#f1f1f1;}
.history .head span {display:block;}
.history .head span:nth-child(2) {margin-left:74px;}
.history .wrap {width:50%;}
.history .group {padding:43px 48px; display:flex; border-bottom:1px solid #dfdfdf;}
.history .group:first-child {border-top:1px solid #505050;}
.history .group:last-child {border-bottom:0;}
.history .group .year {width:97px; color:#e50012; font-size:20px; font-weight:700; letter-spacing:-.04em; line-height:1.5em;}
.history .group .list {flex:1 1 auto; min-width:0; width:1%;}
.history .group .list ul li {margin-bottom:16px; font-size:18px; font-weight:400; letter-spacing:-.04em; line-height:1.5em; color:#2c2c2c;}
.history .group .list ul li:last-child {margin-bottom:0;}

.history .active .head {color: #7e7e7e; transition:.3s;} 
.history .section.active {transform:translateY(0);}

/* company*/
.counter-wrap {margin:70px 0;}
.counter-wrap ul {display:flex; justify-content:center;}
.counter-wrap ul li {margin:0 70px; text-align:center;}
.counter-wrap .tit {margin:29px 0 9px; font-size:18px; font-weight:500; letter-spacing:-.04em; line-height:1.5em; color:#2c2c2c;}
.counter-wrap .num {font-size:68px; font-weight:800; letter-spacing:-.04em; line-height:1.2em; color:#e50012;}

.company-map {margin-bottom:82px;}

.company-list .wrap {border-top:1px solid #505050;}
.company-list .group {display:flex; border-bottom:1px solid #dfdfdf; padding:50px 100px;}
.siliconii_ci .group {border-bottom: 0;}
.company-list .nation {width:307px; font-size:28px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}
.company-list .nation img {margin-right:30px; vertical-align:middle;}
.company-list .cnt {flex:1 1 auto; min-width:0; width:1%;}
.company-list .addr {margin-bottom:20px; font-size:20px; font-weight:500; letter-spacing:-.04em; line-height:1.5em; color:#2c2c2c;}
.company-list .info {display:flex;}
.company-list .info dl {display:flex;}
.company-list .info dl + dl {margin-left:42px;}
.company-list .info dt {margin-right:17px; color:#e50012; font-weight:700; letter-spacing:-.04em; line-height:1.4em;}
.company-list .info dd {color:#505050; line-height:1.4em;}

/* contact us - 문의사항 */
.inquiry-head {display:flex; justify-content:space-between;}
.caution-txt {font-size:14px; font-weight:500; letter-spacing:-.04em; line-height:1.5em; color:#878787;}
.aster {color:#e50012;}

.inquiry-form .input {width:100%; border-radius:6px; border-color:#dfdfdf; height:46px;}
.inquiry-form .input::placeholder {color:#878787;}
.inquiry-form .group {border-top:1px solid #000; padding:50px 40px;}
.inquiry-form .group:last-child {padding-bottom:0;} 
.inquiry-form .title {margin-bottom:56px; font-size:18px; font-weight:400; letter-spacing:-.04em; line-height:1.5em; color:#2c2c2c;}
.inquiry-form .form .row {display:flex; flex-wrap:wrap; margin:-19px -16px;}
.inquiry-form .form .col {width:33.333%; padding:19px 16px;}
.inquiry-form .form .col-x2 {width:100%;}
.inquiry-form .form dt {margin-bottom:12px; font-size:18px; font-weight:700; letter-spacing:-.04em; line-height:1.5em; color:#2c2c2c;}
.inquiry-form .form textarea.input {height:240px;}
.inquiry-form .caution-head {display:flex; justify-content:space-between;}
.inquiry-form .form-agree {margin:0 0 59px;}
.inquiry-form .form-agree h3 {color:#2c2c2c; font-weight:700;}
.inquiry-form .form-agree .scroll-box {border-radius:6px; border-color:#dfdfdf; padding:26px 29px; background:#fff; color:#878787;}
.inquiry-form .btn-pack {width:220px; height:70px; font-size:19px; font-weight:500; letter-spacing:-.04em; border-radius:8px;}
.inquiry-form .checkbox label:before {border-radius:4px;}
.inquiry-form .input.file {line-height:46px; font-size:15px; color:#2c2c2c; padding-left:135px; position:relative;}
.inquiry-form .input.file::file-selector-button {display:none;}
.inquiry-form .input.file:before {content:"파일 업로드 +"; position:absolute; left:0; top:0; text-align:center; vertical-align:top; line-height:44px; width:116px; height:100%; color:#fff; font-size:15px; font-weight:500; letter-spacing:-.04em; background:#2c2c2c; border:1px solid #2c2c2c;}

/* 오시는 길 */
.location {display:flex; align-items:center;}
.location-info {flex:1 1 auto; min-width:0; width:1%; padding-left:83px;}
.location-info .group {display:flex; border-bottom:1px solid #dfdfdf; padding:57px 30px}
.location-info .group:last-child {border-bottom:0;}
.location-info .group .tt {width:67px; font-weight:700; letter-spacing:-.04em; line-height:1.6em; color:#e50012;}
.location-info .cnt {flex:1 1 auto; min-width:0; width:1%;}
.location-info .cnt .tit {margin-bottom:14px; font-size:24px; font-weight:700; letter-spacing:-.04em; line-height:1.3em; color:#2c2c2c;}
.location-info .cnt .addr {margin-bottom:24px; font-size:18px; font-weight:500; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}
.location-info .info .wrap {margin:-6px 0;display:flex; flex-wrap:wrap;}
.location-info .info .wrap.only-mobile {display:none;}
.location-info .info dl {padding:6px 0;width:50%;display:flex; line-height:1.5em;}
.location-info .info dt {font-weight:700; color:#2c2c2c; width:120px;}
.location-info .info dd {flex:1 1 auto; min-width:0; width:1%;}

/* stylekorean */
.style-page .sub-title {text-align:center;}
.style-page .doc-tt {text-align:center;}
.style-page .doc-txt {text-align:center;}

.style-page .sec1 {padding-bottom:80px;}

.style-page .sec2 {padding-bottom:100px;}
.style-page .sec2 .doc-tit {margin-bottom:20px;}
.style-page .sec2 .doc-txt {margin-bottom:45px; text-align:center;}
.style-page .sec2 .list ul {margin:-10px; display:flex;}
.style-page .sec2 .list ul li {padding:10px; width:25%;}
.style-page .sec2 .list ul li:first-child {width:50%;}
.style-page .sec2 .list .box {min-height:487px; padding:40px;}
.style-page .sec2 .list .business_sa {padding: 30px 41px 44px;}
.style-page .sec2 .list .box.half {min-height: 233.5px;}
.style-page .sec2 .list .box.half.mt-20 {margin-top: 20px;}
.style-page .sec2 .list .nation {margin-bottom:40px;}
.style-page .sec2 .list .business_sa .nation {margin-bottom: 18px;}
.style-page .sec2 .list .nation.south_american {width: 81px; margin-top: -21px; margin-left: -28px; margin-bottom: 40px;}
.style-page .sec2 .list .nation_wrap {display: flex; flex-flow: wrap; gap: 16px;}
.style-page .sec2 .list .nation_wrap .wrap {width: calc(50% - 16px); box-sizing: border-box;}
.style-page .sec2 .list .wrap {padding:22px 0 34px; position:relative;}
.style-page .sec2 .list .wrap:last-child {padding-bottom:0;}
.style-page .sec2 .list .wrap:before {content:""; position:absolute; left:0; top:0; width:24px; height:4px; border-radius:2px; background:#e50012;}
.style-page .sec2 .list .wrap .tit {margin-bottom:6px; font-size:26px; font-weight:700; letter-spacing:-.04em; line-height:1.2em; color:#2c2c2c;}
.style-page .sec2 .list .wrap .txt {font-size:15px; font-weight:400; letter-spacing:-.04em; line-height:1.4em; color:#505050;}
.style-page .sec2 .list .wrap .txt + .txt {margin-top:3px;}
.style-page .sec2 .list .link {color:#4492e3;}

.style-page .sec3 {padding:94px 0; background:url("../images/sub/platform_bg.jpg") no-repeat 50% 50% / cover;}
.style-page .sec3 .sub-title {margin-bottom:63px;}
.platform-list-1 {margin-bottom:50px;}
.platform-list-1 ul {display:flex; max-width:770px; margin:0 auto;}
.platform-list-1 ul li {margin:0 5px; width:50%;}
.platform-list-1 .box {text-align:center; padding:48px 30px; background:#fff; border:1px solid #ccc; border-radius:80px;}
.platform-list-1 .box .tt {margin-bottom:10px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#878787;}
.platform-list-1 .box .tit {font-size:26px;font-weight:500; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}

.platform-list-2 ul {display:flex; margin:0 -30px;}
.platform-list-2 ul li {text-align:center; margin:0 30px; width:33.333%;}
.platform-list-2 .tit {margin:30px 0 15px; font-size:26px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}

.arr-wrap {display:flex; margin-top:52px;}
.arr-wrap .arr {text-align:center; width:33.333%;}

.bar-tit {margin:40px 0 30px; text-align:center; line-height:58px; font-size:18px; font-weight:700; letter-spacing:-.04em; color:#fff; border-radius:28px; background:#e50012;}

.heart-list ul {display:flex; margin:-10px;}
.heart-list ul li {width:33.333%; text-align:center; padding:10px;}
.heart-list .box {padding:48px 20px 40px; background:#f4f4f4; border-radius:16px;}
.heart-list .heart {margin-bottom:13px;}
.heart-list .txt {font-size:20px; font-weight:500; line-height:1.6em;}

.style-page .sec4 .img {margin-top:52px; padding:62px; text-align:center; border:1px solid #dfdfdf; border-radius:16px;}
.d2c-page .sec {padding:90px 0;}
.d2c-page .sec:last-child {padding-bottom:0;}
.d2c-page .doc-tit {margin-bottom:60px;}
.d2c-page .sec2 .ico-txt-list {margin-bottom:54px;}

.fulfill-wrap {background:#f4f4f4; border-radius:16px; padding:46px 50px;}
.fulfill-wrap .group {margin-bottom:40px;}
.fulfill-wrap .group:last-child {margin-bottom:0;}
.fulfill-wrap .group .tit {margin-bottom:20px; font-size:18px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}
.fulfill-wrap .group p {color:#878787;}
.fulfill-list ul {display:flex; flex-wrap:wrap; margin:-10px;}
.fulfill-list ul li {width:20%; padding:10px; display: flex; justify-content: center;}


/* b2b */
.b2b-page .sec {padding:100px 0;}
.b2b-page .sec1 {padding-top:0;}
.b2b-page .sec:last-child {padding:80px 0 0;}
.b2b-page .sec1 .ico-txt-list ul {flex-wrap:wrap;}
.b2b-page .sec1 .ico-txt-list ul li {width:50%;}
.d2c-page .partners-bnr .wrap .rolling {height:60px;}

/* warehouse */
.warehouse .sec {padding:80px 0;}
.warehouse .sec1 {padding-top:0 !important;}
.warehouse .sec1 .doc-tit {margin-bottom:26px;}
.warehouse .sec1 .doc-tit + .doc-txt2 {margin-bottom:40px;}
.warehouse .sec:last-child {padding-bottom:0;}
.warehouse .sec2 .picture-list ul {margin:-26px -10px;}
.warehouse .sec2 .picture-list ul li {padding:26px 10px;}
.warehouse .sec3 .content-list ul {flex-wrap:wrap; }
.warehouse .sec3 .content-list ul li {width:50%;}
.warehouse .sec3 .content-list .box {height:100%;}
.warehouse .sec3 .content-list .box .cnt {height:calc(100% - 63px);}
.warehouse .sec3 .img {margin-bottom:50px;}

/* brand */
.brand .sec {padding:80px 0;}
.brand .doc-tit + .doc-txt2 {margin-bottom:47px;}

.brand-list ul {display:flex; flex-wrap:wrap; margin:-10px;}
.brand-list ul li {width:14.28%; padding:10px;}

.circle-list ul {display:flex; justify-content:center;}
.circle-list ul li {text-align:center; padding:0 30px;}
.circle-list .con {margin-bottom:35px;}

.dot-list ul {display:block;}
.dot-list ul li {padding:0; margin-bottom:4px;}
.dot-list ul li:last-child {margin-bottom:0;}
.dot-list ul li span {display:inline-block; position:relative; padding-left:15px; font-weight:400; letter-spacing:-.04em; line-height:1.4em; color:#505050;}
.dot-list ul li span:before {content:""; position:absolute; left:0; top:8px; background:#ccc; border-radius:100%; width:5px; height:5px;}

.badge-tit {text-align:center; position:relative; margin-bottom:-28px;}
.badge-tit span {padding:0 30px; display:inline-block; font-size:18px; font-weight:700; letter-spacing: -.04em; line-height:56px; color:#fff; background:#e50012; border-radius:28px; }

/* k-pop */
.kpop-logo {text-align:center; margin-bottom:46px;}
.k-pop .logo {text-align:center;}
.k-pop .accordion {margin-bottom:94px; padding:26px 47px; border-top:1px solid #000; border-bottom:1px solid #000;}
.k-pop .accordion .head a {position:relative; display:flex; align-items:center;}
.k-pop .accordion .head a:after {content:""; position:absolute; top:50%; right:0; margin-top:-4px; display:inline-block; width:14px; height:9px; background:url("../images/sub/accordion_arr.png") no-repeat 50% 50% / contain;}
.k-pop .accordion.active .head a:after {transform:rotate(-180deg);}
.k-pop .accordion .head h3 {margin-right:30px; font-size:26px; line-height:1.4em; color:#2c2c2c;}
.k-pop .accordion .head p {font-size:14px; line-height:1.4em; color:#878787;}
.k-pop .accordion .cnt {margin-top:90px; display:none;}

.global-list {margin:100px 0 14px;}
.global-list ul {display:flex; justify-content:center; margin:0 -70px;}
.global-list ul li {text-align:center; padding:0 70px;}
.global-list .ico {margin-bottom:30px;}
.global-list .tit {font-size:26px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}
.global-list .tt {margin:8px 0 17px; font-size:14px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#878787;}
.global-list .txt {font-size:16px; font-weight:700; letter-spacing:-.04em; line-height:1.75em; color:#505050;}

.offline .img-list ul {display:flex; flex-wrap:wrap; margin:-10px;}
.offline .img-list ul li {width:25%; padding:10px;}
.offline .img-list.col-3 ul li {width:33.333%;}

.offline .group {margin-bottom:50px;}
.offline .group:last-child {margin-bottom:0;}

.offline .border-box {padding:70px 100px;}
.offline .group:nth-child(odd) .badge-tit {text-align:left; padding-left:100px;}
.offline .group:nth-child(even) .badge-tit {text-align:right; padding-right:100px;}

.offline .img-list .tit {font-size:20px; margin-bottom:22px; font-weight:700; color:#2c2c2c; line-height:1.4em;}
.offline .img-list .title {margin:25px 0 13px; font-size:24px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}

.offline .favorite {width:100%; padding-right:90px; display:flex; align-items:center;}
.offline .favorite .img {padding-right:58px;}
.offline .favorite .cnt .tit {margin-bottom:28px; font-size:32px; font-weight:700; color:#2c2c2c; line-height:1.4em;}

.offline .group6 .border-box .favorite {width:710px;}
.offline .group6 .border-box .img-con {flex:1 1 auto; min-width:0; width:1%;}
.offline .group6 .border-box .img-con .tit {margin-bottom:20px;font-size:20px; font-weight:700; line-height:1.4em; color:#2c2c2c;}
.offline .group6 .border-box {display:flex;}

.offline .group8 .border-box {display:flex; align-items:flex-end;}
.offline .group8 .favorite {display:block; width:400px; padding-right:29px;}
.offline .group8 .favorite .img {padding-right:0;}
.offline .group8 .favorite .tit {margin-bottom:20px;}
.offline .group8 .favorite .cnt {margin-bottom:59px;}
.offline .group8 .border-box > .img {flex:1 1 auto; min-width:0; width:1%;}

/* mcn */
.mcn .sub-title {margin-bottom:65px;}
.mcn .sec {padding:85px 0;}
.mcn .sec1 {padding:0 !important;}
.mcn .sec1 .global-list {padding:0;}

.mcn .sec2 .doc-tit {margin-bottom:20px;}
.mcn .sec2 .white-box {display:flex;}
.mcn .sec2 .white-box .left {margin-right:240px;}
.mcn .sec2 .white-box .left h3 {margin-bottom:15px; font-size:26px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}
.mcn .sec2 .white-box .content {display:flex;}
.mcn .sec2 .white-box .content .bar-con .bar {margin-bottom:21px; width:20px; height:4px; background:#e50012;}
.mcn .sec2 .white-box .content .bar-con {margin-right:67px;}
.mcn .sec2 .white-box .content .bar-con h4 {margin-bottom:10px; font-size:20px; font-weight:700; letter-spacing:-.04em; line-height:1.4em;}
.mcn .sec3 .ico-txt-list ul {flex-wrap:wrap;}
.mcn .sec3 .ico-txt-list ul li {width:50%;}

.mcn .sec4 .border-box {overflow:hidden; background:#fff; padding:83px 95px 60px;}
.mcn .sec4 .global-list {margin:0;}
.mcn .sec4 .global-list .tit {font-size:18px;}
.mcn .sec4 .global-list ul {max-width:980px; margin:0 auto;}
.mcn .sec4 .global-list ul li {padding:0; width:25%;}
.mcn .sec4 .global-list ul li .tit {white-space:nowrap;}
.mcn .sec4 .group {margin-bottom:50px;}
.mcn .sec4 .group:last-child {margin-bottom:0;}
.mcn .sec4 .group2 .img {text-align:center;}
.mcn .sec4 .group3 .head {margin-bottom:60px; display:flex; justify-content:center; align-items:center;}
.mcn .sec4 .group3 .head p {font-size:20px; font-weight:700; line-height:1.4em; color:#2c2c2c;} 
.mcn .sec4 .group3 .head .logo {margin-left:53px;}
.mcn .sec4 .group3 .content {display:flex;}
.mcn .sec4 .group3 .content > .img {position: relative; margin-bottom:-300px;} 
.mcn .sec4 .group3 .content > .img img {margin-top:-14px;}
.mcn .sec4 .group3 .content .cnt {flex:1 1 auto; min-width:0; width:1%; margin-left:40px;}
.mcn .sec4 .group3 .content .cnt .tit {margin-bottom:10px; font-size:20px; font-weight:700; line-height:65px; letter-spacing:-.04em; background:#121212; color:#fff; border-radius:16px; text-align:center; padding:0 30px;}
.mcn .sec4 .group3 .content .cnt img {width:100%;}
.mcn .sec4 .group3 .content .txt {text-align:center; margin-top:40px;}
.mcn .sec4 .group3 .content .txt .t1 {margin-bottom:10px; font-size:18px; font-weight:500; letter-spacing:-.04em; line-height:1.4em;}
.mcn .sec4 .group3 .content .txt .t2 {font-size:24px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}
.mcn .sec5 .top {margin-bottom:65px; display:flex; justify-content:space-between;}

.studio-wrap .group + .group {margin-top:50px;}
.studio-wrap .badge-tit {margin-bottom:30px; display:flex; justify-content:flex-start; align-items:center; font-size:20px; font-weight:500; line-height:1.4em; color:#2c2c2c; background:#f4f4f4; border-radius:29px;}
.studio-wrap .badge-tit span {margin-right:20px;}
.studio-wrap .content {display:flex;}
.studio-wrap .content .imgs ul {display:flex; margin:-5px;}
.studio-wrap .content .imgs ul li {text-align:center; padding:5px;}
.studio-wrap .content .imgs ul li .tt {margin:15px 0 3px; font-size:14px; font-weight:400; line-height:1.4em; color:#878787;}
.studio-wrap .content .imgs ul li .txt {font-sizE:18px; font-weight:500; line-height:1.4em; color:#2c2c2c;}
.studio-wrap .content .cnt {margin-left:80px; flex:1 1 auto; min-width:0; width:1%;}
.studio-wrap .content .cnt .tit {margin-bottom:26px; font-size:26px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}

.hypen-list {margin-top:7px; margin-left:15px; padding-left:.6em; text-indent:-.6em;}
.hypen-list ul li {line-height:1.5em; font-size:14px; color:#878787;}

.device-list {margin-top:30px;}
.device-list ul {display:flex; margin:-12px;}
.device-list ul li {padding:12px; text-align:center;}

.live-wrap {display:flex; margin-bottom:98px;}
.live-wrap .col {margin-left:70px; display:flex; flex-direction:column; justify-content:space-between; flex:1 1 auto; min-width:0; width:1%;}
.live-wrap .row {padding:15px 45px; height:calc(33.333% - 7px);background:#f4f4f4; border-radius:16px; display:flex; align-items:center; font-size:18px; font-weight:500;}
.live-wrap .row img {margin-right:17px;}

/* global network */
.network .doc-tit {margin-bottom:25px;}
.network .doc-txt2 {margin-bottom:40px;}
.network .sec {padding:90px 0;}
.network .sec1 {padding-top:0 !important;}
.network .sec:last-child {padding-bottom:0;}
.network .sec3 .badge-tit span {width:100%; line-height:84px; font-size:24px; border-radius:40px;}

.local-list {margin-bottom:30px;}
.local-list ul {display:flex; margin:-10px;}
.local-list ul li {width:33.333%; padding:10px;}
.local-list .wrap {border-radius:16px; overflow:hidden;}
.local-list .cnt {background:#f4f4f4; background-repeat:no-repeat; background-position:right 38px bottom 36px; padding:30px 145px 30px 38px;}
.local-list .cnt .tit {margin-bottom:20px; font-size:24px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#242424;}
.local-list .cnt.st1 {background-image:url("../images/sub/local_ico1.png");}
.local-list .cnt.st2 {background-image:url("../images/sub/local_ico2.png");}
.local-list .cnt.st3 {background-image:url("../images/sub/local_ico3.png");}

.global-links ul {display:flex; flex-wrap:wrap; margin:-5px;}
.global-links ul li {width:25%; padding:5px;}
.global-links .img img {width:100%;}
.global-links a {background-repeat:no-repeat; background-size:cover; background-position:50% 50%; height:574px; display:block; position:relative;}
.global-links .none-pop {pointer-events: none;}
.global-links ul li:nth-child(1) a {background-image:url("../images/sub/glbal_link.jpg");}
.global-links ul li:nth-child(2) a {background-image:url("../images/sub/glbal_link2.jpg");}
.global-links ul li:nth-child(3) a {background-image:url("../images/sub/global_network_usa_west.png");}
.global-links ul li:nth-child(4) a {background-image:url("../images/sub/global_link_usa_west.png");}
.global-links ul li:nth-child(5) a {background-image:url("../images/sub/global_network_poland.png");}
.global-links ul li:nth-child(6) a {background-image:url("../images/sub/global_network_netherlands.png");}
.global-links ul li:nth-child(7) a {background-image:url("../images/sub/global_link_france_1.png");}
.global-links ul li:nth-child(8) a {background-image:url("../images/sub/global_link_england.png");}
.global-links ul li:nth-child(9) a {background-image:url("../images/sub/global_link_dubai.png");}
.global-links ul li:nth-child(10) a {background-image:url("../images/sub/glbal_link11.png");}
.global-links ul li:nth-child(11) a {background-image:url("../images/sub/glbal_link_my.png");}
.global-links ul li:nth-child(12) a {background-image:url("../images/sub/glbal_link_sg.png");}
.global-links ul li:nth-child(13) a {background-image:url("../images/sub/glbal_link_ru.png");}
.global-links ul li:nth-child(14) a {background-image:url("../images/sub/glbal_link9.jpg");}
.global-links ul li:nth-child(15) a {background-image:url("../images/sub/glbal_link10.jpg");}
.global-links ul li:nth-child(16) a {background-image:url("../images/sub/glbal_link5.jpg");}

.global-links .inner {padding:56px 40px; color:#fff; display:flex; flex-direction:column; justify-content:space-between; position:absolute; left:0; top:0; width:100%; height:100%;}
.global-links .inner .top .tit {margin-bottom:18px; font-size:32px; font-weight:700; line-height:1.4em;}
.global-links .en-name {margin-bottom:45px; display:flex; font-weight:700; letter-spacing:-.04em; line-height:1.625em;}
.global-links .en-name:before {content:""; margin:.25em 9px 0 0; width:12px; height:16px; background:url("../images/main/m_ico_location.png") no-repeat 50% 50% / contain;}
.global-links .btm .info {margin-bottom:58px;}
.global-links .btm .info dl {margin-bottom:10px; display:flex; font-size:15px; line-height:1.4em;}
.global-links .btm .info dl dt {width:63px; font-weight:700;}
.global-links .btm .info dl dd {flex:1 1 auto; min-width:0; width:1%;}
.global-links .btm .info dl:last-child {margin-bottom:0;}
.global-links .btm .info.type2 dl {display:block;}
.global-links .btm .info.type2 dl dt {margin-bottom:10px;}
.global-links .btm .info.type2 dl dd {width:100%;}

.network .sec3 .badge-tit {margin:0;}

/* offline store */
.store {text-align:center;}
.store .store_section {display: flex; flex-flow: row wrap; margin: 0 auto;}
.store .off_section {width: 33.33%; gap: 55px; padding: 15px; margin-bottom: 20px;}
.store .badge-tit {margin-bottom: 30px;}
.store h2 {margin:0 0 40px; font-size:52px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#121212;}
.store .txt {margin-bottom:64px; font-size:22px; font-weight:500; letter-spacing:-.04em; line-height:1.4em; color:#121212;}
.store .imgs {display:flex;}
.store .more {justify-content: center; margin-top: 20px;}

@keyframes fade {
	0% {opacity:.8; background:#000;}
	100% {opacity:0; background:transparent;}
}

/* recruit */
.recruit .sec {padding:100px 0;}
.recruit .sec1 {padding-top:0;}
.recruit .sec1 .doc-tit.ico:before {background-image: url("../images/sub/recruit_ico_tit.png");}
.recruit .sec2 {background:url("../images/sub/careers_bg.jpg") no-repeat 50% 50% / cover;}	
.recruit .sec1 .doc-tit + .doc-txt2 {margin-bottom:0;}
.recruit .welfare ul li img {transition:.2s;}
.recruit .welfare ul li:hover img {transform:scale(1.1);}

.recruit .doc-tit {margin-bottom:22px;}
.recruit .doc-tit + .doc-txt2 {margin-bottom:37px;}
.careers-list ul {display:flex; flex-wrap:wrap; margin:-10px;}
.careers-list ul li {text-align:center; width:33.333%; padding:10px;}
.careers-list ul li .box {padding:30px; border-radius:16px; height:180px; display:flex; flex-direction:column; justify-content:center; background:#fff; font-size:20px;}
.careers-list ul li .num {margin-bottom:22px; font-size:20px; font-weight:700; line-height:1.4em; color:#e50012;}
.careers-list ul li .txt {font-weight:500; line-height:1.4em; color:#2c2c2c;}

.welfare ul {border-top:1px solid #505050; display:flex; flex-wrap:wrap; border-bottom:1px solid #dfdfdf;}
.welfare ul li {padding:50px 20px 20px; min-height:219px; text-align:center; width:25%; border-bottom:1px solid #dfdfdf;}
.welfare ul li:nth-child(23) {border-bottom:0;}
.welfare ul li:nth-child(24) {border-bottom:0;}
.welfare ul li .txt {margin-top:17px; font-size:20px; font-weight:700; line-height:1.4em; color:#2c2c2c;}
.welfare ul li .txt span {display:block; font-size:14px; font-weight:400; color:#878787;}

.employ .row + .row {margin-top:50px;}
.employ .row .content {text-align:center; padding:90px 50px 60px; display:flex; flex-direction:column; align-items:center; background:#fff; border-radius:228px; border:1px solid #ccc;}
.employ .row .content .img {margin-bottom:38px;}
.employ p.caution {font-size:18px; font-weight:500; margin-top:18px;}

.human-list .row {display:flex; justify-content: center;}
.human-list .col {width:20%;}
.human-list .col:nth-child(even) {display:flex; flex-direction:column-reverse;}
.human-list .col .img {transition:.3s;}
.human-list .col img {width:100%;}
.human-list .col .box {padding: 0 10px; display:flex; flex-direction:column; justify-content:center; align-items:center; height:221px; text-align:center;}
.human-list .col .box .num {font-size:20px; font-weight:700; line-height:1.4em; color:#a8a8a8;}
.human-list .col .box .txt {font-size:20px; font-weight:500; line-height:1.6em; color:#2c2c2c;}
.human-list .col:hover .img {transform:translateY(-20px);}

.channel-box {margin:50px 0 100px; padding:28px 70px; background:#f4f4f4; display:flex; justify-content:space-between;  align-items:center; border-radius:49px;}
.channel-box .tit {font-size:20px; font-weight:700; color:#2c2c2c;}
.channel-box .links ul {margin:-5px -20px; display:flex; align-items:center;}
.channel-box .links li {padding:5px 20px;}
.channel-box .links a {font-size:20px; font-weight:500; letter-spacing:-.04em; color:#2c2c2c; display:flex; align-items:center;}
.channel-box .links a img {margin-right:12px;}

.recruit .recruit_btn {margin-top: 100px;}
.office .list ul {display:flex; margin:-10px;}
.office .list li {width:33.333%; padding:10px;}
.office-links {margin-top:90px;}
.office-links ul {display:flex; justify-content:center;}
.office-links ul li {margin:0 25px;}
.office-links ul li a {height: 250px; width: 250px; padding:0 25px; border-radius:35px; display:flex; flex-flow: column; justify-content: flex-start; border: 1px solid rgb(25,25,25); background: #fff;}
.office-links ul li a:hover {box-shadow: 0 0 0 6px #e50012; border-color: #e50012;}
.office-links ul li a .link_btn_title {color: #2c2c2c; font-size: 35px; text-align: center; font-weight:500; margin-top: 25px;}
.office-links ul li a .link_btn_sub_title {color: #e50012; font-size: 18px; margin-top: 4px;}
.office-links ul li a .img {display: flex; justify-content: center; margin-top: auto;}
.office-links ul li a .img img {max-height: 145px;}
.office-links ul li a .mobile {display: none;}
.office-links ul li a .pc {display: inline-flex;}

/* ir 문의 */
.ir-inquiry .icon {margin-bottom:34px;}
.ir-inquiry .list {margin-top:45px;}
.ir-inquiry .list ul {margin:0 -5px; display:flex; justify-content:center;}
.ir-inquiry .list ul li {padding:0 5px; width:50%; max-width:380px;}
.ir-inquiry .list .box {transition:.3s; border:1px solid #f4f4f4; padding:42px 10px; background:#f4f4f4; border-radius:80px; text-align:center;}
.ir-inquiry .list .box:hover {border:1px solid #e50012; }
.ir-inquiry .list .tit {margin-bottom:12px; font-size:16px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#878787;}
.ir-inquiry .list .txt {font-size:26px; font-weight:500; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}
.ir-inquiry .comment {text-align:center; margin-top:44px; font-size:22px; font-weight:700; letter-spacing:-.04em; line-height:1.4em; color:#2c2c2c;}

.top_button {position: fixed; right: 51px; bottom: 45px; z-index: 100; cursor: pointer;}
.top_button .pc_top {display: block;}
.top_button .mobile_top {display: none;}