@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting {display:flex;}
.greeting .cnt {flex:1; margin-left:80px; padding-top:110px; position:relative;}
.greeting .cnt .txt {position:absolute; top:65px; left:-120px; font-size:160px; color:rgba(238,238,238,.6); font-weight:700; z-index:-1;}
.greeting .cnt p {margin-bottom:20px; line-height:1.875em;}
.greeting .cnt .last {font-size:18px; margin-top:50px; font-weight:500; color:#2c2c2c; text-align:right;}
.greeting .cnt .last img {margin:-15px 0 0 25px;}

.history-img {margin-bottom:55px;}

.history {padding-bottom:110px; text-align:center; background-image:url('../images/sub/historyBg.jpg'); background-size:cover; background-repeat:no-repeat;}
.history p {font-size:18px; margin-bottom:32px; line-height:1.889em;}
.history p:last-child {margin-bottom:0;}

.manage-cnt {margin-top:40px; display:flex;}
.manage-cnt .txt {padding-top:20px; flex:1; line-height:1.875em;}
.manage-cnt .txt p {margin-bottom:20px;}
.manage-cnt .txt p span {color:#c40452;}
.manage-cnt .txt p:last-child {margin-bottom:0;}

.coman-txt.mobile {display:none;}

.b-outline {padding:115px 0; background-image:url('../images/sub/outlineBg.png'); background-size:cover; background-repeat:no-repeat; position:relative;}

.b-outline .coman-txt {position:absolute; top:60px; left:0;}
.b-outline .tit {font-size:24px; margin-bottom:45px; letter-spacing:-.04em; color:#c40452; text-align:center;}
.b-outline .box {margin:0 auto; padding:0 30px; max-width:760px; width:100%;}

.outline-history li {margin-bottom:25px; line-height:1.625em;}
.outline-history li span {font-size:22px; letter-spacing:-.04em; color:#2c2c2c;}
.outline-history li:last-child {margin-bottom:0;}

.oversea-img {margin-bottom:25px;}

.income-network .col {padding:50px 0 15px; border-bottom:1px solid #dfdfdf;}
.income-network .col .tit {font-size:26px; margin-bottom:30px; letter-spacing:-.04em; color:#2c2c2c; font-weight:700; line-height:1.3em;}
.income-network .col .tit img {margin-right:20px; margin-top:-.1em; vertical-align:middle;}
.income-network .col:last-child {border-bottom:0; padding-bottom:0;}

.spon .col {border-bottom:0; padding-top:0; padding-bottom:65px;}

.brand-list {display:flex; flex-wrap:wrap; margin:0 -16px;}
.brand-list li {width:25%; padding:0 16px; margin-bottom:25px;}
.brand-list li a {display:block;}
.brand-list li a .brand-logo {height:100px; width:100%;display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative;}
.brand-list li a .brand-logo:after {position:absolute; content:''; width:100%; height:100%; top:0; left:0; border:1px solid #dfdfdf;}
.brand-list li:hover .brand-logo {box-shadow:1px 5px 10px rgba(196,4,82,.2);}
.brand-list li:hover .brand-logo:after {border:3px solid #c40452;}
.brand-list li a .name {margin-top:15px; text-align:center;}

.spon-list li {width:33.3333%; margin-bottom:0;}

.mnf {font-size:20px; text-align:center; line-height:1.6em;}
.mnf .c1 {color:#c40452;}
.mnf .c2 {color:#1f974d;}

.mnf-logo {margin:25px 0 50px; text-align:center;}

.mnf-more {width:220px; margin:0 auto;}

.wid1 {width:100%; max-width:165px;}
.wid2 {width:100%; max-width:300px;}

.sponsor {padding:230px 60px 75px; margin-bottom:75px; border-bottom:1px solid #dfdfdf; background-image:url('../images/sub/sponsor.jpg'); background-size:contain; background-repeat:no-repeat;}
.sponsor .box {padding-top:50px; background-color:#fff; text-align:center;}
.sponsor .box .tit {margin-bottom:15px; line-height:1.4em; color:#1f974d; font-weight:700; letter-spacing:.6em;}
.sponsor .box h4 {font-size:26px; letter-spacing:-.04em; font-weight:200;}

.doc-tit {font-size:20px; padding-left:38px; padding-bottom:20px; letter-spacing:-.04em; font-weight:500; color:#2c2c2c; position:relative;}
.doc-tit:before {position:absolute; content:''; width:25px; height:21px; left:0; top:4px; background-image:url('../images/sub/doc_tit.png'); background-size:contain; background-repeat:no-repeat;}

.product-introduce {display:flex;}
.product-introduce .left-menu {width:225px; margin-right:55px; padding:30px 0 0 10px; border-top:1px solid #2c2c2c;}

.local-list .country {padding-bottom:25px;}
.local-list .country > a {margin-bottom:12px; display:inline-block; color:#878787; font-weight:500; background-color:#eee; padding:3px 10px; border-radius:5px;}
.local-list .country ul {padding-left:50px; position:relative;}
.local-list .country ul:before {position:absolute; content:''; top:0; bottom:0; left:20px; background-color:#dfdfdf; width:1px;}
.local-list .country ul li {margin-bottom:17px;}
.local-list .country ul li a {font-size:15px; line-height:1.333em; display:inline-block;}
.local-list .country ul li:hover a,
.local-list .country ul li.active a {color:#c40452; font-weight:500; border-bottom:1px solid #c40452;}
.local-list .country:last-child {padding-bottom:0;}
.local-list .country ul li:last-child {margin-bottom:0;}
.local-list .country.active > a {color:#fff; background-color:#c40452;}

.product-list ul li:hover .thumb {box-shadow:1px 5px 10px rgba(196,4,82,.2);}
.product-list ul li:hover .thumb:after {border:3px solid #c40452;}

.product-introduce .content {padding-top:30px; flex:1; width:1%;}

.top-logo {padding-bottom:45px; margin-bottom:50px; text-align:center; border-bottom:1px solid #dfdfdf;}
.top-logo .imgwrap {max-width:276px; width:100%; margin:0 auto;}	
.top-logo .thumb {position:relative; padding-bottom:36%; margin-bottom:25px; overflow:hidden;}
.top-logo .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.top-logo .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #dfdfdf;}
.top-logo .name {font-size:32px; font-weight:700; color:#2c2c2c;}

.product-info .txt ul {padding:25px 0; margin-bottom:60px; border-top:1px solid #2c2c2c; border-bottom:1px solid #2c2c2c;}
.product-info .txt ul li {display:flex; margin-bottom:12px; line-height:1.3em;}
.product-info .txt ul li:last-child {margin-bottom:0;}
.product-info .txt ul li span {font-size:15px; padding-left:20px; font-weight:500; color:#2c2c2c; width:95px; position:relative;}
.product-info .txt ul li span:before {position:absolute; content:''; width:6px; height:6px; top:6px; left:0; background-color:#c40452; border-radius:100%;}
.product-info .txt ul li .cnt {flex:1;}

.btn-wrap {display:flex; margin:0 -5px;}
.btn-wrap .cen {padding:0 5px;}
.btn-wrap .btn-pack.xlarge {min-width:185px;}
.btn-wrap .cen .btn-pack {margin:0; height:54px; line-height:52px; font-size:16px;}

.pro-slider-nav .img-box {padding:0 3px; opacity:.7;}
.pro-slider-nav .img-box.slick-current {opacity:1;}
.pro-slider-nav .img-box.slick-current .img:after {border-color:#c40452;}