@charset "utf-8";

							
/* ==============================
 * common - 컨텐츠 공통
 * ============================== */
body.hidden {overflow: hidden;}

.txtBlue { color:#01aef0 !important;}

img { max-width:100%;}
.moBr { display:none}

.dotList {}
.dotList li { position:relative; padding-left:16px; font-size:14px; color:#999; font-weight:200; line-height:2;}
.dotList li:before { content:''; display:block; position:absolute; top:14px; left:5px; width:3px; height:3px; background:rgba(0,0,0,0.3);}

.dotList.type2 {}
.dotList.type2 li { font-size:16px; line-height:1.625; font-weight:300;}
.dotList.type2 li span { color:#01aef0;}

.dashList {}
.dashList li { position:relative; padding-left:10px; font-size:14px; color:rgba(34,34,34,0.8); font-weight:200; line-height:26px}
.dashList li:before { content:''; display:block; position:absolute; top:14px; left:0px; width:4px; height:1px; background:#656565;}



 /* ==============================
 * content
 * ============================== */
.innerBox { position:relative; width:100%; max-width:1140px; margin:0 auto; padding:0 20px;}

.locationBox { display:block; position:relative; width:260px; margin:0px auto 70px; padding-top:70px;}
.locationBox > a { display:block; border-bottom:1px solid #707070; padding-bottom:20px; padding-right:30px; font-size:20px; color:#222222; font-weight:bold; text-align:left; line-height:50px; background:url('../images/common/icon_location_arrow.png') no-repeat right 25px;}
.locationBox .locationView { display:none; position:absolute; top:141px; left:0; z-index:2; width:100%;}
.locationBox .locationView li { display:table; width:100%;}
.locationBox .locationView li a { display:table-cell; height:50px; padding-left:25px; border-bottom:1px solid rgba(255,255,255,0.95); line-height:50px; color:#fff; font-weight:300; background:rgba(215,215,215,0.95);}
.locationBox .locationView li.on a,
.locationBox .locationView li a:hover { font-weight:400; background:#222222 url('../images/common/icon_location_arrow2.png') no-repeat 95% center;}

.subVisualBox { position:relative; height:320px; text-align:center; background:skyblue;}
.subVisualBox .textBox { position:absolute; top:50%; left:0; right:0; transform:translateY(-50%);}
#container .subVisualBox .tit { font-size:34px; color:#fff; font-weight:450; text-transform:uppercase;}
#container .subVisualBox .text { margin-top:20px; font-size:16px; color:#fff; text-transform:uppercase; line-height:25px}

.tabBox { margin-bottom:0px;} /*ey: margin-bottom:80px;*/
.tabBox h1 { margin-bottom:20px; font-size:60px; font-weight:100; text-align:center;}
.tabBox h1:before { content:''; display:block; width:1px; height:60px; margin:0 auto 30px; background:#787878;}
.tabBox .tit { margin-bottom:55px; font-size:16px; color:#999999; text-align:center;}
.tabBox ul { display:table; table-layout:fixed; width:100%; text-align:center;}
.tabBox li { display:table-cell; height:68px; border:1px solid #ebebeb; border-width:1px 0; vertical-align:middle; background:#fff;}
.tabBox li a { display:table; width:100%;}
.tabBox li a span { display:table-cell; height:68px; vertical-align:middle; font-size:16px; color:#666; vertical-align:middle; font-weight:bold}
.tabBox li.on { position:relative; border-bottom:1px solid #ec2227;}
.tabBox li.on:after { content:''; display:block; position:absolute; bottom:0; left:50%; width:0; height:0; border:3px solid transparent; border-bottom-color:#ec2227;}
.tabBox .type2 { margin:0 20%;}
.tabBox .type2 ul {}
.tabBox .type2 li { position:relative; border:1px solid #ebebeb; border-left:0;}
.tabBox .type2 li:first-child:before { content:''; display:block; position:absolute; top:0; left:0; bottom:0; width:1px; background:#ebebeb;}
.tabBox .type2 li a span { font-weight:450; font-size:14px;}
.tabBox .type2 li.on { border-color:#222222; background:#222222;}
.tabBox .type2 li.on a span { color:#fff;}
.tabBox .type2 li.on:after { display:none;}
.tabBox .type2 li:first-child.on:before {display:none;}
.tabBox .type3 ul {}
.tabBox .type3 li { display:block; float:left; width:20%; position:relative; border:1px solid #ebebeb; border-left:0;}
.tabBox .type3 li:before { content:''; display:block; position:absolute; top:0; left:-1px; bottom:0; width:1px; background:#ebebeb;}
.tabBox .type3 li:nth-child(5) ~ li { margin-top:-1px;}
.tabBox .type3 li a span { font-weight:450; font-size:14px; word-break:break-all;}
.tabBox .type3 li.on { border-color:#222222; background:#222222;}
.tabBox .type3 li.on a span { color:#fff;}
.tabBox .type3 li.on:after { display:none;}



.btnGroup { display:block; margin-top:80px; text-align:right; font-size:0;}
.btnGroup a { display:inline-block; position:relative; z-index:1; width:220px; height:55px; border:1px solid #000000; padding-left:29px; line-height:55px; text-align:left; font-size:12px; color:#fff; background:#000000;}
.btnGroup a + a { margin-left:5px;}
.btnGroup a.btnWhite { border:1px solid #bfbfc0; color:#222; background:#fff;}
.btnGroup a:after { content:''; display:block; position:absolute; top:50%; right:30px; margin-top:-1px; width:16px; height:2px; background:#fff;}
.btnGroup a.btnWhite:after { background:#000000;}
.btnGroup a.wcbtn { width:290px;}

.swiperWrap { display:none;}
.swiperWrap .slick-dots { margin-top:10px;}
.swiperWrap .slick-dots li { display:inline-block; margin:0 4px;}
.swiperWrap .slick-dots li button { width:10px; height:10px; border-radius:50%; font-size:0; background:#999;}
.swiperWrap .slick-dots li.slick-active button { background:#222;}

.jsSwiperMotion .slick-dots { margin-top:10px;}
.jsSwiperMotion .slick-dots li { display:inline-block; margin:0 4px;}
.jsSwiperMotion .slick-dots li button { width:10px; height:10px; border-radius:50%; font-size:0; background:#999;}
.jsSwiperMotion .slick-dots li.slick-active button { background:#222;}

/* ceo */
.ceoWrap { padding-bottom:90px;}
.ceoWrap .innerBox {}
.ceoWrap .left { position:relative; padding-right:55%; padding-bottom:10%;}
.ceoWrap .left .img { position:absolute; top:-9%; right:0; width:51.2%; z-index:1;}
.ceoWrap .right { margin-bottom:10%; font-size:0;}
.ceoWrap .right .img { display:inline-block; width:41%;}
.ceoWrap .right .box { display:inline-block; width:43%; margin-left:16%; vertical-align:bottom;}
.ceoWrap .imgText .tit { margin-bottom:20px; font-size:20px; color:#222; text-transform:uppercase;}
.ceoWrap h1 { margin-bottom:30px; font-weight:200; font-size:30px; line-height:1.3; color:#222; letter-spacing:-1px;}
.ceoWrap h1 strong { font-weight:450; line-height:1.1;}
.ceoWrap .text { margin-bottom:25px; font-size:14px; color:#999; line-height:1.7; font-weight:200;}
.ceoWrap .text.mt { margin-top:50px;}
.ceoWrap .text strong { font-weight:450; font-size:16px; color:#222;}
.ceoWrap .text + h1 { margin-top:110px;}
.ceoWrap .sign { margin-top:60px; padding-top:65px; padding-right:180px; border-top:1px solid #e5e5e5; font-size:14px; color:#999; text-align:right; font-weight:200; background:url('../images/aboutUs/img_sign.gif') no-repeat right bottom;}
.ceoWrap .textLeft { float:left; width:50%; padding-right:4%;}
.ceoWrap .textRight { float:right; width:50%; padding-left:4%; margin-top:25px;}

/* company */
.companyWrap {}
.companyWrap .subVisualBox { background:url('../images/aboutUs/img_company1.jpg') no-repeat center center; background-size:cover;}
.companyWrap .introduce { position:relative; padding-left:280px; margin:80px 0 160px;}
.companyWrap .introduce .logo { position:absolute; top:50%; left:0; transform:translateY(-50%);}
.companyWrap .introduce h1 { margin-bottom:20px; font-weight:200; font-size:30px; line-height:1.1; color:#222; letter-spacing:-1px;}
.companyWrap .introduce h1 strong { font-weight:450; line-height:1.1;}
.companyWrap .text { font-size:16px; color:#222; line-height:1.6; font-weight:300;}
.companyWrap .text + .text { margin-top:30px;}
.companyWrap .building { margin-bottom:120px; text-align:center; background:#ebedf0;}
.companyWrap .building img { margin-top:-80px; margin-bottom:-40px;}
.companyWrap .floorBox { padding-top:80px; margin-top:80px; border-top:1px solid #ededed;}
.companyWrap .floorBox .left,
.companyWrap .floorBox .right { margin-bottom:100px;}
.companyWrap .floorBox .left .img { float:left; width:56%; margin-right:9%;}
.companyWrap .floorBox .right .img { float:right; width:56%; margin-left:9%;}
.companyWrap .floorBox .textBox { float:left; width:35%;}
.companyWrap .floorBox h2 { font-size:60px; font-weight:100; line-height:1; color:#222; letter-spacing:-1px;}
.companyWrap .floorBox .tit { margin-top:55px; font-size:20px}
.companyWrap .floorBox .text { margin-top:25px; font-size:14px; color:#999; line-height:1.7; font-weight:200; letter-spacing:-0.2px;}
.companyWrap .floorBox ul { margin-top:30px; font-size:0;}
.companyWrap .floorBox li { display:inline-block; width:33.33%;}

.historySlideWrap { padding:80px 0; background:#f8f8f8;}
.historySlideWrap .jsSwiperMotion { position:relative;}
.historySlideWrap .jsSwiperMotion h1 { position:absolute; top:50px; left:12%; z-index:2; padding-bottom:15px; border-bottom:1px solid #fff; letter-spacing:5px; color:#fff; text-transform:uppercase;}
.historySlideWrap .jsSwiperMotion .slick-slide { position:relative;}
.historySlideWrap .jsSwiperMotion .slick-slide .img1 img { transition: all .3s ease .3s; transform:translateY(20px); opacity:0;}
.historySlideWrap .jsSwiperMotion .slick-slide .img2 { position:absolute; top:50%; right:0; width:50%; transform:translateY(-50%);}
.historySlideWrap .jsSwiperMotion .slick-slide .img2 img { transition: all .3s ease .5s; transform:translateY(20px); opacity:0;}
.historySlideWrap .jsSwiperMotion .slick-slide .textBox { position:absolute; left:12%; top:140px;}
.historySlideWrap .jsSwiperMotion .slick-slide .textBox h2 { font-family: 'Nanum Myeongjo', serif; font-size:60px; color:#fff;}
.historySlideWrap .jsSwiperMotion .slick-slide .textBox p { font-size:20px; color:#fff;}
.historySlideWrap .jsSwiperMotion .slick-slide .textBox ul { margin-top:10px;}
.historySlideWrap .jsSwiperMotion .slick-slide .textBox li { color:#fff;}
.historySlideWrap .jsSwiperMotion .slick-slide .textBox li:before { background:#fff;}
.historySlideWrap .jsSwiperMotion .slick-slide.slick-active .img1 img,
.historySlideWrap .jsSwiperMotion .slick-slide.slick-active .img2 img { opacity:1; transform:translateY(0);}
.historySlideWrap .jsSwiperMotion .btnArrow { position:absolute; bottom:90px; left:12%;}
.historySlideWrap .jsSwiperMotion .btnArrow a { display:inline-block; width:49px; height:49px; font-size:0; background:url('../images/aboutUs/btn_history_arrow.png') no-repeat;}
.historySlideWrap .jsSwiperMotion .btnArrow .btnLeft { background-position:0 0;}
.historySlideWrap .jsSwiperMotion .btnArrow .btnRight { background-position:-51px 0;}
.historySlideWrap .jsSwiperMotion .slick-dots { display:none !important; text-align:center;}
.historySlideWrap .jsSwiperMotion .historyFlow { position:relative; margin-top:40px;}
.historySlideWrap .jsSwiperMotion .historyFlow > div { display:table; width:100%; table-layout:fixed; text-align:center;}
.historySlideWrap .jsSwiperMotion .historyFlow a { display:table-cell; position:relative; padding-top:10px; font-size:14px; color:#fff; transition:all .3s ease;}
.historySlideWrap .jsSwiperMotion .historyFlow a:first-child,
.historySlideWrap .jsSwiperMotion .historyFlow a:last-child { color:#222;}
.historySlideWrap .jsSwiperMotion .historyFlow a:after { content:''; display:block; position:absolute; top:-3px; left:50%; z-index:1; width:7px; height:7px; margin-left:-3.5px; border-radius:50%; border:2px solid #e1e1e1; box-sizing:border-box; background:#fff;}
.historySlideWrap .jsSwiperMotion .historyFlow a:hover,
.historySlideWrap .jsSwiperMotion .historyFlow a.on { color:#222;}
.historySlideWrap .jsSwiperMotion .historyFlow a.on:after { border-color:#000; background:#000000;}
.historySlideWrap .jsSwiperMotion .historyFlow:after { content:''; display:block; position:absolute; top:0%; left:0; right:0; height:1px; background:#dadadb;}


/* franchise */
.franchiseWrap {}
.franchiseWrap h1 { margin-bottom:20px; font-weight:450; font-size:30px; line-height:1.1; color:#222; letter-spacing:-1px;}
.franchiseWrap .text { font-size:16px; color:#222; line-height:1.6; font-weight:200;}
.franchiseWrap .text + .text { margin-top:30px;}

.franchiseWrap .scalpWrap { position:relative; margin-top:65px;}
.franchiseWrap .scalpWrap:before { content:''; display:block; position:absolute; top:240px; left:0; right:0; height:100%; background:#f6f6f8;}
.franchiseWrap .scalpWrap .imgBox { margin-bottom:80px; font-size:0;}
.franchiseWrap .scalpWrap .imgBox p { display:inline-block; width:33.33%;}
.franchiseWrap .scalpWrap .imgBox p:nth-child(1) { vertical-align:bottom;}
.franchiseWrap .scalpWrap .imgBox p:nth-child(2) {}
.franchiseWrap .scalpWrap .imgBox p:nth-child(3) { vertical-align:top;}
.franchiseWrap .textBox { position:relative;}
.franchiseWrap .textBox:after { content:''; display:block; clear:both;}
.franchiseWrap .textBox h2 { float:left; width:33.33%; padding-top:45px; font-size:46px; font-weight:100; background:url('../images/aboutUs/img_scalp_logo.gif') no-repeat;}
.franchiseWrap .textBox .text { float:left; width:66.66%; padding-right:31%; color:#999; line-height:1.75;}
.franchiseWrap .globalBox { position:absolute; bottom:0; right:0; padding-left:5%; border-left:1px solid #e3e3e4;}
.franchiseWrap .globalBox h3 { padding-bottom:6px; padding-top:60px; border-bottom:2px solid #6e6e6f; font-size:30px; font-weight:200;}
.franchiseWrap .globalBox ul { margin-top:25px;}
.franchiseWrap .globalBox li { margin-bottom:15px;}
.franchiseWrap .globalBox li strong { display:inline-block; width:65px; font-weight:bold;}
.franchiseWrap .globalBox li a { color:#999999;}
.franchiseWrap .globalBox li a:hover { color:#333; text-decoration:underline;}

.franchiseWrap .bitielWrap { margin-top:-70px; margin-bottom:100px;}
.franchiseWrap .bitielWrap .imgBox { position:relative; width:100%; max-width:1400px; margin:0 auto; margin-bottom:-60px}
.franchiseWrap .bitielWrap .imgBox p { margin-right:250px; text-align:center;}
.franchiseWrap .bitielWrap h2 { height:87px; padding:0; font-size:0; background:url('../images/aboutUs/logo_bitiel.png') no-repeat;}
.franchiseWrap .bitielWrap .globalBox h3 {padding-top:0;}
.franchiseWrap .bitielWrap .btnGroup { text-align:left; padding-left:33.33%;}
.franchiseWrap .bitielWrap .btnGroup a { width:280px;}

/* distribution */
.distributionWrap {}
.distributionWrap .textBox { position:relative; padding-left:37%; margin-top:50px;}
.distributionWrap .textBox .copyTit { position:absolute; top:0; left:0; width:149px; height:87px; font-size:0; background:url('../images/aboutUs/img_distribution1_1.jpg') no-repeat; background-size:100%;}
.distributionWrap .textBox h1 { margin-bottom:15px; font-weight:450; font-size:30px;}
.distributionWrap .textBox .text { font-size:16px; color:#222; line-height:1.6; font-weight:200;}
.distributionWrap .textBox .text + .text { margin-top:30px;}
.distributionWrap .section1 { height:511px; margin-top:80px; background:url('../images/aboutUs/img_distribution2.jpg') no-repeat center center; background-size:cover;}
.distributionWrap .section1 .innerBox { padding-top:110px;}
.distributionWrap .section1 .innerBox:before { content:''; display:block; position:absolute; top:0; left:0; width:1px; height:100px; background:#fff;}
.distributionWrap .section1 .text { margin-left:60px; font-size:16px; color:#ffffff; line-height:1.75; font-weight:200;}
.distributionWrap .section1 .text + .text { margin-top:30px;}
.distributionWrap .section2 { overflow:hidden; position:relative; margin-bottom:80px;}
.distributionWrap .section2 .bg { position:absolute; top:0; left:0; right:0; height:500px; background:url('../images/aboutUs/img_distribution3.jpg') no-repeat center center; background-size:cover;}
.distributionWrap .section2 .left { float:left; position:relative; width:60%;}
.distributionWrap .section2 .right { float:right; position:relative; width:33.33%;}
.distributionWrap .section2 .left .stepBox { float:left; width:50%;}
.distributionWrap .section2 .stepBox { margin-top:500px;}
.distributionWrap .section2 .cycleBox { position:absolute; top:80px; left:0; right:0; padding-top:0; border:0;}
.distributionWrap .section2 .cycleBox .cycle { display:table; width:300px; height:300px; margin:0 auto; border:2px solid #983a83; border-radius:50%; text-align:center; font-weight:200; font-size:30px; color:#ef3580;}
.distributionWrap .section2 .cycleBox .cycle span { display:table-cell; vertical-align: middle;}
.distributionWrap .section2 .cycleBox .cycleText { margin-top:20px; font-size:16px; color:#ffffff; text-align:center;}
.distributionWrap .section2 .stepBox { border-top:3px solid #ef3580;}
.distributionWrap .section2 .stepCycle { display:block; position:relative; width:49px; height:49px; margin-top:-24.5px; border:2px solid #ef3580; line-height:45px; text-align:center; border-radius:50%; font-weight:450; color:#ef3580; background:#fff;}
.distributionWrap .section2 .stepCycle:before { content:''; display:block; position:absolute; left:50%; top:47px; width:1px; height:45px; background:#fac2d9;}
.distributionWrap .section2 .stepCycle:after { content:''; display:block; position:absolute; left:50%; top:90px; width:5px; height:5px; margin-left:-3px; border:1px solid #ef3580; border-radius:50%; background:#fff;}
.distributionWrap .section2 h2 { margin-top:70px; padding-bottom:20px; margin-right:10%; border-bottom:1px solid #e5e5e5; font-size:30px; color:#ef3580; font-weight:200;}
.distributionWrap .section2 h2 span { display:block; color:#999; font-size:14px;}
.distributionWrap .section2 .tit { margin:20px 0 15px; font-size:16px; color:#222; font-weight:450;}
.distributionWrap .section2 .right .cycleBox .cycle { border-color:#00a2e0;}
.distributionWrap .section2 .right .cycleBox .cycle span { color:#00a2e0;}
.distributionWrap .section2 .right .stepBox { border-color:#00a2e0;}
.distributionWrap .section2 .right .stepCycle { border-color:#00a2e0; color:#00a2e0;}
.distributionWrap .section2 .right .stepCycle:before { background:#b2e3f6;}
.distributionWrap .section2 .right .stepCycle:after { border-color:#00a2e0;}
.distributionWrap .section2 .right h2 { color:#00a2e0;}
.distributionWrap .section3 { position:relative; margin-bottom:80px;}
.distributionWrap .section3 .bg { position:absolute; top:0; left:0; right:0; height:71%; background:#f7f7f7;}
.distributionWrap .section3 .imgTextBox { overflow:hidden; position:relative;}
.distributionWrap .section3 .imgTextBox .img { float:right; margin-left:18%; margin-right:60px;}
.distributionWrap .section3 .imgTextBox.left .img { float:left; margin-left:60px; margin-right:16.3%; margin-top:160px;}
.distributionWrap .section3 .sideCopy { position:absolute; top:0; right:-244px; font-weight:450; font-size:14px; letter-spacing: 5px; text-transform:uppercase; transform-origin:0 0; transform:rotate(90deg);}
.distributionWrap .section3 .imgTextBox.left .sideCopy { right:inherit; left:15px; top:160px;}
.distributionWrap .section3 .date { margin-top:80px; color:rgba(34,34,34,0.3); font-weight:bold;}
.distributionWrap .section3 .tit { margin-top:35px; font-size:20px; font-weight:200;}
.distributionWrap .section3 .text { margin-top:20px; color:#999; line-height:1.7; font-weight:200;}
.distributionWrap .section4 { text-align:center;}
.distributionWrap .section4 h2 { font-size:60px; font-weight:100;}
.distributionWrap .section4 h2:before { content:''; display:block; width:1px; height:60px; margin:0 auto 20px; background:#787878;}
.distributionWrap .section4 p.img { margin:20px 0 40px;}
.distributionWrap .section4 .btnGroup { text-align:center;}
.distributionWrap .section4 .btnGroup a { width:260px;}
.distributionWrap .section4 ul { overflow:hidden; margin-top:80px; margin-left:-46px;}
.distributionWrap .section4 li { float:left; margin-left:46px; margin-bottom:47px;}

/* ABIST */
.ABISTWrap { padding-bottom:60px;}
.ABISTWrap .imgVisual { margin-bottom:60px;}
.ABISTWrap h1 { margin-bottom:20px; font-weight:450; font-size:30px; line-height:1.1; color:#222; letter-spacing:-1px;}
.ABISTWrap .text { font-size:16px; color:#222; line-height:1.6; font-weight:200;}
.ABISTWrap .text + .text { margin-top:30px;}

.ABISTWrap .section1 { position:relative; margin-top:80px;}
.ABISTWrap .section1 + .section1 { margin-top:0;}
.ABISTWrap .section1 .swiperWrap { display:none;}
.ABISTWrap .section1 .list { overflow:hidden;}
.ABISTWrap .section1 .list ul { margin-left:-3%;}
.ABISTWrap .section1 .list li { float:left; width:33.33%; padding-left:3%; margin-bottom:3%;}
.ABISTWrap .section1 .list li.full { width:66.66%;}
.ABISTWrap .section1 .list li.right {margin-right:33.33%;}
.ABISTWrap .section1 .list li.left { margin-left:33.33%;}
.ABISTWrap .section1 .textBox { position:absolute; top:0; right:0; width:33.33%; padding-left:3%;}
.ABISTWrap .section1 .textBox.left { right:inherit; left:0; padding-right:3%;}
.ABISTWrap .section1 .textBox h2 { margin:30px 0 40px; font-size:20px; font-weight:450;}
.ABISTWrap .section1 .textBox li { font-size:16px;}
.ABISTWrap .section1 .textBox p { font-size:16px; color:#999; line-height:1.75; font-weight:200;}
.ABISTWrap .section1 .textBox p + p { margin-top:20px;}
.ABISTWrap .btnGroup { text-align:center;}
.ABISTWrap .btnGroup a { width:360px;}

/* academy */
.ABISTWrap .section2 { padding:80px 0; margin-top:80px; background:#f9f9f9;}
.ABISTWrap .section2 h1 { margin-bottom:40px; text-align:center;}

.ABISTWrap .section3 { padding:80px 0;}
.ABISTWrap .section3 h1 { margin-bottom:40px; text-align:center;}
.ABISTWrap .section3 .imgBox { margin-left:-10px; font-size:0;}
.ABISTWrap .section3 .imgBox .img { display:inline-block; width:33.33%; padding-left:10px; padding-bottom:10px;}
.ABISTWrap .section3 .imgBox .img img { display:block; width:100%;}


/* research */
.researchWrap { padding-bottom:100px;}
.researchWrap .innerBox { position:static;}
.researchWrap .section { position:relative; height:460px; margin-top:80px;}
.researchWrap .section + .section { margin-top:10px;}
.researchWrap .section .bg { position:absolute; left:50%; top:0; right:0; margin-left:-370px; height:100%;}
.researchWrap .section .bg.bg1 { background:#ececec url('http://wellkin.com/eng/static//images/aboutUs/img_research2.jpg') no-repeat 40% center;}
.researchWrap .section .bg.bg2 { background:#dfe2e5 url('http://wellkin.com/eng/static//images/aboutUs/img_research3.jpg') no-repeat 60% center;}
.researchWrap .section .bg.bg3 { background:#e6e8e6 url('http://wellkin.com/eng/static//images/aboutUs/img_research4.jpg') no-repeat 40% center;}
.researchWrap .section .bg.bg4 { background:#e9e9e9 url('http://wellkin.com/eng/static//images/aboutUs/img_research5.jpg') no-repeat 60% center;}
.researchWrap .section .textBox { position:absolute; top:50%; left:50%; z-index:1; width:340px; height:260px; padding:0 50px 0 0px; margin-left:-370px; text-align:right; background:#fff; transform:translateY(-46%);}
.researchWrap .section .textBox .step { position:absolute; top:-30px; right:50px; width:50px; height:50px; border:1px solid #8dbff3; border-radius:50%; line-height:48px; font-size:14px; color:#00a2e0; text-align:center; background:#fff;}
.researchWrap .section .textBox h1 { margin-top:50px; font-weight:450; font-size:30px; letter-spacing: -1px;}
.researchWrap .section .textBox .text { margin-top:10px; font-weight:200; font-weight:16px; line-height:26px;}
.researchWrap .section.type2 {}
.researchWrap .section.type2 .bg { left:0; right:50%; margin-right:-370px;}
.researchWrap .section.type2 .textBox {left:inherit; right:50%; margin-right:-370px; padding:0 0px 0 50px; text-align:left;}
.researchWrap .section.type2 .textBox .step { right:inherit; left:50px;}

/* ourworkWrap */
.ourworkWrap { padding-bottom:100px; background-color:#f9fafe; padding-top:100px;}
.ourworkWrap .subVisualBox { margin-bottom:80px; background:url('../images/aboutUs/bg_ourwork1.jpg') no-repeat center center; background-size:cover;}
.ourworkWrap .list { display:table; width:100%;}
.ourworkWrap .list .img { display:table-cell; width:480px; vertical-align:middle;}
.ourworkWrap .list .textBox { display:table-cell; position:relative; padding-right:50px; vertical-align:middle;}
.ourworkWrap .list .textBox:before { content:''; position:absolute; top:0; left:0; right:50px; height:1px; background:#e5e5e5;}
.ourworkWrap .list:last-child .textBox:after { content:''; position:absolute; bottom:0; left:0; right:50px; height:1px; background:#e5e5e5;}
.ourworkWrap .list .textBox h1 { font-weight:450; font-size:30px;}
.ourworkWrap .list .textBox .tit { margin-top:20px; font-size:20px; line-height:1.4; color:#666;  font-weight:600}
.ourworkWrap .list .textBox .text { margin-top:10px; font-size:16px; color:#999; font-weight:200;}
.ourworkWrap .list .textBox ul { margin-top:10px;}
.ourworkWrap .list .textBox li { font-size:16px; color:#999;}
.ourworkWrap .list .textBox .h1en { display:block; position:relative; color:#ed2328; margin-top:10px;}
.ourworkWrap .list .textBox .btn { display:block; position:relative; width:210px; color:#ed2328;height:50px; padding-left:30px; margin-top:40px; border:1px solid #e1e1e1; line-height:48px; transition:all .3s ease;}
.ourworkWrap .list .textBox .btn:after { content:''; display:block; position:absolute; top:50%; right:20px; width:13px; height:7px; margin-top:-3.5px; background:url('../images/aboutUs/btn_arrow.png') no-repeat 0 -7px; transition: right .3s ease;}
.ourworkWrap .list .textBox .btn:hover { color:#fff; background:#ed2328;}
.ourworkWrap .list .textBox .btn:hover:after { right:30px; background-position:0 0;}
.ourworkWrap .txt_s {font-size:14px; color:#999; line-height:1.3;}  .ourworkWrap .txt_s1 {font-size:14px; color:#333; line-height:1.3;}
.ourworkWrap .list .textBox .dashList { margin:20px 0; font-size:0; color:#222}
.ourworkWrap .list .textBox .dashList li { display:inline-block; width:65%; font-size:16px; color:#222; vertical-align:top;}
.ourworkWrap .brandList { overflow:hidden; font-size:0;}
.ourworkWrap .brandList li { display:inline-block; width:25%; padding:0 10px; margin-bottom:50px; text-align:center; vertical-align:top;}
.ourworkWrap .brandList li .img {}
.ourworkWrap .brandList li .text { margin-top:20px; line-height:1.2; color:#999; font-weight:300; font-size:14px;}


/* ourValues */
.ourValuesWrap {}
.ourValuesWrap .subVisualBox { height:580px; background:url('../images/aboutUs/bg_ourValues1.jpg') no-repeat center center; background-size:cover;}
.ourValuesWrap .subVisualBox .textBox { width:100%; max-width:1100px; margin:0 auto; text-align:left;}
#container .ourValuesWrap .subVisualBox .textBox .tit { font-weight:100; font-size:56px; letter-spacing:-3px; text-transform:none; line-height:1.1;}
.ourValuesWrap .subVisualBox .textBox .tit span { font-weight:400; color:#01aef0; line-height:1.1;}
.ourValuesWrap .section1 { padding-bottom:90px;}
.ourValuesWrap .section1 h1 { position:absolute; top:-80px; left:20px; right:20px; padding-bottom:40px; border-bottom:1px solid #dedede; font-size:60px; line-height:1.2; color:#01aef0;}
.ourValuesWrap .section1 h1 span { font-weight:100; color:#222;}
.ourValuesWrap .section1 ul { overflow:hidden; padding-top:100px;}
.ourValuesWrap .section1 ul li { float:left; width:50%; min-height:120px; padding-left:180px;}
.ourValuesWrap .section1 ul li.icon1 { background:url('../images/aboutUs/icon_ourValues1.png') no-repeat;}
.ourValuesWrap .section1 ul li.icon2 { background:url('../images/aboutUs/icon_ourValues2.png') no-repeat;}
.ourValuesWrap .section1 ul li strong { display:block; font-weight:200; font-size:24px; letter-spacing:-1.5px;}
.ourValuesWrap .section1 ul li span { font-weight:100; font-size:80px; color:#01aef0; line-height:1; letter-spacing: -4px;}
.ourValuesWrap .section1 ul li em { font-weight:100; font-size:40px; color:#222; line-height:1;}
.ourValuesWrap .section1 .textBox { margin:90px 0 60px; text-align:center;}
.ourValuesWrap .section1 .textBox:before { content:''; display:block; width:270px; height:2px; margin:0 auto 35px; background:#01aef0;}
.ourValuesWrap .section1 .textBox .tit { font-weight:200; font-size:28px;}
.ourValuesWrap .section1 .textBox .text { margin-top:5px; font-size:18px; color:#999999; font-weight:300;}
.ourValuesWrap .section1 .textBox .text span { font-weight:450; color:#01aef0;}
.ourValuesWrap .section2 { position:relative;}
.ourValuesWrap .section2 .bg { height:360px; background:url('../images/aboutUs/img_ourValues2.jpg') no-repeat; background-size:cover;}
.ourValuesWrap .section2 .bg h2 { position:relative; top:-50px; font-size:60px; font-weight:100; color:#01aef0;}
.ourValuesWrap .section2 .bg h2 strong { font-weight:500; }
.ourValuesWrap .section2 .bg .text { margin-top:30px; font-size:18px; color:#fefefe; line-height:1.6; font-weight:200;}
.ourValuesWrap .section2 .list {}
.ourValuesWrap .section2 .list > li { padding:50px 0 50px 240px; border-bottom:1px solid #e5e5e5;}
.ourValuesWrap .section2 .list > li h3 { margin-bottom:15px; font-size:28px; font-weight:100;}
.ourValuesWrap .section2 .list > li.icon1 { background:url('../images/aboutUs/icon_ourValues3.png') no-repeat 0 center; }
.ourValuesWrap .section2 .list > li.icon2 { background:url('../images/aboutUs/icon_ourValues4.png') no-repeat 0 center; }
.ourValuesWrap .section2 .list > li.icon3 { background:url('../images/aboutUs/icon_ourValues5.png') no-repeat 0 center; }
.ourValuesWrap .section2 .list > li.icon4 { background:url('../images/aboutUs/icon_ourValues6.png') no-repeat 0 center; }
.ourValuesWrap .section3 { position:relative; padding-bottom:100px; text-align:center; background:#f9fafa;}
.ourValuesWrap .section3:before { content:''; position:absolute; left:0; right:0; top:0; height:120px; background:#fff;}
.ourValuesWrap .section3 .tit { margin-top:80px; font-size:30px; font-weight:100; line-height:1.2;}
.ourValuesWrap .section3 .text { margin-top:30px; font-size:20px; line-height:1.5; font-weight:100;}
.ourValuesWrap .section3 .text:before { content:''; display:block; width:273px; height:2px; margin:0 auto 40px; background:#01aef0;}
.ourValuesWrap .section3 .text span { font-weight:100; color:#01aef0;}
.ourValuesWrap .section3 .ourValuesMotion { overflow:hidden; position:relative; padding-top:49%;}
.ourValuesWrap .section3 .ourValuesMotion ul {}
.ourValuesWrap .section3 .ourValuesMotion li { position:absolute; top:0; left:100%; width:100%;}
.ourValuesWrap .section3 .ourValuesMotion li:first-child { left:0;}
.ourValuesWrap .section3 .ourValuesMotion .icon { position:absolute; bottom:10%; left:0; right:0; z-index:2; text-align:center;}
.ourValuesWrap .section3 .ourValuesMotion .icon a { display:inline-block; width:8px; height:8px; margin:0 3px; border-radius:50%; border:1px solid #fff; font-size:0; box-sizing:border-box;}
.ourValuesWrap .section3 .ourValuesMotion .icon a.on { background:#ffffff;}
.ourValuesWrap .section4 { position:relative;}
.ourValuesWrap .section4 h2 { margin-bottom:80px; color:#59c0f3; font-size:60px; letter-spacing:-2px; font-weight:100; text-align:center;}
.ourValuesWrap .section4 h2:before { content:''; display:block; width:1px; height:60px; margin:0 auto 44px; background:#787878;}
.ourValuesWrap .section4 .img { position:absolute; top:273px; left:0; right:50%; height:400px; background:#eeeeee url('../images/aboutUs/img_ourValues3.jpg') no-repeat right center ;}
.ourValuesWrap .section4 .img span { display:block; position:absolute; bottom:-60px; right:500px; width:120px; height:120px;padding-top:35px; border:2px solid #01aef0; border-radius:50%; font-size:16px; color:#01aef0; text-align:center; background:#fff; }
.ourValuesWrap .section4 .textBox { margin-left:55%;}
.ourValuesWrap .section4 .textBox.right2 { position:relative; margin-top:55px; margin-left:20%;}
.ourValuesWrap .section4 .textBox.right2:before { content:''; display:block; position:absolute; top:-95px; left:-80px; bottom:0; width:1px; background:#000000;}
.ourValuesWrap .section4 .textBox h3 { margin-bottom:50px; font-size:30px; line-height:1.2}
.ourValuesWrap .section4 .textBox .text { margin-top:30px; font-weight:200; font-size:14px; line-height:1.71;}
.ourValuesWrap .section4 .textBox .text .color { font-weight:450; font-size:18px; color:#01aef0;}
.ourValuesWrap .section4 .textBox .text strong { font-size:18px; color:#222; font-weight:300;}

.ourValuesWrap .section5 { position:relative; margin-top:160px; padding-bottom:170px;}
.ourValuesWrap .section5 .innerBox:before { content:''; display:block; position:absolute; top:-79px; left:0; width:15%; height:2px; background:#01aef0;}
.ourValuesWrap .section5 .img { position:absolute; top:0; left:50%; right:0%; height:398px; background:#d4d4d4 url('../images/aboutUs/img_ourValues4.jpg') no-repeat left center;}
.ourValuesWrap .section5 .img span { display:block; position:absolute; bottom:-60px; left:500px; width:120px; height:120px;padding-top:35px; border:2px solid #01aef0; border-radius:50%; font-size:16px; color:#01aef0; text-align:center; background:#fff; }
.ourValuesWrap .section5 .textBox {}
.ourValuesWrap .section5 .textBox.type1 { margin-right:55%; padding-bottom:200px;}
.ourValuesWrap .section5 .textBox.type1 .text { font-size:18px; line-height:1.6;}
.ourValuesWrap .section5 .textBox.type2 { position:relative; margin-left:80px; margin-right:0;}
.ourValuesWrap .section5 .textBox.type2:after { content:''; display:block; position:absolute; top:0; left:-80px; bottom:0; width:1px; background:#000;}
.ourValuesWrap .section5 .textBox h3 { margin-bottom:50px; font-size:30px; line-height:1.2}
.ourValuesWrap .section5 .textBox .text { margin-top:30px; font-weight:200; font-size:14px; line-height:1.71;}
.ourValuesWrap .section5 .textBox .text .color { font-weight:450; font-size:18px; color:#01aef0;}
.ourValuesWrap .section5 .textBox .text .color2 { font-weight:450; font-size:20px; color:#01aef0;}
.ourValuesWrap .section5 .textBox .text strong { font-size:18px; color:#222; font-weight:300;}

/* campaign */
.campaignWrap {}
.campaignWrap .subVisualBox { margin-bottom:80px; background:url('../images/aboutUs/img_campaign1.jpg') no-repeat center center; background-size:cover;}
.campaignWrap .innerBox > h1 { font-size:30px; font-weight:450; text-align:center;}
.campaignWrap .innerBox > .text { margin-top:30px; font-size:16px; font-weight:200; line-height:1.875; text-align:center; color:#999;}
.campaignWrap .innerBox > .img { margin:100px 0 50px;}
.campaignWrap .list { text-align:center;}
.campaignWrap .list h2 { margin-bottom:50px; font-size:34px; font-weight:450;}
.campaignWrap .list ul { font-size:0; margin-left:-20px;}
.campaignWrap .list li { display:inline-block; max-width:260px; margin-left:20px; vertical-align:top;}
.campaignWrap .list li .text { margin-top:20px; font-size:14px; color:#999;}
.campaignWrap .campaignVisual { margin-top:120px; margin-bottom:100px; text-align:center;}
.campaignWrap .campaignVisual h2 { margin-bottom:100px; font-size:50px; font-weight:100;}
.campaignWrap .campaignVisual h2 strong { font-weight:450;}
.campaignWrap .campaignVisual .img { background:#eeeff1;}
.campaignWrap .campaignVisual .img img { margin-top:-40px;}
.campaignWrap .campaignVisual .video { background:#eeeff1;}
.campaignWrap .campaignVisual .video video { width:100%; max-width:1140px;}
.campaignWrap .campaignVisual .smallText { margin-top:35px; font-size:16px; color:#999;}



/* history ey: 회사소개 */
.historyWrap {}
.historyWrap > .bg { position:absolute; top:1650px; left:0; right:0; height:1435px;}
.historyWrap .subVisualBox { overflow:hidden; height:610px; background:url('/images/sub/img_wellkinGlobalProgram.jpg') no-repeat center center; background-size:cover;}
.historyWrap .subVisualBox .visualVideo { position:absolute; top:0; left:0; bottom:0; right:0;}
.historyWrap .subVisualBox .visualVideo:after { content:''; position: absolute; top:0; right:0; left:0; bottom:0; background:rgba(0,0,0,0.5)}
.historyWrap .subVisualBox .visualVideo video { position: absolute;top: 0%; left: 50%; height: 100%; transform:translateX(-50%);}
.historyWrap .subVisualBox .textBox { top:40%; }
.historyWrap .subVisualBox .tit:after { content:''; display:block; width:1px; height:60px; margin:40px auto 50px; background:#fff;}
.historyWrap [class*=section] { position:relative; margin:65px 0 65px;}
.historyWrap [class*=section] .img { position:absolute;}
.historyWrap [class*=section] h2 { font-size:28px; color:#222; font-weight:100; padding-top:60px;}
.historyWrap [class*=section] .tit { margin-top:20px; font-size:18px; font-weight:450; color:#222; line-height:1.7; }
.historyWrap [class*=section] .tit strong { color:#ec2227;}
.historyWrap [class*=section] .text { margin-top:20px; font-size:14px; color:#999; font-weight:200; line-height:1.7; padding-top:40px; padding-bottom:60px;}
.historyWrap [class*=section] .text + .text { margin-top:20px;}

.historyWrap .section1 { padding-left:48%;}
.historyWrap .section1 .img { left:0; top:-120px; width:41%;}
.historyWrap .section2 { min-height:450px; padding-right:64%; margin-top:65px;}
.historyWrap .section2 .img { right:0; top:0px; width:60%; text-align:right;}
.historyWrap .section3 { min-height:425px; padding-right:64%;}
.historyWrap .section3 .img { right:20%; top:0px; width:39%;}
.historyWrap .section4 { min-height:360px; padding-left:66%; margin-top:130px;}
.historyWrap .section4 .img { left:0; top:-65px; width:60%;}
.historyWrap .section5 { min-height:425px; padding-right:64%;}
.historyWrap .section5 .img { right:0; top:0px; width:60%; text-align:right;}

.historyWrap .list { margin-bottom:40px;}
.historyWrap .list ul { font-size:0; margin-left:-25px;}
.historyWrap .list li { display:inline-block; margin-left:25px; margin-bottom:25px;}

.historyWrap .brandLogo { padding:70px 0 30px; background:#f6f6f6;}
.historyWrap .brandLogo h2 { text-align:center; font-size:50px; font-weight:100; line-height:1;}
.historyWrap .brandLogo h2 span { display:block; font-weight:200; color:#01aef0; font-size:30px; line-height:1.5;}
.historyWrap .brandLogo .dashList { margin:40px 0; font-size:0;}
.historyWrap .brandLogo .dashList li { display:inline-block; width:50%; font-size:16px; color:#999; vertical-align:top;}
.historyWrap .brandLogo .brandList { overflow:hidden; font-size:0;}
.historyWrap .brandLogo .brandList li { display:inline-block; width:25%; padding:0 10px; margin-bottom:50px; text-align:center; vertical-align:top;}
.historyWrap .brandLogo .brandList li .img {}
.historyWrap .brandLogo .brandList li .text { margin-top:20px; line-height:1.2; color:#999; font-weight:300; font-size:14px;}

.historyWrap .brandVideo { margin-bottom:100px; text-align:center;}
.historyWrap .brandVideo .innerBox { padding-top:50px;}
.historyWrap .brandVideo h2 { margin-bottom:60px; font-size:60px; color:#222; font-weight:100;}
.historyWrap .brandVideo h2:before { content:''; display:block; width:1px; height:60px; margin:0 auto; background:#787878;}
.historyWrap .brandVideo .imgVideo { max-width:900px; margin:0 auto;}






/* difference */
.differenceWrap {}
.differenceWrap .subVisualBox { height:320px; background:url('/images/sub/img_wellkinGlobalProgram1.jpg') no-repeat center center; background-size:cover;}
.differenceWrap h1 { font-size:60px; color:#222; text-align:center; font-weight:100;}
.differenceWrap h1:before { content:''; display:block; width:1px; height:60px; margin:80px auto 30px; background:#222;}
.differenceWrap [class*=section] { margin-top:160px;}
.differenceWrap [class*=section] .innerBox { position:relative;}
.differenceWrap [class*=section] h2 { margin-bottom:5px; font-size:28px; color:#222; font-weight:100; line-height:1.21;}
.differenceWrap [class*=section] .text { font-size:14px; color:#999999; font-weight:200; line-height:1.71;}
.differenceWrap .section1 { overflow:hidden; margin-top:70px;}
.differenceWrap .section1 .imgBox { float:left; margin-right:100px;}
.differenceWrap .section1 .imgBox .img:first-child {}
.differenceWrap .section1 .imgBox .img:last-child { position:absolute; top:0; right:0;}
.differenceWrap .section1 h2 { padding-top:300px;}

.differenceWrap .section2 {}
.differenceWrap .section2 .imgBox {}
.differenceWrap .section2 .imgBox .img:first-child { width:330px; margin-top:-80px;}
.differenceWrap .section2 .imgBox .img:last-child { position:absolute; top:80px; right:0;}
.differenceWrap .section2 h2 { width:420px; margin-top:30px;}
.differenceWrap .section2 .text { width:420px;}
.differenceWrap .section2 .btnGroup { margin-top:45px; text-align:left;}
.differenceWrap .section2 .btnGroup a { width:330px;}

.differenceWrap .section3 .innerBox { overflow:hidden;}
.differenceWrap .section3 .imgBox { float:left; margin-right:100px;}
.differenceWrap .section3 .imgBox .img:first-child {}
.differenceWrap .section3 .imgBox .img:last-child { position:absolute; bottom:0; right:0;}
.differenceWrap .section3 h2 {}

.differenceWrap .section4 { background:#f7f7f7;}
.differenceWrap .section4 .innerBox { overflow:hidden;}
.differenceWrap .section4 h1 { position:relative; top:-30px; margin-bottom:40px;}
.differenceWrap .section4 .text { margin:10px 0; font-weight:450; font-size:18px; color:#01aef0;}
.differenceWrap .section4 .imgBox {}
.differenceWrap .section4 .imgBox .img:first-child { position:absolute; top:0; left:0;}
.differenceWrap .section4 .imgBox .img:last-child { position:absolute; top:0; right:0;}
.differenceWrap .section4 .textBox { padding:0 30% 0 40%; margin-bottom:10%;}

.differenceWrap .section5 { margin-top:100px; padding:0; background-color:#231a2f} /*ey : background:url('http://wellkin.com/eng/static/images/brand/bg_difference1.jpg') no-repeat center center; background-size:cover;*/
.differenceWrap .section5 h1 { color:#fff;}
.differenceWrap .section5 h1:before { margin-top:0; background:#fff;}
.differenceWrap .section5 p { padding:40px 0 50px; font-size:28px; color:#fff; font-weight:100; text-align:center;}
.differenceWrap .section5 p span { font-weight:450; font-size:18px; color:#fff;}

.differenceWrap .section6 { overflow:hidden; margin-top:0px; padding-bottom:25%; background:url('../images/brand/bg_map.jpg') no-repeat bottom center ; background-size:cover;}
.differenceWrap .section6 h2 { margin:80px 0 10px; padding-left:18%; font-size:30px; font-weight:450;}
.differenceWrap .section6 .text { margin-bottom:60px; padding-left:18%; font-size:16px;}

.differenceWrap video { width:100%; height:auto; margin-bottom:50px;}


/* products001 */
.products001Wrap {}
.products001Wrap .subVisualBox { height:320px; background:url('/images/sub/img_wellkinGlobalProgram1.jpg') no-repeat center center; background-size:cover;}
.products001Wrap h1 { font-size:60px; color:#222; text-align:center; font-weight:100;}
.products001Wrap h1:before { content:''; display:block; width:1px; height:60px; margin:80px auto 30px; background:#222;}
/*.products001Wrap [class*=section] { margin-top:160px;}*/
.products001Wrap [class*=section] .innerBox { position:relative;}
.products001Wrap [class*=section] h2 { margin-bottom:5px; font-size:28px; color:#222; font-weight:100; line-height:1.21;}
.products001Wrap [class*=section] .text { font-size:14px; color:#999999; font-weight:200; line-height:1.71;}
.products001Wrap .section1 { overflow:hidden; margin-top:70px; }
.products001Wrap .section1 .imgBox { float:left; margin-right:100px;}
.products001Wrap .section1 .imgBox .img:first-child {}
.products001Wrap .section1 .imgBox .img:last-child { position:absolute; top:0; right:0;}
.products001Wrap .section1 h2 { padding-top:450px;}


.products001Wrap .section2 { overflow:hidden;background-color:#eee; margin:0 padding:0}
.products001Wrap .innerbtn {content:''; display:block; margin:10px auto 0px; overflow:hidden; width:1100px;  height:auto;}

.products001Wrap .section3 { padding-bottom:80px;}
.products001Wrap .section3 h1 { margin:70px 0 30px; font-size:30px; font-weight:450; text-align:center;}
.products001Wrap .section3 .innerBox > ul { margin-left:-1%; font-size:0;}
.products001Wrap .section3 .innerBox > ul > li { display:inline-block; width:100%; padding-left:1%; vertical-align:top;}
.products001Wrap .section3 h2 { min-height:80px; border-bottom:1px solid #e5e5e5; margin-top:10px; font-size:28px; font-weight:100; line-height:1.21;}
.products001Wrap .section3 .dotList li { margin-top:20px;}
.products001Wrap .section3 .btnGroup {text-align:center;}


.products001Wrap .section4 { padding:80px 0; background:#f7f7f7 url('/images/sub/img_PSP13_bg.jpg') no-repeat center 0;}
.products001Wrap .section4 .textBox { margin-bottom:30px;}
.products001Wrap .section4 h2 { margin-bottom:30px; font-size:50px; font-weight:200; line-height:1.2;}
.products001Wrap .section4 > .innerBox > p { margin-bottom:50px; font-size:18px; color:#222222; line-height:1.5; font-weight:300;}
.products001Wrap .section4 .number { width:60px; height:60px; border:1px solid #c8e8f5; border-radius:50%; font-size:12px; color:#01aef0; text-align:center; line-height:60px;}
.products001Wrap .section4 h3 { margin-top:15px; font-size:28px; color:#01aef0; font-weight:100; font-weight:400; }
.products001Wrap .section4 .text { margin-top:20px; font-size:14px; color:#222222; font-weight:200; line-height:1.8;}
.products001Wrap .section4 .list { font-size:0;}
.products001Wrap .section4 .list li {display:inline-block; position:relative; width:33.333%; min-height:120px; padding:10px 30px 0 150px; margin-bottom:58px; vertical-align: top;}
.products001Wrap .section4 .list img { position:absolute; top:0; left:0;}
.products001Wrap .section4 .list h4 { margin-bottom:10px; font-size:18px; color:#222222; font-weight:400;}
.products001Wrap .section4 .list .listText { font-size:14px; color:#222222; font-weight:200;}
.products001Wrap .section4 .box1 { position:relative;}
.products001Wrap .section4 .box1 .textBox { position:absolute; top:0; left:0;}  
.products001Wrap .section4 .box1 .textBox1 { position:absolute; top:70px; left:400px;;} 
.products001Wrap .section4 .box1 .textBox2 { position:absolute; top:360px; left:400px;}
.products001Wrap .section4 .box1 .textBox3 { position:absolute; top:560px; left:560px;}
.products001Wrap .section4 .box1 .img { padding-top:50px;}
.products001Wrap .section4 .box3 .img { margin-bottom:50px;}
.products001Wrap .section4 .box3 h4 { margin:40px 0 20px; font-size:18px; color:#222222; font-weight:400;  line-height:1.31;}
.products001Wrap .section4 .box3 h5{ margin-top:15px; font-size:26px; color:#ed2227; font-weight:100; }
.products001Wrap .section4 .box3 li {word-spacing: -1.2px}

.products001Wrap .section5 { margin-top:100px; 30px;padding:0 0 100px 0; background:#11449d url('/images/sub/bg_PSP2.jpg')no-repeat top center;;} /*ey : background:url('http://wellkin.com/eng/static/images/brand/bg_products0031.jpg') no-repeat center center; background-size:cover;*/
.products001Wrap .section5 .innerBox { overflow:hidden;}
.products001Wrap .section5 h1 { color:#fff;}
.products001Wrap .section5 h1:before { margin-top:0; background:#fff;}
.products001Wrap .section5 p { padding:200px 0 50px; font-size:28px; color:#fff; font-weight:100; text-align:center;  line-height:1.61;}
.products001Wrap .section5 p span { font-weight:450; font-size:18px; color:#fff;}
.products001Wrap .section5 p .strong {font-size:36px;}  .products001Wrap .section5 p .small {font-size:18px;}
.products001Wrap .section3 .innerBox { overflow:hidden; }

.products001Wrap .section6 { overflow:hidden; margin-top:0px; padding-bottom:5%; background:#edf5f8 url('../images/brand/bg_map.jpg') no-repeat bottom center ; background-size:cover;}
.products001Wrap .section6 h1 { margin:80px 0 10px; font-size:46px; font-weight:450;}
.products001Wrap .section6 h2 { margin:80px 0 10px; padding-left:18%; font-size:20px; font-weight:450;}
.products001Wrap .section6 h3 { margin:20px 0 80px; font-size:20px; font-weight:450; text-align:center;}
.products001Wrap .section6 .text { padding-top:0px; margin-bottom:20px; font-size:18px;color:#333}
.products001Wrap .section6 .text1 { margin-bottom:20px;  font-size:16px;color:#01aef0; line-height:1.61;}
.products001Wrap .section6 .img { margin-bottom:0px;  float:right;}

.products001Wrap video { width:100%; height:auto; margin-bottom:50px;}




/* products003 */
.products003Wrap {}
.products003Wrap .subVisualBox { height:320px; background:url('/images/sub/img_wellkinGlobalProgram1.jpg') no-repeat center center; background-size:cover;}
.products003Wrap h1 { font-size:60px; color:#222; text-align:center; font-weight:100;}
.products003Wrap h1:before { content:''; display:block; width:1px; height:60px; margin:80px auto 30px; background:#222;}
/*.products003Wrap [class*=section] { margin-top:160px;}*/
.products003Wrap [class*=section] .innerBox { position:relative;}
.products003Wrap [class*=section] h2 { margin-bottom:5px; font-size:28px; color:#222; font-weight:100; line-height:1.21;}
.products003Wrap [class*=section] .text { font-size:14px; color:#999999; font-weight:200; line-height:1.71;}
.products003Wrap .section1 { overflow:hidden; margin-top:70px;}
.products003Wrap .section1 .imgBox { float:left; margin-right:100px;}
.products003Wrap .section1 .imgBox .img:first-child {}
.products003Wrap .section1 .imgBox .img:last-child { position:absolute; top:0; right:0;}
.products003Wrap .section1 h2 { padding-top:550px;}

.products003Wrap .section2 {}
.products003Wrap .section2 .imgBox {}
.products003Wrap .section2 .imgBox .img:first-child { width:330px; margin-top:-80px;}
.products003Wrap .section2 .imgBox .img:last-child { position:absolute; top:80px; right:0;}
.products003Wrap .section2 h2 { width:420px; margin-top:30px;}
.products003Wrap .section2 .text { width:420px;}
.products003Wrap .section2 .btnGroup { margin-top:45px; text-align:left;}
.products003Wrap .section2 .btnGroup a { width:330px;}

.products003Wrap .section3 .innerBox { overflow:hidden;}
.products003Wrap .section3 .imgBox { float:left; margin-right:100px;}
.products003Wrap .section3 .imgBox .img:first-child {}
.products003Wrap .section3 .imgBox .img:last-child { position:absolute; bottom:0; right:0;}
.products003Wrap .section3 h2 {}

.products003Wrap .section4 { background:#f7f7f7;}
.products003Wrap .section4 .innerBox { overflow:hidden;}
.products003Wrap .section4 h1 { position:relative; top:-30px; margin-bottom:40px;}
.products003Wrap .section4 .text { margin:10px 0; font-weight:450; font-size:18px; color:#01aef0;}
.products003Wrap .section4 .imgBox {}
.products003Wrap .section4 .imgBox .img:first-child { position:absolute; top:0; left:0;}
.products003Wrap .section4 .imgBox .img:last-child { position:absolute; top:0; right:0;}
.products003Wrap .section4 .textBox { padding:0 30% 0 40%; margin-bottom:10%;}

.products003Wrap .section5 { margin-top:100px; 30px;padding:0 0 100px 0; background-color:#f7f7f7} /*ey : background:url('http://wellkin.com/eng/static/images/brand/bg_products0031.jpg') no-repeat center center; background-size:cover;*/
.products003Wrap .section5 h1 { color:#222;}
.products003Wrap .section5 h1:before { margin-top:0; background:#666;}
.products003Wrap .section5 p { padding:200px 0 50px; font-size:28px; color:#222; font-weight:100; text-align:center;  line-height:1.61;}
.products003Wrap .section5 p span { font-weight:450; font-size:18px; color:#222;}
.products003Wrap .section5 p .strong {font-size:36px;}  .products003Wrap .section5 p .small {font-size:18px;}
.products003Wrap .section3 .innerBox { overflow:hidden; }

.products003Wrap .section6 { margin-top:100px;} /*ey : background:url('http://wellkin.com/eng/static/images/brand/bg_products0031.jpg') no-repeat center center; background-size:cover;*/
.products003Wrap .section6 h1 { color:#222;}
.products003Wrap .section6 h1:before { margin-top:0; background:#666;}
.products003Wrap .section6 p { padding:0; font-size:28px; color:#222; font-weight:100; text-align:center;  line-height:1.61;}
.products003Wrap .section6 p span { font-weight:450; font-size:18px; color:#222;}
.products003Wrap .section6 p .strong {font-size:36px;}  .products003Wrap .section5 p .small {font-size:18px;}
.products003Wrap .section6 .img { padding-top:40px;margin-bottom:60px; padding-left:18%; font-size:16px; background-color:#fff}



.products003Wrap .section7 { } /*ey : background:url('http://wellkin.com/eng/static/images/brand/bg_products0031.jpg') no-repeat center center; background-size:cover;*/
.products003Wrap .section7 h1 { color:#222; font-size:36px;}
.products003Wrap .section7 h1:before { margin-top:0; background:#666;}
.products003Wrap .section7 p { padding:0; font-size:28px; color:#222; font-weight:100; text-align:center;  line-height:1.61;}
.products003Wrap .section7 p span { font-weight:450; font-size:18px; color:#222;}
.products003Wrap .section7 p .strong {font-size:36px;}  .products003Wrap .section5 p .small {font-size:18px;}
.products003Wrap .section7 .img { padding-top:40px;margin-bottom:60px; padding-left:18%; font-size:16px; background-color:#fff}
.products003Wrap .section7 .tit {color:#ed2328; }


.products003Wrap video { width:100%; height:auto; margin-bottom:50px;}

.products003Wrap .innerbtn {content:''; display:block; margin:10px auto 0px; overflow:hidden; width:780px;  height:auto;}




/* products004 */
.products004Wrap {}
.products004Wrap .subVisualBox { height:320px; background:url('/images/sub/img_wellkinGlobalProgram1.jpg') no-repeat center center; background-size:cover;}
.products004Wrap h1 { font-size:60px; color:#222; text-align:center;font-family:'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif; font-weight:100}
.products004Wrap h1:before { content:''; display:block; width:1px; height:60px; margin:80px auto 30px; background:#222;}
/*.products004Wrap [class*=section] { margin-top:160px;}*/
.products004Wrap [class*=section] .innerBox { position:relative;}
.products004Wrap [class*=section] h2 { margin-bottom:5px; font-size:28px; color:#222; font-weight:100; line-height:1.21;}
.products004Wrap [class*=section] .text { font-size:14px; color:#999999; font-weight:200; line-height:1.71;}


.products004Wrap .section1 { overflow:hidden; margin-top:70px; }
.products004Wrap .section1 .imgBox { float:left; margin-right:100px;}
.products004Wrap .section1 .imgBox .img:first-child {}
.products004Wrap .section1 .imgBox .img:last-child { position:absolute; top:0; right:0;}
.products004Wrap .section1 h2 { padding-top:250px;}


.products004Wrap .section2 { overflow:hidden;background-color:#eee; margin:0 padding:0}
.products004Wrap .innerbtn {content:''; display:block; margin:10px auto 0px; overflow:hidden; width:1100px;  height:auto;}

.products004Wrap .section3 { padding-bottom:80px;}
.products004Wrap .section3 h1 { margin:70px 0 30px; font-size:30px; font-weight:450; text-align:center;}
.products004Wrap .section3 .innerBox > ul { margin-left:-1%; font-size:0;}
.products004Wrap .section3 .innerBox > ul > li { display:inline-block; width:100%; padding-left:1%; vertical-align:top;}
.products004Wrap .section3 h2 { min-height:80px; border-bottom:1px solid #e5e5e5; margin-top:10px; font-size:28px; font-weight:100; line-height:1.21;}
.products004Wrap .section3 .dotList li { margin-top:20px;}
.products004Wrap .section3 .btnGroup {text-align:center;}


.products004Wrap .section4 { padding:80px 0; background:#f7f7f7 url('/images/sub/img_PSP13_bg.jpg') no-repeat center 0;}
.products004Wrap .section4 .textBox { margin-bottom:30px;}
.products004Wrap .section4 h2 { margin-bottom:30px; font-size:50px; font-weight:200; line-height:1.2;}
.products004Wrap .section4 > .innerBox > p { margin-bottom:50px; font-size:18px; color:#222222; line-height:1.5; font-weight:300;}
.products004Wrap .section4 .number { width:60px; height:60px; border:1px solid #c8e8f5; border-radius:50%; font-size:12px; color:#01aef0; text-align:center; line-height:60px;}
.products004Wrap .section4 h3 { margin-top:15px; font-size:28px; color:#01aef0; font-weight:100; font-weight:400; }
.products004Wrap .section4 .text { margin-top:20px; font-size:14px; color:#222222; font-weight:200; line-height:1.8;}
.products004Wrap .section4 .list { font-size:0;}
.products004Wrap .section4 .list li {display:inline-block; position:relative; width:33.333%; min-height:120px; padding:10px 30px 0 150px; margin-bottom:58px; vertical-align: top;}
.products004Wrap .section4 .list img { position:absolute; top:0; left:0;}
.products004Wrap .section4 .list h4 { margin-bottom:10px; font-size:18px; color:#222222; font-weight:400;}
.products004Wrap .section4 .list .listText { font-size:14px; color:#222222; font-weight:200;}
.products004Wrap .section4 .box1 { position:relative;}
.products004Wrap .section4 .box1 .textBox { position:absolute; top:0; left:0;}  
.products004Wrap .section4 .box1 .textBox1 { position:absolute; top:70px; left:400px;;} 
.products004Wrap .section4 .box1 .textBox2 { position:absolute; top:360px; left:400px;}
.products004Wrap .section4 .box1 .textBox3 { position:absolute; top:560px; left:560px;}
.products004Wrap .section4 .box1 .img { padding-top:50px;}
.products004Wrap .section4 .box3 .img { margin-bottom:50px;}
.products004Wrap .section4 .box3 h4 { margin:40px 0 20px; font-size:18px; color:#222222; font-weight:400;  line-height:1.31;}
.products004Wrap .section4 .box3 h5{ margin-top:15px; font-size:26px; color:#ed2227; font-weight:100; }
.products004Wrap .section4 .box3 li {word-spacing: -1.2px}

.products004Wrap .section5 {margin-top:100px; 30px;padding:0 0 100px 0; background-color:#e3e1e4} /*ey : background:url('http://wellkin.com/eng/static/images/brand/bg_products0031.jpg') no-repeat center center; background-size:cover;*/
.products004Wrap .section5 h1 { color:#222;}
.products004Wrap .section5 .img {margin:0; padding-top:40px;}
.products004Wrap .section5 .pro {margin:0; padding-top:0;}



.products004Wrap .section5 .innerBox { overflow:hidden;}

.products004Wrap .section5 h1:before { margin-top:0; background:#fff;}
.products004Wrap .section5 p { padding:200px 0 50px; font-size:28px; color:#fff; font-weight:100; text-align:center;  line-height:1.61;}
.products004Wrap .section5 p span { font-weight:450; font-size:18px; color:#fff;}
.products004Wrap .section5 p .strong {font-size:36px;}  .products004Wrap .section5 p .small {font-size:18px;}
.products004Wrap .section3 .innerBox { overflow:hidden; }

.products004Wrap .section6 { overflow:hidden; margin-top:0px; padding-bottom:25%; background:url('../images/brand/bg_map.jpg') no-repeat bottom center ; background-size:cover;}
.products004Wrap .section6 h2 { margin:80px 0 10px; padding-left:18%; font-size:30px; font-weight:450;}
.products004Wrap .section6 .text { margin-bottom:60px; padding-left:18%; font-size:16px;}

.products004Wrap video { width:100%; height:auto; margin-bottom:50px;}

/* ourWrap */
.ourWrap { padding-bottom:100px; background-color:#fff; padding-top:100px;}
.ourWrap .subVisualBox { margin-bottom:80px; background:url('../images/aboutUs/bg_ourwork1.jpg') no-repeat center center; background-size:cover;}
.ourWrap .list { display:table; width:100%;}
.ourWrap .list .img { display:table-cell; width:480px; vertical-align:middle;}
.ourWrap .list .textBox { display:table-cell; position:relative; padding-right:50px; vertical-align:middle;}
.ourWrap .list .textBox:before { content:''; position:absolute; top:0; left:0; right:50px; height:1px; background:#e5e5e5;}
.ourWrap .list:last-child .textBox:after { content:''; position:absolute; bottom:0; left:0; right:50px; height:1px; background:#e5e5e5;}
.ourWrap .list .textBox h1 { font-weight:450; font-size:30px;}
.ourWrap .list .textBox .tit { margin-top:20px; font-size:20px; line-height:1.4; color:#666;  font-weight:600}
.ourWrap .list .textBox .text { margin-top:10px; font-size:16px; color:#999; font-weight:200;}
.ourWrap .list .textBox ul { margin-top:10px;}
.ourWrap .list .textBox li { font-size:16px; color:#999; width:500px;}
.ourWrap .list .textBox .h1en { display:block; position:relative; color:#ed2328; margin-top:10px;}
.ourWrap .list .textBox .btn { display:block; position:relative; width:210px; color:#ed2328;height:50px; padding-left:30px; margin-top:40px; border:1px solid #e1e1e1; line-height:48px; transition:all .3s ease;}
.ourWrap .list .textBox .btn:after { content:''; display:block; position:absolute; top:50%; right:20px; width:13px; height:7px; margin-top:-3.5px; background:url('../images/aboutUs/btn_arrow.png') no-repeat 0 -7px; transition: right .3s ease;}
.ourWrap .list .textBox .btn:hover { color:#fff; background:#ed2328;}
.ourWrap .list .textBox .btn:hover:after { right:30px; background-position:0 0;}
.ourWrap .txt_s {font-size:14px; color:#999; line-height:1.3;}  
.ourWrap .list .textBox .dashList { margin:20px 0; font-size:0; color:#222}
.ourWrap .list .textBox .dashList li { display:inline-block; width:95%; font-size:16px; color:#222; vertical-align:top;}
.ourWrap .brandList { overflow:hidden; font-size:0;}
.ourWrap .brandList li { display:inline-block; width:25%; padding:0 10px; margin-bottom:50px; text-align:center; vertical-align:top;}
.ourWrap .brandList li .img {}
.ourWrap .brandList li .text { margin-top:20px; line-height:1.2; color:#999; font-weight:300; font-size:14px;}




/* Principles */
.PrinciplesWrap {}
.subVisualBox.type2 { height:590px; background:url('../images/brand/bg_principles1.jpg') no-repeat center center; background-size:cover;}
.subVisualBox.type2 .textBox { top:186px;}
.subVisualBox.type2 .text { line-height:1.875}

.grayImgBox { position:relative; width:100%; max-width:1100px; height:350px; padding:75px 0; padding-left:30%; margin:-270px auto 0; background:#414142;}
.grayImgBox .img { position:absolute; top:78px; left:-18%;}
.grayImgBox .img + .text:before { content:''; display:block; position:absolute; top:5px; left:-20%; width:80px; height:5px; background:#fff;}
.grayImgBox .text { position:relative; color:#fff; line-height:1.71;}
.grayImgBox .text + .text { margin-top:40px;}

.PrinciplesWrap .section1 {}
.PrinciplesWrap .section1 h1 { margin-bottom:70px; font-size:60px; font-weight:100; text-align:center;}
.PrinciplesWrap .section1 h1 span { font-size:30px; font-weight:100;}
.PrinciplesWrap .section1 h1:before { content:''; display:block; width:1px; height:60px; margin:0 auto 30px; background:#787878;}
.PrinciplesWrap .section1 .video { position:relative; padding-top:55%; }
.PrinciplesWrap .section1 .video iframe { position:absolute; top:0; left:0; width:100%; height:100%;}
.PrinciplesWrap .section1 .video video { position:absolute; top:0; left:0; width:100%; height:100%;}

.PrinciplesWrap .section2 { padding-bottom:80px; background:#f7f7f7;}
.PrinciplesWrap .section2 h2 { padding-top:90px; padding-bottom:40px; font-size:28px; color:#01aef0; font-weight:100;}

.PrinciplesWrap .section3 { padding:75px 0;}
.PrinciplesWrap .section3 h2 { margin-bottom:80px; font-size:28px; color:#01aef0; font-weight:100;}
.PrinciplesWrap .section3 .text { margin-top:70px; font-size:20px; color:#999999; font-weight:200;}

.PrinciplesWrap .section4 { position:relative; height:360px;}
.PrinciplesWrap .section4:before { content:''; display:block; position:absolute; top:0; left:0; right:50%; bottom:0; background:#9dbfd7;}
.PrinciplesWrap .section4:after { content:''; display:block; position:absolute; top:0; right:0; left:50%; bottom:0; background:#b4babf;}
.PrinciplesWrap .section4 .innerBox { z-index:1;}
.PrinciplesWrap .section4 .left { float:left; position:relative; width:50%; padding-left:19%;}
.PrinciplesWrap .section4 .left .img { left:0;}
.PrinciplesWrap .section4 .right { float:left; position:relative; width:50%; padding-right:19%; text-align:right;}
.PrinciplesWrap .section4 .right .img { right:0;}
.PrinciplesWrap .section4 .img { position:absolute; top:80px;}
.PrinciplesWrap .section4 h3 { margin-top:80px; font-size:17px; color:#fff; line-height:1.2; font-weight:200;}
.PrinciplesWrap .section4 .text { margin-top:40px; line-height:1.42; color:#fff; font-weight:200;}

.PrinciplesWrap .section5 { margin-top:80px; background:url('../images/brand/bg_principles2.jpg') no-repeat right 90%;}
.PrinciplesWrap .section5 h1 { margin-bottom:78px; font-size:60px; font-weight:100; text-align:center;}
.PrinciplesWrap .section5 h1:before { content:''; display:block; width:1px; height:60px; margin:0 auto 30px; background:#787878;}
.PrinciplesWrap .section5 li { overflow:hidden; position:relative; min-height:120px; padding:0px 0 35px 21.5%; margin-bottom:35px;}
.PrinciplesWrap .section5 li:last-child { margin-bottom:90px;}
.PrinciplesWrap .section5 li:last-child:after { display:none;}
.PrinciplesWrap .section5 li:after { content:''; display:block; position:absolute; left:21.5%; bottom:0; right:0; height:1px; background:#e5e5e5;}
.PrinciplesWrap .section5 .step { display:block; position:absolute; left:0; top:0; width:120px; height:120px; border:1px solid #01aef0; border-radius:50%; text-align:center; line-height:120px; font-size:16px; color:#01aef0; font-weight:300;}
.PrinciplesWrap .section5 .step span {}
.PrinciplesWrap .section5 h2 { margin:10px 0 10px; font-size:30px; font-weight:200;}
.PrinciplesWrap .section5 .text { position:relative; line-height:1.71; font-weight:200; padding-left:18px;}
.PrinciplesWrap .section5 .text.none { padding-left:0;}
.PrinciplesWrap .section5 .text strong { position:absolute; top:0; left:0; line-height:1.71; font-weight:bold; color:#656565;}


.cycleBox { padding-top:70px; border-top:1px solid #e5e5e5;}
.cycleBox.bt0 { border-top:0;}
.cycleBox h2 { font-size:30px; color:#222222; font-weight:450; letter-spacing:-0.01em;}
.cycleBox h2 em { display:table-cell; padding-right:40px; vertical-align:top;}
.cycleBox h2 span { display:table-cell; font-weight:400; font-size:16px; vertical-align:middle;}
.cycleBox ul { margin:80px 0; font-size:0; margin-left:-6.9%;}
.cycleBox ul li { display:inline-block; position:relative; width:25%; padding-left:6.9%;}
.cycleBox ul li .cycle { position:relative; padding-top:100%; font-size:16px; color:#ffffff; font-weight:450; text-align:center; background:url('../images/WhatWeDo/bg_scalpCare1.png') no-repeat; background-size:100%;}
.cycleBox ul li .cycle span { position:absolute; top:50%; left:0; right:0; text-align:center; transform:translateY(-50%);}
.cycleBox ul li:nth-child(2n) .cycle { background:url('../images/WhatWeDo/bg_scalpCare2.png') no-repeat; background-size:100%;}


.cycleBox ul li + li:after { content:''; display:block; position:absolute; top:50%; left:0; z-index:1; width:5px; height:5px; margin:-2.5px 0 0 -2.5px; border-radius:50%; background:#3e8bf7;}
.cycleBox ul li + li:before { content:''; display:block; position:absolute; top:50%; left:27%; z-index:1; width:5px; height:5px; margin:-2.5px 0 0 0px; border-radius:50%; background:#3e8bf7;}
.cycleBox ul li + li .cycle {}
.cycleBox ul li + li .cycle:before { content:''; display:block; position:absolute; top:50%; left:-39%; right:100%; height:1px; background:#f0f0f0;}

.scalpCareWrap {}
.scalpCareWrap .section1 { padding:100px 0; background:#f5f5f5;}
.scalpCareWrap .section1 h2 { font-size:30px; color:#222222; font-weight:450;}
.scalpCareWrap .section1 ul { overflow:hidden; margin-left:-3%; margin-top:75px;}
.scalpCareWrap .section1 ul li { float:left; width:30.33%; min-height:417px; padding:40px; margin-left:3%; background:#fff;}
.scalpCareWrap .section1 h3 { margin-top:30px; font-size:18px; color:#222; font-weight:300;}
.scalpCareWrap .section1 .text { margin-top:15px; font-size:14px; color:#999999; line-height:1.7;}
.scalpCareWrap .section1 dl { display:table; margin-top:15px;}
.scalpCareWrap .section1 dt { display:table-cell; padding-right:5px; font-size:14px; color:#00a2e0; line-height:1.7;}
.scalpCareWrap .section1 dd { display:table-cell; font-size:14px; color:#999999; line-height:1.7; letter-spacing:-1px;}

/* hairLossCare */
.hairLossCareWrap {}
.hairLossCareWrap .section1 { padding-top:70px; border-top:1px solid #e5e5e5;}
.hairLossCareWrap .section1 h2 { margin-bottom:30px; font-size:30px; color:#222222; font-weight:450;}
.hairLossCareWrap .section1 .square { overflow:hidden; margin-left:-1%;}
.hairLossCareWrap .section1 .square li { float:left; position:relative; width:25%; padding-left:1%;}
.hairLossCareWrap .section1 .square li:after { content:''; display:block; position:absolute; top:50%; left:-15px; width:40px; height:40px; margin-top:-20px; border:2px solid #4f8ff6; border-radius:50%; background:#fff url('../images/WhatWeDo/bg_arrow.jpg') no-repeat center center;}
.hairLossCareWrap .section1 .square li:nth-child(2):after { border-color:#9dbfd8;}
.hairLossCareWrap .section1 .square li:nth-child(3):after { border-color:#55a5f7;}
.hairLossCareWrap .section1 .square li:first-child:after { display:none;}
.hairLossCareWrap .section1 .square li > div { position:relative; padding-top:45%; border-radius:5px; background:#01aef0;}
.hairLossCareWrap .section1 .square li:nth-child(1) > div { background:#b5bac0;}
.hairLossCareWrap .section1 .square li:nth-child(2) > div { background:#9dbfd8;}
.hairLossCareWrap .section1 .square li:nth-child(3) > div { background:#55a5f7;}
.hairLossCareWrap .section1 .square li:nth-child(4) > div { background:#4f8ff6;}
.hairLossCareWrap .section1 .square li > div span { position:absolute; top:50%; left:0; right:0; text-align:center; color:#fff; line-height:1.375; transform:translateY(-50%);}
.hairLossCareWrap .section1 .list { overflow:hidden; margin:60px 0;}
.hairLossCareWrap .section1 .list li { float:left; width:25%;}
.hairLossCareWrap .section1 .list li h3 { margin-bottom:20px; font-size:18px; color:#222;}
.hairLossCareWrap .section2 { padding:100px 0; background:#f5f5f5;}
.hairLossCareWrap .section2 h2 { margin-bottom:30px; font-size:30px; color:#222222; font-weight:450;}
.hairLossCareWrap .section2 .img + .img { margin-top:50px;}

/* headSpa */
.headSpaWrap .section1 .list { border-top:1px solid #e5e5e5;}
.headSpaWrap .section1 .list > li { padding:50px 0 50px 240px; border-bottom:1px solid #e5e5e5;}
.headSpaWrap .section1 .list > li h3 { margin-bottom:15px; font-size:28px; font-weight:100;}
.headSpaWrap .section1 .list > li .text { font-size:14px; color:#999999; line-height:1.71; font-weight:200;}
.headSpaWrap .section1 .list > li.icon1 { background:url('../images/WhatWeDo/img_headSpa1.png') no-repeat 0 center; }
.headSpaWrap .section1 .list > li.icon2 { background:url('../images/WhatWeDo/img_headSpa2.png') no-repeat 0 center; }
.headSpaWrap .section1 .list > li.icon3 { background:url('../images/WhatWeDo/img_headSpa3.png') no-repeat 0 center; }



/* wellkinGlobalProgram */
.globalProgramWrap { overflow:hidden; width:100%; padding-bottom:100px;}
.globalProgramWrap .subVisualBox { height:320px; background:url('/images/sub/img_wellkinGlobalProgram1.jpg') no-repeat center center; background-size:cover;}   
.globalProgramWrap .psr { overflow:hidden; position:relative;}
.globalProgramWrap .psr .t { margin:60px 0 50px; font-size:24px; text-align:center; font-weight:100;}
.globalProgramWrap .bg1 { position:absolute; top:0; left:0; right:0; height:850px; background:#f6f6f6;}
.globalProgramWrap .bg2 { position:absolute; top:1723px; left:0; right:0; height:1190px; background:#f6f6f6;}
.globalProgramWrap h1 { display:inline-block; padding-bottom:25px; border-bottom:2px solid #ededed; font-size:30px; font-weight:450; letter-spacing: -2px;}
.globalProgramWrap .text { margin-bottom:20px; font-size:16px;}
.globalProgramWrap li { font-size:14px; color:#222; font-weight:200;}
.globalProgramWrap .btnGroup { margin-top:60px;}

.globalProgramWrap .section1 { position:relative; padding:0px 45.5% 80px 16%; margin-top:80px;}
.globalProgramWrap .section1 .img2 { position:absolute; top:0; right:0;}
.globalProgramWrap .section1 h1 { position:absolute; top:65px; left:90px;}
.globalProgramWrap .section1 .text { margin-top:45px;}
.globalProgramWrap .section1 ul { overflow:hidden;}
.globalProgramWrap .section1 li { float:left; width:50%;}

.globalProgramWrap .section2 { position:relative; padding-left:37%; padding-right:37%; margin:80px 0;}
.globalProgramWrap .section2 .img1 { position:absolute; bottom:0; left:0; width:33%;}
.globalProgramWrap .section2 .img2 { position:absolute; bottom:0; left:67%; width:770px;}
.globalProgramWrap .section2 h1 { margin-bottom:50px;}

.globalProgramWrap .section3 { position:relative; padding-left:73%; margin-bottom:100px;}
.globalProgramWrap .section3 .img1 { position:absolute; top:0; left:0; width:45%;}
.globalProgramWrap .section3 .img2 { position:absolute; top:110px; left:58%;}
.globalProgramWrap .section3 h1,
.globalProgramWrap .section3 p,
.globalProgramWrap .section3 ul { position:relative;}
.globalProgramWrap .section3 h1 { margin-top:170px; margin-bottom:60px;}

.globalProgramWrap .section4 { position:relative; padding-left:16%; padding-right:50%; margin-bottom:110px;}
.globalProgramWrap .section4 .img1 { position:absolute; bottom:0; right:0; width:45.5%;}
.globalProgramWrap .section4 h1 { margin-top:200px; margin-bottom:20px;}

.globalProgramWrap .section5 { position:relative; min-height:410px; padding-left:67%;}
.globalProgramWrap .section5 .img1 { position:absolute; top:0; left:40px; width:56%;}
.globalProgramWrap .section5 h1 { margin-top:50px; margin-bottom:20px;}

.globalProgramWrap .smallText { margin-top:30px; margin-left:40px; font-size:16px; color:#a9a9a9;}

/* professionalScalpProduct */
.professionalScalpProductWrap {}
.professionalScalpProductWrap .subVisualBox { height:609px; background:url('../images/WhatWeDo/bg_PSP1.jpg') no-repeat center center; background-size:cover;}
.professionalScalpProductWrap .subVisualBox .textBox { top:40%;}
.professionalScalpProductWrap .subVisualBox .tit:after { content:''; display:block; width:1px; height:60px; margin:40px auto 30px; background:#fff;}
.professionalScalpProductWrap .subVisualBox .text2 { font-size:30px; color:#ffffff; font-weight:100;}
.professionalScalpProductWrap .subVisualBox .text { line-height:2.125;}

.professionalScalpProductWrap .section1 { background:url('../images/WhatWeDo/bg_PSP2.jpg') no-repeat; background-size:cover;}
.professionalScalpProductWrap .section1 img { margin:80px 0 160px;}

.professionalScalpProductWrap .section2 { overflow:hidden; background:url('../images/WhatWeDo/bg_PSP3.gif') repeat-x;}
.professionalScalpProductWrap .section2 .textBox { position:relative; padding:55px 0; margin-bottom:80px; text-align:center; background:#fff;}
.professionalScalpProductWrap .section2 .textBox:before { content:''; display:block; position:absolute; top:-30px; left:50%; width:1px; height:60px; background:#222;}
.professionalScalpProductWrap .section2 h1 { margin-bottom:30px; font-size:30px; color:#01aef0; font-weight:200;}
.professionalScalpProductWrap .section2 .tit { margin-bottom:15px; font-size:20px; font-weight:200;}
.professionalScalpProductWrap .section2 .text { font-size:16px; color:#999;}
.professionalScalpProductWrap .section2 .text span { display:block; margin-top:25px; font-weight:450; color:#01aef0;}

.professionalScalpProductWrap .section3 { padding-bottom:80px;}
.professionalScalpProductWrap .section3 h1 { margin:70px 0 30px; font-size:30px; font-weight:450; text-align:center;}
.professionalScalpProductWrap .section3 .innerBox > ul { margin-left:-1%; font-size:0;}
.professionalScalpProductWrap .section3 .innerBox > ul > li { display:inline-block; width:33.33%; padding-left:1%; vertical-align:top;}
.professionalScalpProductWrap .section3 h2 { min-height:210px; border-bottom:1px solid #e5e5e5; margin-top:10px; font-size:28px; font-weight:100; line-height:1.21;}
.professionalScalpProductWrap .section3 .dotList li { margin-top:20px;}
.professionalScalpProductWrap .section3 .btnGroup {text-align:center;}

.professionalScalpProductWrap .section4 { padding:80px 0; background:#f7f7f7 url('../images/WhatWeDo/img_PSP13_bg.jpg') no-repeat center 0;}
.professionalScalpProductWrap .section4 .textBox { margin-bottom:30px;}
.professionalScalpProductWrap .section4 h2 { margin-bottom:30px; font-size:50px; font-weight:200; line-height:1.2;}
.professionalScalpProductWrap .section4 > .innerBox > p { margin-bottom:50px; font-size:18px; color:#222222; line-height:1.5; font-weight:300;}
.professionalScalpProductWrap .section4 .number { width:60px; height:60px; border:1px solid #c8e8f5; border-radius:50%; font-size:12px; color:#01aef0; text-align:center; line-height:60px;}
.professionalScalpProductWrap .section4 h3 { margin-top:35px; font-size:28px; color:#01aef0; font-weight:100;}
.professionalScalpProductWrap .section4 .text { margin-top:20px; font-size:14px; color:#222222; font-weight:200; line-height:1.8;}
.professionalScalpProductWrap .section4 .list { font-size:0;}
.professionalScalpProductWrap .section4 .list li {display:inline-block; position:relative; width:33.333%; min-height:120px; padding:10px 30px 0 150px; margin-bottom:58px; vertical-align: top;}
.professionalScalpProductWrap .section4 .list img { position:absolute; top:0; left:0;}
.professionalScalpProductWrap .section4 .list h4 { margin-bottom:10px; font-size:18px; color:#222222; font-weight:400;}
.professionalScalpProductWrap .section4 .list .listText { font-size:14px; color:#222222; font-weight:200;}
.professionalScalpProductWrap .section4 .box1 { position:relative;}
.professionalScalpProductWrap .section4 .box1 .textBox { position:absolute; top:0; left:0;}
.professionalScalpProductWrap .section4 .box1 .img { padding-top:100px;}
.professionalScalpProductWrap .section4 .box3 .img { margin-bottom:50px;}
.professionalScalpProductWrap .section4 .box3 h4 { margin:40px 0 20px; font-size:18px; color:#222222; font-weight:400;}

.professionalScalpProductWrap .section5 { padding:80px 0;}
.professionalScalpProductWrap .section5 .innerBox > ul { margin-left:-70px; font-size:0; text-align:center;}
.professionalScalpProductWrap .section5 .innerBox > ul > li { display:inline-block; width:320px; margin-left:70px; margin-bottom:50px; vertical-align:top; text-align:left;}
.professionalScalpProductWrap .section5 .img { position:relative; margin-bottom:20px;}
.professionalScalpProductWrap .section5 .img .over { display:none; position:absolute; top:10%; left:10%; right:10%; bottom:10%; min-height:90px; text-align:center; background:#fff;}
.professionalScalpProductWrap .section5 .img .over:before { content:''; display:block; position:absolute; top:50%; left:50%; width:25px; height:2px; margin:-1px 0 0 -12.5px; background:#d1d5d4;}
.professionalScalpProductWrap .section5 .img .over p:first-child { height:66px; margin-top:15%; font-size:24px; font-weight:600; color:#222; font-family: 'Nanum Myeongjo', serif;}
.professionalScalpProductWrap .section5 .img .over p + p { margin:0 10%; margin-top:13%; font-size:12px; color:#949494; text-transform:uppercase;}
.professionalScalpProductWrap .section5 .img:hover .over { display:block;}


/* masterFranchise */
.franchiseSystemWrap .subVisualBox { background:url('../images/franchise/bg_masterFranchise1.jpg') no-repeat center center; background-size:cover;}
.franchiseSystemWrap .grayImgBox .img { left:-206px; top:-48px;}

.franchiseSystemWrap > h1 { margin-bottom:20px; font-size:60px; font-weight:100; text-align:center; letter-spacing: -2px;}
.franchiseSystemWrap > h1:before { content:''; display:block; width:1px; height:60px; margin:0 auto 30px; background:#787878;}
.franchiseSystemWrap > h1 + .tit { margin-bottom:50px; font-size:16px; color:#999999; text-align:center; font-weight:200;}

.franchiseSystemWrap .section1 { padding:80px 0; background:#f7f7f7;}
.franchiseSystemWrap .section1 h2 { margin-bottom:45px; font-weight:450; font-size:30px;}
.franchiseSystemWrap .section1 .innerBox > ul > li { overflow:hidden; position:relative; min-height:120px; padding:0px 0 35px 21.5%; margin-bottom:35px;}
.franchiseSystemWrap .section1 .innerBox > ul > li:last-child { margin-bottom:90px;}
.franchiseSystemWrap .section1 .innerBox > ul > li:last-child:after { display:none;}
.franchiseSystemWrap .section1 .innerBox > ul > li:after { content:''; display:block; position:absolute; left:21.5%; bottom:0; right:0; height:1px; background:#e5e5e5;}
.franchiseSystemWrap .section1 .step { display:block; position:absolute; left:0; top:0; width:120px; height:120px; border:1px solid #01aef0; border-radius:50%; text-align:center; line-height:120px; font-size:16px; color:#01aef0; font-weight:300;}
.franchiseSystemWrap .section1 .step span {}
.franchiseSystemWrap .section1 h3 { margin:0px 0 10px; font-size:30px; font-weight:200; line-height:1.2;}
.franchiseSystemWrap .section1 h3 span { color:#01aef0;}
.franchiseSystemWrap .section1 .dashList { overflow:hidden;}
.franchiseSystemWrap .section1 .dashList li { float:left; width:50%;}
.franchiseSystemWrap .section1 .dashList + p { margin-top:30px; color:#636363;}

.franchiseSystemWrap .section2 { padding:80px 0;  background:url('../images/franchise/bg_masterFranchise2.jpg') no-repeat center center; background-size:cover;}
.franchiseSystemWrap .section2 h2 { font-size:30px; font-weight:450; letter-spacing: -2px; color:#fff; }
.franchiseSystemWrap .section2 .tit { margin-top:25px; font-size:16px; color:#999; line-height:1.625; font-weight:200;}
.franchiseSystemWrap .section2 .boxWrap { margin-top:80px; text-align:center; font-size:0;}
.franchiseSystemWrap .section2 .boxWrap .box { display:inline-block; width:44%; max-width:400px; padding:0 3% 40px; margin:0 3%; border-radius:10px; vertical-align:top; text-align:left; background:#01aef0;}
.franchiseSystemWrap .section2 .boxWrap .box .img { padding:40px 0; text-align:center;}
.franchiseSystemWrap .section2 .boxWrap .box h3 { padding-bottom:20px; border-bottom:1px solid #4ec6f5; font-size:28px; color:#ffffff; text-align:center; font-weight:100;}
.franchiseSystemWrap .section2 .boxWrap .box .dotList { margin-top:30px;}
.franchiseSystemWrap .section2 .boxWrap .box .dotList li { margin-bottom:20px; color:#fff;}

.franchiseSystemWrap .section2 .boxWrap .box.type2 { background:#ffffff;}
.franchiseSystemWrap .section2 .boxWrap .box.type2 h3 { border-color:#e5e5e5; color:#01aef0;}
.franchiseSystemWrap .section2 .boxWrap .box.type2 .dotList li { color:#999;}

.franchiseSystemWrap .section3 { padding:80px 0;}
.franchiseSystemWrap .section3 h2 { margin-bottom:30px; font-weight:100; font-size:28px;}
.franchiseSystemWrap .section3 .tit { margin-bottom:10px; font-size:18px; font-weight:450; color:#01aef0;}
.franchiseSystemWrap .section3 .dashList {}
.franchiseSystemWrap .section3 .dashList li {}

.franchiseSystemWrap .section3 .one { position:relative; min-height:310px; padding-left:56%; margin-bottom:60px; padding-bottom:50px; border-bottom:1px solid #e1e1e1;}
.franchiseSystemWrap .section3 .one .imgBox { position:absolute; top:0; left:0; width:50%;}
.franchiseSystemWrap .section3 .one .imgBox .img { float:left; width:49%;}
.franchiseSystemWrap .section3 .one .imgBox .img + .img { margin-left:2%;}
.franchiseSystemWrap .section3 .two { overflow:hidden; position:relative; padding-right:320px; font-size:0;}
.franchiseSystemWrap .section3 .two .imgBox { position:absolute; top:0; right:0; width:50%; font-size:0; text-align:right;}
.franchiseSystemWrap .section3 .two .imgBox .img { display:block; width:48%; margin-left:52%; margin-bottom:20px; }
.franchiseSystemWrap .section3 .two .imgBox .img + .img { display:inline-block; margin-left:2%;}
.franchiseSystemWrap .section3 .two .textList { display:inline-block; width:50%; margin-bottom:110px; vertical-align:top;}

.franchiseSystemWrap .section4 { overflow:hidden; background:url('../images/franchise/bg_masterFranchise3.jpg') repeat-x center 0; background-size:cover;}
.franchiseSystemWrap .section4 .textBox { position:relative; padding:55px 5%; margin-top:670px; margin-bottom:80px; text-align:center; background:#fff;}
.franchiseSystemWrap .section4 .textBox:before { content:''; display:block; position:absolute; top:-30px; left:50%; width:1px; height:60px; background:#222;}
.franchiseSystemWrap .section4 h2 { margin-bottom:30px; font-size:30px; font-weight:200;}
.franchiseSystemWrap .section4 h2 span { color:#01aef0;}
.franchiseSystemWrap .section4 .tit { margin-bottom:15px; font-size:20px; font-weight:200;}
.franchiseSystemWrap .section4 .text { font-size:16px; color:#999;}
.franchiseSystemWrap .section4 .text span { display:block; margin-top:25px; font-weight:450; color:#01aef0;}
.franchiseSystemWrap .section4 a { display:inline-block; margin-top:50px; padding:18px 40px; border:1px solid #c4c4c4; color:#222;}

.franchiseSystemWrap .section5 { padding-bottom:100px; text-align:center;}
.franchiseSystemWrap .section5 .imgBox { overflow:hidden; margin-bottom:60px; margin-left:-3px;}
.franchiseSystemWrap .section5 .imgBox .img { display:block; float:left; width:33.33%; padding-left:3px;}
.franchiseSystemWrap .section5 table {}
.franchiseSystemWrap .section5 table th { padding:20px; border-top:1px solid #000000; border-bottom:1px solid #e5e5e5; font-weight:450; background:#f9f9f9;}
.franchiseSystemWrap .section5 table td { padding:20px 0; border-bottom:1px solid #e5e5e5; font-weight:450; text-align:center;}
.franchiseSystemWrap .section5 table td.tl {padding-left:3%; text-align:left;}
.franchiseSystemWrap .section5 table th + th,
.franchiseSystemWrap .section5 table td + td { border-left:1px solid #e5e5e5;}
.franchiseSystemWrap .section5 .btn { display:inline-block; margin-top:50px; padding:18px 40px; border:1px solid #c4c4c4; color:#222;}

.franchiseSystemWrap .ourworkWrap { margin-top:80px;}

/* partners */
.partnersWrap .subVisualBox { height:480px; background:url('../images/franchise/bg_partners1.jpg') no-repeat center center; background-size:cover;}
.partnersWrap .partnersHeader { position:relative; width:100%; height:310px; padding:80px 0 0; background:url('../images/franchise/bg_partners2.jpg') no-repeat center center; background-size:cover;}
.partnersWrap .partnersHeader .innerBox { padding-left:30%; padding-right:10%;}
.partnersWrap .partnersHeader h1 { position:relative; font-weight:100; font-size:30px; color:#fff; line-height:1;}
.partnersWrap .partnersHeader h1:before { content:''; display:block; position:absolute; top:5px; left:-28%; width:80px; height:5px; background:#fff;}
.partnersWrap .partnersHeader .tit { margin-top:20px; font-size:18px; color:#fff; font-weight:450;}
.partnersWrap .partnersHeader .text { margin-top:15px; color:rgba(255,255,255,0.7); font-weight:300; line-height:1.42;}

@media all and (min-width:1800px){
.partnersWrap .partnersHeader .innerBox { padding-right:0;}
}

.partnersWrap .tabBox .btnArrow { border:1px solid #ebebeb;}
.partnersWrap .tabBox .btnArrow:after { width:12px; height:7px; background:url('../images/franchise/btn_more.gif') no-repeat;}

.partnersWrap .viewBox { padding:100px 0 60px; border-bottom:1px solid #e5e5e5;}
.partnersWrap .viewBox .innerBox { overflow:hidden;}
.partnersWrap .viewBox .img { float:left; width:50%;}
.partnersWrap .viewBox .textBox { float:left; width:50%; padding-left:12%;}
.partnersWrap .viewBox .textBox h2 { font-size:40px; font-weight:100;}
.partnersWrap .viewBox .textBox .tit { margin-top:30px; font-size:18px; font-weight:450; color:#01aef0;}
.partnersWrap .viewBox .textBox .dashList { margin-top:15px;}
.partnersWrap .viewBox .textBox .dashList li {}
.partnersWrap .viewBox .textBox .dashList li strong { font-weight:450; color:#000;}
.sns { margin-top:30px;}
.sns a { overflow:hidden; display:inline-block; width:40px; height:40px; border-radius:50%; margin-right:4px; margin-bottom:6px; font-size:0; background-image:url('../images/franchise/btn_sns02.jpg'); vertical-align:top;}
.sns .iconSns1 { background-position:0px 0px;}
.sns .iconSns2 { background-position:-44px 0px;}
.sns .iconSns3 { background-position:-88px 0px;}
.sns .iconSns4 { background-position:-132px 0px;}
.sns .iconSns5 { background-position:-176px 0px;}
.sns .iconSns6 { background-position:-220px 0px;}
.sns .iconSns7 { background-position:-264px 0px;}
.sns .iconSns8 { background-position:-308px 0px;}
.sns .iconSns9 { background-position:0px -46px;}
.sns .iconSns10 { background-position:-44px -46px;}
.sns .iconSns11 { background-position:-88px -46px;}
.sns .iconSns12 { background-position:-132px -46px;}
.sns .iconSns13 { background-position:-176px -46px;}
.sns .iconSns14 { background-position:-220px -46px;}
.sns .iconSns15 { background-position:-264px -46px;}
.sns .iconSns16 { background-position:-308px -46px;}

.partnersWrap .viewDetail { margin:60px 0 100px;} 
.partnersWrap .viewDetail .imgBox { overflow:hidden;} 
.partnersWrap .viewDetail .imgBox .img { float:left; width:50%; padding-right:40px; margin-bottom:40px;} 
.partnersWrap .viewDetail .imgBox .img:nth-child(2n) { float:right; padding:0; padding-left:40px;}
.partnersWrap .viewDetail .video { position:relative; margin-top:80px; padding-top:55%; }
.partnersWrap .viewDetail .video iframe { position:absolute; top:0; left:0; width:100%; height:100%;} 
.partnersWrap .viewDetail .btnGroup { margin-top:60px; text-align:center;} 

.partnersWrap .tabView { display:none;}
.partnersWrap .tabView .viewBox { padding-top:0;}

.partnersList { padding:30px 0 80px;}
.partnersList ul { overflow:hidden; margin-left:-12%;}
.partnersList li { float:left; width:50%; padding-left:12%;}
.partnersList li h2 { padding-top:70px; padding-left:70px; padding-bottom:30px; font-size:28px; font-weight:100;}
.partnersList li .img {}
.partnersList li a { display:block; position:relative; padding:27px 0 27px 70px; border-bottom:1px solid #e5e5e5; font-weight:450; color:#222;}
.partnersList li a:after { content:''; display:block; position:absolute; top:50%; left:28px; width:13px; height:7px; margin-top:-3.5px; background:url('../images/aboutUs/btn_arrow.png') no-repeat 0 -7px; transition: right .3s ease;}

/* news */
.newsListWrap .tabBox { margin-bottom:0;}
.newsListWrap .tabBox .type2 { margin:0;}
.newsListWrap .tabBox .type2 li,
.newsListWrap .tabBox .type2 li a span { height:60px;}
.newsListWrap .tabBox .type2 .newsletter { background:#4b7de4;}
.newsListWrap .tabBox .type2 .newsletter a span { color:#fff;}

.newsListWrap .newsList { padding:80px 0; margin-top:-30px; background:#f7f7f7;}

.newsList {}
.newsList .innerBox { width:100%; max-width:1240px; margin:0 auto;}
.newsList h1 { margin-bottom:40px; font-size:60px; color:#017ec6; font-weight:100; text-align:center;}
.newsList .motionLayout { overflow:hidden; margin:0 -40px; height:0px;}
.newsList .motionLayout > div { width:270px; margin-left:40px;opacity:0;}
.newsList .motionLayout > div h2 { margin:20px 0 10px; font-size:16px; font-weight:450;}
.newsList .motionLayout > div p { font-weight:200; color:#999999;}
.newsList .motionLayout > div.box { padding:40px 40px 150px; background:#fff; }
.newsList .motionLayout > div.box a:after { content:'+'; display:block; position:absolute; bottom:40px; left:40px; color:#999999;}
.newsList .motionLayout > div.box h2 { margin-top:0;}
.newsList .motionLayout > div.box.type1 { background:#fff;}
.newsList .motionLayout > div.box.type2 { background:#eaeaea;}
.newsList .motionLayout > div.box.type3 { background:#000000;}
.newsList .motionLayout > div.box.type3 h2 { color:#fff;}
.newsList .motionLayout > div img { height:auto;}
.newsList .btnGroup {text-align:center;}

.newsView { padding:80px 0; margin-top:-30px; background:#f7f7f7;}
.newsView h1 { margin-bottom:30px; font-size:30px; color:#222222; font-weight:450;}
.newsView .date { position:absolute; top:10px; right:20px;}
.newsView .textBox {}
.newsView .textBox img { margin-bottom:50px;}
.newsView .textBox p { margin-top:20px; font-size:16px; font-weight:200;}
.newsView .btnGroup { text-align:center;}


.newsletterView h1 { margin-top:70px; margin-bottom:130px; font-size:60px; color:#017ec6; font-weight:100; text-align:center;}
.newsletterView ul { overflow:hidden;}
.newsletterView li { overflow:hidden; float:left; width:50%; padding:40px 0;}
.newsletterView li:nth-child(2n) { position:relative; padding-left:50px;}
.newsletterView li:nth-child(2n) .textBox { width:260px;}
.newsletterView li .img { overflow:hidden; float:left; width:240px; height:280px;}
.newsletterView li .img img { transition:all .3s ease;}
.newsletterView li .img:hover img { transform:scale(1.05);}
.newsletterView li .textBox { float:left; width:310px; padding-left:40px;}
.newsletterView li .textBox h2 { overflow:hidden; height:50px; margin-top:30px; font-size:18px; color:#090909; font-weight:450;}
.newsletterView li .textBox .text { overflow:hidden; height:38px; margin-top:25px; font-size:14px; color:#787878;}
.newsletterView .btnDownload { display:inline-block; position:relative; width:150px; height:40px; margin-top:50px; margin-right:2px; padding-left:20px; border:1px solid #e1e1e1; font-size:12px; color:#000; line-height:40px;}
.newsletterView .btnDownload:after { content:''; display:block; position:absolute; top:50%; right:20px; width:15px; height:12px; margin-top:-6px; background:url('../images/news/btn_download.png') no-repeat;}


/* contactUs */
.contactUsWrap { padding:80px 0; background:#f4f4f4;}
.contactUsWrap h1 { margin-bottom:20px;display:block; position:relative; font-size:60px; font-weight:100; color:#222;}

.contactUsWrap ul { display:none;}
.contactUsWrap ul li { position:relative; padding-left:26px; line-height:2.5;}
.contactUsWrap ul li a { position:relative; font-size:16px; color:#222222; font-weight:300;}
.contactUsWrap ul li:after { content:''; display:block; position:absolute; top:50%; left:0; width:10px; height:3px; margin-top:-1.5px; background:#000000;}
.contactUsWrap ul li a:before { content:''; display:block; position:absolute; left:0; top:50%; width:0; height:2px; background:#222; transition:all .2s ease;}
.contactUsWrap ul li a:hover:before { width:100%;}

.contactUsContBox {}

.contactUsBox { overflow:hidden; margin:30px -50px 0; padding:60px 30px; background:#fff;}
.contactUsBox > div { float:left; width:50%; padding:0 20px; margin-bottom:30px;}
.contactUsBox > div.full { width:100%;}
.contactUsBox > div label { display:block; position:relative; margin-bottom:15px; padding-left:15px; font-size:16px;}
.contactUsBox > div label:after { content:''; display:block; position:absolute; top:50%; left:0; width:6px; height:2px; margin-top:-1px; background:#cccccc;}
.contactUsBox > div .inp { width:100%; height:70px; padding-left:30px; border:1px solid #fff; box-sizing:border-box; line-height:70px; font-size:20px;}
.contactUsBox > div .select { width:100%; height:70px; padding:0 30px; border:1px solid #fff; box-sizing:border-box; line-height:70px; font-size:20px;}
.contactUsBox > div .textarea { width:100%; height:300px; padding:0 30px; border:1px solid #cccccc; box-sizing:border-box; line-height:70px; font-size:20px; resize:none;}
.contactUsBox > div .fileBox { position:relative; padding-right:155px;}
.contactUsBox > div .fileBox input { width:100%; height:70px; padding:0 30px; border:1px solid #cccccc; box-sizing:border-box; line-height:70px; font-size:20px;}
.contactUsBox > div .fileBox > span { position:absolute; top:0; right:0; width:150px; height:70px; line-height:70px; text-align:center; background:#60636c;}
.contactUsBox > div .fileBox > span span { color:#fff;}
.contactUsBox > div .fileBox > span input { position:absolute; top:0; left:0; opacity:0;}
.contactUsBox > div.fileWrap { position:relative; padding-left:145px;}
.contactUsBox > div.fileWrap label { position:absolute; top:50%; left:20px; transform:translateY(-50%);}

.contactUsBox .btnSubmit { float:none; width:100%; margin-bottom:0;}
.contactUsBox .btnSubmit button { width:100%; height:70px; text-align:center; font-size:20px; color:#222; font-weight:450;}
.contactUsBox .btnSubmit .btn { color:#fff; background:#222;}

/* qna */
.mailform .top-txt {text-align:right; color:#444; font-size:13px; margin-bottom:5px ;}
.mailform .top-txt strong {color:#d70244;}
.mailform table {width:100%; border-collapse:collapse; border-spacing:0px; }
.mailform table tbody th {padding:8px 5px 8px 30px; height:26px; color:#454545; font-size:18px; font-weight:700; line-height:26px; text-align:left; vertical-align:top;  font-family:'NotoSans-Light', 'Montserrat-Light', 'Malgun Gothic', sans-serif;}
.mailform table tbody th strong {color:#d70244;}
.mailform table tbody td {padding:8px 15px; font-size:13px;;text-align:left;}
.mailform img {vertical-align:middle;}
.form-agree {position:relative; margin-top:25px; padding-bottom:20px;}
.form-agree .btn {position:absolute; top:0; right:0; font-size:11px;}
.form-agree dt {font-size:14px; font-weight:700; color:#010101; line-height:normal; background:url('http://cooler1835.cafe24.com/images/sub/bullet.gif') 0 50% no-repeat; padding-left:20px;}
.form-agree dd {padding:8px 0 0 0; color:#000; font-size:13px; text-align:left;}
.form-agree .scroll_box {height:130px; border:1px solid #c3c3c3; font-size:13px; line-height:18px; background:#fff; color:#666; padding:9px; overflow:auto; text-align:left;}
.btn-pack.btn-submit { float:none; width:100%; margin-bottom:0; width:100%; height:70px; text-align:center; font-size:20px;  font-weight:450; color:#fff; background:#222;border:none}
.input { height:40px;border:1px solid #cccccc; box-sizing:border-box;}
.textarea { border:1px solid #cccccc; box-sizing:border-box;}