@charset "utf-8"; 
@font-face {
	font-family:'GR';
	font-style:normal;
	font-weight:normal;
	src:url('/en/micro/font/Gilroy-Regular.eot');
	src:url('/en/micro/font/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
		url('/en/micro/font/Gilroy-Regular.woff2') format('woff2'),
		url('/en/micro/font/Gilroy-Regular.woff') format('woff'),
		url('/en/micro/font/Gilroy-Regular.ttf') format('truetype');
}
@font-face {
	font-family:'GM';
	font-style:normal;
	font-weight:normal;
	src:url('/en/micro/font/Gilroy-Medium.eot');
	src:url('/en/micro/font/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
		url('/en/micro/font/Gilroy-Medium.woff2') format('woff2'),
		url('/en/micro/font/Gilroy-Medium.woff') format('woff'),
		url('/en/micro/font/Gilroy-Medium.ttf') format('truetype');
}
@font-face {
	font-family:'GB';
	font-style:normal;
	font-weight:normal;
	src:url('/en/micro/font/Gilroy-Bold.eot');
	src:url('/en/micro/font/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
		url('/en/micro/font/Gilroy-Bold.woff2') format('woff2'),
		url('/en/micro/font/Gilroy-Bold.woff') format('woff'),
		url('/en/micro/font/Gilroy-Bold.ttf') format('truetype');
}
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html, body {width:100%; height:100%;}
body {margin:0; font-family:'GM',sans-serif; font-weight:normal; font-size:14px; color:#555; line-height:20px; -webkit-text-size-adjust:none;}
div, iframe, h1, h2, h3, h4, h5, h6, p, button, abbr, address, blockquote, q, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {margin:0; padding:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
ol, ul, li {list-style:none;}
table {width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
form, fieldset, iframe {border:0;}
img {border:0; vertical-align:top; font-size:0; line-height:0;}
button{border:0;}
hr {height:0;}
i, em, address{font-style:normal}
u{text-decoration:none;}
strong, b {font-family:'GB';}
label, button{cursor:pointer}
blockquote, q {quotes:none}
caption {overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-50000px;}
legend {overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-50000px;}
input, textarea, select, button {font-family:'GR'; vertical-align:middle; background:none; outline:none; -webkit-appearance:none;
	-webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0;
}
a {color:#555; text-decoration:none; outline:none;}
a:hover{text-decoration:none;}
body {scrollbar-arrow-color:#000;scrollbar-3dLight-color:#fff;scrollbar-base-color:#fff;scrollbar-track-color:#fff;scrollbar-darkshadow-color:#fff;scrollbar-highlight-color:#fff;scrollbar-face-color:#f395c7;scrollbar-shadow-color:#f395c7;}
body::-webkit-scrollbar {width:23px; height:23px; border:0 solid #fff;}
body::-webkit-scrollbar-button:start:decrement,
body::-webkit-scrollbar-button:end:increment {display:block; width:; height:0; background:#fff;}
body::-webkit-scrollbar-track {background:#fff; -webkit-border-radius:0px; border-radius:0; -webkit-box-shadow:inset 0 0 0px rgba(0,0,0,.2);}
body::-webkit-scrollbar-thumb {height:50px; width:50px; background:#f395c7; -webkit-border-radius:0; border-radius:0; -webkit-box-shadow:inset 0 0 0px rgba(0,0,0,.1);}
body::-webkit-scrollbar-thumb:hover {}
.blind, .hide, legend {overflow:hidden; visibility:hidden; position:absolute; width:0; height:0; font-size:0; line-height:0;}
.of_h {overflow:hidden;}
.clear {zoom:1;}
.clear:after {content:''; display:block; clear:both;}
.onlyW {display:none !important;}
@media all and (min-width: 1280px) {
.onlyM {display:none !important;}
.onlyW {display:block !important;}
}
.GR {font-family:'GR';}
.GM {font-family:'GM';}
.GB {font-family:'GB';}
.txt_red {color:#fa5855;}
.txt_blue {color:#39b5b7;}
.txt_basic  {color:#666666;}
.txt_black {color:#222;}
.txt_gray {color:#999999;}
.ta_l {text-align:left;}
.ta_c {text-align:center;}
.ta_r {text-align:right;}
.va_t {vertical-align:top;}
.va_m {vertical-align:middle;}
.va_b {vertical-align:bottom;}
.fl_l {float:left;}
.fl_r {float:right;}
.mg0 {margin:0;}
.mg10 {margin:10px;}
.mgt0 {margin-top:0;}
.mgt10 {margin-top:10px;}
.mgb0 {margin-bottom:0;}
.mgb10 {margin-bottom:10px;}
.mgl0 {margin-left:0;}
.mgl10 {margin-left:10px;}
.mgr0 {margin-right:0;}
.mgr10 {margin-right:10px;}
.pd0 {padding:0;}
.pd10 {padding:10px;}
.pdt0 {padding-top:0;}
.pdt10 {padding-top:10px;}
.pdb0 {padding-bottom:0;} 
.pdb10 {padding-bottom:10px;}
.pdl0 {padding-left:0;}
.pdl10 {padding-left:10px;}
.pdr0 {padding-right:0;}
.pdr10 {padding-right:10px;}
.bgNone {background:none !important;}
.bdNone {border:none !important;}
.inputType {display:inline-block; width:100%; vertical-align:middle;}
.inputType input {width:100%; height:30px; padding:0 8px; text-indent:4px; line-height:30px; color:#666; border:1px solid #ddd; outline:none;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.inputType input:focus {color:#222; border-color:#222;}
.inputType input.readOnly {color:#999; border-color:#dcdcdc; background:#eee;}
.inputType input.error {border-color:#fa5855;}
.inputTxt {font-family:'GR';}
@media all and (min-width: 1280px) {
.inputType {width:auto;}
.inputArea .inputType {display:inline-block;}
.inputArea .inputTxt {display:inline-block; margin-left:8px;}
}
.sch_box {padding:15px 10px; background:#f2f2f2;}
.sch_box:after {content:''; display:block; clear:both;}
.sch_box .inputType {float:left; width:calc(100% - 78px); background:#fff;}
.sch_box .btn_wrap {float:right; width:72px;}
.sch_box .btn_wrap .btn {width:100%;}
@media all and (min-width: 1280px) {
.sch_box {padding:30px;}
.sch_box .inputType {width:calc(100% - 98px);}
.sch_box .inputType input {height:40px; font-size:16px; line-height:40px;}
.sch_box .btn_wrap {width:88px;}
.sch_box .btn_wrap .btn {height:40px; font-size:16px; line-height:38px;}
}
.addFile_wrap {position:relative;}
.addFile_wrap .btn {position:relative; right:0; top:0; width:72px;}
.addFile_wrap .inp_file {overflow:hidden; position:absolute; left:0; top:0; width:100%; height:30px;}
.addFile_wrap .inp_file input {width:100%; height:100%; opacity:0; filter: alpha(opacity=0); cursor:pointer;}
.addFile_wrap .des {margin-top:10px; font-family:'GR';}
@media all and (max-width: 1279px) {
.addFile_wrap .inputType {width:calc(100% - 78px);}
.addFile_wrap .file_del {display:block; position:absolute; left:0; top:40px;}
.addFile_wrap .file_del .btn_del {display:block; width:20px; height:20px; font-size:0; line-height:0; color:transparent; background:#ccc url('/en/micro/images/common/btn_file_del.png') no-repeat center center / 10px auto; border-radius:50%; z-index:2;}
.addFile_wrap .des {padding-left:25px; padding-bottom:5px;}
}
@media all and (min-width: 1280px) {
.addFile_wrap .inputType {width:170px;}
.addFile_wrap .inp_file {width:278px;}
.addFile_wrap .des {display:inline-block; margin-top:0; margin-left:50px;}
.addFile_wrap .file_del {position:absolute; left:260px; top:50%; width:24px; height:24px; margin-top:-12px; background:url('/en/micro/images/common/btn_file_del_w.png') no-repeat 0 0;}
.addFile_wrap .file_del a {display:block; height:100%;}
.addFile_wrap .file_del .btn_del {font-size:0; line-height:0; color:transparent;}
.addFile_wrap .file_del .thumb {display:none;}
}
.textArea {position:relative;}
.charCnt {font-family:'GR'; font-size:14px; color:#999;}
.charCnt em {}
.charCnt .byte {display:none;}
textarea {width:100%; min-height:120px; padding:10px; margin:10px 0; color:#555; font-family:'NotoL'; font-size:14px; line-height:26px; border:1px solid #dcdcdc; outline:none; resize:none;
	-webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
textarea:focus {color:#555; border-color:#222;}
textarea.readOnly {color:#222; border-color:#dcdcdc; background:#eee;}
textarea.error {color:#fa5855; border-color:#fa5855;}
@media all and (min-width: 1280px) {
.charCnt .byte {display:inline;}
textarea {min-height:242px;}
}
.btn_wrap {vertical-align:middle; font-size:0; line-height:0;}
.btn_wrap:after {content:''; display:block; clear:both;}
.btn {display:inline-block; text-align:center; vertical-align:top; font-family:'GM'; box-sizing:border-box;}
.btn span {position:relative; display:block; box-sizing:border-box; border-radius:0; text-align:center;}
.btnType1 {font-family:'GB'; color:#000; border:2px solid #000;}
.btnType2 {color:#fff; background:#d38dd3; border:1px solid #d38dd3;}
.btnType3 {color:#d38dd3; border:1px solid #d38dd3;}
.btnType4 {font-family:'GR'; color:#fff; background:#a1a1a1; border:1px solid #a1a1a1;}
.btnType5 {color:#fff; background:#c7c7c7; border:1px solid #c7c7c7;}
.btnType6 {font-family:'GB'; color:#fff; border:2px solid #fff;}
.btnSizeS {height:30px; padding:0 10px; font-size:14px; line-height:28px;}
.btnSizeM {height:35px; padding:0 10px; font-size:14px; line-height:31px;}
.btnSizeL {height:40px; padding:0 10px; font-size:14px; line-height:38px;}
.btn_more {margin-top:14px;}
.btn_more .btn {width:100%;}
.btn_more .btn span {display:inline-block; padding-right:20px; background:url('/en/micro/images/common/arr_btnMore.png') no-repeat right center / auto 7px;}
@media all and (max-width: 1279px) {
.btn_wrap .btn {margin-top:10px;}
.btn_wrap .btn:first-child {margin-top:0;}
.btn_wrap.sideSpace {padding:0 16px;}
.btn_wrap.bChild2 .btn {float:left; width:49%;}
.btn_wrap.bChild2 .btn:nth-child(odd) {}
.btn_wrap.bChild2 .btn:nth-child(even) {float:right;}
.btn_wrap.bChild2 .btn:nth-of-type(1),
.btn_wrap.bChild2 .btn:nth-of-type(2) {margin-top:0;}
}
@media all and (min-width: 1280px) {
.btn_wrap.bChild2 .btn {margin:0 5px;}
.btnSizeM {height:52px; font-size:16px; line-height:46px; border-width:3px;}
.btnSizeL {padding:0 60px;}
}
.tabType {}
.tabType ul {font-size:0; line-height:0;}
.tabType ul:after {content:''; display:block; clear:both;}
.tabType li {padding:0 12px; margin-top:22px;}
.tabType li:first-child {margin-top:0;}
.tabType li a {display:inline-block; position:relative; font-family:'GB'; font-size:32px; line-height:46px; color:#ccc;}
.tabType li a:after {content:''; display:block; position:absolute; left:0%; bottom:0; width:0; height:3px; background:#000; 
	-webkit-transform:translateX(-0%); -moz-transform:translateX(-0%); -ms-transform:translateX(-0%); -o-transform:translateX(-0%); transform:translateX(-0%);}
.tabType li.on a {color:#222;}
.tabType li.on a:after {width:100%;}
.tabType.horizon li {float:left; width:33.3%; margin-top:0; text-align:center; box-sizing:border-box;}
@media all and (min-width: 1280px) {
.tabType li a:hover {color:#222;}
.tabType li a:hover:after {width:100%;}
}
.listType1 {}
.listType1 li {position:relative; padding-left:7px; font-family:'GR'; font-size:13px; color:#666; line-height:22px;}
.listType1 li:before {content:''; display:block; position:absolute; left:0; top:10px; width:2px; height:2px; background:#999;}
@media all and (min-width: 1280px) {
.listType1 li {font-size:14px; line-height:28px;}
.listType1 li:before {top:14px;}
}
.tblSup {padding:20px 0 10px;}
.tblSup .totalCnt {height:20px;font-family:'GR'; color:#666;}
.tblSup .totalCnt em {font-family:'GB'; font-size:16px; color:#d38dd3;}
@media all and (min-width: 1280px) {
.tblSup {padding-top:36px;}
}
.tblType1 {border-top:1px solid #d38dd3; border-bottom:1px solid #e1e1e1;}
.tblType1 thead th {height:35px; font-weight:normal; font-family:'GR'; color:#333; line-height:35px;}
.tblType1 thead th .th {position:relative;}
.tblType1 thead th .th:before {content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background:#ccc;}
.tblType1 tbody td {padding:15px 10px; border-top:1px solid #e1e1e1; vertical-align:top; font-family:'GR'; color:#666;}
.tblType1 tbody td .td {position:relative;}
.tblType1 tbody td .opt_addr,
.tblType1 tbody td .opt_tel {line-height:18px;}
.tblType1 tbody td .btn_wrap {margin-top:8px;}
.tblType2 {border-top:1px solid #d38dd3; border-bottom:1px solid #e1e1e1;}
.tblType2 thead th {height:35px; font-weight:normal; font-family:'GR'; color:#333; line-height:35px;}
.tblType2 thead th .th {position:relative;}
.tblType2 thead th .th:before {content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background:#ccc;}
.tblType2 tbody th {padding:15px 10px; border-top:1px solid #e1e1e1; vertical-align:top; text-align:left; font-weight:normal; font-family:'GR'; color:#222;}
.tblType2 tbody td {padding:15px 10px; border-top:1px solid #e1e1e1; vertical-align:top; font-family:'GR'; color:#666;}
.tblType2 tbody tr:first-child th,
.tblType2 tbody tr:first-child td {border-top-color:#fff;}
.tblType2 tbody td .td {position:relative;}
.tblType2 tbody td .opt_addr,
.tblType2 tbody td .opt_tel {line-height:18px;}
.tblType2 tbody td .btn_wrap {margin-top:8px;}
@media all and (min-width: 1280px) {
.tblType1 thead th {height:45px; line-height:45px;}
.tblType1 tbody td {padding:10px;}
.tblType1 tbody td .opt_addr {line-height:23px;}
.tblType1 tbody td .opt_tel {padding-bottom:8px;}
.tblType2 thead th {height:45px; line-height:45px;}
.tblType2 tbody td {padding:10px;}
.tblType2 tbody td .opt_addr {line-height:23px;}
.tblType2 tbody td .opt_tel {padding-bottom:8px;}
}
.tblType_form {border-top:1px solid #d38dd3; border-bottom:1px solid #dddddd;}
.tblType_form th,
.tblType_form td {border-top:1px solid #dddddd;}
.tblType_form th {padding:9px 0 10px; padding-left:3%; text-align:left; font-weight:normal; font-family:'GR'; color:#333; vertical-align:middle; line-height:22px;}
.tblType_form td {padding:9px 3% 10px; color:#999;}
.tblType_form .required {display:block; position:relative;}
.tblType_form .required:before {content:'*'; display:block; position:absolute; left:-10px; top:50%; margin-top:-10px; color:#ec3865;}
.tblType_form tr:first-child th,
.tblType_form tr:first-child td {border-top-color:#fff;}
.tblType_form .txt th {line-height:24px;}
.tblType_form .recently_deli .selectType {width:100%;}
.tblType_form.bd th,
.tblType_form.bd td {padding:30px 0; border-top:1px solid #eee;}
@media all and (max-width: 1279px) {
.tblType_form .line2 {line-height:15px;}
.tblType_form .line2:before {margin-top:-13px;}
}
@media all and (min-width: 1280px) {
.tblType_form th {padding-left:30px;}
.tblType_form td {padding-left:20px;}
.tblType_form td .td_cell .inputType {width:265px;}
.tblType_form td .td_subject .inputType {width:510px;}
}
.paging {text-align:center;font-size:0;line-height:0;}
.paging a,
.paging span {display:inline-block;height:28px;padding:0 7px;font-family:'GR';font-size:14px;line-height:28px;vertical-align:top;}
.paging a img {vertical-align:top}
.paging span a {padding:0;}
.paging span.first,
.paging span.prev,
.paging span.next,
.paging span.last {padding:0;}
.paging span.first {margin-right:4px;}
.paging span.prev {margin-right:9px;}
.paging span.next {margin-left:9px;}
.paging span.last {margin-left:4px;}
.paging a {color:#5b5b5b;}
.paging a:hover {color:#d38dd3;}
.paging .current {position:relative;color:#d38dd3;}
/* Slider */
.slick-slider {position:relative;display:block;box-sizing:border-box;
    -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
    -webkit-touch-callout:none;-khtml-user-select:none;
    -ms-touch-action:pan-y;touch-action:pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display:block;}
.slick-track:before,
.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}
.slick-arrow {overflow:hidden; position:absolute; top:32%; width:11px; height:20px; margin-top:-10px; font-size:0; background:url('/en/micro/images/common/arr_slick.png') no-repeat 0 0 / auto 20px; z-index:10;}
.slick-prev {left:10px;}
.slick-next {right:10px; background-position:right 0;}
.slick-slide {outline:none;}
.slick-dots {text-align:center;}
.slick-dots li {display:inline-block; vertical-align:middle; line-height:0;}
.slick-dots li button {display:inline-block; width:6px; height:6px; margin:0 5px; font-size:0; line-height:0; color:transparent; vertical-align:middle; background:#e5ebf5; border-radius:50%;}
.slick-dots li.slick-active button {background-color:#f395c7;}
@media all and (max-width: 1279px) {
.slick-arrow {margin-top:0 !important;}
}
@media all and (min-width: 1280px) {
.slick-arrow {left:100%; right:auto; top:50%; width:22px; height:12px; margin-top:0; background:url('/en/micro/images/common/arr_slick_w.png') no-repeat 0 0; transform:translateY(-50%);}
.slick-next {background-position:0 bottom;}
.slick-dots li {display:block; margin-top:20px;}
.slick-dots li:first-child {margin-top:0;}
.slick-dots li button {width:10px; height:10px;}
}
@media all and (max-width: 1279px) {
body.tpl_open #wrap {position:fixed; width:100%;}
}
@media all and (min-width: 1280px) {
body.tpl_open {overflow:hidden; height:100%;}
}
#wrap {overflow:hidden; position:relative; min-width:320px;}
#wrap.of_h {height:100%;}
.mask {position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(34,34,34,.6);z-index:999;}
.skipNavi {position:relative; z-index:9999;}
.skipNavi li {position:absolute; left:0; top:0; width:100%;}
.skipNavi li a {display:block; width:1px; height:1px; overflow:hidden; font-size:14px;}
.skipNavi li a:focus, 
.skipNavi li a:active {width:100%; height:auto; padding:7px 0; text-align:center; color:#fff; border:1px solid #e5253a; background:#f54a7e;}
#header {position:absolute; left:0; top:0; z-index:100; width:100%; padding:0 60px; box-sizing:border-box;}
#header .logo a {display:block; height:60px; text-align:center; background:url('/en/micro/images/common/logo.png') no-repeat center center / auto 15px}
#header .btn_gnbToggle {display:block; position:fixed; left:0; top:0; width:60px; height:60px; z-index:500; transition-duration:.3s;}
#header .btn_gnbToggle .bar {display:block;position:absolute;left:50%;top:50%;width:20px;height:2px;background:#fff;transform:translate(-50%,-50%);}
#header .btn_gnbToggle .bar:before,
#header .btn_gnbToggle .bar:after {content:'';display:block;position:absolute;left:0;width:100%;height:2px;background:#fff;}
#header .btn_gnbToggle .bar:before {top:-6px;}
#header .btn_gnbToggle .bar:after {top:6px;}
#header .btn_gnbToggle.typeB {background:#fff;}
#header .btn_gnbToggle.typeB .bar,
#header .btn_gnbToggle.typeB .bar:before,
#header .btn_gnbToggle.typeB .bar:after {background-color:#000;}
.sideNavi {overflow:auto; position:fixed; left:-100%; top:0; width:100%; height:100%; z-index:501;}
.sideNavi .closeNavi {display:block; position:absolute; left:0; top:0; width:60px; height:60px; opacity:0; z-index:3;}
.sideNavi .closeNavi:before,
.sideNavi .closeNavi:after {content:'';display:block;position:absolute; left:50%; top:50%; width:20px; margin-left:-10px; height:1px;background:#fff;}
.sideNavi .closeNavi:before {transform:rotate(45deg);}
.sideNavi .closeNavi:after {transform:rotate(-45deg);}
.sideNavi .navIn {position:relative; width:100%; height:auto; min-height: calc(100%); text-align:center; transform:translateX(-100%); -webkit-overflow-scrolling: touch; transition-duration:.3s;}
.sideNavi .navIn:before {content:''; display:block; position:absolute; left:0; top:0; width:0; height:100%; background:#d38dd3; transition-duration:.4s; transition-timing-function:ease-in-out;}
.sideNavi .navIn .allMenu {position:relative;}
.sideNavi.active {left:0; transform:translateX(0);}
.sideNavi.active .closeNavi {opacity:1; transition-duration:.3s; transition-delay:.5s;}
.sideNavi.active .navIn {transform:translateX(0);}
.sideNavi.active .navIn:before {width:100%;}
.gnb {padding:60px 0;}
.gnb > li {margin-top:40px;}
.gnb > li:first-child {margin-top:10px;}
.gnb > li > a {font-family:'GB'; font-size:30px; color:#fff; line-height:30px;}
.gnb .snb {margin-top:10px;}
.gnb .snb li a {font-family:'GB'; font-size:20px; color:#fdc1fd; line-height:34px;}
@media all and (min-width: 767px) and (max-width: 1279px) {
#header {padding:0 80px;}
#header .logo a {height:80px; background-size:auto 24px;}
#header .btn_gnbToggle {width:80px; height:80px; margin-top:-4px;}
#header .btn_gnbToggle .bar {width:24px;}
#header .btn_gnbToggle .bar:before {top:-7px;}
#header .btn_gnbToggle .bar:after {top:7px;}
.sideNavi .closeNavi {width:80px; height:80px;}
.sideNavi .closeNavi:before,
.sideNavi .closeNavi:after {width:24px; margin-left:-12px;}
.gnb > li {margin-top:60px;}
.gnb > li:first-child {margin-top:30px;}
.gnb .snb {margin-top:20px;}
}
@media all and (min-width: 1280px) {
#header {padding:0 130px;}
#header .logo {text-align:center;}
#header .logo a {display:inline-block; width:225px; height:126px; background-image:url('/en/micro/images/common/logo_w.png'); background-size:auto auto;}
#header .btn_gnbToggle {width:130px; height:126px; margin-top:-4px;}
#header .btn_gnbToggle .bar {width:30px;}
#header .btn_gnbToggle .bar:before {top:-9px;}
#header .btn_gnbToggle .bar:after {top:9px;}
#header .btn_gnbToggle.typeB {background:transparent;}
.sideNavi {transition-duration:unset;}
.sideNavi:before {content:''; display:none; position:fixed; left:-100%; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.sideNavi.active:before {display:block; left:0;}
.sideNavi .closeNavi {width:130px; height:126px;}
.sideNavi .closeNavi:before,
.sideNavi .closeNavi:after {width:30px; margin-left:-15px;}
.sideNavi .navIn {width:32.5%; height:100%; padding-left:48px; text-align:left; box-sizing:border-box;}
.sideNavi .navIn .allMenu {overflow-y:auto; height:100%;}
.sideNavi .navIn .allMenu:after {content:''; display:inline-block; height:100%; vertical-align:middle;}
.sideNavi .navIn .allMenu .gnb {display:inline-block; vertical-align:middle;}
.gnb > li {margin-top:60px;}
.gnb > li:first-child {margin-top:0;}
.gnb > li > a {font-size:46px; line-height:46px;}
.gnb > li > a:hover {color:#ece938;}
.gnb .snb {padding-left:20px;}
.gnb .snb li a {font-size:28px; line-height:45px;}
.gnb .snb li a:hover {color:#ece938;}
}
#container {}
.indigator {display:none;}
#container .contents {}
#container .section {overflow:hidden; position:relative;}
#container .section .secIn {max-width:2000px; margin:0 auto;}
.bg > img {width:100%;}
@media all and (min-width: 1280px) {
.indigator {display:block; position:fixed; right:3.25%; top:50%; transform:translateY(-50%); z-index:500;}	
.indigator a {display:block; width:12px; height:12px; margin-top:20px;border-radius:50%; background:#eee; transition-duration:.2s;}
.indigator a:first-child {margin-top:0;}
.indigator a:hover,
.indigator a.on {background:#c7b4e2;}
}
#quick {overflow:hidden; position:fixed; right:15px; bottom:20px; z-index:900; transform:translateY(200%); transition:transform .5s;}
#quick.show {transform:translateY(0);}
#quick .goTop {display:block; width:45px; height:45px; text-align:center; font-family:'GB'; color:#fff; background:#c1c6c8; border-radius:50%;}
#quick .goTop:after {content:''; display:inline-block; height:100%; vertical-align:middle;}
#quick .goTop span {display:inline-block; position:relative; padding-top:10px; margin-top:3px; vertical-align:middle; background:url('/en/micro/images/common/ico_goTop.png') no-repeat center top / auto 6px;}
@media all and (min-width: 1280px) {
#quick {right:20px; bottom:30px;}
#quick .goTop {width:60px; height:60px; font-size:16px;}
#quick .goTop:before {content:''; display:block; position:absolute; left:50%; top:50%; width:0; height:0; background:#d38dd3; opacity:0; border-radius:50%; transition-duration:.3s;}
#quick .goTop:hover:before {left:0; top:0; width:100%; height:100%; opacity:1;}
#quick .goTop span {padding-top:13px; background-size:auto 8px;}
}
#footer {position:relative;}
#footer .foot_menu {border-top:1px solid #e5e5e5;}
#footer .foot_menu ul {padding:0 20px; text-align:center;}
#footer .foot_menu ul:after {content:''; display:block; clear:both;}
#footer .foot_menu li {display:inline-block; padding:0 10px; text-align:center;}
#footer .foot_menu li > a {display:block; color:#666; line-height:45px;}
#footer .foot_menu li span {display:inline-block; vertical-align:top; background-repeat:no-repeat; background-position:left center;}
#footer .foot_menu li.m1 span {padding-left:30px; background:url('/en/micro/images/common/ico_foot_m1.png') no-repeat left center / auto 16px;}
#footer .foot_menu li.m2 span {padding-left:24px; background:url('/en/micro/images/common/ico_foot_m2.png') no-repeat -2px 10px / auto 22px;}
#footer .foot_menu li.m3 {display:none;}
#footer .footIn {padding:20px 0; text-align:center; background:#222;}
#footer .footIn .foot_site {margin-bottom:20px;}
#footer .footIn .foot_site ul {text-align:center;}
#footer .footIn .foot_site ul li {display:inline-block; position:relative; padding:0 10px; font-family:'GR';}
#footer .footIn .foot_site ul li:before {content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background:#696969;}
#footer .footIn .foot_site ul li:first-child:before {display:none;}
#footer .footIn .foot_site ul li.on a {color:#fff;}
#footer .footIn .foot_sns {margin-bottom:20px;}
#footer .footIn .foot_sns ul {text-align:center;}
#footer .footIn .foot_sns li {display:inline-block; margin:0 18px;}
#footer .footIn .foot_sns li img {width:45px;}
#footer .footIn .copy {margin-top:8px; font-weight:bold; font-family:'GR'; font-size:14px; color:#666;}
@media all and (min-width: 1280px) {
#footer .foot_menu {text-align:center;}
#footer .foot_menu li {display:inline-block; float:none; width:auto !important; padding:0 25px;}
#footer .foot_menu li > a {line-height:60px;}
#footer .foot_menu li.m1 {padding-right:15px;}
#footer .foot_menu li.m1 span {padding-left:45px; background:url('/en/micro/images/common/ico_foot_m1_w.png') no-repeat left 19px;}
#footer .foot_menu li.m2 span {padding-left:30px; background:url('/en/micro/images/common/ico_foot_m2_w.png') no-repeat left center;}
#footer .foot_menu li.m3 {display:inline-block; position:relative; text-align:left;}
#footer .foot_menu li.m3 .btn_fsite {width:138px; padding:8px 10px; text-align:left; font-size:13px; color:#666; background:url('/en/micro/images/common/arr_familysite.png') no-repeat 120px 0; box-sizing:border-box;}
#footer .foot_menu li.m3 .btn_fsite:hover {color:#222;}
#footer .foot_menu li.m3 .btn_fsite.open {color:#222; background-position:120px -32px;}
#footer .foot_menu li.m3 .fsite {display:none; position:absolute; left:25px; top:100%; width:138px; padding:7px 20px 6px 10px; background:#fff; border:1px solid #ccc; box-sizing:border-box;}
#footer .foot_menu li.m3 .fsite a {display:inline-block; position:relative; font-family:'GR'; font-size:12px; line-height:24px; color:#666;}
#footer .foot_menu li.m3 .fsite a:before {content:''; display:block; position:absolute; left:0; bottom:5px; width:100%; height:2px; opacity:0; background:#f4e6f4;}
#footer .foot_menu li.m3 .fsite a:hover {color:#d28dd3;}
#footer .foot_menu li.m3 .fsite a:hover:before {opacity:1;}
#footer .footIn {padding:30px 0 25px;}
#footer .footIn .foot_sns {display:block; margin-bottom:15px;}
#footer .footIn .foot_sns li img {width:40px;}
#footer .footIn .copy {margin-top:12px; font-size:12px;}
}
.sec_visual .mVisualWrap .slick-dots {position:absolute; left:0; bottom:15px; width:100%; z-index:100;}
.sec_visual .mVisualWrap .slick-dots li {display:inline-block; margin-top:0;}
.sec_visual .item {position:relative;}
@media all and (min-width: 767px) and (max-width:1279px){
.sec_visual .mVisualWrap .slick-dots {bottom:30px;}
.sec_visual .mVisualWrap .slick-dots li button {width:12px; height:12px; margin:0 10px;}
}
@media all and (min-width: 1280px){
.sec_visual {height:100vh; min-height:750px;}
.sec_visual .mVisualWrap {height:100%;}
.sec_visual .mVisualWrap .slick-list {height:100%;}
.sec_visual .mVisualWrap .slick-track {height:100%;}
.sec_visual .mVisualWrap .slick-dots {bottom:60px;}
.sec_visual .mVisualWrap .slick-dots li button {width:12px; height:12px; margin:0 10px;}
.sec_visual .mVisualWrap .item {height:100%;}
.sec_visual .effect_wrap {height:100%;}
.sec_visual .bg {width:100%; height:100%; background:url('/en/micro/images/main/mainBanner_w.jpg') center center / cover;}
.sec_visual .bg img {display:none;}
}
.sec_visual .txt {position:absolute; left:0; bottom:0; width:100%; padding:8% 0 12% 6.4%;font-size:26px; font-family:'GB'; color:#fff; word-wrap:break-word; word-break:keep-all;box-sizing:border-box;}
.sec_visual .txt p {opacity:1; transform:translateY(20px); transition-duration:1s;}
.sec_visual .txt span {display:block; margin-top:12px; margin-left:-3px; font-size:70px; line-height:68px; transform:translateY(10px); transition-delay:.2s; transition-duration:1.2s;}
.sec_visual .slickAni .txt p,
.sec_visual .slickAni .txt span {opacity:1; transform:translateY(0); transition-timing-function:ease;}
@media all and (min-width: 767px) and (max-width:1279px){
.sec_visual .txt {font-size:52px;}
.sec_visual .txt span {margin-top:20px; font-size:140px; line-height:134px;}
}
@media all and (min-width: 1280px) {
.sec_visual .txt {padding:0 0 6% 7.3%;font-size:70px; background:none;}
.sec_visual .txt span {margin-top:50px; font-size:172px; line-height:160px;}
}
/**
바닐라코
**/
/* [브랜드소개] */
.brand_co .brand_tit .in_sec {position:relative;}
.brand_co .brand_tit .in_sec1 {background:#d5cbe2;}
.brand_co .brand_tit .in_sec1 .bg {transform:translateY(0); transition:1s cubic-bezier(0.65, 0.05, 0.36, 1);}
.brand_co .brand_tit .in_sec1.inview .bg {transform:translateY(0);}
.brand_co .brand_tit .in_sec1 .txt {position:absolute; left:0; bottom:10%; width:100%; text-align:center; font-weight:bold; font-size:40px; font-family:'GB'; color:#fff; letter-spacing:6px;}
.brand_co .brand_tit .in_sec1 .txt img {width:100%;}
.brand_co .brand_tit .in_sec2 {text-align:center;}
.brand_co .brand_tit .in_sec2 .tit {width:225px; padding:66px 0 40px; margin:0 auto; font-family:'GB'; font-weight:bold; font-size:66px; color:#000; line-height:63px; letter-spacing:3px;
opacity:0; transform:translateY(15%); transition:1s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.brand_co .brand_tit .in_sec2.inview .tit {opacity:1; transform:translateY(0);}
.brand_co .brand_tit .in_sec2 .tit .ico {color:transparent; background:url('/en/micro/images/banilaco/ico_o.png') no-repeat center center / 100% auto;}
.brand_co .brand_tit .in_sec2 .subtit {display:inline-block; overflow:hidden; position:absolute; left:52%; top:330px; padding:0 5px; font-family:'GB'; font-size:14px; line-height:23px;white-space:nowrap; color:#fff; background:#f395c7; box-sizing:border-box;
opacity:0; transform:rotate(0) translateX(-50%); transition:.5s;
}
.brand_co .brand_tit .in_sec2.inview .subtit {opacity:1; transform:rotate(-15deg) translateX(-50%);transition-delay:.7s;}
.brand_co .brand_tit .in_sec2 .parag {padding:38px 3% 68px; font-family:'GR'; color:#999; word-wrap:break-word;word-break:keep-all;}
.brand_co .brand_tit .in_sec2 .parag h3 {margin-top:12px; font-family:'GB'; color:#222;}
.brand_co .brand_tit .in_sec2 .parag h3:first-child {margin-top:0;}
.brand_co .brand_img .frame {padding-left:13.05%;}
.brand_co .brand_img .txt {padding:14px 4% 60px;font-family:'GR'; text-align:right; background:url('/en/micro/images/banilaco/bg_brand_img.png') no-repeat 96% bottom / 44px auto;}
.brand_co .brand_img .txt p {display:inline-block; width:350px;}
.brand_co .brand_img .txt span {display:inline-block; padding:0 5px; margin-top:6px; font-size:18px; color:#fff; line-height:25px; background:#f395c7;}
.brand_co .brand_img .txt span:first-child {margin-top:0;}
@media all and (min-width: 767px) and (max-width:1279px){
.brand_co .brand_tit .in_sec2 .tit {font-size:86px; line-height:80px;}
.brand_co .brand_tit .in_sec2 .subtit {top:425px;}
.brand_co .brand_tit .in_sec2 .parag {width:60%; margin:0 auto;}
.brand_co .brand_img .frame {padding:0 0 0 17%;}
.brand_co .brand_img .frame .bg {position:relative; right:0; bottom:0; width:100%; padding-top:62%;}
.brand_co .brand_img .bg img {display:none;}
.brand_co .brand_img .bg {background:url('/en/micro/images/banilaco/brand_img_w.jpg') no-repeat center center / cover;}
.brand_co .brand_img .txt p {width:100%;}
.brand_co .brand_img .txt span {font-size:36px; line-height:44px;}
}
@media all and (min-width: 1280px) {
.brand_co .brand_tit {position:relative;}
.brand_co .brand_tit:after {content:''; display:block; clear:both;}
.brand_co .brand_tit .in_sec1 {position:absolute; left:0; top:0; width:50%; height:100%;}
.brand_co .brand_tit .in_sec1 .bg {overflow:hidden; position:relative; width:100%; height:100%;}
.brand_co .brand_tit .in_sec1 .bg img {display:none;}
.brand_co .brand_tit .in_sec1 .bg .bgweb {position:absolute; left:0; top:-10%; width:100%; height:120%; background:url('/en/micro/images/banilaco/topvisual_w.jpg') no-repeat center top / cover; transform:translateY(-25px);}
.brand_co .brand_tit .in_sec1.inview .bgweb {transition:transform 1.5s cubic-bezier(.19,1,.22,1);}
.brand_co .brand_tit .in_sec1 .txt img {width:auto; max-width:100%;}
.brand_co .brand_tit .in_sec2 {overflow:hidden; position:relative; width:50%; margin-left:50%;}
.brand_co .brand_tit .in_sec2 .tit {width:500px; padding:134px 0 0; font-size:138px; line-height:128px; letter-spacing:4px;}
.brand_co .brand_tit .in_sec2 .subtit {left:50%; top:712px; padding:0 10px; font-size:18px; line-height:35px;}
.brand_co .brand_tit .in_sec2 .parag {width:520px; padding:104px 0 120px; margin:0 auto; font-size:16px; line-height:28px;}
.brand_co .brand_tit .in_sec2 .parag h3 {margin-top:25px; font-size:18px;}
.brand_co .brand_tit .in_sec2 .parag h3:first-child {margin-top:0;}
.brand_co .brand_img .frame {padding:11.2% 0 0 17%;}
.brand_co .brand_img .frame .bg {overflow:hidden; position:relative; right:0; bottom:0; width:100%; padding-top:62%; background:#d5c6df;}
.brand_co .brand_img .frame .bg img {display:none;}
.brand_co .brand_img .frame .bgweb {position:absolute; left:0; top:50%; width:100%; padding-top:83.5%; margin-top:-41.75%; background:url('/en/micro/images/banilaco/brand_img_w.jpg') no-repeat center center / 100% auto;}
.brand_co .brand_img.inview .frame .bgweb {transition:transform 1.5s cubic-bezier(.19,1,.22,1);}
.brand_co .brand_img .txt {padding:40px 7% 80px 0; background:url('/en/micro/images/banilaco/bg_brand_img_w.png') no-repeat 99% 40%;}
.brand_co .brand_img .txt p {width:auto;}
.brand_co .brand_img .txt p span {padding:0 7px; margin:4px 0 0;font-size:48px; line-height:70px;}
.brand_co .brand_img .txt p .line1 {margin:0 5% 0 0;}
.brand_co .brand_img .txt p .line1:after {content:' '; display:block; clear:both;}
}
@media all and (min-width: 1600px) {
.brand_co .brand_img .txt {padding-right:11%; background-position:96% 40%;}
.brand_co .brand_img .txt p .line1 {margin:0 18% 0 0;}
}
/* [제품] */
.product_co {position:relative; padding-top:45px;}
.product_co .tabType {position:absolute; left:4%; top:45px; z-index:10;}
.product_co .tabType li {margin-top:22px;}
.pdt_banilaco {display:none; padding:0 4%;}
.pdt_banilaco .pdt_img {padding-bottom:10px;}
.pdt_banilaco .pdt_img .bg {padding-left:36%;}
.pdt_banilaco .pdt_list a {display:block; max-width:210px; margin:0 auto;}
.pdt_banilaco .pdt_list .pdtThumb {position:relative;width:100%; padding-top:100%;}
.pdt_banilaco .pdt_list .pdtThumb img {position:absolute;left:0;top:0;width:100%;height:100%;}
.pdt_banilaco .pdt_list .pdtInfo {padding:0 1%; margin-top:30px;}
.pdt_banilaco .pdt_list .opt_tit {font-size:15px; font-family:'GM'; color:#000;}
.pdt_banilaco .pdt_list .opt_txt {margin-top:3px; font-family:'GR'; color:#999;}
.pdt_banilaco .slick-list {margin:0 15%;}
.pdt_banilaco .slick-dots {position:absolute; left:50%; top:215px; width:210px; margin-left:-110px; text-align:left; box-sizing:border-box;}
@media all and (min-width: 767px) and (max-width:1279px){
.product_co .tabType {left:8%;}
.product_co .tabType li {margin-top:32px;}
.product_co .tabType li a {font-size:48px; line-height:54px;}
.pdt_banilaco .pdt_img {padding-bottom:20px;}
.pdt_banilaco .pdt_list a {max-width:420px; margin:0 auto;}
.pdt_banilaco .pdt_list .pdtInfo {margin-top:40px;}
.pdt_banilaco .slick-dots {left:50%; top:430px; width:420px; padding:0; margin-left:-210px;}
}
@media all and (min-width: 1280px) {
.product_co {padding-bottom:140px;}
.product_co .tabType {left:10%; top:185px;}
.product_co .tabType li {margin-top:46px;}
.product_co .tabType li a {font-size:68px; line-height:94px;}
.product_co .tabType li a:after {height:6px;}
.pdt_banilaco {padding:100px 18.25% 0;}
.pdt_banilaco .pdt_wrap {position:relative; padding-left:52%;}
.pdt_banilaco .pdt_img {overflow:hidden; position:absolute; left:7%; width:45.66%; height:100%; padding-bottom:0;}
.pdt_banilaco .pdt_img .bg {height:100%; padding-left:0; background:url('/en/micro/images/banilaco/pdt_banilaco_img1_w.jpg') no-repeat center center / cover; transition:transform .5s;}
.pdt_banilaco .pdt_img .bg img {display:none;}
.pdt_banilaco .pdt_img:hover .bg {transform:scale(1.1,1.1);}
.pdt_banilaco#pdt1_1 .pdt_img .bg {background-image:url('/en/micro/images/banilaco/pdt_banilaco_img1_w.jpg');}
.pdt_banilaco#pdt1_2 .pdt_img .bg {background-image:url('/en/micro/images/banilaco/pdt_banilaco_img2_w.jpg');}
.pdt_banilaco#pdt1_3 .pdt_img .bg {background-image:url('/en/micro/images/banilaco/pdt_banilaco_img3_w.jpg');}
.pdt_banilaco .pdt_list {position:relative;padding:26% 15%;}
.pdt_banilaco .pdt_list a {display:block; max-width:360px; margin:0 auto;}
.pdt_banilaco .pdt_list .pdtThumb {position:relative;width:100%; padding-top:100%;}
.pdt_banilaco .pdt_list .pdtThumb img {position:absolute;left:0;top:0;width:100%;height:100%;}
.pdt_banilaco .pdt_list .opt_tit {font-size:24px; line-height:28px;}
.pdt_banilaco .pdt_list .opt_txt {margin-top:7px; font-size:16px; line-height:24px;}
.pdt_banilaco .slick-list {margin:0;}
.pdt_banilaco .slick-dots {left:100%; top:50%; width:auto; margin-left:0; transform:translateY(-50%);}
}
/* [제로123] */
.zero_tit {padding:63px 0 35px;text-align:center; color:#000;}
.zero_tit .tit {font-size:38px; font-family:'GB'; line-height:47px;}
.zero_tit .subtit {margin-top:6px; font-family:'GR';}
.zero_step ul {padding-bottom:85px;}
.zero_step ul:after {content:''; display:block; clear:both;}
.zero_step ul.active li:not(.open) {width:0;}
.zero_step ul.active li.open {left:0; width:100%; transition-duration:.5s;}
.zero_step li {overflow:; position:relative; float:left; width:25%; padding-top:106%;}
.zero_step li .btn_close {display:block; position:absolute; right:12px; top:12px; width:20px; height:20px; opacity:0; z-index:-1;}
.zero_step li .btn_close:before,
.zero_step li .btn_close:after {content:'';display:block;position:absolute; left:50%; top:50%; width:20px; margin-left:-10px; height:1px; background:#aaa;}
.zero_step li .btn_close:before {transform:rotate(45deg);}
.zero_step li .btn_close:after {transform:rotate(-45deg);}
.zero_step li.open .btn_close {z-index:50; opacity:1; transition-delay:1.5s; transition-duration:.5s;}
.zero_step li .bg {overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:60% 0;background-size:cover;}
.zero_step li.s1 .bg {background-image:url('/en/micro/images/banilaco/zero_img1.jpg')}
.zero_step li.s2 .bg {background-image:url('/en/micro/images/banilaco/zero_img2.jpg')}
.zero_step li.s3 .bg {background-image:url('/en/micro/images/banilaco/zero_img3.jpg')}
.zero_step li.s4 .bg {background-image:url('/en/micro/images/banilaco/zero_img4.jpg')}
.zero_step li.open .bg {position:absolute; left:0; top:0; width:50%; height:100%; z-index:1;background-position:center 0;}
.zero_step li.open .bg img {width:100%;height:100%;}
.zero_step li a.btn_open {display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:50;}
.zero_step li.open a.btn_open {z-index:-1;}
.zero_step li .face {display:inline-block; position:absolute; left:20px; bottom:20%; width:46px; height:46px; background-repeat:no-repeat;background-position:0 0;background-size:cover;}
.zero_step li.s1 .face {background-image:url('/en/micro/images/banilaco/face_step1.png');}
.zero_step li.s2 .face {background-image:url('/en/micro/images/banilaco/face_step2.png');}
.zero_step li.s3 .face {background-image:url('/en/micro/images/banilaco/face_step3.png');}
.zero_step li.s4 .face {background-image:url('/en/micro/images/banilaco/face_step4.png');}
.zero_step li.open .face {bottom:69%; z-index:50; transition:bottom .3s; background-position:left bottom;}
.zero_step li .step {position:absolute; left:20px; bottom:10.85%; font-size:25px; font-family:'GB'; color:#fff;}
.zero_step li.open .step {bottom:87%; z-index:50; font-size:30px; line-height:30px; color:#222; transition-duration:.5s;}
.zero_step li .pdt img {width:100%}
.zero_step li.open .pdt {opacity:1; transform:translateY(0); transition-duration:.8s; transition-delay:1.2s;}
.zero_step li .pdt .btn_link {display:block; position:absolute; top:0; height:100%; color:transparent;}
.zero_step li.s1 .btn_link1 {left:3%; width:25%;}
.zero_step li.s1 .btn_link2 {left:28%; width:23%;}
.zero_step li.s1 .btn_link3 {left:51%; width:23%;}
.zero_step li.s1 .btn_link4 {left:74%; width:23%;}
.zero_step li.s2 .btn_link1 {left:14%; width:16%;}
.zero_step li.s2 .btn_link2 {left:30%; width:28%;}
.zero_step li.s2 .btn_link3 {left:58%; width:15%;}
.zero_step li.s2 .btn_link4 {left:73%; width:16%;}
.zero_step li.s3 .btn_link1 {left:13%; width:26%;}
.zero_step li.s3 .btn_link2 {left:39%; width:19%;}
.zero_step li.s3 .btn_link3 {left:58%; width:30%;}
/*.zero_step li.s4 .btn_link1 {left:9%; width:19%;}
.zero_step li.s4 .btn_link2 {left:28%; width:19%;}
.zero_step li.s4 .btn_link3 {left:47%; width:16%;}
.zero_step li.s4 .btn_link4 {left:63%; width:26%;}*/
.zero_step li.s4 .btn_link1 {left:15%; width:19%;}
.zero_step li.s4 .btn_link2 {left:41%; width:19%;}
.zero_step li.s4 .btn_link3 {left:68%; width:16%;}
.zero_step li.s4 .btn_link4 {display:none;left:63%; width:26%;}
.zero_step li .cover {display:block; position:absolute; right:-50%; top:0; width:50%; height:100%; transition:.5s .3s ease-out;}
.zero_step li.s1 .cover {background:#fcedf3;}
.zero_step li.s2 .cover {background:#ebf5f0;}
.zero_step li.s3 .cover {background:#fcf7e5;}
.zero_step li.s4 .cover {background:#faf4ef;}
.zero_step li.open .cover {right:0;}
.zero_step li .con {overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%; padding:36% 0 0; box-sizing:border-box;}
.zero_step li.open .con {display:block; left:50%; width:50%; height:100%; padding-right:15px; padding-left:20px; transition:left 1s .8s;}
.zero_step li .con .z_tit {position:relative; left:-100%; top:0; font-family:'GB'; font-size:22px; color:#222; opacity:0;}
.zero_step li .con .z_txt {position:relative; left:-100%; margin-top:10px; font-family:'GR'; font-size:14px; color:#666; line-height:18px; opacity:0;}
.zero_step li .con .z_txt em {display:block; margin-bottom:5px; font-family:'GM'; color:#222;}
.zero_step li.open .z_tit {left:0; opacity:1; transition:.5s .8s;}
.zero_step li.open .z_txt {left:0; opacity:1; transition:.7s .8s;}
.zero_step li .pdt {overflow:hidden; position:absolute; left:0; bottom:-85px; width:100%; opacity:0; transform:translateY(20%); z-index:5;}
@media all and (max-width: 1279px) {
.zero_step ul.active li {transition-duration:.2s;}
.zero_step li.s2 .pdt {bottom:-100px;}
.zero_step li.s3 .pdt {bottom:-100px;}
}
@media all and (min-width: 1280px) {
.zero_tit {padding:67px 0 80px;}
.zero_tit .tit {font-size:125px; line-height:150px;}
.zero_tit .subtit {margin-top:23px; font-size:32px; line-height:32px;}
.zero_step {overflow:hidden;height:900px; padding-bottom:11.5%;}
.zero_step ul {padding-bottom:0;}
.zero_step li {overflow:hidden; padding-top:900px; transition-duration:.5s;}
.zero_step ul.active li:not(.open) {width:100px;}
.zero_step ul.active li.open {width:-webkit-calc(100% - 300px); width:expression(100% - 300px); width:-moz-calc(100% - 300px); width:-o-calc(100% - 300px); width:calc(100% - 300px); transition-duration:.5s;}
.zero_step li .btn_close {right:36px; top:36px; width:30px; height:30px;}
.zero_step li .btn_close:before,
.zero_step li .btn_close:after {width:30px; height:2px; margin-left:-15px; background:#222;}
.zero_step ul.active li a.btn_open:before {content:''; display:block; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background-repeat:no-repeat; background-position:center 675px;}
.zero_step ul.active li:not(.open) a.btn_open:before {opacity:1;}
.zero_step li.s1 a.btn_open:before {background-image:url('/en/micro/images/banilaco/txt_step1.png');}
.zero_step li.s2 a.btn_open:before {background-image:url('/en/micro/images/banilaco/txt_step2.png');}
.zero_step li.s3 a.btn_open:before {background-image:url('/en/micro/images/banilaco/txt_step3.png');}
.zero_step li.s4 a.btn_open:before {background-image:url('/en/micro/images/banilaco/txt_step4.png');}
.zero_step li a.btn_open:after {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.1); transition-duration:.4s;}
.zero_step li a.btn_open:hover:after {background:rgba(0,0,0,0);}
.zero_step li.open a.btn_open:after {background:transparent;}
.zero_step ul.active li:not(.open) a.btn_open:after {background:rgba(0,0,0,.5);}
.zero_step li .bg {background-position:45% center; background-size:auto 100%; transition:background .5s;}
.zero_step li.s1 .bg {background-image:url('/en/micro/images/banilaco/zero_img1_w.jpg');}
.zero_step li.s2 .bg {background-image:url('/en/micro/images/banilaco/zero_img2_w.jpg');}
.zero_step li.s3 .bg {background-image:url('/en/micro/images/banilaco/zero_img3_w.jpg');}
.zero_step li.s4 .bg {background-image:url('/en/micro/images/banilaco/zero_img4_w.jpg');}
.zero_step ul.active li:not(.open) .bg {background-position:40% center;}
.zero_step ul.active li.open .bg {width:40%; background-position:center center;}
.zero_step li .face {left:37%; bottom:15%; width:90px; height:90px;}
.zero_step li.open .face {position:static; left:0%; margin-top:56px; bottom:auto; width:110px; height:110px; z-index:0;}
.zero_step ul.active li:not(.open) .face {display:none; left:28px; bottom:238px; width:46px; height:46px; z-index:60;}
.zero_step li .step {left:37%; font-size:50px;}
.zero_step li.open .step {display:block; position:static; left:0%; top:12%; bottom:auto; font-size:90px; line-height:90px; z-index:0;}
.zero_step ul.active li:not(.open) .step {display:none; left:0; top:82%; width:100%; bottom:auto; transform:rotate(90deg); font-size:34px; line-height:34px; text-align:left; z-index:60;}
.zero_step li .cover {right:0; width:60%; transition-duration:unset;}
.zero_step li .con {padding:94px 0 0;}
.zero_step li.open .con {left:40%; width:60%; padding-right:8%; padding-left:5%;}
.zero_step li .con .z_tit {margin-top:18px; font-size:48px; line-height:48px;}
.zero_step li .con .z_txt {margin-top:30px; font-size:20px; line-height:30px;}
.zero_step li .con .z_txt em {margin-bottom:10px; font-size:24px;}
.zero_step li .con .z_txt span {display:block;}
.zero_step li .pdt {left:40%; bottom:0; width:60%; padding-right:8%; padding-left:2%; box-sizing:border-box;}
.zero_step li .pdt .inner {position:relative; max-width:600px;}
}
/**
비바이바닐라
**/
.brand_by .brand_img .in_sec1 {position:relative; padding:0 5%;padding-bottom:193px;}
.brand_by .brand_img .in_sec1 .textbox {padding:63px 1% 26px;}
.brand_by .brand_img .in_sec1 .textbox h3 {font-family:'GB'; font-size:22px; color:#000; line-height:22px;}
.brand_by .brand_img .in_sec1 .textbox p {margin-top:12px; font-family:'GR'; font-size:13px; color:#666; line-height:18px;}
.brand_by .brand_img .in_sec1 .textbox p em {font-family:'GM'; color:#222;}
.brand_by .brand_img .in_sec1 .bg {border:1px solid #222; box-sizing:border-box;}
.brand_by .brand_img .in_sec1 .slogan {position:absolute; right:6%; bottom:41px; font-family:'GB'; font-size:20px; line-height:28px; color:#000;}
.product_by {padding-bottom:50px;}
.product_by .tabType {padding:46px 0 30px;}
.product_by .pdt_bbybanila {display:none;}
.pdt_bbybanila .slick-dots {position:absolute; left:50%; bottom:10px; width:70%; margin-left:-35%; text-align:left;}
.pdt_bbybanila .slick-prev {left:0;}
.pdt_bbybanila .slick-next {right:0;}
.product_by .pdt_wrap {padding:0 7%;}
.product_by .pdt_list .item {position:relative; padding-bottom:40px;}
.product_by .pdt_list .item > a {display:block;}
.product_by .pdt_list .pdtImg {width:70%; margin:0 auto;}
.product_by .pdt_list .pdtImg img {width:100%;}
.product_by .pdt_list .pdtThumb {position:absolute; right:0; bottom:0; width:40%; min-width:150px;}
.product_by .pdt_list .pdtThumb img {width:100%; }
.product_by .pdt_list .pdtInfo {position:absolute; left:10px; top:60%; opacity:0; transform:translateX(30px); transition-duration:.8s;}
.product_by .pdt_list .slick-current .pdtInfo {opacity:1; transform:translateX(0);}
.product_by .pdt_list .pdtInfo .opt_tit {font-family:'GR'; font-size:22px; color:#000; line-height:30px;}
.product_by .pdt_list .pdtInfo .opt_btn {display:none;}
.bestnew .in_sec1 {position:relative; padding:30px 0 55px;}
.bestnew .in_sec1 .tit {position:absolute; left:28%; top:10px; font-family:'GB'; font-size:35px; color:#000; line-height:1;}
.bestnew .in_sec1 .frame {padding:0 57% 0 7%;}
.bestnew .in_sec1 .txt {position:absolute; right:5%; bottom:10px; font-family:'GB'; font-size:22px; line-height:30px; color:#222; text-align:right;}
.bestnew .in_sec1 .txt span {display:block; font-size:12px;}
@media all and (min-width: 767px) and (max-width:1279px){
.brand_by .brand_img .in_sec1 {padding-bottom:215px;}
.brand_by .brand_img .in_sec1 .textbox {padding:80px 1% 40px;}
.brand_by .brand_img .in_sec1 .textbox h3 {font-size:30px; line-height:30px;}
.brand_by .brand_img .in_sec1 .textbox p {margin-top:20px; font-size:18px; line-height:24px;}
.brand_by .brand_img .in_sec1 .slogan {right:8%; font-size:24px; line-height:32px;}
.bestnew .in_sec1 .txt {bottom:4%; font-size:32px; line-height:40px;}
.bestnew .in_sec1 .txt span {margin-top:5px; font-size:16px;}
}
@media all and (min-width: 1280px) {
#sec2_1 {padding-bottom:95px;}
.brand_by .brand_tit {padding:0 0 140px;}
.brand_by .brand_tit .bg {overflow:hidden; position:relative; width:100%; padding-top:58.55%; background:url('/en/micro/images/bbybanila/topvisual_w.jpg') no-repeat 120% center / cover; transition:transform 1s;}
.brand_by .brand_tit .bg img {display:none;}
.brand_by .brand_tit .bgweb {position:absolute; left:0; top:-10%; width:88.3%; height:120%; background:url('/en/micro/images/bbybanila/topvisual_w2.jpg') no-repeat center center / 100% auto; transform:translateY(-80px);}
.brand_by .brand_tit.inview .bgweb {transition:transform 1.8s cubic-bezier(.19,1,.22,1);}
.brand_by .brand_img:after {content:''; display:block; clear:both;}
.brand_by .brand_img .in_sec {overflow:hidden; position:relative; float:left; width:50%; height:1200px; padding:0; box-sizing:border-box;}
.brand_by .brand_img .in_sec .bg img {display:none;}
.brand_by .brand_img .in_sec1 {}
.brand_by .brand_img .in_sec1 .sec_wrap {position:absolute; left:50%; top:44%; width:80%; max-width:680px; padding-bottom:16%; transform:translate(-50%,-50%);}
.brand_by .brand_img .in_sec1 .textbox {padding:0;}
.brand_by .brand_img .in_sec1 .textbox h3 {font-size:30px; line-height:36px;}
.brand_by .brand_img .in_sec1 .textbox p {margin-top:8px; font-size:14px; line-height:22px;}
.brand_by .brand_img .in_sec1 .textbox p span {display:inline;}
.brand_by .brand_img .in_sec1 .bg {width:100%; padding-top:100%; margin-top:52px; background:url('/en/micro/images/bbybanila/brand_img1_w.jpg') no-repeat center center / cover;}
.brand_by .brand_img .in_sec1 .slogan {right:0; bottom:-5%; font-size:30px; line-height:40px;}
.brand_by .brand_img .in_sec2 .bg {position:absolute; left:0; top:0; width:100%; height:100%; background:#d10317;}
.brand_by .brand_img .in_sec2 .bgweb {position:absolute; left:0; top:50%; width:100%; height:1550px; margin-top:-775px; background:url('/en/micro/images/bbybanila/brand_img2_w.jpg') no-repeat center center / cover; transform:translateY(-80px);}
.brand_by .brand_img .in_sec2.inview .bgweb {transition:transform 1.5s cubic-bezier(.19,1,.22,1);}
#sec2_2 {position:relative;}
.product_by .tabType {position:absolute; left:60%; top:0; width:45%; padding:0; z-index:10;}
.product_by .tabType li {width:auto; padding-right:6.5%; text-align:left;}
.product_by .tabType li a {font-size:68px; line-height:68px;}
.product_by .tabType li a:after {bottom:-13px; height:6px;}
.pdt_bbybanila .slick-dots {position:absolute; left:100%; top:50%; bottom:auto; width:auto; margin-left:0; text-align:left; transform: translateY(-50%);}
.pdt_bbybanila .slick-prev {left:100%;}
.pdt_bbybanila .slick-next {left:100%;right:auto;}
.product_by {padding-top:100px; padding-bottom:180px;}
.product_by .secIn {position:relative;}
.product_by .pdt_wrap {padding:0 8%; margin:0 auto;}
.product_by .pdt_list .item {padding-bottom:0;}
.product_by .pdt_wrap .item a {display:block;}
.product_by .pdt_wrap .item .pdtImg {position:relative; width:100%;}
.product_by .pdt_wrap .item .pdtImg a img {position:absolute; left:0; top:0; right:0; bottom:0; transition:transform .5s;}
.product_by .pdt_wrap .item .pdtImg a:hover img {transform:scale(1.1,1.1);}
.product_by .pdt_wrap .item .pdtImg1 {overflow:hidden; position:relative; left:18%; width:38%;}
.product_by .pdt_wrap .item .pdtImg1 a {display:block; overflow:hidden; position:relative; left:0%; width:100%; padding-top:139.32%;}
.product_by .pdt_wrap .item .pdtImg2 {position:absolute; left:61.6%; top:50%; width:29.16%; transform:translateY(-50%);}
.product_by .pdt_wrap .item .pdtImg2 a {display:block; overflow:hidden; position:relative; left:0; width:100%; padding-top:132.45%;}
.product_by .pdt_wrap .item .pdtThumb {right:0; bottom:0; width:300px; height:300px;}
.product_by .pdt_wrap .item .pdtInfo {left:7%; top:58%;}
.product_by .pdt_wrap .item .pdtInfo .opt_tit {font-size:60px; line-height:60px;}
.product_by .pdt_wrap .item .pdtInfo .opt_btn {display:inline-block; padding:0 18px; margin-top:42px; text-align:center; font-family:'GB'; font-size:12px; line-height:38px; color:#000;border-top:3px solid #000;}
.bestnew {position:relative; padding:0 4%;}
.bestnew .in_sec1 {position:absolute; left:4%; top:0; width:92%; height:100%; padding:0; z-index:1;}
.bestnew .in_sec1 .tit {left:22%; top:56%; margin-top:-24%; font-size:120px; z-index:1;}
.bestnew .in_sec1 .txt {padding-right:40px; transform-origin:100% 100%;transform:rotate(90deg);}
.bestnew .in_sec1 .txt p,
.bestnew .in_sec1 .txt span {display:inline-block; vertical-align:bottom}
.bestnew .in_sec1 .txt p {font-size:60px; line-height:1;}
.bestnew .in_sec1 .txt span {font-size:14px; line-height:1;}
.bestnew .in_sec1 .frame {position:absolute; left:0; top:56%; padding:0 69.4% 0 4.44%; margin-top:-20%;}
.bestnew .in_sec2 {padding-right:6%;}
.bestnew .in_sec2 .frame {position:relative; right:0; width:94%; max-width:1315px; margin-left:auto;}
}
/**
제품영상
**/
.sec_vod {position:relative; padding:40px 0 0; color:#fff; background:#222;}
.sec_vod .vod_area {position:relative; padding:0 20px 50px;}
.sec_vod .vod_area .vod > a {display:block; overflow:hidden; position:relative;}
.sec_vod .vod_area .vod > a:after {content:''; display:block; position:absolute; left:0; top:0; width:101%; height:101%; background:rgba(0,0,0,.2) url('/en/micro/images/common/vod_play.png') no-repeat center center / 48px auto;}
.sec_vod .vod_area .vod img {width:100%;}
.sec_vod .vod_area .vod_info {position:absolute; left:9%; bottom:0;}
.sec_vod .vod_area .opt_tit {font-family:'GB'; font-size:60px; line-height:60px;}
.sec_vod .vod_area .opt_des {font-size:24px; line-height:25px;}
@media all and (max-width: 1279px) {
.sec_vod .vod_area .vod_wrap {max-width:640px; margin:0 auto;}
.sec_vod .vod_list {overflow:hidden; position:relative; width:100%; padding:30px 0; z-index:10;}
.sec_vod .vod_list {overflow-y:hidden; overflow-x:auto; position:relative; width:100%; font-size:0; vertical-align:top; white-space:nowrap; -webkit-overflow-scrolling:touch;}
.sec_vod .vod_list::-webkit-scrollbar {display:none}
.sec_vod .vod_list::-o-scrollbar {display:none}
.sec_vod .vod_list::-ms-scrollbar {display:none}
.sec_vod .vod_list .item {display:inline-block; position:relative; padding:0 12px;}
.sec_vod .vod_list .item:first-child {padding-left:20px;}
.sec_vod .vod_list .item:last-child {padding-right:20px;}
.sec_vod .vod_list .item a {display:block; overflow:hidden; position:relative;}
.sec_vod .vod_list .item a img {width:122px;}
.sec_vod .vod_list .item a:after {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3);}
.sec_vod .vod_list .item.active a {font-family:'NotoB'; color:#222222}
.sec_vod .vod_list .item.active a:after {-webkit-transform:scaleX(1); transform:scaleX(1);}
}
@media all and (min-width: 1280px) {
.sec_vod .vod_area .vod_wrap {position:relative; height:100%;}
.sec_vod .vod_area .vod_wrap:after {content:''; display:inline-block; height:100%; vertical-align:middle;}
.sec_vod .vod_area .vod_wrap .vod {position:absolute; top:50%; width:100%; max-width:100%; vertical-align:middle; transform:translateY(-50%);}
.sec_vod .vod_area .vod > a:after {background-size:96px auto;}
.sec_vod .vod_area .vod_info {top:10%; bottom:auto;}
.sec_vod .vod_list .item {position:relative; padding:20px 0;}
.sec_vod .vod_list .item:first-child {margin-top:0;}
.sec_vod .vod_list .item a {display:block; overflow:hidden; position:relative;}
.sec_vod .vod_list .item a:before {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; z-index:1;}
.sec_vod .vod_list .item a:hover:before {border:5px solid #d38dd3;}
.sec_vod .vod_list .item.on a:before {border:5px solid #d38dd3;}
.sec_vod .vod_list .item a:after {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3); box-sizing:border-box; transition-duration:.3s;}
.sec_vod .vod_list .item a:hover:after {opacity:0;}
.sec_vod .vod_list .item.on a:after {opacity:0;}
.sec_vod .vod_list .slick-arrow {position:absolute; left:50%; right:auto; width:40px; height:22px; margin-left:-20px; background-image:url('/en/micro/images/common/arr_slick_w2.png'); transform:translateY(0);}
.sec_vod .vod_list .slick-prev {top:-0;}
.sec_vod .vod_list .slick-next {top:auto; bottom:-0;}
.sec_vod .vod_list .slick-disabled {opacity:0; cursor:default; transition-duration:.3s;}
}
@media all and (min-width: 1280px) and (max-width: 1599px) {
.sec_vod {padding:80px 0;}
.sec_vod .vod_area {position:relative; height:639px; padding:0 240px;}
.sec_vod .vod_area .opt_tit {font-size:100px; line-height:100px;}
.sec_vod .vod_area .opt_des {margin-top:6%; font-size:50px; line-height:60px;}
.sec_vod .vod_area .opt_des span {display:block;}
.sec_vod .vod_list {overflow:hidden; position:absolute; right:40px; top:50%; width:160px; padding:20px 0; margin-top:-215px;}
.sec_vod .vod_list .item img {width:158px;}
}
@media all and (min-width: 1600px) {
.sec_vod {padding:154px 0;}
.sec_vod .secIn {position:relative;}
.sec_vod .vod_area {position:relative; height:639px; padding:0 342px;}
.sec_vod .vod_area .opt_tit {font-size:130px; line-height:130px;}
.sec_vod .vod_area .opt_des {margin-top:6%; font-size:60px; line-height:70px;}
.sec_vod .vod_area .opt_des span {display:block;}
.sec_vod .vod_list {overflow:hidden; position:absolute; right:35px; top:50%; width:272px; padding:20px 0; margin-top:-310px;}
}
/**
제휴쇼핑몰
**/
.sec_shop {}
.sec_shop h2 {margin-bottom:30px; text-align:center; font-family:'GB'; color:#000; font-size:25px; line-height:30px;}
.sec_shop .tit_wrap {position:relative;}
.sec_shop .tit_wrap .txt {position:absolute; left:0; top:50%; width:100%; text-align:center; color:#fff; transform:translateY(-50%);}
.sec_shop .tit_wrap .txt .txt_logo img {width:135px;}
.sec_shop .tit_wrap .txt2 a {color:#222; border-color:#222;}
.sec_shop .tit_wrap .txt .btn {display:inline-block; width:200px; margin-top:4%;}
@media all and (min-width: 767px) and (max-width:1279px) {
.sec_shop:after {content:''; display:block; clear:both;}
.sec_shop .tit_wrap {float:left; width:50%;}
.sec_shop .bg {width:100%; }
.sec_shop .bg1 {background:url('/en/micro/images/shop/shop_topvisual_w_1.jpg') no-repeat center center / cover;}
.sec_shop .bg2 {background:url('/en/micro/images/shop/shop_topvisual_w_2.jpg') no-repeat center center / cover;}
.sec_shop .tit_wrap .tit {font-size:40px;}
}
@media all and (min-width: 1280px) {
.sec_shop h2 {font-size:60px; line-height:70px; margin-bottom:58px;}
.sec_shop:after {content:''; display:block; clear:both;}
.sec_shop .tit_wrap {float:left; width:50%;}
.sec_shop .bg {width:100%; padding-top:50%;}
.sec_shop .bg1 {background:url('/en/micro/images/shop/shop_topvisual_w_1.jpg') no-repeat center center / cover;}
.sec_shop .bg2 {background:#fddbda;}
.sec_shop .bg img {display:none;}
.sec_shop .tit_wrap .txt h2 {font-size:60px;}
.sec_shop .tit_wrap .txt .txt_logo img {width:188px;}
.sec_shop .tit_wrap .txt .btn {width:242px; margin-top:16px; transition-duration:.3s;}
.sec_shop .tit_wrap .txt .btn:hover {color:#222; background:#fff;}
.sec_shop .tit_wrap .txt2 .btn:hover {color:#fff; background:#222;}
}
/**
레이어팝업
**/
.layerPop {display:none; position:fixed; left:0; top:0; width:100%; padding:0; box-sizing:border-box; z-index:1000;}
.layerPop.layerScale {position:absolute; top:0 !important; margin-top:0 !important;}
.layerPop .layerIn {padding:0 20px 34px; background:#fff; box-sizing:border-box; -webkit-overflow-scrolling:touch;}
.layerPop .layerTit {position:relative; left:0; top:0; width:100%; padding:8px 0 18px; background:#fff; box-sizing:border-box;}
.layerPop .layerTit h4 {font-family:'GB'; font-size:25px; color:#000; line-height:48px;}
.layerPop .layerTit .btn_close {display:block; position:absolute; right:0; top:20px; width:20px; height:20px; transition-duration:.3s;}
.layerPop .layerTit .btn_close:before,
.layerPop .layerTit .btn_close:after {content:''; display:block; position:absolute; top:50%; width:100%; height:1px; background:#222;}
.layerPop .layerTit .btn_close:before {transform:rotate(45deg);}
.layerPop .layerTit .btn_close:after {transform:rotate(-45deg);}
.layerPop .layerTit .noti {font-family:'GR'; color:#666;}
.layerPop .layerTit .noti p {}
.layerPop .layerBody .title {padding:30px 0 10px; font-family:'GB'; font-size:15px; border-bottom:1px solid #e5e5e5;}
@media all and (min-width: 1280px) {
.layerPop {left:50%; top:50%; height:auto; width:1200px; margin-left:-600px;}
.layerPop .layerIn {padding:0 50px 40px;}
.layerPop.layerScale .layerIn {margin:50px 0;}
.layerPop .layerTit {padding:32px 0 25px;}
.layerPop .layerTit .btn_close {right:-14px; top:45px; width:30px; height:30px;}
.layerPop .layerTit .btn_close:before,
.layerPop .layerTit .btn_close:after {height:2px;}
.layerPop .layerTit h4 {display:inline-block; font-size:50px; line-height:50px;}
.layerPop .layerTit .noti {margin-top:12px; font-size:16px;}
}
/* [제휴안내] */
.layerPartner .btn_wrap {margin-top:14px;}
@media all and (min-width: 1280px) {
.layerPartner .btn_wrap {margin-top:30px;}
}
/* [매장안내] */
.layerStore .tblType1 tbody th {padding-left:10px; text-align:left; font-weight:normal; font-family:'GM'; color:#333; border-top:1px solid #e1e1e1;}
.layerStore .tblType1 tbody td {color:#999; border-left:1px solid #e1e1e1;}
.layerStore .tblType1 tbody td p {color:#333;}
.layerStore .tblType1 tbody td .store_txt {display:inline-block; width:80px; color:#333; vertical-align:middle;}
.layerStore .tblType1 tbody td .btn {vertical-align:middle;}
.layerStore .tblType1 tbody th span.flag{display:block;}
@media all and (min-width: 1280px) {
.layerStore .layerTit {padding-bottom:34px;}
.layerStore .tblType1 tbody td {vertical-align:middle;}
.layerStore .tblType1 tbody th span.flag{display:inline-block; height:12px; line-height:12px; margin-right:9px;}
}
/**
제품상세
**/
.pdtConWrap {background:#fff;}
.pdtWrap {max-width:800px; margin:0 auto;}
.pdtWrap img {width:100%;}
.pdtWrap .pdtTitle {padding:40px 0 20px}
.pdtWrap .pdtImgWrap {position:relative; padding:0 80px;}
.pdtWrap .pdtImg {max-width:490px; margin:0 auto;}
.pdtWrap .pdtThumb {position:absolute; right:4%; top:0; height:100%; z-index:800;}
.pdtWrap .pdtThumb:before {content:''; display:inline-block; height:100%; vertical-align:middle;}
.pdtWrap .pdtThumb .pdtThumbIn {display:inline-block; vertical-align:middle;}
.pdtWrap .pdtThumb .item {margin-top:10px;}
.pdtWrap .pdtThumb .item:first-child {margin-top:0;}
.pdtWrap .pdtThumb .item button {position:relative;}
.pdtWrap .pdtThumb .item button:after {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
.pdtWrap .pdtThumb .item button.on:after {border:2px solid #fca2ca;}
.pdtWrap .pdtThumb .item img {width:40px;}
@media all and (min-width: 767px) and (max-width: 1279px) {
.pdtWrap .pdtThumb {right:40px;}
.pdtWrap .pdtThumb .item button.on:after {border:3px solid #fca2ca;}
.pdtWrap .pdtThumb .item img {width:80px;}
}
@media only screen and (min-width:1280px) {
.pdtWrap {margin-bottom:100px;}
.pdtWrap .pdtTitle {padding:60px 0 10px}
.pdtWrap .pdtThumb {right:40px;}
.pdtWrap .pdtThumb .item button.on:after {border:3px solid #fca2ca;}
.pdtWrap .pdtThumb .item img {width:80px;}
}
.ie10 .template__container,
.ie10 .template__overlay,
.ie10 .template__overlay-black-out,
.ie10 .template__overlay-black-out-fake,
.ie10 .template__wrapper,
.ie9 .template__container,
.ie9 .template__overlay,
.ie9 .template__overlay-black-out,
.ie9 .template__overlay-black-out-fake,
.ie9 .template__wrapper {display:none}
.ie10.tpl_open .template__container,
.ie10.tpl_open .template__overlay,
.ie10.tpl_open .template__overlay-black-out,
.ie10.tpl_open .template__overlay-black-out-fake,
.ie10.tpl_open .template__wrapper,
.ie9.tpl_open .template__container,
.ie9.tpl_open .template__overlay,
.ie9.tpl_open .template__overlay-black-out,
.ie9.tpl_open .template__overlay-black-out-fake,
.ie9.tpl_open .template__wrapper {display:block}
.ie10 .template__view,
.ie9 .template__view {display:none}
.ie10 .template__view.shown,
.ie9 .template__view.shown {display:block}
.template__view {overflow-x:hidden; position:fixed; top:120%; left:0; bottom:0; min-width:320px; z-index:20; pointer-events:none;right:0;
	-webkit-transition:all .5s 0s cubic-bezier(.19,1,.22,1); transition:all .5s 0s cubic-bezier(.19,1,.22,1);
	-webkit-backface-visibility:hidden;
}
.template__view.shown {top:0; opacity:1}
@media only screen and (max-width:1279px) {
.template__view.shown {overflow-y:hidden; position:relative;}
}
.template__view.relative-view {position:relative; top:0;}
.tpl_open .template__view {z-index:1200;}
@media only screen and (min-width:1280px){
.template__overlay {overflow-y:scroll;}
}
@media only screen and (min-width:992px) {
.template__overlay {z-index:50; width:100%; max-height:100%; opacity:0; pointer-events:none;}
.shown .template__overlay {opacity:1; pointer-events:auto}
}
@media only screen and (min-width:1280px) {
.template__overlay {width:-webkit-calc(100% + 20px); width:calc(100% + 20px);}
}
.template__overlay-black-out-fake {pointer-events:none;}
@media only screen and (min-width:768px) {
.template__overlay-black-out-fake:after {content:''; position:fixed; left:0; top:-200%; bottom:-1000%; z-index:31; width:100%; background:#000; opacity:0;
	-webkit-transition:opacity .2s 0s ease-out;transition:opacity .2s 0s ease-out;
}
.tpl_open .template__overlay-black-out-fake {opacity:1;}
.tpl_open .template__overlay-black-out-fake:after {opacity:.8; -webkit-transition:opacity .3s 0s ease-out; transition:opacity .3s 0s ease-out;}
}
.template__overlay-black-out {pointer-events:none;}
@media only screen and (min-width:768px) {
.template__overlay-black-out {overflow:visible; pointer-events:none;}
.template__overlay-black-out:after {content:''; position:fixed; left:0; bottom:-1000%; top:-200%; width:100%; z-index:1;}
.tpl_open .template__overlay-black-out {pointer-events:auto;}
}
@media only screen and (min-width:992px) {
.template__overlay-black-out:hover {cursor:url('/en/micro/images/common/ico_cursor_close.png') 25 25, move} /* 커서이미지 */
}
@media only screen and (min-width:992px) {
.template__container {position:relative; padding-bottom:100px; padding-top:90px; pointer-events:none; text-align:left; visibility:visible; z-index:1;}
.shown .template__container {pointer-events:auto;}
}
@media only screen and (min-width:1200px) {
.template__container {padding-top:2%; padding-bottom:100px;}
}
.template__container [ui-view] {position:relative;}
.template__wrapper {background:#fff; opacity:0;} /* layer height */
@media only screen and (min-width:1280px) {
.template__wrapper {min-height:300vh;}
}
@media only screen and (min-width:768px) {
.template__wrapper {position:relative; min-height:100vh; margin:auto; pointer-events:none; z-index:200;}
}
@media only screen and (min-width:992px) {
.template__wrapper {max-width:800px;}
.shown .template__wrapper {pointer-events:auto;}
.template__wrapper:after {content:''; position:absolute; top:0; left:0; right:0; min-height:100vh; /*background:#000;*/}
}
@media only screen and (min-width:992px) and (min-width:768px) {
.template__wrapper:after {min-height:843px;}
}
@media only screen and (min-width:992px) and (min-width:992px) {
.template__wrapper:after {min-height:612px;}
}
@media only screen and (min-width:1400px) {
.template__wrapper {max-width:900px; width:90%;}
}
.shown .template__wrapper {opacity:1;}
.template__wrapper:after {content:''; position:absolute; left:0; top:0; width:100%; height:440px; z-index:2;}
@media only screen and (min-width:768px) {
.template__wrapper:after {height:842px;}
}
@media only screen and (min-width:992px) {
.template__wrapper:after {height:612px;}
}
@media only screen and (min-width:992px){
.mobile .tpl_open .template__wrapper {max-width:892px;}
}
@media only screen and (min-width:1200px){
.mobile .tpl_open .template__wrapper {max-width:1100px;}
}
@media only screen and (min-width:1400px){
.mobile .tpl_open .template__wrapper {max-width:1420px;}
}
.template__content {overflow-x:hidden; position:absolute; top:0; max-width:inherit; width:100%; height:100vh; min-height:0; margin-top:0; z-index:3;-webkit-overflow-scrolling:touch;}
@media only screen and (max-width:1279px) {
.template__content {overflow:initial; position:relative; height:auto; margin-top:0; -webkit-overflow-scrolling:inherit;}
}
@media only screen and (min-width:992px) {
.template__content{min-height:100vh;overflow-x:visible;}
}
.relative-view .template__content {overflow-y:auto; position:relative; height:auto;}
.template__content>.row {overflow-x:hidden; position:relative; padding-top:0; z-index:100;}
@media only screen and (min-width:768px) {
	.template__content > .row {overflow:visible; padding-top:0; margin-top:0;}
}
@media only screen and (min-width:992px) {
	.template__content > .row {overflow-x:visible;}
}
.template__content > .row:before {content:''; position:relative; width:100%; height:380px; pointer-events:none;}
@media only screen and (min-width:768px) {
.template__content > .row:before {display:none;}
}
.template__content>.row:after {content:''; display:block; background:#fff; position:absolute; left:0; top:428px; bottom:0; width:100%; z-index:-1;}
@media only screen and (min-width:768px) {
.template__content > .row:after {top:-28px; width:-webkit-calc(100% + 30px); width:calc(100% + 30px); margin:0 -15px;}
}
@media only screen and (min-width:992px) {
.template__content > .row:after {display:none;}
}
.template__content > .row > .col-md-12 {pointer-events:auto;}
.template__close {display:none; position:absolute; right:0; top:0; width:60px; height:60px; cursor:pointer; z-index:1210;-webkit-transition:all .2s 0s ease-out;transition:all .2s 0s ease-out;}
@media only screen and (min-width:768px) {
.template__close {position:absolute; width:70px; height:70px;}
}
@media only screen and (min-width:992px) {
.template__close {width:80px; height:80px;}
}
.template__close:after,
.template__close:before {content:''; position:absolute; left:50%; top:50%; width:24px; height:3px; margin-left:-10px; border-radius:3px; background:#222;}
.template__close:after {-ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.template__close:before {-ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
@media only screen and (min-width:992px) {
.template__close:hover {-webkit-transition:all .2s .2s 0s ease-out; transition:all .2s .2s 0s ease-out; -ms-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2);}
}
.tpl_open .template__close {display:block;}