@charset "utf-8";

.brand .comm-logo {margin:-15px 0 -24px;}
.comm-logo a {display:block; width:228px; height:74px; background-size:100% 100%; background-repeat:no-repeat;}
.brand-modal.modal.modal-full { height: 100vh; max-height: 100vh; margin: -20px; width: calc( 100% + 40px ); max-width: calc( 100% + 40px );}
.brand-modal.modal.modal-full .modal-header { background-color: #fff; height: 80px; margin-bottom: 0;}
.brand-modal.modal.modal-full .modal-header::after { display: none}
.brand-modal.modal.modal-full .modal-header .logo { padding: 8px 0 0 20px }
.brand-modal.modal.modal-full .modal-header .comm-logo a { width:197px; height:64px; }
.brand-modal.modal.modal-full a.close-modal { background-image: url(../images/common/icon-close.svg); top: 30px;}
.today-check { position: absolute; right: 100px; top: 30px; color: #333; }
.today-check a { font-size:16px; }
/*.brand.brand-k2 .header-wrap .nav-sub-wrap .nav-1 {max-width:100%;margin:0;padding-top:34px;padding-bottom:34px;}
.brand.brand-k2 .header-wrap .nav-sub-wrap .nav-1 dl {display:flex;align-items:center;justify-content:center;}
.brand.brand-k2 .header-wrap .nav-sub-wrap .nav-1 dl dd {margin:0 35px;}
.brand.brand-k2 .header-wrap .nav-sub-wrap .nav-1 dl dd a {color:#333;}*/

.brand-back{position: absolute;top: 0;z-index: -1;}
/* --- 꼭필요한 css --- */
.vertical_motion { margin:0; padding:0; list-style:none; } 
.vertical_motion .vm_list { float:left; overflow:hidden; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; } 
.vertical_motion .vm_list img { vertical-align:middle } 
.vertical_motion .vm_list.last { margin-right:0 } 
/* --- 꼭필요한 css --- */
.brand-modal.modal.modal-full .modal-middle { background: #fff; position: relative; } 
/* .vertical_motion.flex { width: 1920px; height: calc( 100vh - 80px); max-height: calc( 100vh - 80px); overflow: hidden;}  */
.vertical_motion.flex { width: 100vw; height: calc( 100vh - 80px); max-height: calc( 100vh - 80px); overflow: hidden;} 
.vertical_motion.flex>li { width: 100%; height: 100%; background-position: center center; position: relative; overflow:hidden; } 
.vertical_motion.flex>li .txt-area { position: absolute; left: calc(50% - 150px); top: 50%; transform: translateY(-50%);} 
.vertical_motion.flex>li .txt-area div { width: 300px; text-align: center; } 
.vertical_motion.flex>li .visual-txt01 { transition: transform .3s } 
.vertical_motion.flex>li.on .visual-txt01 { transform: scale(1.5);font-weight:700 } 
.vertical_motion.flex>li a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-size:cover;} 

.brand-h1 { font-size: 32px; color: #000 } 
.brand-nav{margin-left:40px;position:relative;}
.brand-nav::before{position:absolute;width:1px;height:20px;background-color:#000;left:-10px;top:10px;}
.brand-nav li.on a {border-bottom: 2px solid #000; } 
.brand-nav a { display: block; font-size: 24px; padding: 3px 0 } 
.heritage-section-01 { height: 810px;} 
.brand-big-txt { font-size: 80px; color: #000; line-height: 90px; letter-spacing: -0.02em; } 
.brand-big-txt strong{ font-size: 80px; color: #000; line-height: 90px; letter-spacing: -0.02em; font-weight:900} 
.brand-mid-txt { font-size: 40px; color: #000; line-height: 50px; } 
.brand-small-txt { font-size: 22px; color: #000; line-height: 32px; } 
.brand-p { font-size: 18px; color: #333; line-height: 28px; } 
.brand-hbar { display: block; width: 50px; height: 3px; background-color: #000; } 
.brand-hbar.white { background-color: #FFF; } 
.heritage-section-01 .txt-holder { position: relative } 
.heritage-section-01 .left-sec .brand-big-txt { position: absolute; left: 0; top: 108px } 
.heritage-section-01 .left-sec .brand-small-txt { position: absolute; left: 0; top: 343px } 
.heritage-section-01 .right-sec .brand-small-txt { position: absolute; width: 515px; right: 0; top: 348px } 
.heritage-section-01 .right-sec .brand-p { position: absolute; width: 515px; right: 0; top: 420px } 
.heritage-section-02 > .flex { height: 640px; } 
.heritage-section-02 > .flex > div { flex: 1 } 
.heritage-section-02 .left-sec .brand-p { width: 515px; } 
.heritage-section-02 .right-sec { position: relative } 
.heritage-section-02 .right-sec > img:first-child { margin-bottom: 40px } 
.heritage-section-02 .right-sec .eider-logos { width: 328px; position: absolute; left: 50%; top: 198px; margin-left: -164px } 
.heritage-section-02 .right-sec .eider-logos li { margin: 7px } 
.heritage-section-03 { background-color: #888; } 
.heritage-section-03 > .flex { height: 700px; } 
.heritage-section-03 > .flex > div { flex: 1 } 
.heritage-section-03 .left-sec * { color: #fff } 
.heritage-section-03 .brand-hbar { background-color: #fff } 
.heritage-section-03 .left-sec .brand-p { width: 515px; } 
.heritage-section-04 > .flex { height: 640px; } 
.heritage-section-04 > .flex > div { flex: 1 } 
.heritage-section-04 .left-sec .brand-p { width: 515px; } 
.heritage-section-04 .right-sec > img:first-child { margin-top: 40px } 

.history-section-01 { height: 980px;position: relative } 
.history-section-01 .brand-big-txt { position: absolute; top: 108px; left: 100px; color: #fff } 
.history-section-01 .brand-small-txt { width: 650px; position: absolute; top: 245px; left: 100px; color: #fff } 
.history-line { position: absolute; left: 50%; top: 182px; width: 1128px; height: 498px; background: url(../images/brand/eider-history-line.svg) no-repeat center center; margin-left: -564px } 
.history-txt h6 { font-size: 18px; color: #fff } 
.history-txt p { font-size: 14px; color: #fff; line-height: 22px; } 
.history-2016 { position: absolute; top: 77px; left: 50%; margin-left: 510px } 
.history-2016 .history-txt { margin: 6px 0 0 100px } 
.history-2016 img { width: 150px; height: 150px; } 
.history-2015 { position: absolute; top: 255px; left: 50%; margin-left: 355px } 
.history-2015 .history-txt { margin: -160px 0 0 -100px } 
.history-2015 img { width: 120px; height: 120px; } 
.history-2014 { position: absolute; top: 380px; left: 50%; margin-left: 170px } 
.history-2014 .history-txt { margin: 6px 0 0 75px } 
.history-2014 img { width: 110px; height: 110px; } 
.history-2006 { position: absolute; top: 459px; left: 50%; margin-left: 5px } 
.history-2006 .history-txt { margin: -160px 0 0 -100px } 
.history-2006 img { width: 100px; height: 100px; } 
.history-1990 { position: absolute; top: 525px; left: 50%; margin-left: -140px } 
.history-1990 .history-txt { margin: 6px 0 0 50px } 
.history-1990 img { width: 90px; height: 90px; } 
.history-1980 { position: absolute; top: 573px; left: 50%; margin-left: -300px } 
.history-1980 .history-txt { margin: -130px 0 0 -100px } 
.history-1980 img { width: 80px; height: 80px; } 
.history-1970 { position: absolute; top: 617px; left: 50%; margin-left: -460px } 
.history-1970 .history-txt { margin: 6px 0 0 40px } 
.history-1970 img { width: 70px; height: 70px; } 
.history-1962 { position: absolute; top: 658px; left: 50%; margin-left: -620px } 
.history-1962 .history-txt { margin: -140px 0 0 -100px } 
.history-1962 img { width: 60px; height: 60px; } 
.history-item { transition: transform .35s; cursor: pointer; } 
.history-item:hover { transform:scale(1.3); } 
.media-section-01{border-top:1px solid #ddd}
.media-item h3 { font-size: 18px; color: #000 } 
.media-item a { display: block } 
.media-item p { font-size: 16px; color: #000; margin-bottom: 10px } 
.media-list .media-item { width: 520px;} 
.media-item.big-media h3 { font-size: 30px; color: #000 } 
.media-item.big-media img { width: 100%; height: auto; } 
.media-list { margin: 0 -20px } 
.media-list li { margin:0 20px 57px } 

.brand [class*='line-section']:nth-child(odd) > .flex { height: 700px; } 
.brand [class*='line-section']:nth-child(odd) > .flex > div { flex: 1 } 
.brand [class*='line-section']:nth-child(odd) .left-sec .brand-small-txt { font-size: 20px } 
.brand [class*='line-section']:nth-child(odd) .left-sec .brand-p { width: 515px; font-size: 16px; line-height: 26px } 
.brand [class*='line-section']:nth-child(even) > .flex { height: 700px; flex-direction: row-reverse; } 
.brand [class*='line-section']:nth-child(even) > .flex > div { flex: 1 } 
.brand [class*='line-section']:nth-child(even) .left-sec { margin-left: 160px } 
.brand [class*='line-section']:nth-child(even) .left-sec .brand-small-txt { font-size: 20px } 
.brand [class*='line-section']:nth-child(even) .left-sec .brand-p { width: 515px; font-size: 16px; line-height: 26px } 
.line-section-01 > .flex { border-top: 1px solid #ddd }
.campaign-filter{border-top:1px solid #ddd}
.brand [class*='campaign-section-'] > .flex { height: auto; } 
.brand [class*='campaign-section-'] > .flex > div { flex: 1 } 
.brand [class*='campaign-section-'] .right-sec { margin-left: 160px } 
.brand [class*='campaign-section-'] .right-sec * {font-family:inherit !important;}
.brand [class*='campaign-section-'] .right-sec .brand-small-txt { position: relative; padding-bottom: 20px; font-size: 20px } 
.brand [class*='campaign-section-'] .right-sec .brand-p { width: 515px; font-size: 16px; line-height: 26px } 
.btn-wlong{padding:8px 20px!important;width:auto!important}
.lookbook-section-01 { border-top: 1px solid #ddd }
.lookbook-list { margin: 0 -20px } 
.lookbook-list li { margin:0 20px 40px } 
.lookbook-item img { width: 380px; height: 510px } 

.swiper-lookbook .swiper-slide { height: 740px } 
.swiper-lookbook .swiper-slide img, .swiper-lookbook .swiper-slide .img { object-fit: cover; display: block; margin-left: auto; margin-right: auto; max-height: 700px; margin-bottom: 40px } 
.swiper-lookbook .swiper-slide video { width: 100%; height: auto } 
.swiper-lookbook .swiper-pagination.swiper-pagination-fraction { bottom: 0!important; } 

.brand-quick-nav { display:none; position: absolute; bottom: 0; right: 0; width: 210px; height: auto; background-color: #fff; border: 1px solid #333; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);}
.brand-quick-nav.on { display: block }
.brand-quick-nav .quick-nav-header{position:relative; padding:0 15px; border-bottom:1px solid #333;}
.brand-quick-nav .comm-logo {display:flex; align-items:center; /* justify-content:center; 580 브랜드페이지 브랜드 퀵메뉴 퍼블 수정 */height:55px;}
/* 580 브랜드페이지 브랜드 퀵메뉴 퍼블 수정 */
.brand-quick-nav .comm-logo.k2ml {margin-left:-21px;}
.brand-quick-nav .comm-logo.dyml {margin-left:-24px;}
.brand-quick-nav .comm-logo.nsadml {margin-left:-3px;}
.brand-quick-nav .comm-logo.sftml {margin-left:5px;}
.brand-quick-nav .comm-logo.prtml {margin-left:8px;}
.brand-quick-nav .comm-logo.tlml {margin-left:8px;}
.brand-quick-nav .comm-logo a { width:129px; height:42px; }
.brand-quick-nav .quick-nav-content ul {padding:14px 35px;}
.brand-quick-nav .quick-nav-content ul li {width:100%;}
.brand-quick-nav .quick-nav-content ul li a {position:relative; display:block; width:100%; padding:6px 0 6px 50px; color:#333; font-size:16px; line-height:26px;}
.brand-quick-nav .quick-nav-content ul li a:before {content:''; position:absolute; left:0; top:50%; width:26px; height:26px; margin-top:-13px; background-repeat:no-repeat; background-position:left center;}
.brand-quick-nav .quick-nav-content ul li a.info:before {background-image:url(../images/brand/brand-menu-01.svg);}
.brand-quick-nav .quick-nav-content ul li a.media:before {background-image:url(../images/brand/brand-menu-02.svg);}
.brand-quick-nav .quick-nav-content ul li a.line:before {background-image:url(../images/brand/brand-menu-03.svg);}
.brand-quick-nav .quick-nav-content ul li a.campaign:before {background-image:url(../images/brand/brand-menu-04.svg);}
.brand-quick-nav .quick-nav-content ul li a.lookbook:before {background-image:url(../images/brand/brand-menu-05.svg);}
.brand-quick-nav .quick-nav-content ul li a.certification:before {background-image:url(../images/brand/brand-menu-06.svg);}
.brand-quick-nav .quick-nav-content ul li a.flagship:before {background-image:url(../images/brand/brand-menu-07.svg);}
.brand-quick-nav .quick-nav-content ul li a.catalog:before {background-image:url(https://contents.k-village.co.kr/PUBL_con/html/pc/images/brand/icon_ks_catalog.svg);}
.brand-quick-nav .quick-nav-content ul li a:after {content:''; position:absolute; left:37px; top:50%; width:1px; height:20px; margin-top:-10px; background-color:#ddd;}
.brand-quick-nav .nav-close { top:17px; right: 15px;}

/* Scroll Animation (sa, 스크롤 애니메이션) */
.sa { opacity: 0; transition: all .8s ease; } 

/* 아래에서 위로 페이드 인 */
.sa-up { transform: translate(0, 100px); } 
/* 위에서 아래로 페이드 인 */
.sa-down { transform: translate(0, -100px); } 
/* 왼쪽에서 오른쪽으로 페이드 인 */
.sa-right { transform: translate(-100px, 0); } 
/* 오른쪽에서 왼쪽으로 페이드 인 */
.sa-left { transform: translate(100px, 0); } 

.sa.show { opacity: 1; transform: none; } 
/* .brand-local-nav{width:200px;margin-right:80px} */
.local-nav-line{width:100%;height:3px;background-color:#000;}
.brand-local-nav .local-sub-nav{border-left:1px solid #888;padding-left:16px;margin:10px 0 0}
.brand-local-nav .local-sub-nav li > a{font-size:14px;}
.brand-local-nav .local-sub-nav li.on > a{text-decoration: underline;}
.search-ul li{font-size:13px;padding:0 12px;cursor: pointer;position:relative;line-height: 13px;}
.search-ul li::before{content:'';display:block;position:absolute;left:0;top:0;width:1px;height:13px;background-color:#ddd;}
.search-ul li:first-child:before{display:none}
.search-ul li.on{font-weight:700}

/* 20250304 1뎁스 크기 및 간격 다른 페이지 css 간섭 안되게 클래스명 수정 */
.brand-local-nav.new > ul {margin: 30px 0;}
.brand-local-nav.new > ul > li {padding: 0;}
.brand-local-nav.new > ul > li ~ li {margin-top: 30px;}
.brand-local-nav.new > ul > li > a {font-size: 20px;line-height: 14px;}
.brand-local-nav.new .local-sub-nav {padding-left: 16px;margin: 15px 0 0;}

.lookbook-swipe-wrap{width:1640px;}
.lookbook-swipe-wrap #swiper-lookbook{width:1640px;height:936px;overflow:hidden}
.lookbook-swipe-wrap #swiper-lookbook .swiper-slide .img, .best-swipe-wrap #swiper-lookbook .swiper-slide img{max-height:936px;margin-left:auto;margin-right:auto;overflow:hidden}
.lookbook-swipe-wrap #swiper-lookbook .swiper-slide .img,
.lookbook-swipe-wrap #swiper-lookbook .swiper-slide .img img {height:100%;}
#swiper-lbthumbs{width:1640px}
#swiper-lbthumbs .swiper-slide .img{border:2px solid transparent;overflow:hidden;}
#swiper-lbthumbs .swiper-slide-thumb-active .img{border:2px solid #000}
#swiper-lbthumbs .swiper-slide .img{width:280px;height:370px}
.brand-nsad-concept{background:url(../images/brand/nsad-concept-bg.jpg) no-repeat top center}
.concept-section-01{height:630px}
.concept-section-01 .left-sec .brand-big-txt { position: absolute; left: 0; top: 100px } 
.concept-section-01 .left-sec .brand-small-txt { position: absolute; left: 0; top: 300px } 
.concept-section-01 .left-sec .brand-p { position: absolute; left: 0; top: 415px }
.concept-section-02{height:700px;display:flex;justify-content: left;align-items: center;}
.k2safety-concept-section-02{background:url(../images/brand/k2safety-concept-sec-2-bg.jpg) no-repeat top center}
.k2safety-concept-section-02 .brand-mid-txt{color:#fff}
.k2safety-concept-section-02 .brand-p{color:#fff}
.concept-section-03{height:700px;display:flex;justify-content: left;align-items: center;}
.k2safety-concept-section-03{background:url(../images/brand/k2safety-concept-sec-3-bg.jpg) no-repeat top center}
.k2safety-concept-section-03 .brand-mid-txt{color:#fff}
.k2safety-concept-section-03 .brand-p{color:#fff}
.brand-num{display:block;font-size:30px;margin:20px 0 10px}
.concept-section-04{height:700px;display:flex;justify-content: left;align-items: center;}
.k2safety-concept-section-04{background:url(../images/brand/k2safety-concept-sec-4-bg.jpg) no-repeat top center}
.k2safety-concept-feature div{width:50%}
.brand-k2safety-auth{background:url(../images/brand/k2safety-auth-bg.jpg) no-repeat top center}
.k2safety-history-section-01{position:relative;padding:100px 0}
.swiper-brandhistory{width:1420px;overflow:visible!important}
.history-slide{border-top:1px solid #fff;padding-top:40px;position:relative;}
.history-slide:first-child::before{content:'';display:block;width:30px;height:30px;border-radius:30px;position:absolute;left:-10px;top:-15px;z-index:2;background-color:rgba(255, 255, 255, .3);}
.history-slide::after{content:'';display:block;width:10px;height:10px;border-radius:10px;position:absolute;left:0;top:-5px;z-index:2;background-color:#fff;}
.history-slide h3{font-size:24px;color:#fff;font-weight:700}
.history-slide h4{font-size:16px;color:#fff;font-weight:700;width:70px;}
.history-slide p{font-size:14px;color:#fff;line-height:22px;width:190px}
.swiper-brandhistory .swiper-button-next, .swiper-brandhistory .swiper-button-prev { background-image: url(../images/common/swipe-arrow-left-wh.svg)!important;top:-80px!important} 
.swiper-brandhistory .swiper-button-prev{left:auto!important;right:60px!important}
.swiper-brandhistory::after{content:'';position:absolute;right:50px;top:-95px;width:1px;height:35px;background-color:#ddd;z-index:1}
.k2safety-auth-section-01{height:160px}
.brand-wangle-concept{background:url(../images/brand/wangle-concept-bg.jpg) no-repeat top center}
.brand-k2-concept{background:#e3dbd8 url(../images/brand/k2-concept-bg.jpg) no-repeat top right;}
.brand-k2-concept-csr{background:url(../images/brand/k2-concept-csr-bg.jpg) no-repeat top center;}
.brand-k2-concept-koreatrail{background:url(../images/brand/k2-concept-koreatrail-bg.jpg) no-repeat top center;}
.wangle-concept-section-01.concept-section-01{height:435px}
.wangle-concept-section-01.concept-section-01 .left-sec .brand-p{top:210px!important}
.wangle-concept-section-02.concept-section-02{height:890px;align-items: flex-start;}
.wangle-concept-section-02.concept-section-02 .left-sec{margin-top:210px}
.wangle-history-section-01{background:url(../images/brand/wangle-history-bg.jpg) no-repeat top center;padding:90px 0 120px}
.wangle-history-section-01 .wangle-wh-logo{width:190px;height:auto}
.wangle-history-section-01 .history-slide h4{width:90px;}
.wangle-history-section-01 .history-slide p{width:230px}
#swiper-lbthumbs.swiper-wa-lookbook .swiper-slide .img{width:280px;height:162px;text-align:center;cursor:pointer;}
#swiper-lbthumbs.swiper-wa-lookbook .swiper-slide .img img{height:100%}
.wangle-golfpro-section-00{background-color:#ddd;}
.wangle-golfpro-section-01{background-color:#E0E1E3;}
.wangle-golfpro-section-02{background-color:#E9EAEC;}
.wangle-golfpro-section-03{background-color:#D7D8DA;}
.wangle-golfpro-section-04{background-color:#D9DADC;}
.wangle-golfpro-section-05{background-color:#DDD;}
.golfpro-list{width:1440px;margin:0 auto;}
.golfpro-list ul{display:flex;flex-wrap:wrap;}
.golfpro-list li{width:480px;height:480px}
.golfpro-list li a{display:block;position:relative;height:480px;overflow:hidden;background: #e7e7e7;}
.golfp-list{position:absolute;left:30px;top:50%;margin-top:-27px;z-index: 1;font-size:30px;color:#333;font-weight:600;}
.golfp-list span{display:block;font-size:14px;font-weight:400;}
.golfpro-view{width:1440px;margin:0 auto;display:none;}
.golfpro-view.active{display:flex;}
.golfpro-pic{position: relative}
.golfpro-profile-wrap{width:500px;margin:0 0 0 100px}
.golfpro-view h2{font-size:44px;font-weight:600;border-bottom:1px solid #000;padding: 0 0 15px 0;width: 100%;}
.golfpro-view h2 em{display:block;font-size:44px;font-weight:600;}
.golfpro-view h3{border-bottom:1px solid #000;font-size:14px;font-weight:600;padding: 17px 0;margin:0 0 10px 0;}
.golfpro-view .golfpro-profile{border-bottom:1px solid #000;padding:17px 0;}
.golfpro-view .golfpro-profile div{display: flex;padding: 5px 0;font-size: 14px;color:#333;}
.golfpro-view .golfpro-profile div span{font-size: 14px;font-weight: 600;min-width: 120px;color:#000;}
.golfpro-view dl{font-size:14px;}
.golfpro-view dt{font-size:14px;font-weight:600;padding: 10px 0;color:#000}
.golfpro-view dd{color:#333;position: relative;line-height: 24px;font-size: 14px;padding:0 0 3px 12px;}
.golfpro-view dd:before{content:'-';display:block;position: absolute;left: 0;}
.golfnav{position:absolute;right: 0;top: auto;width: 1440px;display: none;justify-content: flex-end;left: 50%;margin: 80px 0 0 -720px;z-index:1}
.golfnav.on{display: flex;}
.golfnav .arr-left{position:relative;width:18px;height:30px;background:url(../images/common/arrow_left.svg) no-repeat center center;margin-right:24px}
.golfnav .arr-left::after{content: '';position:absolute;right:-25px;top:0;width:1px;height:30px;background-color:#bbb;}
.golfnav .arr-right{width:18px;height:30px;background:url(../images/common/arrow_right.svg) no-repeat center center;margin-left:24px}
.brand-dynafit-concept{background:url(../images/brand/dynafit-concept-bg.jpg) no-repeat top center}
.dynafit-concept-section-01.concept-section-01{height:840px}
.dynafit-concept-section-01.concept-section-01 .left-sec .brand-p{top:390px!important}
.dynafit-concept-section-01.concept-section-01 .left-sec .brand-mid-txt{position:absolute;left:0;top:550px!important}
.dynafit-concept-section-01.concept-section-01 .left-sec .brand-p.brand-p2{top:680px!important}
.dynafit-concept-section-01.concept-section-01 .concept-img-01{position:absolute;right:0;top:300px!important}
.dynafit-concept-section-02.concept-section-02{height:520px;}
.dyna-concept{margin-top:50px}
.dyna-concept img{display:block;margin:0 auto 15px auto;}
.dyna-concept li{margin:0 100px 0 0;text-align:center;}
.dyna-concept li span{font-size:12px;color:#000;display:block;}
.dyna-concept li strong{font-size:20px;color:#000;display:block;font-weight:500;}
.dyna-concept li strong:after{content:'';display:block;width:26px;height:1px;background:#000;margin:10px auto;}
.dyna-concept li p{font-size:14px;color:#000;line-height:22px;}
.dynafit-history-section-01{position: relative;padding:90px 0 120px;height:1287px;}
.brand-p strong{font-size:inherit;font-weight:600;}
.dynafit-history-section-01 .history-slide h4{width:90px;}
.dynafit-history-section-01 .history-slide p{width:230px}
.dynafit-history-section-01 .history-slide p strong{font-weight:600;font-size:16px}
.dynafit-bi-section-01{position: relative;padding:184px 0 0;height:980px;}
.dynafit-campaign-section-01 > .flex > .left-sec{width:960px;flex:auto!important}
.campaign-section-view{border-top:1px solid #ddd}
.philosophy-section-01{height:954px;}
.philosophy-section-02{background:#E3DBD8}
.philosophy-section-03{background:#E3DBD8;padding: 100px 0 150px 0;}
.philosophy-section-01 .left-sec .brand-big-txt{position:absolute;top:100px;left:0;}
.philosophy-section-02 > .flex {height: 662px; padding-left:0;} 
.philosophy-section-02 > .flex > div { flex: 1 } 
.philosophy-section-02 > .flex .left-sec {padding-right:120px;} 
.philosophy-section-03 > .flex {margin:0 auto;justify-content: space-between;}
.philosophy-section-03 > .flex > li {margin:0; } 
.philosophy-section-03 .philosophy-item .philosophy-img{position:relative;;}
.philosophy-section-03 .philosophy-item .philosophy-img img{vertical-align:top;}
.philosophy-section-03 .philosophy-item .philosophy-img > strong {position:absolute; top:50%; left:50%; font-size:24px; font-weight:700; color:#fff; transform:translate(-50%, -50%);}
.philosophy-section-03 .philosophy-item .philosophy-info {padding-top:20px;}
.philosophy-section-03 .philosophy-item .philosophy-info h3{font-size:18px; font-weight:500; line-height:28px; color:#000;}
.philosophy-section-03 .philosophy-item .philosophy-info > p{margin-top:10px; font-size:16px; line-height:26px; color:#000;}
.brand-k2 .media-item.big-media p {margin:10px 0 0; font-size:22px; line-height:22px;}

.campaign-list {margin:0 -20px;}
.campaign-list > li {margin:0 20px 57px;}
.campaign-list .campaign-item p {font-size:16px; line-height:16px; letter-spacing:-0.41px; color:#000;}
.campaign-list .campaign-item h3 {margin-top:17px; font-size:18px; font-weight:700; line-height:18px; color:#333;}

.campaign-view-info {position:relative; padding:30px 0 30px 110px;}
.campaign-view-info * {font-family:inherit !important;}
.campaign-view-info .tit-desc {font-size:22px; line-height:22px; color:#000;}
.campaign-view-info .tit {margin-top:10px; font-size:40px; font-weight:400; line-height:50px; letter-spacing:-0.02em; color:#000;}
.campaign-view-info .txt {font-size:18px; line-height:28px; color:#000;}
.campaign-view-info .tit:after {content:''; display:block; width:50px; height:3px; margin:25px 0; background-color:#000;}
.campaign-view-info .flex {padding-left:3px;}
.campaign-view-info .flex-item {margin-top:10px; padding-right:60px;}
.campaign-view-info .flex-item:first-child {margin-left:0; }
.campaign-view-info .flex-item > strong {font-size:18px; font-weight:700; line-height:18px; color:#333; text-align: center;}
.campaign-view-info .flex-item ul {margin-top:10px;}
.campaign-view-info .flex-item ul li {padding-left:12px; font-size:18px; line-height:28px; color:#888; text-indent:-12px;}
.campaign-view-info .flex-item ul li:before {content:'-'; display:inline-block; width:7px; margin-right:5px; font-size:14px; line-height:22px; text-align:center; color:#888;}

.campaign-view-list {margin:-10px -20px -20px;}
.campaign-view-list > li {margin:20px;}

.k2-csr-campaign-section-01 {height:645px;}
.k2-csr-campaign-section-01 .left-sec .brand-big-txt {position:absolute; top:100px;}
.k2-csr-campaign-section-01 .left-sec .brand-p {position:absolute; top:310px;}

.k2-csr-campaign-section-02 {position:relative; width:1640px; margin:77px auto 71px; padding:23px 0 0 107px;}
.k2-csr-campaign-section-02 h3 {font-size:40px; font-weight:400; line-height:50px; color:#000; letter-spacing:-0.02em;}
.k2-csr-campaign-section-02 .csr-vision-list {margin-top:20px;}
.k2-csr-campaign-section-02 .csr-vision-list dt {margin-top:40px; font-size:22px; font-weight:700; line-height:22px; color:#000;}
.k2-csr-campaign-section-02 .csr-vision-list dt:first-child {margin-top:0;}
.k2-csr-campaign-section-02 .csr-vision-list dt.full-w{margin-top:80px;}
.k2-csr-campaign-section-02 .csr-vision-list dd {margin-top:20px; font-size:18px; line-height:18px; color:#000;}
.k2-csr-campaign-section-02 .csr-vision-list dd.flex.between {margin-top:24px;width: 730px;display: flex;flex-wrap: wrap;}
.k2-csr-campaign-section-02 .csr-vision-list dd.flex.between > div {width:335px;margin: 0 0 25px 0;}
.k2-csr-campaign-section-02 .csr-vision-list dd.flex.between strong {font-size:18px; font-weight:500; line-height:28px;}
.k2-csr-campaign-section-02 .csr-vision-list dd.flex.between p {font-size:18px; line-height:28px;}
.k2-csr-campaign-section-02 .k2-csr-campaign {position:absolute; top:40px; right:0;}

.k2-csr-tab {display:flex; padding:22px 0 31px; background:#333; align-items:center; justify-content:center;}
.k2-csr-tab > li {position:relative; margin:0 25px; font-size:22px; line-height:22px; color:#fff; cursor:pointer; letter-spacing:0;}
.k2-csr-tab > li.active {font-weight:700;}
.k2-csr-tab > li.active:before {content:''; position:absolute; bottom:-10px; left:0; right:0; height:3px; background:#fff;}

.k2-csr-tab-cont {display:none; background:#eee; width:1920px; padding:0 140px 132px;}
.k2-csr-tab-cont.active {display:block;}
.k2-csr-tab-cont .k2-csr-tab-info {padding:110px 0 60px 108px;}
.k2-csr-tab-cont .k2-csr-tab-info h4 {font-size:40px; font-weight:400; line-height:50px; color:#000; letter-spacing:-0.02em;}
.k2-csr-tab-cont .k2-csr-tab-info h4 span {display:inline-block; margin-left:10px;                                          font-size:12px; line-height:13px; color:#333; vertical-align:7px;}
.k2-csr-tab-cont .k2-csr-tab-info ul {display:flex; margin-top:20px; align-items:flex-start; justify-content: space-between;}
.k2-csr-tab-cont .k2-csr-tab-info ul li > strong {display:block; font-size:22px; font-weight:700; line-height:28px; color:#000;}
.k2-csr-tab-cont .k2-csr-tab-info ul li > p {font-size:18px; line-height:28px; color:#000;}
.k2-csr-tab-cont .k2-csr-tab-info ul .w-686 {width:686px;}
.k2-csr-tab-cont .k2-csr-tab-info ul .w-720 {width:720px;}
.k2-csr-tab-cont .k2-csr-tab-info ul .w-813 {width:813px;}
.k2-csr-tab-cont .k2-csr-swiper {position:relative; width:calc(100% + 160px); margin:0 -80px; padding:0 80px;}
.k2-csr-tab-cont .k2-csr-swiper [class*='swiper-button-'] {top:459px;}
.k2-csr-tab-cont .swiper-thumbs [class*='swiper-button-'] {width:61px !important; height:61px !important; top:50% !important; margin-top:0 !important; transform:translateY(-50%);}
.k2-csr-tab-cont .swiper-thumbs .swiper-button-next {background-image:url(../images/common/ico_thumbs_left.svg) !important;}
.k2-csr-tab-cont .swiper-thumbs .swiper-button-prev {background-image:url(../images/common/ico_thumbs_right.svg) !important;}
.k2-csr-tab-cont .swiper-k2-csr {margin-top:140px;}
.k2-csr-tab-cont .swiper-k2-csr .swiper-wrapper {justify-content:space-between;}
.k2-csr-tab-cont .swiper-k2-csr .swiper-wrapper .swiper-slide {width:380px; margin-right:40px;}
.k2-csr-tab-cont .swiper-k2-csr .swiper-wrapper .swiper-slide:last-child {margin-right:0;}
.k2-csr-tab-cont .swiper-k2-csr .swiper-wrapper .swiper-slide .img {cursor: pointer;}

.k2-awesomedoor-campaign-section-01 {margin-top:20px; border-top:1px solid #ddd;}

.k2-koreatrail-list {width:1640px; margin-left:auto; margin-right:auto; padding:81px 0 150px 107px;}
.k2-koreatrail-list > li {width:700px;}
.k2-koreatrail-list > li h4 {margin-top:30px; font-size:40px; font-weight:400; line-height:50px; color:#000; letter-spacing:-0.02em;}
.k2-koreatrail-list > li h4 span {font-size:20px; line-height:30px;}
.k2-koreatrail-list > li p {margin-top:20px; font-size:18px; line-height:28px; color:#000;}
.k2-koreatrail-campaign-section-01 {height:644px;}
.k2-koreatrail-campaign-section-01 .brand-big-txt {position:absolute; top:100px;}
.k2-koreatrail-campaign-section-01 .brand-p {position:absolute; top:299px;}
.k2-koreatrail-campaign-section-01 .brand-p strong {font-weight:700;}
.k2-koreatrail-campaign-section-02 {height:700px; background:url(../images/brand/k2-koreatrail-bg-01.jpg) no-repeat 50% 50%;}
.k2-koreatrail-campaign-section-02 .brand-mid-txt {position:absolute; top:180px;}
.k2-koreatrail-campaign-section-02 .brand-p {position:absolute; top:300px;}
.k2-koreatrail-campaign-section-03 {height:700px; background:#eae5d9 url(../images/brand/k2-koreatrail-bg-02.jpg) no-repeat 100% 50%;}
.k2-koreatrail-campaign-section-03 .brand-mid-txt {position:absolute; top:182px;}
.k2-koreatrail-campaign-section-03 .brand-p {position:absolute; top:302px;}
.k2-koreatrail-campaign-section-04 {height:700px; background:#f2f7e5 url(../images/brand/k2-koreatrail-bg-03.jpg) no-repeat 100% 50%;}
.k2-koreatrail-campaign-section-04 .brand-mid-txt {position:absolute; top:183px;}
.k2-koreatrail-campaign-section-04 .brand-p {position:absolute; top:253px;}
.k2-koreatrail02-campaign-section-01 {height:644px; background:url(../images/brand/k2-koreatrail02-bg-01.jpg) no-repeat 50% 50%;}
.k2-koreatrail02-campaign-section-01 > div {height:100%; background:url(../images/brand/k2-koreatrail02-img-01.jpg) no-repeat 108px 50%;}
.k2-koreatrail02-campaign-section-01 .brand-big-txt {position:absolute; top:116px; left:707px;}
.k2-koreatrail02-campaign-section-01 .brand-small-txt {position:absolute; top:326px; left:707px;}
.k2-koreatrail02-campaign-section-01 .brand-p {position:absolute; top:366px; left:707px;}
.k2-koreatrail02-campaign-section-02 {height:700px; background:url(../images/brand/k2-koreatrail02-bg-02.jpg) no-repeat 50% 50%;}
.k2-koreatrail02-campaign-section-02 .brand-mid-txt {position:absolute; top:180px; left:1000px;}
.k2-koreatrail02-campaign-section-02 .brand-p {position:absolute; top:300px; left:1000px;}
.k2-koreatrail02-campaign-section-03 {height:700px;}
.k2-koreatrail02-campaign-section-03 > div {height:100%; background:#e5eef7 url(../images/brand/k2-koreatrail02-bg-03.jpg) no-repeat 611px 50%;}
.k2-koreatrail02-campaign-section-03 .brand-mid-txt {position:absolute; top:180px; left:108px;}
.k2-koreatrail02-campaign-section-03 .brand-p {position:absolute; top:350px; left:108px;}
.k2-koreatrail02-campaign-section-04 {height:700px; background-color:#f7f1e5;}
.k2-koreatrail02-campaign-section-04 > div {height:100%; background:url(../images/brand/k2-koreatrail02-bg-0402.jpg) no-repeat 100% 50%;}
.k2-koreatrail02-campaign-section-04 > div:before {content:''; position:absolute; top:0; bottom:0; left:851px; width:375px;  background:url(../images/brand/k2-koreatrail02-bg-0401.jpg) no-repeat 50% 50%;}
.k2-koreatrail02-campaign-section-04 .brand-mid-txt {position:absolute; top:180px; left:108px; z-index:2;}
.k2-koreatrail02-campaign-section-04 .brand-p {position:absolute; top:350px; left:108px; z-index:2;}

/* piretti */
.tit-tab-box {display:flex; justify-content:center; align-items:center;}
.tit-tab-box h2 {font-size:32px; font-weight:700;}
.tit-tab-box ul{position:relative; display:flex; align-items:center; margin-left:40px;}
.tit-tab-box ul:before{content:'';position:absolute;width:1px;height:20px;background-color:#000;left:-10px;top:12px;}
.tit-tab-box ul li { padding:0 20px; } 
.tit-tab-box ul li.on a { font-weight: 700; border-bottom: 2px solid #000; } 
.tit-tab-box ul li a { display: block; font-size: 24px; font-weight: 300; padding: 3px 0 }
.brand-concept-box {position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; width:100%; height:980px; margin-top:40px; padding-bottom:80px; background-image:url(../images/brand/visual-piretti.jpg); background-size:cover; background-position:center top; color:#fff; text-align:center;}
.brand-concept-box > img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.brand-concept-box h3 {margin-top:40px; font-size:60px; line-height:70px; font-weight:500; transform: translate(0, 100px);}
.brand-concept-box p {margin-top:40px; font-size:30px; line-height:50px;}
.brand-concept-box .brand-history-logo img {width:290px;}
.brand-concept-box + .tit-tab-box {margin-top:70px;}
.brand-concept-box .brand-history-logo,
.brand-concept-box h3,
.brand-concept-box p {position:relative; z-index:2;}
.history-list {width:1000px; margin:50px auto 0;}
.history-list li {position:relative; padding:0 0 60px 50px;}
.history-list li:last-child {padding-bottom:80px;}
.history-list li:last-child:before {top:0;}
.history-list li strong {position:relative; display:block; color:#333; font-size:22px; font-weight:700;}
.history-list li p {position:relative; margin-top:15px; color:#888; font-size:14px; line-height:22px;}
.history-list li:before {content:''; position:absolute; top:10px; left:0; width:1px; height:100%; background-color:#d8d8d8;}
.history-list li strong:before {content:''; position:absolute; top:7px; left:-59px; width:16px; height:16px; border:1px solid #FF5B37; background-color:#fff; border-radius:100%;}
.history-list li strong:after,
.history-list li p:after {content:''; position:absolute; left:-55px; width:10px; height:10px; background-color:#FF5B37; border-radius:100%;}
.history-list li strong:after {top:11px;}
.history-list li p:after {top:6px;}


/* photo modal */
.swiper-photo .swiper-slide { justify-content: center; } 
.swiper-photo .swiper-slide .img{width:730px;height:730px;background: #fff;text-align:center; display: flex; flex-wrap: wrap;}
.swiper-photo .swiper-slide .img img{max-width: 100%; max-height: 100%; object-fit: contain; width: auto; height: auto; margin:0 auto;}
.swiper-photo .swiper-slide video{width:730px;height: auto!important;background:#000;}
.swiper-reviewpop .swiper-slide { height: 740px } 
.swiper-reviewpop .swiper-slide img, .swiper-reviewpop .swiper-slide .img { object-fit: cover; display: block; margin-left: auto; margin-right: auto; max-height: 700px; margin-bottom: 40px; max-width: 100% } 
.swiper-reviewpop .swiper-slide video, .swiper-reviewpop .swiper-slide iframe { width: 100%; height: auto;margin-bottom: 40px; } 
.swiper-reviewpop .swiper-pagination.swiper-pagination-fraction { bottom: 0!important; }

/* 25.06.18 브랜드 IS 페이지 여백 수정 */
.brand .brand-is-menu {padding-left: 110px;}
.brand .brand-is-menu .brand-nav::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -9px;
    width: 1px;
    height: 20px;
    background: #000;
    transform: translateY(-50%);
}
.brand .brand-is-menu .brand-nav li {padding: 0 20px;}
.brand .brand-is-menu .brand-nav li a:focus {outline: none;}
.brand .brand-is-menu .brand-nav li.on a {font-weight: 700;}
/* 25.06.18 브랜드 IS 페이지 여백 수정 */