@charset "utf-8";

body{letter-spacing:-0.025em}
input[type=text],
input[type=password]{padding:11px 20px 13px;font-size:15px;color:#333;line-height:22px;letter-spacing:-0.025em;border:1px solid #d5d5d5;background:white}
textarea{padding:11px 20px 13px;font-size:15px;color:#333;line-height:22px;letter-spacing:-0.025em;border:1px solid #d5d5d5;background:white}
input[type=text]:read-only,
input[type=password]:read-only,
textarea:read-only{border:1px solid #d5d5d5;background:#fafafa}

.basic-button1{letter-spacing:-0.025em}

.radioDummy+label,
.checkboxDummy+label{letter-spacing:-0.05em}

.selectDummy{height:48px}
.selectDummy span{height:48px;padding:11px 48px 13px 20px;font-size:15px;color:#333;line-height:22px;letter-spacing:-0.025em;border:1px solid #d5d5d5;background:white}
.selectDummy span:after{width:28px;height:46px;background:url(../imgs/global/arrow1.png) 0 center no-repeat}
.selectDummy ul li span{padding:11px 20px 13px}
.selectDummy.active span{border:1px solid #333}
/* 오픈전까지 */

.heading_mar{padding:0 0 11px 9px;font-size:0;line-height:0}

/* etc */
#etc_content{margin-bottom:50px;padding:15px 0;color:#666}

/*���.�����ȳ�*/
div.box_guide {margin-bottom:20px;padding:9px 10px;border:1px solid #dbdbdb;border-top:1px solid #444;background-color:#f3f3f3}
div.box_guide div{padding:18px;border:1px solid #dbdbdb;background-color:#fff}
div.box_guide p strong{color:#000}
div.box_guide ul li{padding-left:10px;line-height:19px;background:url(../imgs/icon/bul_red_square.gif) 0 9px no-repeat}
div.box_guide ul li.bank{margin-top:20px;padding-left:0;background:url(../imgs/icon/bul_red_square.gif) 0 0 no-repeat}
div.box_guide ul li.bank table{border-top:solid 1px #bababa;border-left:solid 1px #dbdbdb}
div.box_guide ul li.bank table thead{background-color:#f9f9f9;border-bottom:solid 1px #dbdbdb}
div.box_guide ul li.bank table thead tr td{padding:9px 0 7px;text-align:center;color:#444;border-right:solid 1px #dbdbdb}
div.box_guide ul li.bank table tbody{background-color:#fff;border-bottom:solid 1px #dbdbdb}
div.box_guide ul li.bank table tbody tr td{padding:9px 0 7px;text-align:center;color:#666;border-right:solid 1px #dbdbdb}

.partnershipList{padding:0 0 0 1px;text-align:center}
.partnershipList li{display:inline-block;padding:0 2px 0 6px;vertical-align:top;border-left:1px dashed #acacac}
.partnershipList li a,
.partnershipList li img{vertical-align:top}
.partnershipList li:first-child{padding:0 2px 0 0;border:none}

/* custom */
.page-title1{clear:both;padding:25px 0 9px;font-size:40px;color:#333;line-height:41px;font-weight:300;letter-spacing:-0.05em}

.page-summary1{clear:both;padding:4px 0 12px}
.page-summary1 li{font-size:16px;color:#333;line-height:26px;letter-spacing:-0.05em}

.version{padding:20px 0 0}
.version:after{content:"";display:block;clear:both}
.version label{float:left;padding:12px 0;font-size:20px;color:#333;line-height:24px;letter-spacing:-0.01em;cursor:default}
.version .selectDummy{float:right}

.policyhtml{clear:both;padding:7px 0 0;word-wrap:break-word;font-size:14px;color:#333;line-height:1.6;font-weight:400;letter-spacing:-0.01em;font-family:'Noto Sans KR',sans-serif}
.policyhtml strong,
.policyhtml b{font-size:16px;color:#333;line-height:1.8;font-weight:500;letter-spacing:-0.01em;font-family:'Noto Sans KR',sans-serif}
.policyhtml img{max-width:100%}
.policyhtml table{max-width:1200px}
.policyhtml .indepth{margin-left:40px;}

.cooperation{float:left;clear:both;width:100%;margin:24px 0 0}
.cooperation h3{padding:27px 0 13px;font-size:18px;color:#333;line-height:22px;font-weight:400}
.cooperation .formtable{clear:both;border-top:2px solid #333;border-bottom:1px solid #d2d2d2}
.cooperation .formtable th{padding:20px 0 21px;vertical-align:top;text-align:left;font-size:15px;color:#333;line-height:22px;font-weight:400}
.cooperation .formtable tr:first-child th{padding-top:31px}
.cooperation .formtable tr:last-child th{padding-bottom:33px}
.cooperation .formtable th span{display:inline-block;overflow:hidden;width:5px;height:5px;margin:5px 0 0 9px;vertical-align:top;text-indent:-9999px;line-height:5px;background:url(../imgs/global/circle1.png) 0 0 no-repeat}
.cooperation .formtable td{padding:0 80px 7px 0;vertical-align:top;font-size:15px;color:#333;line-height:22px}
.cooperation .formtable tr:first-child td{padding-top:11px}
.cooperation .formtable tr:last-child td{padding-bottom:19px}
.cooperation .formtable td input[type=text],
.cooperation .formtable td textarea,
.cooperation .formtable td .basic-button1,
.cooperation .formtable td .selectDummy{float:left;margin:8px 10px 0 0}
.cooperation .formtable td .at{float:left;width:22px;margin:8px 0 0;padding:12px 0 14px;color:#444}
.cooperation .text{overflow-y:scroll;height:128px;padding:15px 20px;word-wrap:break-word;font-size:15px;color:#666;line-height:1.75;border:1px solid #ddd}
.cooperation .text img{max-width:100%}
.cooperation .text table{max-width:100%}
.cooperation .text .indepth{margin-left:40px;}
.cooperation .inputDummy,
.cooperation .inputDummy+label{margin-top:15px}

.brand-visual{position:relative;clear:both}
.brand-visual h3{position:absolute;display:flex;align-items:center;justify-content:center;top:0;left:0;z-index:2;overflow:hidden;width:100%;height:100%;/* text-indent:-9999px; */font-size:0;background:url(../imgs/etc/brand_logo.png) center center no-repeat}
.brand-visual h3 sub{color:#ffffff;font-size:30px;text-align:center;font-weight:bold;transform:translateY(100%);margin-top:60px;}
.brand-visual .img{position:relative;left:50%;z-index:1;width:1920px;margin:0 0 0 -960px;text-align:center}
.brand-visual .img a,
.brand-visual .img img{display:inline-block;max-width:100%;vertical-align:top}

.brand-about{clear:both;width:1200px;margin:0 auto;padding:0 0 105px}
.brand-about h3{padding:39px 0;text-align:center;font-size:25px;color:#323232;line-height:29px;font-weight:300;letter-spacing:-0.02em}
html[lang="en"] .brand-about h3,
html[lang="cn"] .brand-about h3{margin-top:54.5px;}
.brand-about h3 strong{display:block;padding:14px 0;font-size:36px;line-height:40px;font-weight:500;letter-spacing:0em}
.brand-about .img{position:relative;left:50%;z-index:1;width:1920px;margin:0 0 0 -960px;text-align:center;border-top:109px solid transparent;border-bottom:40px solid transparent}
html[lang="en"] .brand-about .img,
html[lang="cn"] .brand-about .img{border-top-width:54.5px;}
.brand-about .img a,
.brand-about .img img{display:inline-block;max-width:100%;vertical-align:top}
.brand-about dl{position:relative;margin:60px 0 0;padding:0 0 0 248px}
.brand-about dl dt{position:absolute;top:0;left:0;width:207px;font-size:24px;color:#323232;line-height:36px;font-weight:700;border-bottom:2px solid #5c5c5c}
.brand-about dl dd{padding:3px 0 0;font-size:20px;color:#5c5c5c;line-height:32px;font-weight:300}

.brand-philosophy{display:flex;flex-direction:column;justify-content:center;align-item:center;position:relative;clear:both;width:1200px;height:595px;margin:0 auto;text-align:center}
.brand-philosophy:before{content:"“";display:flex;flex-direction:column;justify-content:center;align-item:center;position:absolute;top:0;left:50%;z-index:2;height:100%;margin:0 0 0 -787px;padding:68px 0 0;box-sizing:border-box;opacity:0.2;font-size:250px;color:white;line-height:280px;font-weight:300}
.brand-philosophy:after{content:"”";display:flex;flex-direction:column;justify-content:center;align-item:center;position:absolute;top:0;right:50%;z-index:2;height:100%;margin:0 -787px 0 0;padding:68px 0 0;box-sizing:border-box;opacity:0.2;font-size:250px;color:white;line-height:280px;font-weight:300}
.brand-philosophy h3{position:relative;z-index:2;padding:20px 0 0;text-align:center;font-size:31px;color:white;line-height:36px;font-weight:700}
.brand-philosophy .img{position:absolute;top:0;left:50%;z-index:1;overflow:hidden;width:1920px;height:595px;margin:0 0 0 -960px;text-align:center}
.brand-philosophy .img a,
.brand-philosophy .img img{display:inline-block;max-width:100%;vertical-align:top}
.brand-philosophy .summary{position:relative;z-index:2;padding:36px 0 22px;text-align:center;font-size:26px;color:white;line-height:32px;font-weight:500}
.brand-philosophy .text{position:relative;z-index:2;padding:15px 0 0;text-align:center;font-size:18px;color:white;line-height:28px;font-weight:300}

.brand-ingredient{display:flex;flex-direction:column;justify-content:center;position:relative;clear:both;width:1200px;height:580px;margin:149px auto 0;padding:0 18px 0 774px;box-sizing:border-box}
.brand-ingredient h3{padding:0 0 19px;font-size:30px;color:#323232;line-height:34px;font-weight:700}
.brand-ingredient .img{display:flex;flex-direction:column;justify-content:center;position:absolute;top:0;right:50%;height:100%;margin:0 -70px 0 0}
.brand-ingredient .img a,
.brand-ingredient .img img{display:block;max-height:100%}
.brand-ingredient .summary{padding:31px 0 2px;font-size:22px;color:#90838a;line-height:24px;font-weight:500}
.brand-ingredient .text{padding:19px 0;font-size:18px;color:#5c5c5c;line-height:28px;font-weight:300}

.brand-technology{display:flex;flex-direction:column;justify-content:center;position:relative;clear:both;width:1200px;height:590px;margin:159px auto 0;padding:0 774px 0 18px;box-sizing:border-box}
.brand-technology h3{padding:0 0 19px;font-size:30px;color:#323232;line-height:34px;font-weight:700}
.brand-technology .img{display:flex;flex-direction:column;justify-content:center;position:absolute;top:0;left:50%;height:100%;margin:0 0 0 -17px}
.brand-technology .img a,
.brand-technology .img img{display:block;max-height:100%}
.brand-technology .summary{padding:31px 0 2px;font-size:22px;color:#90838a;line-height:24px;font-weight:500}
.brand-technology .text{padding:19px 0;font-size:18px;color:#5c5c5c;line-height:28px;font-weight:300}

.brand-design{display:flex;flex-direction:column;justify-content:center;position:relative;clear:both;width:1200px;height:520px;margin:149px auto 0;padding:0 18px 0 774px;box-sizing:border-box}
.brand-design h3{padding:0 0 19px;font-size:30px;color:#323232;line-height:34px;font-weight:700}
.brand-design .img{display:flex;flex-direction:column;justify-content:center;position:absolute;top:0;right:50%;height:100%;margin:0 -61px 0 0}
.brand-design .img a,
.brand-design .img img{display:block;max-height:100%}
.brand-design .summary{padding:31px 0 2px;font-size:22px;color:#90838a;line-height:24px;font-weight:500}
.brand-design .text{padding:19px 0;font-size:18px;color:#5c5c5c;line-height:28px;font-weight:300}

.interaction{opacity:0;-moz-transform:translate3d(0,40px,0);-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}
.interaction.active{opacity:1;-moz-transition:opacity 0.8s,-moz-transform 0.8s;-webkit-transition:opacity 0.8s,-webkit-transform 0.8s;transition:opacity 0.8s,transform 0.8s;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}