@charset "utf-8";

/* noto-sans-regular - latin_vietnamese */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../font/notosans/noto-sans-v9-latin_vietnamese-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans'), local('NotoSans'),
       url('../font/notosans/noto-sans-v9-latin_vietnamese-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/notosans/noto-sans-v9-latin_vietnamese-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/notosans/noto-sans-v9-latin_vietnamese-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/notosans/noto-sans-v9-latin_vietnamese-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/notosans/noto-sans-v9-latin_vietnamese-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/* noto-sans-700 - latin_vietnamese */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../font/notosans/noto-sans-v9-latin_vietnamese-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans Bold'), local('NotoSans-Bold'),
       url('../font/notosans/noto-sans-v9-latin_vietnamese-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/notosans/noto-sans-v9-latin_vietnamese-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/notosans/noto-sans-v9-latin_vietnamese-700.woff') format('woff'), /* Modern Browsers */
       url('../font/notosans/noto-sans-v9-latin_vietnamese-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/notosans/noto-sans-v9-latin_vietnamese-700.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/* noto-sans-regular - thai */
@font-face {
  font-family: 'Noto Sans TH';
  font-style: normal;
  font-weight: 400;
  src: url('../font/notosans/NotoSansThai-Regular.eot');
  src: url('../font/notosans/NotoSansThai-Regular.eot?#iefix') format('embedded-opentype'),
       url('../font/notosans/NotoSansThai-Regular.woff2') format('woff2'),
       url('../font/notosans/NotoSansThai-Regular.woff') format('woff'),
       url('../font/notosans/NotoSansThai-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Noto Sans TH';
  font-style: normal;
  font-weight: 700;
  src: url('../font/notosans/NotoSansThai-Bold.eot');
  src: url('../font/notosans/NotoSansThai-Bold.eot?#iefix') format('embedded-opentype'),
       url('../font/notosans/NotoSansThai-Bold.woff2') format('woff2'),
       url('../font/notosans/NotoSansThai-Bold.woff') format('woff'),
       url('../font/notosans/NotoSansThai-Bold.ttf') format('truetype');
}
/* noto-sans-hk-regular - latin_chinese-hongkong */
@font-face {
  font-family: 'Noto Sans HK';
  font-style: normal;
  font-weight: 400;
  src: url('../font/notosans/noto-sans-hk-v5-latin_chinese-hongkong-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans HK Regular'), local('NotoSansHK-Regular'),
       url('../font/notosans/noto-sans-hk-v5-latin_chinese-hongkong-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/notosans/noto-sans-hk-v5-latin_chinese-hongkong-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/notosans/noto-sans-hk-v5-latin_chinese-hongkong-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/notosans/noto-sans-hk-v5-latin_chinese-hongkong-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/notosans/noto-sans-hk-v5-latin_chinese-hongkong-regular.svg#NotoSansHK') format('svg'); /* Legacy iOS */
}
/* noto-sans-hk-700 - latin_chinese-hongkong */
@font-face {
  font-family: 'Noto Sans HK';
  font-style: normal;
  font-weight: 700;
  src: url('../font/notosans/noto-sans-hk-v5-latin_chinese-hongkong-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans HK Bold'), local('NotoSansHK-Bold'),
       url('../font/notosans/noto-sans-hk-v5-latin_chinese-hongkong-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/notosans/noto-sans-hk-v5-latin_chinese-hongkong-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/notosans/noto-sans-hk-v5-latin_chinese-hongkong-700.woff') format('woff'), /* Modern Browsers */
       url('../font/notosans/noto-sans-hk-v5-latin_chinese-hongkong-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/notosans/noto-sans-hk-v5-latin_chinese-hongkong-700.svg#NotoSansHK') format('svg'); /* Legacy iOS */
}

/* noto-sans-tc-regular - chinese-traditional_latin */
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 400;
  src: url('../font/notosans/noto-sans-tc-v10-chinese-traditional_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans TC Regular'), local('NotoSansTC-Regular'),
       url('../font/notosans/noto-sans-tc-v10-chinese-traditional_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/notosans/noto-sans-tc-v10-chinese-traditional_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/notosans/noto-sans-tc-v10-chinese-traditional_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/notosans/noto-sans-tc-v10-chinese-traditional_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/notosans/noto-sans-tc-v10-chinese-traditional_latin-regular.svg#NotoSansTC') format('svg'); /* Legacy iOS */
}
/* noto-sans-tc-700 - chinese-traditional_latin */
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 700;
  src: url('../font/notosans/noto-sans-tc-v10-chinese-traditional_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans TC Bold'), local('NotoSansTC-Bold'),
       url('../font/notosans/noto-sans-tc-v10-chinese-traditional_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/notosans/noto-sans-tc-v10-chinese-traditional_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/notosans/noto-sans-tc-v10-chinese-traditional_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../font/notosans/noto-sans-tc-v10-chinese-traditional_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/notosans/noto-sans-tc-v10-chinese-traditional_latin-700.svg#NotoSansTC') format('svg'); /* Legacy iOS */
}


/* 
====================================== 
리뉴얼 Font - 2023-02-20 
======================================
*/
@font-face {
  font-family: 'Gordita'; /* Regular */
  font-style: normal;
  font-weight: 300;
  src: url('../font/gordita/Type Atelier - Gordita.eot'); /* 기본 IE9 Compat Modes */
	src: local('Atelier - Gordita'),
				url('../font/gordita/Type Atelier - Gordita.woff2') format('woff2'), /* Super Modern Browsers */
				url('../font/gordita/Type Atelier - Gordita.woff') format('woff'), /* Modern Browsers */
				url('../font/gordita/Type Atelier - Gordita.ttf') format('truetype'), /* Safari, Android, iOS */
				url('../font/gordita/Type Atelier - Gordita.svg') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Gordita'; /* Bold */
  font-style: normal;
  font-weight: 700;
  src: url('../font/gordita/Type Atelier - Gordita Bold.eot'); /* 기본 IE9 Compat Modes */
	src: local('Atelier - Gordita'),
				url('../font/gordita/Type Atelier - Gordita Bold.woff2') format('woff2'), /* Super Modern Browsers */
				url('../font/gordita/Type Atelier - Gordita Bold.woff') format('woff'), /* Modern Browsers */
				url('../font/gordita/Type Atelier - Gordita Bold.ttf') format('truetype'), /* Safari, Android, iOS */
				url('../font/gordita/Type Atelier - Gordita Bold.svg') format('svg'); /* Legacy iOS */
}





/* //리뉴얼 - 폰트변경 20230221 */

/* common */
html.hidden{overflow:hidden}
html.hidden.acScroll body{overflow-y:scroll}
html.intro{width:100%; height:100%; position:relative;}
html.intro #wrap {display:none !important}
#wrap.layerBg:after{position:fixed; left:0; top:0; right:0; bottom:0; width:100%; height:100%; display:block; background:rgba(0,0,0,0.60); word-break:break-all; z-index:999; content:''; display:block}
#wrap.layerBgApp:after{position:fixed; left:0; top:0; right:0; bottom:0; width:100%; height:100%; display:block; background:rgba(0,0,0,0.60); word-break:break-all; z-index:1050; content:''; display:block}
body{font-family:'Noto Sans', 'Noto Sans HK', 'Noto Sans TC', 'Noto Sans TH', Arial, Tahoma, sans-serif !important}
p, acronym, address, big, small, cite, code, dfn, em, kbd, pre, samp, sub, sup, tt, var{font-family:'Noto Sans', 'Noto Sans HK', 'Noto Sans TC', 'Noto Sans TH', Arial, Tahoma, sans-serif !important}
.pcHide{display:none}
.modalScreen{z-index:1001; background:rgba(0,0,0,0.60);}

body.language_L007 {font-family:'Noto Sans TH', 'Noto Sans', 'Noto Sans HK', 'Noto Sans TC', Tahoma, Arial, sans-serif !important}
body.language_L007 p, body.language_L007 acronym, body.language_L007 address, body.language_L007 big, body.language_L007 small, body.language_L007 cite, body.language_L007 code, body.language_L007 dfn, body.language_L007 em, body.language_L007 kbd, body.language_L007 pre, body.language_L007 samp, body.language_L007 sub, body.language_L007 sup, body.language_L007 tt, body.language_L007 var, body.language_L007 textarea {font-family:'Noto Sans TH', 'Noto Sans', 'Noto Sans HK', 'Noto Sans TC', Tahoma, Arial, sans-serif !important}

#header{height:90px; padding-bottom:0; background-image:none; background:#fff; border-bottom:1px solid #e6e6e6; z-index:1001}
#container{padding-top:90px}
.subWrap #container{padding-bottom:0}
.subWrap #container .customerContent{padding-bottom:50px}

.headerBanner{position:fixed; width:100%; top:90px; z-index:999; display:none}
#wrap.bannerOn #header{z-index:1010}
#wrap.bannerOn .headerBanner{display:block; z-index:1000}
#wrap.bannerOn #container{padding-top:132px}

.scrollfade{opacity:0}
.scrollfade.delay2{animation-delay:0.3s; animation-fill-mode:both;}
.scrollfade.delay3{animation-delay:0.8s; animation-fill-mode:both;}
.fadeInUp{opacity:1;-webkit-animation:fadeInUpAni 0.7s ease;animation:fadeInUpAni 0.7s ease;}
@-webkit-keyframes fadeInUpAni{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0} 100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}
@keyframes fadeInUpAni{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0} 100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}
@media screen and (max-width:1279px) {
	#container{padding-top:50px}
	.headerBanner{position:fixed; width:100%; top:51px}
	#wrap.bannerOn{padding-top:0px !important}
	#wrap.bannerOn #container{padding-top:91px}
}
@media screen and (max-width:768px) {
	#header{height:50px;}
	#container{padding-top:0px}
	#wrap{padding-top:50px !important}
	#wrap.bannerOn{padding-top:0px !important}
	.pcHide{display:inline}
}

@media screen and (max-width:640px) {
	#content .contentCenter{padding:0 2.5%}	
}

/* common pop */
.mainEventPop{z-index:100}

/*guide layout */
.rBtn{display:inline-block; padding:15px 60px; background:#222; border:1px solid #222; color:#fff; font-size:15px;}
.rBtn.small{padding:10px 50px;}
.rBtn.gray{color:#222; border:1px solid #222; background:#fff}
.rBtn:hover{background:#12b560; border:1px solid #12b560}
.rBtn.gray:hover{background:#222; border:1px solid #222; color:#fff}

/* Header */
.headerLogo{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.headerLogo a{display:inline-block; position:relative;}
.headerLogo a img{/*-webkit-transition:width 0.3s ease-in-out;*/ width:170px; -webkit-perspective:1000; -webkit-backface-visibility:hidden;}
.headerPosition{position:relative; max-width:1420px; height:100%; margin:0 auto;}
.gnb{position:absolute; left:0; top:0; height:100%; transition:0.3s}
.gnbMain{position:relative; font-size:0; height:100%}
.gnbMain > li{position:relative; display:inline-block; margin-right:40px; height:100%}
.gnbMain > li > a{display:block; font-size:14px; color:#101010; position:relative; padding:37px 0}
.gnbMain > li > a:after{content:''; display:block; width:0; height:3px; background:#12b560; position:absolute; left:50%; bottom:-1px; transition:all .2s ease-in-out; z-index:100}
.gnbMain > li > a.on{color:#12b560}
.gnbMain > li > a.on:after{left:0; width:100%}
.util{position:absolute; right:0; top:31px}
.util > a{display:inline-block; vertical-align:middle; margin-left:15px; width:30px; height:30px; position:relative}
.util > a img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.util > .btnSearchOpen{font-size:0; text-indent:-9999px; background:url(../images/renewal/icon_search.svg) center center no-repeat; width:28px; height:28px}
.util > .btnSearchOpen:hover{background:url(../images/renewal/icon_search_on.svg) center center no-repeat}
.util > .btnMemberOpen{font-size:0; text-indent:-9999px; background:url(../images/renewal/icon_member.svg) center top no-repeat; width:28px; height:28px; background-size:24px auto;}
.util > .btnMemberOpen:hover{background:url(../images/renewal/icon_member_hover.svg) center top no-repeat; background-size:24px auto;}
.util > a.btnSelectOpen{color:#101010; font-size:12px; padding-right:22px; background:url(../images/renewal/icon_select_off.png) right center no-repeat; width:auto; height:auto;}
.util > a.btnSelectOpen.on{background:url(../images/renewal/icon_select_on.png) right center no-repeat}
.util > a.btnTxtLink{width:auto; line-height:30px; font-size:14px; color:#101010;}
.searchArea{position:absolute; right:-50px; top:90px; width:370px; height:38px; padding-right:37px; border:1px solid #ddd; background:#fff; display:none}
.searchArea .searchForm .input-search{width:100%; height:38px; text-indent:20px; line-height:38px; font-size:13px; color:#999; background:none; border:none}
.searchArea .searchForm .btnSearch{position:absolute; right:8px; top:0; width:37px; height:27px; padding-top:11px; text-align:center}
.searchArea .searchForm .btnSearch img{width:17px}

.gnbMenu{position:absolute; left:0; top:90px; width:100%; height:auto; z-index:1010}
.gnbMenu .position{max-width:1420px; margin:0 auto; position:relative}
.gnbMenu .position:after{content:''; display:block; width:100vw; height:100%; background:#fff; position:absolute; left:50%; top:0; transform:translateX(-50%)}
.gnbMenu .position > div{position:relative; padding:40px 0; display:none; background:#fff; border-top:1px solid #f5f5f5; z-index:10}
.gnbMenu .menu{position:relative; display:inline-block; vertical-align:top; margin-right:90px; color:#222}
.gnbMenu .menu:nth-last-child(2){margin-right:0 !important}
.gnbMenu .menu dt{font-size:16px; padding:0 0 20px 0; position:relative}
.gnbMenu .menu dt:nth-last-child(1){padding-bottom:0}
.gnbMenu .menu dt a{color:inherit}
.gnbMenu .menu dt a:hover{color:#12b560}
.gnbMenu .menu dd{font-size:14px; padding:0 0 15px 0; position:relative}
.gnbMenu .menu dd a{color:inherit; display:inline-block; max-width:170px}
.gnbMenu .menu dd a:hover{color:#12b560}
.gnbMenu .menu dd a.mBanner{width:100%; max-width:250px}
.gnbMenu .menu dd.month_dt{padding:0 0 8px 0}
.gnbMenu .menu dd.month_dt + dd{padding:15px 0 15px 0}
.gnbMenu .menu dd.month_dt + dd.month_dd{padding:0 0 30px 0}
.gnbMenu .menu.category{padding:40px 0 0 0}
.gnbMenu .menu.category dt{font-size:12px; color:#83a48a; font-weight:normal; padding:0 0 14px 0}
.gnbMenu .menu dt.cateDt{font-size:12px; color:#83a48a; font-weight:normal; padding:0 0 14px 0}
.gnbMenu .menu.category.jeju{max-width:450px; font-size:0; margin-right:10px}
.gnbMenu .menu.category.jeju dd{display:inline-block; width:auto; vertical-align:top}
.gnbMenu .menu.category.jeju dd:nth-child(2n){width:50%}
.gnbMenu .position > div.gnb01 dl:nth-last-child(1){margin-right:0}
.gnbMenu .position > div.gnb03{padding-left:270px}
.gnbMenu .position > div.gnb04{padding-left:360px}

body.language_L002 .gnbMenu .position > div.gnb03{padding-left:175px}
body.language_L002 .gnbMenu .position > div.gnb04{padding-left:245px}
body.language_L007 .gnbMenu .position > div.gnb03{padding-left:240px}
body.language_L007 .gnbMenu .position > div.gnb04{padding-left:320px}
body.language_L009 .gnbMenu .position > div.gnb03{padding-left:190px}
body.language_L009 .gnbMenu .position > div.gnb04{padding-left:285px}
body.language_L012 .gnbMenu .position > div.gnb04{padding-left:365px}
body.language_L013 .gnbMenu .position > div.gnb03{padding-left:335px}
body.language_L013 .gnbMenu .position > div.gnb04{padding-left:415px}

body.language_L013 .gnbMenu .menu{margin-right:70px}
body.language_L012 .gnbMenu .menu{margin-right:50px}
body.language_L005 .gnbMenu .menu{margin-right:50px}
body.language_L007 .gnbMenu .menu{margin-right:50px}
body.language_L013 .gnbMenu .menu{margin-right:50px}
body.language_L014 .gnbMenu .menu{margin-right:50px}

body.language_L005 .gnbMenu .menu.category.jeju{max-width:400px}
body.language_L007 .gnbMenu .menu.category.jeju{max-width:400px}
body.language_L013 .gnbMenu .menu.category.jeju{max-width:400px}
body.language_L014 .gnbMenu .menu.category.jeju{max-width:400px}
body.language_L012 .gnbMenu .menu.category.jeju{max-width:420px}

.header .searchForm{position:absolute; left:0; top:90px; width:100%; height:auto; padding:60px 0; background:#12b560; z-index:1000; display:none}
.searchForm .searchInput{width:850px; margin:0 auto; position:relative}
.searchForm .inputSearch{width:100%; height:50px; line-height:50px; background:none; border:0; border-bottom:1px solid #fff; padding-right:50px; box-sizing:border-box; font-size:25px; color:#fff; outline:none; border-radius:0}
.searchForm .searchBtn{position:absolute; right:0; top:10px}
.searchForm .inputSearch::placeholder{color:#fff; opacity:0.4}
.searchForm .inputSearch:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px #12b560 inset; color:#fff; -webkit-text-fill-color: #fff !important;}

.searchForm .closeBtn{display:inline-block; width:20px; height:20px; position:absolute; right:50%; transform:translateX(715px); top:30px; text-indent:-9999px; background:none; border:0; cursor:pointer}
.searchForm .closeBtn:before{content:''; display:inline-block; position:absolute; left:0%; top:50%; width:20px; height:1px; background:#fff; transform:rotate(45deg)}
.searchForm .closeBtn:after{content:''; display:inline-block; position:absolute; left:0%; top:50%; width:20px; height:1px; background:#fff; transform:rotate(-45deg)}

.userForm{width:170px; padding:20px 0; position:absolute; left:50%; margin-left:500px; top:91px; background:#fff; border:1px solid #e6e6e6; border-top:0; display:none}
.userForm > ul{position:relative; margin:0 20px}
.userForm > ul > li{position:relative; margin-bottom:15px}
.userForm > ul > li:nth-last-child(1){margin-bottom:0}
.userForm > ul > li a{font-size:12px; color:#101010}
.userForm > ul > li a:hover{color:#12b560; font-weight:bold; border-bottom:1px solid #12b560}
.userForm > ul.opt{margin-top:15px; padding-top:15px; border-top:1px solid #ddd}

.countryForm{width:150px; padding:20px 0; position:absolute; left:50%; margin-left:560px; top:91px; background:#fff; border:1px solid #e6e6e6; border-top:0; display:none}
.countryForm > ul{position:relative; margin:0 20px}
.countryForm > ul > li{position:relative; margin-bottom:15px}
.countryForm > ul > li:nth-last-child(1){margin-bottom:0}
.countryForm > ul > li a{font-size:12px; color:#101010;}
.countryForm > ul > li a:hover{color:#12b560; font-weight:bold; border-bottom:1px solid #12b560}

.header.action .gnb{opacity:0; height:0; overflow:hidden}
.header.action .headerLogo a img{width:130px;}

.gnbMenuM{position:fixed; left:-100%; width:100%; height:calc(100% - 50px); top:50px; background:#fff; z-index:1000; overflow-y:auto; transition:0.4s ease;}
.gnbMenuM > div{position:relative; height:100%; min-height:100%}
.gnbMenuM.active{left:0; display:none}
.gnbMenuM .logoutM{position:relative; color:#12b560; font-size:13px; padding:20px 0 0 0}
.gnbMenuM .logoutM a{display:inline-block; padding-right:25px; background:url(../images/renewal/icon_logout.svg) right center no-repeat; color:#12b560; font-size:13px; height:20px; line-height:20px}
.userBox{position:relative; background:#12b560; padding:20px; text-align:right}
.userBox:after{content:''; display:block; clear:both}
.userBox .btn{display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; border:0;}
.userBox .btn a{display:block; width:130px; height:40px; line-height:40px; color:#fff; border:1px solid #fff; font-size:15px; text-align:center; background:none; padding:0; text-indent:0; font-weight:normal; border-radius:0}
.language_L012 .userBox .btn a{font-size:13px; width:135px}
.userBox .txt{width:calc(100% - 190px); text-align:left; color:#fff; font-size:15px; line-height:1.5; position:absolute; left:20px; top:50%; transform:translateY(-50%)}
.userInfo{position:relative; padding:25px 40px; background:#f5f5f5;}
.userInfo .stat{position:relative; padding-right:100px; color:#222; font-size:14px; margin-bottom:15px}
.userInfo .stat > div{position:absolute; right:0; top:0; color:#12b560; font-weight:bold; font-size:15px;}
.userInfo .stat > div span{color:#12b560; font-weight:bold; font-size:15px}
.userInfo .infBox{position:relative; text-align:center; padding:10px 0 0 0}
.userInfo .infBox *{max-width:100%;}
.userInfo .infBox .tail{position:relative; padding:10px 0 0 0; color:#222; font-size:14px;}

.footM{position:relative; background:#12b560; width:100%; height:100px;}
.footM .copy{position:absolute; height:45px; left:20px; top:50%; transform:translateY(-50%); padding-left:65px; background:url(../images/renewal/footer_mark.png) left center no-repeat; background-size:45px 45px}
.footM .copy p{color:#fff; opacity:0.6; font-size:11px; text-align:left; line-height:1.6; padding:5px 0 0 0}
.footM .country{position:absolute; right:20px; top:50%; transform:translateY(-50%);}
.footM .country select{color:#fff; font-size:14px; padding-right:20px; background:none; border:0; width:auto; background:url(../images/renewal/icon_select.png) right center no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.footM .country select option{color:#222}
.menuM{position:relative; padding:0 20px 30px 20px;}
.menuM .menu{position:relative; border-bottom:1px solid #ddd}
.menuM .menu:nth-last-child(1){margin-bottom:20px}
.menuM .menu > dt{position:relative; font-size:14px; color:#222;}
.menuM .menu > dt > a{color:#222; font-size:14px; position:relative; padding:20px 0; display:block}
.menuM .menu > dt > a.link{width:auto; left:auto; top:auto; text-indent:0}
.menuM .menu > dt > a:after{width:auto; height:auto; padding:4px; background:none; border:solid #12b560; border-width:0 2px 2px 0; border-radius:1px; transform:rotate(45deg); position:absolute; right:0px; top:20px; content:''; display:inline-block}
.menuM .menu.active > dt > a:after{transform:rotate(-135deg); top:23px}
.menuM .menu > dt > a.link:after{display:none}
.menuM .menu > dd{display:none}
.menuM .menu.active > dd{}
.menuM .menu2depth{position:relative; padding-bottom:10px}
.menuM .menu2depth > dt{position:relative; font-size:14px; color:#222}
.menuM .menu2depth > dt > a{position:relative; display:block; color:#222; font-size:14px; padding:15px 10px 15px 20px;}
.menuM .menu2depth > dd{position:relative; font-size:14px; color:#222}
.menuM .menu2depth > dd > a{position:relative; display:block; color:#222; font-size:14px; padding:15px 10px 15px 40px}

.util >a.btnMobileMenu{margin-left:0; display:none}
.util >a.btnMobileMenu:after, .util >a.btnMobileMenu:before{content:''; display:inline-block; background:#000; width:20px; height:2px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:0.2s}
.util >a.btnMobileMenu:after{margin-top:-4px}
.util >a.btnMobileMenu:before{margin-top:4px}
.util >a.btnMobileMenu.active:after, .util >a.btnMobileMenu.active:before{left:14px; background:#222}
.util >a.btnMobileMenu.active:after{transform:rotate(45deg); top:50%; margin-top:-2px}
.util >a.btnMobileMenu.active:before{transform:rotate(-45deg); margin-top:-2px; top:50%}

@media screen and (max-width:1460px) {
	.headerPosition{margin:0 25px}
	
	.userForm{left:auto; margin-left:auto; right:50px}
	.countryForm{left:auto; margin-left:auto; right:20px}
	.searchForm .closeBtn{left:auto; transform:none; right:20px}
	.searchForm .searchInput{max-width:80%}

	.gnbMenu .position > div{padding:40px 25px; max-height:calc(100vh - 172px); overflow-y:auto}
	.gnbMenu .position > div.gnb03{padding-left:295px}
	.gnbMenu .position > div.gnb04{padding-left:385px}
	.gnbMenu .menu{margin-right:50px}
	.gnbMenu .menu.category.jeju{max-width:410px}
	
	body.language_L002 .gnbMenu .position > div.gnb03{padding-left:200px}
	body.language_L002 .gnbMenu .position > div.gnb04{padding-left:270px}
	body.language_L007 .gnbMenu .position > div.gnb03{padding-left:270px}
	body.language_L007 .gnbMenu .position > div.gnb04{padding-left:345px}
	body.language_L009 .gnbMenu .position > div.gnb03{padding-left:215px}
	body.language_L009 .gnbMenu .position > div.gnb04{padding-left:310px}
	body.language_L012 .gnbMenu .position > div.gnb04{padding-left:390px}
	
	body.language_L005 .gnbMenu .menu{margin-right:30px}
	
	body.language_L009 .gnbMenu .menu{margin-right:80px}
	
	body.language_L012 .gnbMenu .menu{margin-right:20px}
	body.language_L012 .gnbMenu .menu.category.jeju{max-width:360px}
	
	body.language_L013 .gnbMenu .menu{margin-right:20px}
	body.language_L013 .gnbMain > li{margin-right:30px}
}

@media screen and (max-width:1279px) {
	#header{height:50px; padding-bottom:0; background:#fff; background-color:#fff; background-size:auto 10px}
	.headerPosition{margin:0}
	.headerLogo{top:25px; z-index:10}
	.headerLogo a img{width:110px !important}
	
	.gnb{display:none}
	.gnbMenu{display:none !important}
	.util{right:auto; top:0; width:100%; height:100%; z-index:5}
	.util > a{margin-left:0; width:50px; height:50px;}
	.util > a img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
	.util .btnMemberOpen, .util .btnSelectOpen{display:none}
	.util .btnTxtLink{display:none}
	.util .btnSearchOpen{position:absolute; right:0; top:0; background:url(../images/renewal/icon_search_mo.svg) center 13px no-repeat; width:50px; height:50px}
	.util .btnSearchOpen:hover{background:url(../images/renewal/icon_search_mo.svg) center 13px no-repeat;}
	.util .btnSearchOpen img{display:none}
	.util >a.btnMobileMenu{position:absolute; left:0; top:0; display:inline-block; text-indent:-9999px;}
	.gnbMenuM.active{display:block}
	
	.header .searchForm{top:50px}
	.userForm{display:none !important}
	.countryForm{display:none !important}
}

@media screen and (max-width:768px) {
	.header .searchForm{padding:20px 20px 30px 20px; box-sizing:border-box}
	.searchForm .searchInput{max-width:none; width:100%;}
	.searchForm .inputSearch{height:35px; line-height:35px; font-size:15px; padding-right:0; padding-left:40px; border-bottom:1px solid #fff}
	.searchForm .searchBtn{display:none}
	.searchForm .closeBtn{width:30px; height:30px; background:url(../images/renewal/icon_arrow.svg) center center no-repeat; position:absolute; left:20px; top:22px; right:auto}
	.searchForm .closeBtn:after, .searchForm .closeBtn:before{display:none;}
}

@media screen and (max-width:380px) {
	.footM .copy{padding-left:45px; background-size:40px 40px}
	.footM .copy p{font-size:10px}
	.footM .country select{font-size:13px}
}

/* Footer */
.footer{position:relative; background:#12b560; border-top:0 !important; z-index:100}
.foot_position{position:relative; padding:120px 0 0 0}
.foot_wrap{position:relative; max-width:1420px; min-height:260px; padding-bottom:200px; margin:0 auto;}
.foot_list{position:relative; font-size:0;}
.foot_list .menu_left, .foot_list .menu_right{display:inline}
.foot_list dl{position:relative; display:inline-block; vertical-align:top; margin-right:80px}
.foot_list.fullList dl{margin-right:65px}
body.language_L012 .foot_list.fullList dl{margin-right:35px}
.foot_list dl:nth-last-child(1){margin-right:0 !important}
/*
.foot_list dl.menu1{width:14%}
.foot_list dl.menu2{width:14.2%}
.foot_list dl.menu3{width:13%}
.foot_list dl.menu4{width:14.2%}
.foot_list dl.menu5{width:17.2%}
.foot_list dl.menu6{width:14.2%}
.foot_list dl.menu7{width:13.2%}
*/
.foot_list dl dt{font-size:15px; color:#fff; position:relative; padding:0 0 30px 0}
.foot_list dl dt a{font-size:15px; color:#fff}
.foot_list dl dd{position:relative; margin-bottom:15px;}
.foot_list dl dd:nth-last-child(1){margin-bottom:0}
.foot_list dl dd a{font-size:12px; color:#5a837d; }
.foot_list dl dd a:hover{color:#99b3af}
.footer .foot_logo{width:160px; height:30px; display:inline-block; text-indent:-9999px; background:url(../images/renewal/footer_logo.svg) no-repeat; position:absolute; left:0; bottom:80px; font-size:0}
.footer .foot_mark{width:92px; height:92px; display:inline-block; text-indent:-9999px; background:url(../images/renewal/footer_mark.svg) no-repeat; background-size:92px 92px; position:absolute; right:0; bottom:20px;}
.footer .foot_qr{position:absolute; right:110px; bottom:20px; width:82px}

.footer .sns{position:absolute; left:0; bottom:25px;}
.footer .sns li{float:left; margin-right:20px}
.footer .sns li:nth-child(1){margin-right:25px}
.footer .sns li:nth-last-child(1){margin-right:0}

.footer .foot_contact{position:relative; border-top:1px solid #18554d; padding:20px 20px; min-height:25px}
.footer .foot_contact > div{max-width:1420px; margin:0 auto; position:relative;}
.footer .foot_contact .opt{padding-right:300px}
.footer .foot_contact .opt a{display:inline-block; margin-right:15px; color:#99b3af; height:25px; line-height:25px; font-size:12px}
.footer .foot_contact .copy{position:absolute; right:0; top:5px; font-size:12px; color:#fff; opacity:0.3}

.footer .vn_foot{position:relative; padding:10px 0 20px 0;}
.footer .vn_foot ul{position:relative}
.footer .vn_foot ul li{position:relative; margin-bottom:5px; font-size:12px; color:#99b3af}
.footer .vn_foot ul li em{color:#fff; margin-right:5px}
.footer .vn_foot ul li:nth-last-child(1){margin-bottom:0}
.footer .vn_foot .vn_copy{position:relative; margin-top:15px;}
.footer .vn_foot .vn_copy p{position:relative; font-size:11px; color:#5a837d; margin-bottom:5px}
.footer .vn_foot .vn_copy p:nth-last-child(1){margin-bottom:0}
.footer .vnMark{position:absolute; right:0; top:40px}

.footer .footerLanguage{display:none}

.language_L013 .footer .foot_logo, .language_L014 .footer .foot_logo{bottom:160px}
.id_foot{position:absolute; left:0; bottom:80px; color:#5A837D; font-size:13px; line-height:1.6}
.id_foot .m_br{display:none}

@media screen and (max-width:1640px) {
	.foot_wrap{height:auto; padding-bottom:145px}
	.foot_position{padding:100px 110px 0 110px}
	.footer .foot_contact{padding:20px 110px}
	.foot_list dl{margin-bottom:50px; margin-right:0 !important; width:25%}
	/*
	.foot_list dl.menu1{width:27%}
	.foot_list dl.menu2{width:27%}
	.foot_list dl.menu3{width:27%}
	.foot_list dl.menu4{width:19%}
	.foot_list dl.menu5{width:27%}
	.foot_list dl.menu6{width:27%}
	.foot_list dl.menu7{width:27%}
	*/
	
	.language_L013 .foot_wrap, .language_L014 .foot_wrap{padding-bottom:180px}
}

@media screen and (max-width:1000px) {
	.foot_position{padding:100px 20px 0 20px}
	.footer .foot_contact{padding:20px 20px}
	.foot_list dl{width:33%}
}

@media screen and (max-width:768px) {
	.foot_position{padding:25px 20px 0 20px}
	.foot_wrap{padding:0 0 150px 0}
	.foot_list dl{display:block; margin-right:0; margin-bottom:0; border-bottom:1px solid #245750; width:100% !important}
	.foot_list dl:after{width:14px; height:8px; background-image:url(../images/renewal/foot_bullet.png); background-size:100% 100%; content:''; display:inline-block; position:absolute; right:0; top:20px;}
	.foot_list dl.active{padding-bottom:15px}
	.foot_list dl.active dt{padding:15px 0 20px 0}
	.foot_list dl dt{padding:15px 0; cursor:pointer; font-size:14px}
	.foot_list dl dt a{display:block;}
	.foot_list dl dd{display:none}
	.foot_list dl dd a{font-size:13px; opacity:1; padding:3px 0 3px 20px; display:block}
	.foot_list dl.active dd{display:block}
	.foot_list dl.active:after{background-image:url(../images/renewal/foot_bullet_on.png);}
	
	.footer .sns{bottom:20px}
	.footer .sns li{margin-right:20px}
	.footer .foot_logo{display:block; bottom:auto; margin-top:50px; font-size:0; width:130px; height:24px; background-size:cover}
	.footer .foot_qr{right:85px; bottom:17px; width:80px; display:none}
	.footer .foot_contact .sns{position:absolute; bottom:120px; top:auto}
	.footer .foot_mark{bottom:20px; width:75px; height:75px; right:0px; background-size:cover;}

	.footer .foot_contact{height:auto; padding:15px 20px}
	.footer .foot_contact .opt{position:relative; left:auto; top:auto; padding-right:0}
	.footer .foot_contact .copy{position:relative; left:auto; top:auto; padding:5px 0 0 0}
	.footer .foot_contact .opt a{margin-right:5px; padding-right:10px; position:relative}
	.footer .foot_contact .opt a:after{content:'|'; display:inline; position:absolute; right:0; top:0}
	.footer .foot_contact .opt a:nth-last-child(1):after{display:none}

	.footer .vnMark{position:relative; top:0; padding-top:40px}
	body.language_L012 .footer .foot_contact .copy{position:absolute; left:0; bottom:80px}
	
	.language_L013 .footer .foot_logo, .language_L014 .footer .foot_logo{bottom:185px}
	.language_L013 .foot_wrap, .language_L014 .foot_wrap{padding-bottom:250px}
	.id_foot .m_br{display:inline-block}
}





/* MainVisual */
.mainVisualNew{position:relative; height:calc(100vh - 90px); background:#fff; z-index:100; visibility:hidden}
.mvWrap{position:relative; width:100%; height:100%}
.mvWrap .slick-list, .mvWrap .slick-track{height:100%;}
.mvWrap .slick-arrow{width:18px; height:33px; position:absolute; z-index:1; display:none; text-indent:-9999px; border:0; margin-top:-120px; cursor:pointer; outline:none; background:none;}
.mvWrap .slick-arrow.slick-prev{left:100px; top:50%;}
.mvWrap .slick-arrow.slick-next{right:100px; top:50%;}
.mvWrap .slick-arrow.slick-prev:after{content:''; display:block; width:22px; height:1px; position:absolute; right:-2px; top:9px; transform:rotate(-45deg); background:#fff}
.mvWrap .slick-arrow.slick-prev:before{content:''; display:block; width:22px; height:1px; position:absolute; right:-2px; bottom:8px; transform:rotate(45deg); background:#fff}
.mvWrap .slick-arrow.slick-next:after{content:''; display:block; width:22px; height:1px; position:absolute; left:-2px; top:9px; transform:rotate(-135deg); background:#fff}
.mvWrap .slick-arrow.slick-next:before{content:''; display:block; width:22px; height:1px; position:absolute; left:-2px; bottom:8px; transform:rotate(135deg); background:#fff}
.mvWrap .slick-arrow:hover:after{background:#12b560}
.mvWrap .slick-arrow:hover:before{background:#12b560}

.mvSlider{width:100%; height:100%; position:relative}
.mvWrap .slide-bg{position:relative; height:calc(100% - 170px); background-size:cover; background-position:center center; background-repeat:no-repeat}
.mvWrap .slide-bg .bg{width:100%; height:100%; position:absolute; left:0; top:0; background-size:cover; background-position:center center; background-repeat:no-repeat}
.mvWrap .slide-bg.mo{display:none}
.mvWrap .slide-bg.video{position:relative; overflow:hidden}
.mvWrap .slide-bg.video video{position:absolute; left:50%; top:50%; width:auto; height:auto; min-width:100%; min-width:100%; object-fit:cover; transform:translate(-50%,-50%)}
.mvWrap .slide-con{position:relative; max-width:1420px; height:125px; margin:0 auto; padding:0 20px; color:#000}
.mvWrap .slide-con .tit{position:relative; font-size:30px; line-height:1.5; color:#1e1e1e; padding:20px 0 0 0; width:calc(100% - 400px); white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.mvWrap .slide-con .tail{position:relative; font-size:15px; line-height:1.5; color:#1e1e1e; padding:5px 0 0 0; width:calc(100% - 380px); white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.mvWrap .slide-con .tag{position:absolute; right:0; top:30px; font-size:14px; color:#000; width:150px; line-height:1.5;}
.mvWrap .slide-con.action{animation:introSlide 0.5s ease-in-out; animation-delay:0s; animation-fill-mode:forwards}
.mvWrap .slide-con br{display:none}
.mvWrap .progress{position:absolute; width:100px; height:2px; background:#e4e4e4; bottom:127px; left:50%; margin-left:460px;}
.mvWrap .progress-bar{position:absolute; left:0; top:0; height:100%; background:#000}
.mvWrap .progress .count{font-size:14px; color:#000; position:absolute; left:-48px; top:50%; transform:translateY(-50%);}
.mvWrap .progress .count i{margin:0 2px; font-style:normal}
.mvWrap.black *{color:#000 !important}

@media screen and (min-width:1279px) {
	.mvWrap .progress-bar{background-color:#000 !important}
}

@media screen and (max-width:1640px) {
	.mvWrap .slide-con{padding:0 110px}
	.mvWrap .slide-con .tag{right:110px}
	.mvWrap .progress{left:auto; margin-left:auto; right:275px;}
	.mvWrap .slick-arrow.slick-prev{left:110px;}
	.mvWrap .slick-arrow.slick-next{right:110px;}
}

@media screen and (max-width:1240px) {
	.mvWrap .slide-con .tit{font-size:25px; padding:25px 0 0 0}
	.mvWrap .slide-con .tail{font-size:14px}
}

@media screen and (max-width:1279px) {
	.mainVisualNew{height:calc(100vh - 50px);}
	
	.mvWrap .slide-con .tit{width:auto}
	.mvWrap .slide-con .tail{width:auto}
	.mvWrap .progress{display:none}
	.mvWrap .slide-con .tag{display:none}
	.mvWrap .slick-arrow{display:none !important}
}

@media screen and (max-width:1000px) {
	.mvWrap .slide-con{padding:0 20px}
	.mvWrap .slide-con .tag{right:70px}
}

@media screen and (max-width:768px) {
	.mainVisualNew{top:0; height:calc(100vh - 50px); min-height:618px; position:relative;}
	
	.mvWrap .slide-bg{display:none}
	.mvWrap .slide-bg.mo{display:block; height:calc(100% - 140px); background-size:cover;}
	.mvWrap .slide-bg.video{display:block; height:calc(100% - 140px)}
	.mvWrap .slick-arrow{display:none !important}
	
	.mvWrap .slide-con{height:120px; padding:0 20px 20px 20px; position:static; color:#000}
	.mvWrap .slide-con .tit{width:auto; overflow:visible; white-space:normal; padding:0; margin-top:-15px}
	.mvWrap .slide-con .tail{width:auto; overflow:visible; white-space:normal; display:inline-block}
	.mvWrap .slide-con .tag{width:200px; transform:rotate(90deg); text-align:left; margin-top:0; right:-75px; top:310px; height:25px; line-height:25px; font-size:13px; display:inline-block}
	.mvWrap .slide-con br{display:inline}
	
	.mvWrap .progress{right:-25px; top:150px; margin-top:0; bottom:auto; transform:rotate(90deg); background:rgba(255,255,255,0.1); display:inline-block; height:1px}
	.mvWrap .progress .count{font-size:12px; left:-45px}
}

/* Main */
.mainTit{position:relative; color:#222; z-index:99;}
.mainTit .tit{position:relative; font-size:80px; line-height:1;}
.mainTit .tit b{vertical-align:middle; font-weight:500; line-height:1}
.mainTit .tit b *{vertical-align:middle}
.mainTit .tit > span{font-size:0;}
.mainTit .tit *{vertical-align:middle}
.mainTit .tit i{font-style:normal;}
.mainTit .tit:after{content:''; display:inline-block; width:130px; height:1px; background:#222; vertical-align:middle; margin-left:20px}
.mainTit .tail{position:relative; padding:10px 0 0 5px; font-size:24px; letter-spacing:3.5px}
.mainTit.fixed{opacity:1}
.mainTit.sub{text-align:center}
.mainTit.sub .tit{font-size:70px}
.mainTit.sub .tit b{font-weight:normal}
.mainTit.sub .tit b img{position:relative; top:-5px}
.mainTit.sub .tit:after{display:none}
.mainTit .tag{position:relative; font-size:15px; letter-spacing:1.8px; color:#000; padding:0 0 5px 0}
.mainTit .tit i.star{background:url(../images/renewal/shape_star.png) left center no-repeat; padding-left:50px;}
.mainTit .tit i.star span{vertical-align:top}

.mainReview{position:relative; margin-top:200px;}
.mainReview .mainTit{position:relative; max-width:1420px; margin:0 auto; z-index:10; top:79px;}
.mrSliderWrap{position:relative; background:#bfdfcb; height:780px; overflow:hidden;}
.mrSliderWrap .slick-arrow{width:9px; height:20px; text-indent:-9999px; border:0; position:absolute; top:-55px; cursor:pointer; outline:none}
.mrSliderWrap .slick-arrow.slick-prev{background:url(../images/renewal/rleft.png) no-repeat; right:100px}
.mrSliderWrap .slick-arrow.slick-next{background:url(../images/renewal/rright.png) no-repeat; right:30px}
.mrSliderWrap .slick-arrow.slick-disabled{opacity:0.5}
.mrSliderWrap .slick-track input[type=hidden]{display:none; width:0 !important;}

.mrSliderPosition{width:1470px; height:540px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center; list-style-type:none; overflow:visible;}
.mrSliderPosition{width:100%; position:relative; left:0; transform:translateY(-50%)}
.mrSliderPosition .slick-list{overflow:visible;}
.mrSliderWrap .slide{float:left; margin:0 25px; vertical-align:middle; width:auto}

.mrSlider.mobile{left:inherit !important; width:inherit !important}
.mrBox{width:310px; height:525px; position:relative; display:inline-block}
.mrBox > a{display:block; position:absolute; left:0; top:50%; transform:translateY(-50%) translate3d(0.001%, 00px, 0px); width:310px; background:#fff; z-index:10; border:1px solid #bfdfcb; transition:0.2s ease; box-sizing:border-box}
.mrBox > a:hover{border:1px solid #99BEA7;}

.mrBox .img{position:relative; height:175px; overflow:hidden}
.mrBox .img iframe{width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:block; z-index:-1}
.mrBox .img img{width:auto; height:auto; min-width:100%; min-height:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); display:block}
.mrBox .con{position:relative; padding:25px; height:390px}
.mrBox .img + .con{height:300px}
.mrBox .con .agi{position:relative; text-align:center; font-size:13px; color:#8dab93; line-height:1.5; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.mrBox .con .leaf{position:relative; padding:15px 0 0 0; text-align:center}
.mrBox .con .leaf img{width:75px; display:inline}
.mrBox .con .tit{position:relative; padding:20px 0 0 0; color:#000; min-height:50px; font-size:18px; line-height:1.4; max-height:55px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-align:left}
.mrBox .con .txt{position:relative; padding:15px 0 0 0; font-size:14px; color:#666; line-height:1.6; height:135px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; word-wrap:break-word; text-align:left}
.mrBox .con .opt{position:relative; padding:20px 0 0 0; text-align:left; height:75px}
.mrBox .con .opt p{margin-bottom:5px; color:#999; font-size:12px; overflow:hidden; max-width:100%; text-overflow:ellipsis; white-space:nowrap}
.mrBox .con .opt p .country{color:#12b560}
.mrbox .con .opt p:nth-last-child(1){margin-bottom:0}
.mrBox .img+.con .txt{max-height:43px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word}
.mainReview .dragTxt{font-size:15px; color:#83a48a; position:absolute; left:50%; top:65px; font-style:italic; width:1420px; transform:translateX(-50%); text-align:right; display:none}
.mainReview .dragTxt p{display:inline; opacity:0.5;}
.mainReview .dragTxt span{display:inline-block; content:''; width:70px; height:1px; background:#83a48a; vertical-align:middle; margin-left:15px; opacity:0.5}
.mainReview .dragTxt .right{margin-left:50px}

.mainProduct{position:relative; max-width:1420px; margin:0 auto; margin-top:170px; min-height:240px}
.mainProduct:after{content:''; display:block; clear:both}
.mainProduct .mainTit{position:absolute; left:0; top:50%; transform:translateY(-50%); margin-top:-220px}
.mainProduct .pdVisual{float:right; width:700px}
.mainProduct .pdVisual a{display:block; position:relative;}
.mainProduct .pd{padding:20px 0 0 0; font-size:18px; color:#000; line-height:1.5; text-align:center}
.mainProduct .thumb{position:relative; overflow:hidden; height:0; padding-top:120%}
.mainProduct .thumb img{transition:0.5s ease; -webkit-transition:0.5s ease; position:absolute; left:0; top:50%; width:100%; height:100%; object-fit:cover; transform:translateY(-50%)}
.mainProduct .thumb:hover img{transform:translateY(-50%) scale(1.015,1.015);}
.mainProduct .pdTail{position:absolute; left:0; top:50%; transform:translateY(-50%); margin-top:150px; font-size:0}
.mainProduct .pdTail .box{margin-right:50px; position:relative; width:260px; display:inline-block; vertical-align:top}
.mainProduct .pdTail .box:nth-last-child(1){margin-right:0}
.mainProduct .pdTail .box > a{display:block; position:relative}
.mainProduct .pdTail .box .thumbBg{width:260px; height:310px; position:relative; overflow:hidden}
.mainProduct .pdTail .box .thumbBg img{width:100%; height:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); object-fit:cover; transition:0.5s ease;}
.mainProduct .pdTail .box > a:hover .thumbBg img{transform:translateY(-50%) scale(1.02,1.02)}
.mainProduct .pdTail .box .img{position:relative; margin-top:-170px}
.mainProduct .pdTail .box .pd{padding:10px 0 0 0}

.newsBanner{position:relative; max-width:1420px; margin:0 auto; margin-top:170px}
.newsBannerSlider{position:relative; margin:40px 0 0 0}
.newsBannerSlider .slick-slide > a{display:block; position:relative}
.newsBannerSlider .slide-bg{position:relative; height:680px; background-position:center top;}
.newsBannerSlider .slide-con{position:absolute; width:700px; position:absolute; left:50%; bottom:50px; text-align:center; transform:translateX(-50%)}
.newsBannerSlider .slide-con .tit{font-size:30px; line-height:1.3; color:#fff}
.newsBannerSlider .slide-con .tail{font-size:15px; margin-top:15px; line-height:1.5; color:#fff}
.newsBannerSlider .slick-arrow{width:18px; height:33px; text-indent:-9999px; border:0; position:absolute; top:50%; margin-top:-30px; cursor:pointer; z-index:10}
.newsBannerSlider .slick-arrow.slick-prev{background:url(../images/renewal/arrow_green_r_w.png) no-repeat; left:30px;}
.newsBannerSlider .slick-arrow.slick-next{background:url(../images/renewal/arrow_green_l_w.png) no-repeat; right:30px}
.newsBannerSlider .indicator{position:relative; width:auto; margin:0 auto; margin-top:20px; font-size:0; text-align:center}
.newsBannerSlider .indicator li{width:30px; height:3px; display:inline-block; vertical-align:top; border:0; background:#e6e6e6; text-indent:-9999px; margin:0; cursor:pointer}
.newsBannerSlider .indicator li.slick-active{background:#12b560}
.newsBannerSlider .indicator li:first-child:nth-last-child(1), .newsBannerSlider .indicator li:first-child:nth-last-child(1)+li{display:none}

.linkBanner{position:relative; margin-top:100px}
.linkBanner ul{position:relative; font-size:0; text-align:center}
.linkBanner ul li{display:inline-block; width:420px; height:280px; margin-right:80px; overflow:hidden; position:relative}
.linkBanner ul li:nth-child(3){margin-right:0}
.linkBanner ul li:nth-last-child(1){margin-right:0}
.linkBanner ul li a{display:block; height:100%; background-size:100%; background-repeat:no-repeat; transition:0.5s ease; position:relative}
.linkBanner ul li a img{width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover}
.linkBanner ul li a:hover{transform:translate(-0.2%,-0.2%) scale(1.01);}
.linkBanner ul li a + span{color:#fff; font-size:18px; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); cursor:pointer}

.mainStore{position:relative; font-size:0; margin-top:100px; z-index:160; overflow:hidden; width:100%}
.mainStore .storeVisual{width:50%; display:inline-block;}
.mainStore .storeVisual a{display:block; position:relative; overflow:hidden}
.mainStore .storeVisual img{width:100%; display:block; transition:0.5s ease; -webkit-perspective:1000;-webkit-backface-visibility:hidden;}
.mainStore .storeVisual img.mo{display:none}
.mainStore .storeBox{width:50%; height:100%; display:inline-block; position:absolute; right:0; top:0; background:#e9f2d3; text-align:center}
.mainStore .storeBox .position{width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); left:0; top:0; right:0; bottom:0; white-space:nowrap; width:100%; height:100%; transform:none}
.mainStore .storeBox .position > div{display:inline-block; vertical-align:middle; width:100%; white-space:normal;}
.mainStore .storeBox .position:after{content:''; display:inline-block; width:100%; height:100%; vertical-align:middle}
.mainStore .storeBox .tit{font-size:42px; color:#12b560;}
.mainStore .storeBox .tail{position:relative; font-size:16px; color:#1e1e1e; margin:15px 0 0 0; line-height:1.5}
.mainStore .storeBox .btn{position:relative; margin:30px 0 0 0}
.mainStore .storeBox .btn a{display:inline-block; color:#12b560; font-size:15px; position:relative}
.mainStore .storeBox .btn a:hover:before{content:''; display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; background:#12b560}
.mainStore .storeBox .btn a:after{content:url('../images/renewal/find_arrow.svg'); display:inline; margin-left:5px;}

.materialWrap{position:relative; margin-top:100px; overflow:hidden}
.materialSlider{position:relative}
.materialWrap .box{position:relative; height:960px; background-size:cover; background-position:center center;}

.materialNav{width:1300px; position:absolute; left:50%; bottom:60px; transform:translateX(-50%)}
.materialNav .card{width:90px; height:120px; border-radius:30px; overflow:hidden; color:#fff; text-align:center; display:inline-block}
.materialNav .card .icon{padding:15px 0 0 0; opacity:0.5}
.materialNav .card .icon img{display:inline; width:45px}
.materialNav .card .txt{height:40px; position:relative; opacity:0.5; font-size:14px; line-height:1.5}
.materialNav .card .txt span{position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%}

.materialNav .slick-list{padding-top:15px !important}
.materialNav .slick-slide{text-align:center; cursor:pointer}
.materialNav .slick-center .icon, .materialNav .slick-center .txt{opacity:1}
.materialNav .slick-center .card{width:110px; height:150px; position:relative; top:-15px;}
.materialNav .slick-center .card .icon{padding:20px 0 0 0}
.materialNav .slick-center .card .txt{height:50px}
.materialNav .slick-center .card .icon img{width:auto}
.materialNav .slick-arrow{border:0; width:18px; height:33px; text-indent:-9999px; position:absolute; top:50%; margin-top:-25px; cursor:pointer}
.materialNav .slick-arrow.slick-prev{background:url(../images/renewal/arrow_green_r_w.png) no-repeat; left:-35px}
.materialNav .slick-arrow.slick-next{background:url(../images/renewal/arrow_green_l_w.png) no-repeat; right:-40px}

.materialNav .card.greentea{background:#2e6259}
.materialNav .card.bija{background:#5dc7db}
.materialNav .card.lavaseawater{background:#4580e2}
.materialNav .card.seeweed{background:#5a75fc}
.materialNav .card.orchid{background:#b388d0}
.materialNav .card.pomegranate{background:#f48080}
.materialNav .card.volcanic{background:#5c503b}
.materialNav .card.soybean{background:#795c4f}
.materialNav .card.tangerine{background:#e5ad54}
.materialNav .card.greenbarley{background:#bcc7af}
.materialNav .card.forestformen{background:#afc7b5}
.materialNav .card.cherryblossom{background:#f8b2c1}

.materialNav .slick-center .card.greentea{background:#12b560}
.materialNav .slick-center .card.bija{background:#0aaecc}
.materialNav .slick-center .card.lavaseawater{background:#075fe4}
.materialNav .slick-center .card.seeweed{background:#1639e4}
.materialNav .slick-center .card.orchid{background:#43016e}
.materialNav .slick-center .card.pomegranate{background:#bb2929}
.materialNav .slick-center .card.volcanic{background:#402b00}
.materialNav .slick-center .card.soybean{background:#623d2c}
.materialNav .slick-center .card.tangerine{background:#ea9000}
.materialNav .slick-center .card.greenbarley{background:#97b489}
.materialNav .slick-center .card.forestformen{background:#83a48a}
.materialNav .slick-center .card.cherryblossom{background:#fa9baf}

.materialCard .con.greentea .tit{color:#12b560}
.materialCard .con.bija .tit{color:#0aaecc}
.materialCard .con.lavaseawater .tit{color:#075fe4}
.materialCard .con.seeweed .tit{color:#1639e4}
.materialCard .con.orchid .tit{color:#43016e}
.materialCard .con.pomegranate .tit{color:#bb2929}
.materialCard .con.volcanic .tit{color:#402b00}
.materialCard .con.soybean .tit{color:#623d2c}
.materialCard .con.tangerine .tit{color:#ea9000}
.materialCard .con.greenbarley .tit{color:#97b489}
.materialCard .con.forestformen .tit{color:#83a48a}
.materialCard .con.cherryblossom .tit{color:#faa4b6}

/* 수정 */
.materialCard{width:575px; height:575px; position:absolute; left:50%; transform:translateX(-50%); top:100px; width:575px; height:575px; border-radius:50%; background:#fff; overflow:hidden}
.materialCard .tag{position:relative; font-size:18px; color:#000; text-align:center; padding:95px 0 0 0; letter-spacing:2.4px}
.materialCard .tit{position:relative; padding:10px 0 0 0; color:#000; font-size:42px; text-align:center}
.materialCard .con .img{position:relative; padding:25px 0 0 0; text-align:center; max-width:330px; margin:0 auto}
.materialCard .img img{display:inline; width:100%}

@media screen and (max-width:1440px) {
	.materialNav{width:600px}	
	
	.mrSliderPosition .slick-list{/*overflow:hidden*/}
	.mrSliderWrap .slick-arrow.slick-prev{background:url(../images/renewal/rleft.png) no-repeat; right:100px}
	.mrSliderWrap .slick-arrow.slick-next{background:url(../images/renewal/rright.png) no-repeat; right:30px}
	.mrSliderWrap .slick-arrow{z-index:160;}
	
	.mainReview .dragTxt{position:absolute; left:auto; right:25px; top:65px; width:auto; transform:none; text-align:right}
}

@media screen and (max-width:1640px) {
	.mainProduct{padding:0 110px}
	.newsBanner{padding:0 110px}
	.mainReview{margin-top:100px}
	.mainReview .mainTit{padding:0 110px}
	.linkBanner ul li{width:32%; margin-right:2%; height:250px}
	.linkBanner ul li a{background-size:cover;}
	.linkBanner ul li a:hover{background-size:cover}
	
	.mainProduct .mainTit{position:relative; top:auto; transform:none; margin-top:0; padding-bottom:50px}
	.mainProduct .pdVisual{width:48%}
	.mainProduct .pdTail{width:calc(45% - 110px); margin-top:80px; left:110px}
	.mainProduct .pdTail .box{margin-right:25px; margin-right:4%; width:48%}
	.mainProduct .pdTail .box .thumbBg{width:100%; height:0; padding-top:120%}
}

@media screen and (max-width:1000px) {
	.mainProduct{padding:0 20px; margin-top:60px}
	.newsBanner{padding:0 20px; margin-top:80px}
	.mainReview{margin-top:60px}
	.materialWrap{margin-top:50px}
	.mainReview .mainTit{padding:0 20px; top:78px}
	
	.linkBanner{margin-top:50px}
	.linkBanner ul li{display:block; width:auto; margin-right:0; margin-bottom:10px}
	.linkBanner ul li:nth-last-child(1){margin-bottom:0}
	
	.mainStore{margin-top:50px}
	.mainStore .storeVisual{display:block; width:auto}
	.mainStore .storeBox{width:100%; height:auto; display:block; position:relative; right:auto; top:auto;}
	.mainStore .storeBox .position{position:relative; width:auto; left:auto; top:auto; transform:none; padding:15% 10px}
	
	.mainProduct .mainTit{padding-bottom:25px}
	.mainProduct .pdVisual{width:auto; float:none}
	.mainProduct .pdTail{width:auto; margin-top:50px; left:auto; top:auto; position:relative; transform:none;}
	.mainProduct .pdTail .box .img{text-align:center}
	.mainProduct .pdTail .box .pd{padding:10px 0 0 0}
}

@media screen and (max-width:768px) {
	.mainTit .tit{font-size:48px}
	.mainTit .tail{font-size:15px; padding:5px 0 0 5px;}
	.mainTit .tit:after{width:70px}
	.mainTit .tit .star{width:35px; top:-5px}
	.mainTit .tag{font-size:14px}
	.mainTit.sub .tit{font-size:48px}
	.mainTit .tit i.star{padding-left:30px; background-size:30px}
	
	.newsBannerSlider{margin-top:20px}
	.newsBannerSlider .slick-list{transform:none !important}
	.newsBannerSlider .slick-track{height:auto !important; width:auto !important}
	.newsBannerSlider .indicator{display:none !important}
	.newsBannerSlider .slick-arrow{display:none !important}
	.newsBannerSlider .slick-slide{float:none !important; height:auto; position:relative; left:auto !important; top:auto; opacity:1 !important; margin-bottom:10px}
	.newsBannerSlider .slick-track .slick-slide:nth-last-child(1){margin-bottom:0}
	.newsBannerSlider .slide-bg{height:300px; background-position:center center; background-size:auto 330px}
	.newsBannerSlider .slide-con{bottom:25px; width:90%;}
	.newsBannerSlider .slide-con .tit{font-size:14px}
	.newsBannerSlider .slide-con .tail{font-size:13px; margin-top:5px}

	.linkBanner ul li{height:180px}
	.linkBanner ul li a span{font-size:17px}
	
	.mainStore .storeVisual img{display:none}
	.mainStore .storeVisual img.mo{display:block}
	.mainStore .storeBox .tit{font-size:24px}	
	.mainStore .storeBox .tail{font-size:14px;}
	
	.mainProduct .pd{font-size:15px; padding:15px 0 0 0}
	.mainProduct .pdTail .box .img{margin-top:-65%}
	
	.materialNav{width:500px; bottom:30px}
	.materialNav .card{width:76px; height:100px; border-radius:20px}
	.materialNav .card .txt{font-size:13px}
	.materialNav .card .icon{padding:15px 0 0 0}
	.materialNav .card .icon img{width:40px}
	.materialNav .slick-center .card .icon{padding:15px 0 0 0}
	.materialNav .slick-center .card .icon img{width:50px}
	.materialNav .card .txt{height:35px}
	.materialNav .slick-center .card{width:95px; height:125px; top:-10px}
	.materialNav .slick-arrow{display:none !important}
	.materialSlider .box{height:700px}
	.materialCard {width:450px; height:450px; top:50px}
	.materialCard .con{position:relative; left:auto; top:auto; transform:none; margin:0 auto}
	.materialCard .con .tag{font-size:14px; padding:60px 0 0 0}
	.materialCard .con .tit{font-size:32px; padding:5px 0 0 0}
	.materialCard .con .img{padding:20px 0 0 0; width:60%; margin:0 auto}
	
	.mainReview{margin-top:0}
	.mainReview .mainTit{top:47px}
	
	.newsBanner{margin-top:60px}
	
	.mrSliderPosition{height:100%; position:relative; transform:none; left:auto; top:auto; margin:0 auto}
	.mrSliderPosition .slick-list{overflow:visible}
	.mrSliderWrap{height:auto; padding:50px 0 30px 0;}
	.mrSliderWrap .slick-arrow{top:50%; transform:translateY(-50%)}
	.mrSliderWrap .slick-arrow.slick-prev{background:url(../images/renewal/rleft.png) no-repeat; right:auto; left:-5px}
	.mrSliderWrap .slick-arrow.slick-next{background:url(../images/renewal/rright.png) no-repeat; right:auto; right:-5px}
	.mrSliderWrap .slide{margin:0 20px; width:260px !important}
	.mrSliderPosition{width:300px; margin:0 auto}
	.mrBox{width:260px}
	.mrBox > a{width:100%; border:none !important}
	.mrBox .con{height:360px}
	.mrBox .img + .con{height:290px}
	.mrBox .con .tit{font-size:16px; min-height:45px; max-height:45px}
	.mrBox .con .txt{font-size:13px; height:120px}
	.mrBox .con .opt{padding:15px 0 0 0}
	.mrBox .img{height:160px}
	.mrBox .img iframe{min-width:100%; min-height:100%; width:auto; height:auto}
	.mrSliderPosition{overflow:visible !important}
	.mainReview .dragTxt{width:300px; left:50%; right:auto; transform:translateX(-50%); top:295px;}
	.mainReview .dragTxt img{}
	.mainReview .dragTxt span{display:none}
	.mainReview .dragTxt p{display:none}
	.mainReview .dragTxt .left{position:absolute; left:-5px; top:0}
	.mainReview .dragTxt .right{position:absolute; right:-5px; top:0}
	.carouselTicker__wrap{overflow:visible !important; user-select:auto !important; -webkit-user-select:auto !important}
	.carouselTicker__wrap:after{content:''; display:block; clear:both}
}

@media screen and (max-width:530px) {
	.materialSlider .box{height:220px; padding-top:95%}
	.materialCard{width:85%; height:0; padding-top:85%}
	.materialCard .slick-list{position:absolute; left:0; top:0; width:100%; height:100%;}
	.materialCard .slick-track{height:100%}
	.materialCard .con{width:100%; height:100%; position:relative}
	.materialCard .con .placer{width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
	.materialCard .con .tit{font-size:24px}
	.materialCard .con .tag{padding:0; font-size:13px}
}

@media screen and (max-width:355px) {
	.mainTit .tit:after{width:40px; margin-left:10px}	
}



/* PDP */
.pdpView{position:relative;}
.pdpSliderWrap{position:relative; padding:0 0 50px 0;}
.pdpSliderWrap .slick-slide{text-align:center;}
.pdpSliderWrap .slick-slide img{display:inline}
.pdpSliderWrap .slick-slide .box{position:relative; height:100%; overflow:hidden; background-size:auto auto; background-position:center top;}
.pdpSliderWrap .slick-slide .box.img{background-image:url(../images/renewal/pdp_thum_gray.png); background-color:#fafafa; background-size:auto auto; background-position:center 60px; background-repeat:no-repeat}
.pdpSliderWrap .thum{visibility:hidden}
.pdpSliderWrap .calligraphy{visibility:hidden}
.pdpSliderWrap .slick-slide .box .thum{width:450px; height:450px; position:relative; margin:0 auto; margin-top:50px; z-index:10;}
.pdpSliderWrap .slick-slide .box .thum img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.pdpSliderWrap .slick-slide .box .calligraphy{width:1100px; height:500px; position:absolute; left:50%; transform:translateX(-50%); top:50px; z-index:1}
.pdpSliderWrap .pdpSlider.show .box .thum{visibility:visible}
.pdpSliderWrap .pdpSlider.show .box .calligraphy{visibility:visible}
.pdpSliderWrap .indicator{position:absolute; width:auto; font-size:0; text-align:center; left:50%; top:560px; transform:translateX(-50%); z-index:5}
.pdpSliderWrap .indicator li{width:30px; height:3px; display:inline-block; vertical-align:top; border:0; background:#bee0d4; text-indent:-9999px; margin:0; cursor:pointer}
.pdpSliderWrap .indicator li:first-child:nth-last-child(1), .pdpSliderWrap .indicator li:first-child:nth-last-child(1)+li{display:none}
.pdpSliderWrap .indicator li.slick-active{background:#12b560}
.pdpSlider{width:100%; height:100%; position:absolute; left:0; top:0;}
.pdpSlider .slick-track{height:100%}
.pdpSlider .slick-list{height:100%}
.subWrap #container.pdpContainer{padding-bottom:100px}
.pdpContent{position:relative; margin:0 auto; max-width:800px; padding:0 25px 0 25px; text-align:center; margin:0 auto; padding-top:600px; pointer-events:none}
.pdpContent .pdpTit{position:relative; font-size:30px; line-height:1.2; color:#000; pointer-events:all}
.pdpContent .pdpTail{position:relative; font-size:15px; line-height:1.5; color:#000; padding:10px 0 0 0; pointer-events:all}
.pdpContent .pdpPrice{position:relative; font-size:18px; line-height:1.5; color:#000; padding:20px 0 0 0; pointer-events:all}
.pdpSocial{position:relative; padding:30px 0 0 0; text-align:center; font-size:0; pointer-events:all}
.pdpSocial li{display:inline-block; vertical-align:top; margin:0 7px}
.pdpSocial li img{width:36px}
.pdpSlider .slick-arrow{width:18px; height:33px; position:absolute; text-indent:-9999px; border:0; cursor:pointer; top:50%; margin-top:-16px; z-index:15; outline:none; display:none !important}
.pdpSlider .slick-arrow.slick-prev{background:none; left:30px;}
.pdpSlider .slick-arrow.slick-next{background:none; right:30px}
.pdpSlider .slick-arrow.slick-prev:after{content:''; display:block; width:22px; height:1px; position:absolute; right:-2px; top:8px; transform:rotate(-45deg); background:#fff}
.pdpSlider .slick-arrow.slick-prev:before{content:''; display:block; width:22px; height:1px; position:absolute; right:-2px; bottom:8px; transform:rotate(45deg); background:#fff}
.pdpSlider .slick-arrow.slick-next:after{content:''; display:block; width:22px; height:1px; position:absolute; left:-2px; top:8px; transform:rotate(-135deg); background:#fff}
.pdpSlider .slick-arrow.slick-next:before{content:''; display:block; width:22px; height:1px; position:absolute; left:-2px; bottom:8px; transform:rotate(135deg); background:#fff}
.pdpSlider .slick-arrow:hover:after{background:#12b560}
.pdpSlider .slick-arrow:hover:before{background:#12b560}
.pdpOp{position:relative; font-size:12px; color:#222; padding:20px 10px 0 10px; pointer-events:all; line-height:1.4}

.pdpTab{position:relative; padding:35px 0; background:#fff}
.pdpTab ul{position:relative; font-size:0; text-align:center}
.pdpTab ul li{display:inline-block; vertical-align:top; margin:0 40px}
.pdpTab ul li a{display:block; font-size:18px; color:#999; padding:2px 0; position:relative}
.pdpTab ul li a.on{color:#12b560;}
.pdpTab ul li a.on:after{width:100%; height:2px; content:''; display:block; background:#12b560; position:absolute; left:0; bottom:0}

.awardWrap{position:relative; padding:100px 0 75px 0; text-align:center}
.awardWrap .txt{position:relative; padding:0 15px}
.awardWrap .txt .tit{position:relative; font-size:28px; color:#222;}
.awardWrap .txt .tail{position:relative; font-size:12px; color:#12b560; padding:15px 0 0 0}
.awardWrap ul{position:relative; padding:60px 0 0 0; font-size:0}
.awardWrap ul li{display:inline-block; vertical-align:top; margin:0 25px; margin-bottom:25px}
.awardWrap ul .icon{position:relative}
.awardWrap ul .con{position:relative; padding:15px 0 0 0}
.awardWrap ul .con .tit{font-size:15px; color:#222; line-height:1.4}
.awardWrap ul .con .tail{position:relative; padding:10px 0 0 0; color:#666; font-size:12px; line-height:1.6}

.recommended{position:relative; background:url(../images/renewal/recommended_bg.png) center 40px no-repeat; background-color:#eff8f4; padding:100px 0 50px 0; border-bottom:1px solid #d7e5e0}
.recomSliderWrap{width:1240px; margin:0 auto; position:relative}
.recomReview{position:relative; text-align:center; max-width:1000px; margin:0 auto; cursor:pointer}
.recomReview > a{position:relative; display:block}
.recomReview .tit{position:relative; font-size:30px; color:#222; line-height:1.4}
.recomReview .leaf{position:relative; padding:20px 0 0 0; text-align:center}
.recomReview .leaf img{display:inline; width:75px}
.recomReview .date{position:relative; padding:10px 0 0 0; font-size:12px; color:#fff; opacity:0.5}
.recomReview .txt{position:relative; padding:20px 0 0 0; color:#222; font-size:14px; line-height:1.5;}
.recomReview .tail{position:relative; padding:10px 0 0 0; color:#222; font-size:12px;}
.recomReview .user{position:relative; text-align:center; color:#222; font-size:12px; padding:20px 0 0 0}
.recomSliderWrap .slick-track .slide{position:relative}
.recomSliderWrap .slick-arrow{width:18px; height:33px; text-indent:-9999px; border:0; position:absolute; top:50%; margin-top:-16px; z-index:10; cursor:pointer; outline:none}
.recomSliderWrap .slick-arrow.slick-prev{background:url(../images/renewal/arrow_green_r.png) no-repeat; left:15px}
.recomSliderWrap .slick-arrow.slick-next{background:url(../images/renewal/arrow_green_l.png) no-repeat; right:15px}
.recomSliderWrap .slick-arrow.slick-disabled{display:none !important}
.recomSliderWrap .slick-dots{position:relative; margin-top:30px; text-align:center; font-size:0}
.recomSliderWrap .slick-dots li{display:inline-block; vertical-align:middle; margin:0 5px}
.recomSliderWrap .slick-dots li button{display:block; width:5px; height:5px; background:#fff; opacity:0.5; border-radius:50%; text-indent:-9999px; overflow:hidden; box-shadow:none; border:0}
.recomSliderWrap .slick-dots li.slick-active button{opacity:1}
.reviewWell{position:relative; background:#eff8f4; padding:45px 0; text-align:center; font-size:0}
.reviewWell > div{position:relative; display:inline-block; padding:0 65px; vertical-align:middle}
.reviewWell > div:nth-last-child(1){margin-right:0}
.reviewWell > div:first-child:nth-last-child(1), .reviewWell > div:first-child:first-child:nth-last-child(1)~li{padding:0}
.reviewWell .plzReview{position:relative; font-size:18px; color:#222; padding-bottom:20px;}
.reviewLeaf{position:relative; border-right:1px solid #d7e3df}
.reviewLeaf .img{position:relative; height:50px}
.reviewLeaf .txt{position:relative; padding:20px 0 0 0; text-align:center; font-size:14px; color:#000}
.reviewLeaf .txt b{font-weight:normal;}
.reviewRecom{position:relative}
.reviewRecom .rec{position:relative; font-size:58px; color:#12b560; line-height:100%; height:58px}
.reviewRecom .rtia{position:relative; padding:10px 0 0 0; font-size:14px; color:#000}
.reviewBtn{position:relative; padding-right:0 !important}
.reviewBtn a{display:inline-block; padding:15px 70px; background:#222; color:#fff; font-size:15px;}
.reviewBtn a:hover{background:#12b560}
.reviewSortWrap{position:relative; max-width:1420px; margin:0 auto; padding:30px 0}
.reviewSortWrap .tit{position:relative; height:30px; line-height:30px; font-size:18px;  color:#000}
.reviewSortWrap .tit .sortBtn{display:inline-block; border:0; width:20px; height:20px; background:url(../images/renewal/sort_btn.png) center center no-repeat; position:absolute; right:0; top:5px; text-indent:-9999px; cursor:pointer; outline:none}
.reviewSortWrap .tit .sortBtn.off{background:url(../images/renewal/sort_btn_off.png) center center no-repeat}
.sortList{position:relative; padding:15px 0 0 0; height:40px; overflow:hidden}
.sortList ul{position:relative; font-size:0;}
.sortList ul li{margin-right:10px; margin-bottom:10px; display:inline-block}
.sortList ul li a{display:block; padding:7px 15px; border:1px solid #ccc; font-size:12px; color:#000; text-align:center; border-radius:5px; background:#fff}
.sortList ul li.most a{border:1px solid #12b560; color:#fff; background:#12b560}
.sortList.active{height:auto}
.sortClear{position:relative; padding:20px 0 0 0;}
.sortClear a{display:inline-block; font-size:12px; color:#222; text-decoration:underline; padding-right:18px; background:url(../images/renewal/icon_select_off.png) right center no-repeat}
.sortClear a.open{background:url(../images/renewal/icon_select_on.png) right 3px no-repeat}
.reviewSortSelect{position:relative; padding:15px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; max-width:1420px; margin:0 auto}
.reviewSortSelect select{margin-right:20px}
.reviewSortSelect select:nth-last-child(1){margin-right:0}
.reviewSelect{color:#12b560; font-size:12px; position:relative; border:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: url('../images/renewal/icon_select_off_g.png') no-repeat right center; padding-right:20px; min-width:120px}
.reviewSelect::-ms-expand {display:none;}
.reviewSelect::selection{color:#12b560}
.reviewListWrap{position:relative; max-width:1420px; margin:0 auto}
.reviewListWrap > ul{position:relative}
.reviewListWrap > ul > li{position:relative; border-bottom:1px solid #ccc}
.reviewListWrap .review{position:relative; padding:30px 0; min-height:200px}
.reviewListWrap .review .notReview{width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#666; text-align:center; font-size:14px}
.reviewListWrap .review:after{content:''; clear:both; display:block}
.reviewListWrap .review .user{position:relative; width:250px; margin-left:150px; float:left}
.reviewListWrap .review .user .leaf img{width:75px}
.reviewListWrap .review .user .name{position:relative; padding:10px 0 0 0; color:#000; font-size:14px;}
.reviewListWrap .review .user .name .date{padding-left:10px; margin-left:10px; position:relative; display:inline-block; vertical-align:middle; font-size:12px; color:#000; font-weight:normal}
.reviewListWrap .review .user .name .date:after{width:1px; height:10px; content:''; background:#ccc; position:absolute; left:0; top:50%; margin-top:-5px;}
.reviewListWrap .review .user .opt{position:relative; padding:30px 0 0 0}
.reviewListWrap .review .user .opt p{margin-bottom:5px; color:#999; font-size:12px;}
.reviewListWrap .review .user .opt p .country{color:#12b560}
.reviewListWrap .review .user .btn{position:relative; padding:10px 0 0 0; font-size:0; display:block}
.reviewListWrap .review .user .btn a{display:inline-block; border:1px solid #aaa; color:#222; font-size:11px; border-radius:2px; min-width:40px; padding:0 10px; height:20px; line-height:20px; text-align:center; margin-right:3px}
.reviewListWrap .review .user .btn a:hover{background:#aaa; color:#fff}
.reviewListWrap .review .con{width:calc(100% - 430px); float:left;}
.reviewListWrap .review .con .agi{position:relative; color:#12b560; font-size:12px;}
.reviewListWrap .review .con .tit{position:relative; padding:15px 0 0 0; font-size:18px; color:#000; line-height:1.4;}
.reviewListWrap .review .con .txt{position:relative; padding:15px 0 0 0; font-size:14px; color:#000; line-height:1.6}
.reviewListWrap .review .con .benefits{position:relative; padding:20px 0 10px 65px}
.reviewListWrap .review .con .benefits span{font-size:12px; color:#000; position:absolute; left:0; top:28px}
.reviewListWrap .review .con .benefits ul{position:relative; font-size:0;}
.reviewListWrap .review .con .benefits ul li{margin-right:10px; margin-bottom:10px; display:inline-block; vertical-align:top}
.reviewListWrap .review .con .benefits ul li a{display:block; padding:7px 15px; border:1px solid #ccc; font-size:12px; color:#000; border-radius:5px; background:#fff; border:1px solid #799b94; color:#12b560; background:#eff8f4}
.reviewListWrap .review .helpful{position:relative; padding:10px 0 0 0; clear:both}
.reviewListWrap .review .helpful span{font-size:12px; color:#000; margin-right:10px; vertical-align:middle}
.reviewListWrap .review .helpful button{display:inline-block; padding-left:20px; color:#999; font-size:12px; height:15px; line-height:15px; border:0; cursor:pointer; margin-right:15px; outline:none; background-size:14px auto !important}
.reviewListWrap .review .helpful button.on{color:#12b560}
.reviewListWrap .review .helpful button.up{background:url(../images/renewal/up_icon.png) left center no-repeat}
.reviewListWrap .review .helpful button.down{background:url(../images/renewal/down_icon.png) left -3px no-repeat}
.reviewListWrap .review .helpful button.up.on{background:url(../images/renewal/up_icon_on.png) left center no-repeat}
.reviewListWrap .review .helpful button.down.on{background:url(../images/renewal/down_icon_on.png) left -2px no-repeat}
.reviewListWrap .review .con .imgList{position:relative; padding:20px 0 0 0; font-size:0; white-space:nowrap; overflow-x:auto}
.reviewListWrap .review .con .imgList .img{position:relative; display:inline-block; width:150px; height:150px; overflow:hidden; margin-right:10px; margin-bottom:10px; cursor:pointer; vertical-align:top}
.reviewListWrap .review .con .imgList .img a{position:relative; display:inline-block; width:150px; height:150px; overflow:hidden}
.reviewListWrap .review .con .imgList .img img{position:absolute; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover;}
.reviewListWrap .review .con .imgList .img .backGround{position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover;}
.reviewListWrap .review .con .imgList .img iframe{position:absolute; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; z-index:-1}
.reviewListWrap .review .con .youtube{position:relative; padding:20px 0 0 0}
.reviewListWrap .review .con .youtube iframe{max-width:100%}

.pdpColorChip{position:relative; padding:30px 0 0 0; pointer-events:all}
.pdpColorChip .texture{position:relative; display:inline-block; width:120px; vertical-align:top}
.pdpColorChip .choiceChip{position:relative; display:inline-block; vertical-align:top; padding:0 20px; text-align:left; width:340px}
.pdpColorChip .choiceChip .chipTxt{position:relative; font-size:14px; color:#101010; line-height:1.4}
.pdpColorChip .choiceChip ul{position:relative; padding:15px 0 0 0; max-width:260px}
.pdpColorChip .choiceChip ul li{display:inline-block; width:30px; height:30px; overflow:hidden; position:relative; border-radius:100%; margin-right:10px; margin-bottom:10px; cursor:pointer}
.pdpColorChip .choiceChip ul li img{position:absolute; left:50%; top:50%; width:100%; height:100%; transform:translate(-50%,-50%);}
.pdpColorChip .choiceChip ul li a{display:inline-block; position:relative; width:100%; height:100%;}
.pdpColorChip .choiceChip ul li a:hover:after{content:''; display:inline-block; background:none; border:2px solid #000; position:absolute; left:0; top:0; border-radius:50%; width:100%; height:100%; box-sizing:border-box}
.pdpColorChip .choiceChip ul li.on a:after{content:''; display:inline-block; background:none; border:2px solid #000; position:absolute; left:0; top:0; border-radius:50%; width:100%; height:100%; box-sizing:border-box}
.pdpColorChip .chipToggle{display:none} 

.pdpExist{position:relative; padding:100px 0}
.pdpExist .position{max-width:1420px; margin:0 auto; position:relative; overflow:hidden; font-size:0}
.pdpExist .detailsBox{width:650px; display:inline-block; vertical-align:top}
.pdpExist .txtBox{width:calc(100% - 760px); margin-left:100px; padding-top:30px; display:inline-block; vertical-align:top;}
.pdpExist .detailsBox .detailsTit{position:relative; font-size:58px; color:#222;}
.pdpExist .detailsBox .detailsTit:before{width:90px; vertical-align:middle; height:1px; background:#222; display:inline-block; content:''; margin-right:20px}
.pdpExist .detailsBox .detailsImg{position:relative; margin:50px 0 0 0}
.pdpExist .detailsBox .detailsIntro{position:relative; margin:50px 0 0 0; font-size:15px; color:#222; line-height:1.6}
.pdpExist .txtBox .txtDl{position:relative;}
.pdpExist .txtBox .txtDl dt{position:relative; font-size:24px; color:#222; padding-top:20px}
.pdpExist .txtBox .txtDl dt:before{width:20px; height:1px; content:''; display:inline-block; background:#ddd; position:absolute; left:0; top:0}
.pdpExist .txtBox .txtDl dd{position:relative; padding:20px 0 0 0; font-size:15px; color:#222; line-height:1.5}
.pdpExist .txtBox dl{margin-bottom:50px}
.pdpExist .txtBox dl:nth-last-child(1){margin-bottom:0}
.pdpExist .txtBox .precaut .tit{position:relative; padding-left:25px; background:url(../images/renewal/icon_precaitions.svg) left center no-repeat; height:18px; line-height:18px; font-size:14px; color:#222;}
.pdpExist .txtBox .precaut .tail{position:relative; padding:10px 0 0 0; line-height:1.7; color:#222; font-size:12px;}
.pdpExist .txtBox .see{position:relative; padding:25px 0 0 0;}
.pdpExist .txtBox .see a{color:#222; font-size:12px; border-bottom:1px solid #222; display:inline-block; position:relative}
.pdpExist .txtBox .see a:after{width:4px; height:5px; content:''; display:inline-block; background:url(../images/renewal/Layer%206878.png) right center no-repeat; position:absolute; right:-9px; top:5px}



@media screen and (max-width:1640px) {
	.pdpReview{position:relative;}
	.reviewSortWrap{margin:0 110px}
	.reviewSortSelect{margin:0 110px}
	.reviewListWrap{margin:0 110px}
	#content .contentCenter .reviewListWrap{margin:0}
	.recommended{padding:100px 25px 50px 25px; background-size:200px auto}
	.recomReview{padding:0 50px}
	.recomSliderWrap .slick-arrow.slick-prev{left:0px}
	.recomSliderWrap .slick-arrow.slick-next{right:0px}
	
	.pdpExist{margin:0 auto;}
	.pdpExist .position{padding:0 110px}
	.pdpExist .detailsBox{width:calc(55% - 50px);}
	.pdpExist .txtBox{width:45%; margin-left:50px;}
}

@media screen and (max-width:1279px) {
	.pdpSlider .slick-arrow{display:none !important}	
	.pdpExist .detailsBox{width:auto; display:block}
	.pdpExist .txtBox{width:auto; display:block; margin-left:0; padding-top:50px}
}

@media screen and (max-width:1000px) {
	.pdpExist .position{padding:0 20px}
	.reviewSortWrap{margin:0 20px}
	.reviewSortSelect{margin:0 20px}
	.reviewListWrap{margin:0 20px}
	.recomSliderWrap{width:auto;}
	
	.reviewWell > div{padding:0 30px}
	.reviewBtn a{padding:14px 50px}
}

@media screen and (max-width:768px) {
	.subWrap #container.pdpContainer{padding-bottom:50px}
	.pdpContent{padding:420px 15px 0 15px}
	.pdpContent .pdpTit{font-size:32px}
	.pdpContent .pdpTail{font-size:15px}
	.pdpSocial{padding:20px 0 0 0}
	.pdpSocial li{margin:0 5px}
	.pdpSliderWrap .slick-slide .box.img{background-size:600px auto; background-position:center 80px}
	.pdpSliderWrap .indicator{top:380px}
	.pdpSliderWrap .slick-slide .box .thum{width:300px; height:300px;}
	.pdpSliderWrap .slick-slide .box .calligraphy{width:500px; height:auto; top:100px}
	.pdpOp{padding:20px 10px 0 10px}
	
	.pdpTab{padding:0}
	.pdpTab ul li{width:calc(100% / 3); margin:0;}
	.pdpTab ul li a{padding:15px 0; font-size:15px}
	
	.recommended{padding:70px 25px 50px 25px}
	.recommended .recomTit{font-size:25px; height:200px; background-size:auto 85%; background-position:center center; line-height:1.2}
	.recommended .recomTit b{font-size:50px}
	.recomReview{max-width:none; padding:0}
	.recomReview .tit{font-size:30px}
	.recomReview .txt{font-size:13px; padding:20px 20px 0 20px}
	.reviewRecom .rec{font-size:40px; height:auto}
	.recomReview .user{font-size:13px}
	.recomSliderWrap .slick-arrow{width:10px; height:20px; background-size:cover !important}
	
	.reviewLeaf{border-right:0}
	.reviewWell > div{display:block; padding:0}
	.reviewWell .reviewRecom{padding-top:50px}
	.reviewWell .reviewRecom:after{content:''; display:inline-block; width:20px; height:2px; background:#c3d2cd; position:absolute; left:50%; margin-left:-10px; top:25px}
	.reviewWell .reviewBtn{padding:20px 20px 0 20px !important; padding-right:20px !important; text-align:center}
	.reviewWell .reviewBtn a{width:100%; max-width:400px; box-sizing:border-box; font-size:14px; padding:15px 5px}
	.reviewWell > div:first-child:nth-last-child(1), .reviewWell > div:first-child:first-child:nth-last-child(1)~li{padding-top:0 !important}
	
	.reviewSortWrap{margin:0 20px}
	.reviewSortSelect{margin:0 20px}
	.reviewSelect{min-width:110px}
	.reviewListWrap{margin:0 20px}
	.reviewSortWrap .tit{font-size:17px; padding-right:20px}
	.sortList{height:35px}
	.sortList ul li{margin-right:5px; margin-bottom:5px}
	.sortList ul li a{padding:7px 12px}

	.reviewListWrap .review .user{float:none; width:auto; margin-left:0; margin-top:0; position:static}
	.reviewListWrap .review .user .leaf{position:absolute; left:0; top:30px}
	.reviewListWrap .review .user .opt{padding:20px 0 0 0}
	.reviewListWrap .review .con{float:none; width:auto; padding:35px 0 0 0}
	.reviewListWrap .review .con .benefits{padding:10px 0 0 65px}
	.reviewListWrap .review .con .benefits span{top:20px}
	.reviewListWrap .review .con .benefits ul li{margin-right:5px; margin-bottom:5px}
	.reviewListWrap .review .con .benefits ul li a{padding:7px 12px}
	.reviewListWrap .review .con .imgList{white-space:nowrap; overflow-x:auto}
	.reviewListWrap .review .con .txt{font-size:13px}
	.reviewListWrap .review .helpful{padding:15px 0 0 0}
	#content .contentCenter .reviewListWrap{margin-top:20px}
	
	.pdpColorChip{margin:0 auto}
	.pdpColorChip .texture{display:none}
	.pdpColorChip .choiceChip{width:260px}
	.pdpColorChip .choiceChip ul{max-width:none; width:260px; text-align:center}
	.pdpColorChip .choiceChip.addOn ul{text-align:left; height:30px; overflow:hidden}
	.pdpColorChip .choiceChip.addOn ul li{display:none}
	.pdpColorChip .choiceChip.addOn ul li:nth-child(1),.pdpColorChip .choiceChip.addOn ul li:nth-child(2),.pdpColorChip .choiceChip.addOn ul li:nth-child(3),.pdpColorChip .choiceChip.addOn ul li:nth-child(4),.pdpColorChip .choiceChip.addOn ul li:nth-child(5){display:inline-block}
	.pdpColorChip .choiceChip .chipTxt{font-size:13px; text-align:center}
	.pdpColorChip .choiceChip.addOn .chipToggle{display:inline-block}
	.pdpColorChip .chipToggle{width:30px; height:30px; text-align:center; line-height:30px; border:1px solid #000; font-size:15px; position:absolute; right:35px; bottom:0; display:none; border-radius:50%; background:none; cursor:pointer; text-indent:-9999px}
	.pdpColorChip .chipToggle:after{width:65%; height:1px; background:#000; position:absolute; left:20%; top:50%; content:''; display:block}
	.pdpColorChip .chipToggle:before{width:1px; height:60%; background:#000; position:absolute; left:50%; top:20%; content:''; display:block}
	
	.awardWrap{padding:50px 0 25px 0}
	.awardWrap ul{padding:40px 0 0 0}
	
	.innistar{margin-top:50px}
	.innistar.main{margin-top:30px}
	
	.pdpExist{padding:50px 0}
	.pdpExist .position{padding:0 20px}
	.pdpExist .detailsBox .detailsTit{font-size:28px; text-align:left}
	.pdpExist .detailsBox .detailsImg{text-align:left; margin:30px 0 0 0}
	.pdpExist .detailsBox .detailsTit:before{display:none}
	.pdpExist .detailsBox .detailsIntro{margin:30px 0 0 0; font-size:14px}
	.pdpExist .txtBox{padding-top:30px}
	.pdpExist .txtBox dl{margin-bottom:40px}
	.pdpExist .txtBox .txtDl dt{font-size:18px; padding-top:15px}
	.pdpExist .txtBox .txtDl dd{font-size:14px; padding:10px 0 0 0}
	
	.productListWrap{padding-bottom:50px}
}
@media screen and (max-width:350px) {
	.reviewSortWrap .tit{font-size:15px}
}


/* Review Popup */
.layerWrap{position:fixed; z-index:2000; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.60); word-break:break-all; overflow-y:auto; display:none}
.layerPop.fix{top:50px; transform:translate(-50%,0)}
.layerPop.fix > div{margin-bottom:50px}
.reviewPop{width:1200px; position:absolute; left:50%; top:50%; box-sizing:border-box; transform:translate(-50.5%,-50.5%)}
.reviewLayer{position:relative; background:#fff; padding:40px;}
.layerPop .tit{position:relative; padding:0 30px 15px 0; border-bottom:1px solid #222; font-size:18px; color:#222; min-height:25px; line-height:1.4; transform:translate3d(0,-0.012%,0)}
.layerPop .tit .closeBtn{display:inline-block; border:0; text-indent:-9999px; width:20px; height:20px; background:url(../images/renewal/popCloseBtn.png) no-repeat; position:absolute; right:0; top:0; cursor:pointer; background-size:20px 20px}
.reviewPop .con{position:relative; padding:20px 0 0 0; font-size:0}
.reviewPop .reviewImg{position:relative; width:560px; display:inline-block; vertical-align:middle;}
.reviewPop .reviewImg .slick-arrow{width:18px; height:33px; text-indent:-9999px; border:0; cursor:pointer; outline:none; position:absolute; top:50%; margin-top:-16px; z-index:10;}
.reviewPop .reviewImg .slick-arrow.slick-prev{background:url(../images/renewal/arrow_green_r.png) no-repeat; left:20px}
.reviewPop .reviewImg .slick-arrow.slick-next{background:url(../images/renewal/arrow_green_l.png) no-repeat; right:20px;}
.reviewPop .reviewImg .slick-slide{text-align:center; position:relative; height:100%;}
.reviewPop .reviewImg .slick-slide img{display:inline; max-width:100%;}
@media all and (-ms-high-contrast:none)
 {
 *::-ms-backdrop, .reviewPop .reviewImg .slick-slide img { width:100%} /* IE11 */
 }
.reviewPop .reviewImg .slick-slide .video{width:calc(100% - 125px); padding-top:calc(56.25% - 70px); position:relative}
.reviewPop .reviewImg .slick-slide iframe{position:absolute; left:0; top:0; width:100%; height:100%;}

.reviewPop .reviewImg .indicator{position:relative; width:180px; margin:0 auto; margin-top:20px; font-size:0; text-align:center}
.reviewPop .reviewImg .indicator li{width:30px; height:3px; display:inline-block; vertical-align:top; border:0; background:#e5ebea; text-indent:-9999px; margin:0; cursor:pointer}
.reviewPop .reviewImg .indicator li.slick-active{background:#12b560}
.reviewPop .reviewImg .indicator li:first-child:nth-last-child(1), .reviewPop .reviewImg .indicator li:first-child:nth-last-child(1)+li{display:none}
.reviewPop .reviewImg .slick-track{display:flex;}
.reviewPop .reviewImg .slick-track .slick-slide{display: flex; height: auto; align-items: center; justify-content: center; overflow:hidden}
.reviewPop .reviewCon{width:calc(100% - 610px); margin-left:50px; display:inline-block; vertical-align:middle;}
.reviewPop .reviewCon .agi{position:relative; font-size:12px; color:#12b560;}
.reviewPop .reviewCon .tit{position:relative; padding:10px 0 0 0; border:0; font-size:24px; color:#222}
.reviewPop .reviewCon .txt{position:relative; margin-top:20px; padding-right:20px; font-size:14px; line-height:1.5; color:#222; max-height:180px; overflow-y:auto}
.reviewPop .reviewCon .benefits{position:relative; padding:20px 0 10px 65px}
.reviewPop .reviewCon .benefits span{position:relative; font-size:12px; color:#000; position:absolute; left:0; top:28px}
.reviewPop .reviewCon .benefits ul{position:relative; font-size:0;}
.reviewPop .reviewCon .benefits ul li{margin-right:10px; margin-bottom:10px; display:inline-block; vertical-align:top}
.reviewPop .reviewCon .benefits ul li a{display:block; padding:7px 15px; border:1px solid #ccc; font-size:12px; color:#000; border-radius:5px; background:#fff; cursor:text; border:1px solid #799b94; color:#12b560; background:#eff8f4}
.reviewPop .reviewCon .benefits ul li span{display:block; padding:7px 15px; border:1px solid #ccc; font-size:12px; color:#000; border-radius:5px; background:#fff; cursor:text; border:1px solid #799b94; color:#12b560; background:#eff8f4; position:relative; left:auto; top:auto}
.reviewPop .reviewCon .benefits ul li.most a{}
.reviewPop .reviewCon .user{position:relative; margin-top:10px; background:#fafafa; padding:25px; box-sizing:border-box}
.reviewPop .reviewCon .user .name{position:relative; display:inline-block; vertical-align:middle}
.reviewPop .reviewCon .user .name .leaf{position:relative; margin-bottom:10px}
.reviewPop .reviewCon .user .name .leaf img{width:75px}
.reviewPop .reviewCon .user .name p{position:relative; font-size:14px; color:#222}
.reviewPop .reviewCon .user .name p .date{font-weight:normal; font-size:12px; padding-left:10px; margin-left:10px; display:inline-block; vertical-align:middle; position:relative}
.reviewPop .reviewCon .user .name p .date:after{width:1px; height:10px; content:''; background:#ccc; position:absolute; left:0; top:50%; margin-top:-5px;}
.reviewPop .reviewCon .user .opt{display:inline-block; vertical-align:middle; margin-left:50px;}
.reviewPop .reviewCon .user .opt p{margin-bottom:5px; color:#999; font-size:12px}
.reviewPop .reviewCon .user .opt p .country{color:#12b560}
.reviewPop .reviewCon .user .opt p:nth-last-child(1){margin-bottom:0}
.reviewPop .reviewCon .helpful{position:relative; padding:20px 0 0 0;}
.reviewPop .reviewCon .helpful span{font-size:12px; color:#000; margin-right:20px; vertical-align:middle}
.reviewPop .reviewCon .helpful button{display:inline-block; padding-left:20px; color:#999; font-size:12px; height:15px; line-height:15px; border:0; cursor:pointer; margin-right:15px; outline:none; vertical-align:middle; background-size:14px auto !important}
.reviewPop .reviewCon .helpful span.btn{font-size:0; margin-right:0; position:absolute; right:0; top:16px}
.reviewPop .reviewCon .helpful span.btn a{display:inline-block; border:1px solid #aaa; color:#222; font-size:11px; border-radius:2px; min-width:40px; padding:0 10px; height:20px; line-height:20px; text-align:center; margin-right:3px;}
.reviewPop .reviewCon .helpful span.btn a:hover{background:#aaa; color:#fff}
.reviewPop .reviewCon .helpful button.on{color:#12b560}
.reviewPop .reviewCon .helpful button.up{background:url(../images/renewal/up_icon.png) left center no-repeat}
.reviewPop .reviewCon .helpful button.down{background:url(../images/renewal/down_icon.png) left -3px no-repeat; margin-right:0}
.reviewPop .reviewCon .helpful button.up.on{background:url(../images/renewal/up_icon_on.png) left center no-repeat}
.reviewPop .reviewCon .helpful button.down.on{background:url(../images/renewal/down_icon_on.png) left -2px no-repeat}
.layerWrap.notImg .reviewPop{width:600px}
.layerWrap.notImg .reviewPop .reviewCon{width:100%; margin-left:auto; padding-top:0; margin-top:0}
.layerWrap .reviewBtn{position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%;}
.layerWrap .reviewBtn a{display:inline-block; text-indent:-9999px; width:18px; height:33px; padding:0; background:none}
.layerWrap .reviewBtn .reviewPrev{position:absolute; left:-60px; top:0; background:url(../images/renewal/arrow_green_r_w.png) no-repeat}
.layerWrap .reviewBtn .reviewNext{position:absolute; right:-60px; top:0; background:url(../images/renewal/arrow_green_l_w.png) no-repeat}

.appLayer{position:fixed; width:100%; height:100%; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.60); word-break:break-all; z-index:1000}
.appLayer.scroll{overflow:auto}
.appLayer.scroll .appImgP{position:absolute; top:50px; transform:translate(-50%,0); margin-bottom:50px}
.appImgP{position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1010; max-width:calc(100% - 40px); width:calc(100% - 40px); text-align:center;}
.appImgP .appImg{display:inline; max-width:100%;}
.appImgP span{position:relative; display:inline-block}
.appImgP span:before{content:''; display:inline-block; width:30px; height:1px; background:#fff; transform:rotate(-45deg); top:-25px; right:0; position:absolute}
.appImgP span:after{content:''; display:inline-block; width:30px; height:1px; background:#fff; transform:rotate(45deg); top:-25px; right:0; position:absolute}
.appLayer p{position:relative; text-align:center; padding:15px 0 0 0; font-size:15px; color:#fff;}
.appLayer p i{opacity:0.2; font-style:normal; font-weight:normal}
.appLayer p i.active{opacity:1; font-style:normal}
.appLayer p em{opacity:0.2; margin:0 4px}

.popAndPop .popWrap{z-index:1100; position:fixed; height:100%; top:0 !important}
.popAndPop .popWrap .popBody{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%;}
.popAndPop .modalScreen{display:none !important}
.popAndPop .layerWrap .layerPop{display:none !important}


@media screen and (max-width:1400px) {
	.reviewPop{width:calc(100% - 120px) !important}
	.reviewPop .reviewImg{width:35%;}
	.reviewPop .reviewCon{width:calc(65% - 50px);}
	.reviewPop .reviewCon .user .opt{display:block; margin-left:0; margin-top:15px}
	
	.layerWrap.notImg .reviewPop{max-width:600px}	
	.layerWrap .reviewBtn .reviewPrev{left:-40px}
	.layerWrap .reviewBtn .reviewNext{right:-40px}
}

@media screen and (max-width:1279px) {
	.reviewPop .reviewImg{width:auto; display:block;}
	.reviewPop .reviewCon{width:auto; display:block; margin-left:0; margin-top:50px}
}

@media screen and (max-width:768px) {
	.reviewLayer{padding:20px}
	.reviewPop{width:calc(100% - 50px) !important}
	.reviewPop .tit .closeBtn{right:-10px; top:-10px; z-index:1000; width:40px; height:40px; background-position:center center}
	.reviewPop .reviewImg{overflow:hidden}
	.reviewPop .reviewImg .reviewImgSlider {left:-1px}
	.reviewPop .reviewImg .reviewImgSlider:after{content:''; width:1px; height:100%; background:#fff; position:absolute; right:0; top:0}
	.reviewPop .reviewImg .slick-slide img{width:calc(100% - 1px)}
	.reviewPop .reviewCon{margin-top:0; padding:30px 0}
	.reviewPop .reviewCon .tit{padding:10px 0 0 0; font-size:22px}
	.reviewPop .reviewCon .txt{font-size:13px; max-height:none}
	.reviewPop .reviewCon .benefits ul li{margin-right:5px; margin-bottom:5px}
	.reviewPop .reviewCon .helpful span.btn{position:relative; top:auto; right:auto; display:block; padding:0 0 15px 0}
	.reviewPop .reviewImg .slick-arrow{display:none !important}
	.reviewPop .reviewImg .slick-slide .video{width:100%; padding-top:56.25%}
	.layerWrap.mobile .reviewPop .reviewImg .slick-slide .video:after{content:""; background:transparent; width:100%; height:100%; min-height:1px; position:absolute; top:0; left:0;}
	.layerWrap.mobile .reviewPop .reviewImg .slick-slide .video.notOverlay:after{display:none;}
	.reviewPop .reviewImg .slick-slide .video span{background:transparent; width:100%; height:100%; min-height:1px; position:absolute; top:0; left:0; display:block; z-index:1000}
	
	.layerPop .tit{min-height:20px}
	.layerWrap .reviewBtn a{display:none}
}

@media screen and (max-width:360px){
	.reviewPop .reviewCon .helpful span{font-size:11px; margin-right:10px}
	body.language_L013 .reviewPop .reviewCon .helpful span{display:block; padding-bottom:5px}
	.reviewPop .reviewCon .helpful button{margin-right:10px; font-size:11px; padding-left:18px}
}

/* SNS Grid */
.innistar{position:relative; max-width:1420px; margin:0 auto; margin-top:120px}
.innistarAttr{position:relative; margin:20px 0 0 0}

@media screen and (max-width:1640px) {
	.innistar{padding:0 110px;}	
}

@media screen and (max-width:1000px) {
	.innistar{padding:0 20px;}
}


/* Intro */
.moBr{display:none}
.inniIntro{width:100%; height:100%; position:absolute; left:0; top:50%; right:0; bottom:0; transform:translateY(-50%); background:#fff; z-index:9999; overflow:hidden; display:none}
.introVisual{width:calc(100% - 400px); height:calc(100% - 180px); position:absolute; left:70px; top:90px; overflow:hidden; cursor:none; z-index:10}
.introVisual:before{position:fixed; width:calc(100% - 400px); height:calc(100% - 182px); left:70px; top:89px; background:none; content:''; display:block; z-index:10; border-top:2px solid #fff; border-bottom:2px solid #fff;}

.introVisual .introImg{width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover}
.introVisual .introImg.mo{display:none}
.introVisual video{width:auto; height:auto; min-width:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) translate3d(0,0,1px); object-fit:cover; z-index:5;}
.introVisual video:after{display:none; animation:none}
.introVisual .badge{position: absolute; width:120px;height:120px;background:url(../images/renewal/badge.svg) center center no-repeat; display:none; opacity:0.7; z-index:250}
.introVisual .badge.on{display:block}
.introVisual .badge:after{display:none; animation:none}
.inniIntro h1{position:absolute; right:0px; top:90px; height:calc(100% - 360px); width:300px; z-index:100; opacity:0;}
.inniIntro h1:after{display:none}
.inniIntro h1 img{height:100%; max-height:656px; position:relative; display:block}
.inniIntro h2{width:calc(100% - 400px); font-size:18px; font-weight:400; color:#1e1e1e; position:absolute; left:70px; top:40px; text-align:center}
.inniIntro p.date{font-size:15px; color:#1e1e1e; position:absolute; left:70px; top:40px}
.inniIntro p.vol{font-size:15px; color:#1e1e1e; position:absolute; top:40px; left:70px; width:calc(100% - 400px); text-align:right; background:none}
.inniIntro .introLink{width:150px; position:absolute; right:150px; bottom:90px; text-align:left; z-index:100}
.inniIntro .introLink li{position:relative; margin-bottom:15px}
.inniIntro .introLink li:after{display:none}
.inniIntro .introLink li:nth-last-child(1){margin-bottom:0}
.inniIntro .introLink li a{color:#000; position:relative; font-size:14px;}
.inniIntro .introLink li a:after{width:0; height:1px; background:#12b560; position:absolute; left:50%; bottom:0; transform:translateX(-50%); transition:0.2s; content:'';}
.inniIntro .introLink li a:hover{color:#12b560}
.inniIntro .introLink li a:hover:after{width:100%;}
.inniIntro .introLink li.on a{color:#12b560;}
.inniIntro .introLink li.on a:after{width:100%; height:1px; background:#12b560; position:absolute; left:50%; bottom:0; top:auto; transform:translateX(-50%); transition:0.2s; content:''; animation:none}
.inniIntro .introQR{width:142px; height:142px; position:absolute; left:70px; bottom:20px; z-index:15;}
.inniIntro .introQR img{max-width:100%;}

/* Intro Action */
.slideAction:after{width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; z-index:50; content:''; display:block; transform:translate3d(0,0,1px)}
.downAction{opacity:0}
.leftAction{opacity:0}
.qrAction:after{width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; z-index:50; content:''; display:block}

.action .slideAction:after{animation:introSlide 0.5s ease-in-out; animation-delay:0s; animation-fill-mode:forwards}
.action .downAction{animation:introDown 0.5s ease-in-out; animation-delay:0.5s; animation-fill-mode:forwards;}
.action .leftAction{animation:introLeft 0.5s ease-in-out; animation-delay:0.8s; animation-fill-mode:forwards}
.action .qrAction:after{animation:introQr 0.5s ease-in-out; animation-delay:0.8s; animation-fill-mode:forwards}

.inniIntro:after{content:''; display:block; width:0; height:100%; position:absolute; right:0; top:0; background:#fff; z-index:200; transition:0.5s ease-in-out}
.inniIntro.close{width:0; transition:0.5s ease-in-out; transition-delay:2.5s;}

.closeLogo{content:''; width:171px; height:32px; background:url('../images/renewal/header_logo.svg') no-repeat; display:block; position:fixed; left:50%; top:50%; transform:translate(-30%,-50%) translate3d(0,0,1px); opacity:0; z-index:205; background-size:171px 32px; z-index:250;}
.inniIntro.close .closeLogo{animation:introLogoOut 1.5s ease-in-out; animation-delay:1s; animation-fill-mode:forwards;}

.inniIntro .closeAction{position:absolute; right:0; top:0; width:0; height:100%; background:#fff; z-index:200; transform:translate3d(0,0,1px)}
.inniIntro.close .closeAction{animation:introSlideOut 0.5s ease-in-out; animation-delay:0.5s; animation-fill-mode:forwards}
.action.close .leftAction{animation:introLeftOut 0.3s ease-in-out; animation-delay:0s; animation-fill-mode:both}
.action.close .downAction{animation:introDownOut 0.3s ease-in-out; animation-delay:0s; animation-fill-mode:forwards}
.action.close .qrAction{animation:introQrOut 0.3s ease-in-out; animation-delay:0s; animation-fill-mode:forwards}

.mainAction .headerPosition{animation:mainDown 0.6s ease-in-out; animation-delay:0s; animation-fill-mode:both}
.mainAction .mvWrap .slide-con *{animation:mainUp 0.6s ease-in-out; animation-delay:0s; animation-fill-mode:forwards}
.mainAction .mvWrap .progress{animation:mainUp 0.6s ease-in-out; animation-delay:0s; animation-fill-mode:both}
.actionReady .headerPosition{opacity:0; transform:translateY(-80px)}
.actionReady .mvWrap .slide-con *{opacity:0; transform:translateY(80px)}
.actionReady .mvWrap .progress{opacity:0; transform:translateY(80px)}

@-webkit-keyframes mainDown {
	0%{transform:translateY(-80px); opacity:0}
	100% {transform:translateY(0); opacity:1}
}
@keyframes mainDown {
	0%{transform:translateY(-80px); opacity:0}
	100% {transform:translateY(0); opacity:1}
}

@-webkit-keyframes mainUp {
	0%{transform:translateY(80px); opacity:0}
	100% {transform:translateY(0); opacity:1}
}
@keyframes mainUp {
	0%{transform:translateY(80px); opacity:0}
	100% {transform:translateY(0); opacity:1}
}


@-webkit-keyframes introLeft {
	0%{transform:translateX(50px); opacity:0}
	100% {transform:translateX(0); opacity:1}
}
@keyframes introLeft {
	0%{transform:translateX(50px); opacity:0}
	100% {transform:translateX(0); opacity:1}
}

@-webkit-keyframes introLeftOut {
	0% {opacity:1}
	100%{opacity:0}
}
@keyframes introLeftOut {
	0% {opacity:1}
	100%{opacity:0}
}

@-webkit-keyframes introQr {
	0%{width:100%}
	100% {width:0}
}
@keyframes introQr {
	0%{width:100%}
	100% {width:0}
}

@-webkit-keyframes introQrOut {
	0%{opacity:1}
	100% {opacity:0}
}
@keyframes introQrOut {
	0%{opacity:1}
	100% {opacity:0}
}

@-webkit-keyframes introDown {
	0%{transform:translateY(-50px); opacity:0}
	100% {transform:translateY(0); opacity:1}
}
@keyframes introDown {
	0%{transform:translateY(-50px); opacity:0}
	100% {transform:translateY(0); opacity:1}
}

@-webkit-keyframes introDownOut {
	0%{opacity:1}
	100% {opacity:0}
}
@keyframes introDownOut {
	0%{opacity:1}
	100% {opacity:0}
}

@-webkit-keyframes introSlide {
	100% {width:0}
}
@keyframes introSlide {
	100% {width:0}
}

@-webkit-keyframes introSlideOut {
	100% {width:100%}
}
@keyframes introSlideOut {
	100% {width:100%}
}

@-webkit-keyframes introLogoOut {
	50% {transform:translate(-50%,-50%) translate3d(0,0,1px); opacity:1}
	100% {transform:translate(-80%,-50%) translate3d(0,0,1px); opacity:0}
}
@keyframes introLogoOut {
	50% {transform:translate(-50%,-50%) translate3d(0,0,1px); opacity:1}
	100% {transform:translate(-80%,-50%) translate3d(0,0,1px); opacity:0}
}

@media screen and (max-width:1280px) {
	.introVisual{width:calc(100% - 250px)}
	.inniIntro h1{width:200px; top:85px}
	.inniIntro h2{width:calc(100% - 250px)}
	.inniIntro p.vol{width:calc(100% - 250px)}
	.inniIntro .introLink{text-align:right; right:135px; bottom:100px}
}

@media screen and (max-width:980px) {
	.moBr{display:inline}
	.introVisual{left:0; top:65px; width:calc(100% - 65px); height:calc(100% - 130px)}
	.introVisual .backGround{display:none}
	.introVisual .badge{display:none !important}
	.inniIntro h1{width:80px; top:60px; height:45%}
	.inniIntro h2{font-size:15px; width:auto; left:90px; top:auto; bottom:25px}
	.introVisual .introImg{display:none}
	.introVisual .introImg.mo{display:block !important; z-index:-2}
	.introVisual video{z-index:-1}
	.introVisual video.mVideo{width:100%; height:100%; min-width:auto; min-height:auto; transform:none; left:0; top:0}
	.inniIntro p.date{left:20px; top:23px; font-size:14px;}
	.inniIntro p.vol{width:auto; font-size:14px; left:auto; right:20px; top:23px}
	.inniIntro .introLink{right:25px; bottom:75px}
	.inniIntro .introLink li{margin-bottom:12px}
	.inniIntro .introQR{width:80px; height:auto; left:0; bottom:0; z-index:100; display:none}
	.inniIntro h2{left:25px}
	
	.inniIntro .introVisual:before{left:0; top:64px; width:calc(100% - 65px); height:calc(100% - 132px);}
}

@media screen and (max-width:768px) {
	.mainAction .mvWrap .progress{animation:none !important; opacity:1 !important; transform:rotate(90deg) !important}
	.actionReady .mvWrap .slide-con .tag{animation:none !important; opacity:1 !important; transform:rotate(90deg) !important}
}

@media all and (-ms-high-contrast:none){.introVisual .introImg.mo{height:auto} .introVisual:before{display:none}}
@media all and (orientation:landscape){
	.introVisual .introImg{display:block}
	.introVisual .introImg.mo{display:none}
}​

/* User , Register */
.logintypeCon{position:relative; padding-bottom:10px}
.logintypeCon select{width:100%; height:40px; font-size:13px; color:#666; border:none; border-bottom:1px solid #aaa; color:#999}
.popWirteForm .formArea .confirmMsgL.sign{padding-top:30px; padding-bottom:20px; text-align:center}
.storeWrap, .newsWrap, .offersWrap, .newsDetail{padding-bottom:50px}

/* Contact */
.globalCs{padding-bottom:100px}
.customerContent *{font-weight:normal !important}
.globalCs{position:relative; margin-top:40px; padding-top:40px; border-top:1px solid #e8e8e8}
.globalCs ul{position:relative; overflow:hidden; font-size:0}
.globalCs ul li{display:inline-block; vertical-align:top; width:50%; position:relative; padding-left:200px; box-sizing:border-box; margin-bottom:20px}
.globalCs ul li em{position:absolute; left:0; top:0; color:#222; font-size:14px; font-weight:bold}
.globalCs ul li em br{display:none}
.globalCs ul li:nth-child(2n){padding-left:170px}
.globalCs ul li p{position:relative; color:#666; font-size:12px}
.globalCs ul li p a{color:#12b560; border-bottom:1px solid #d4dad9}
.globalCs ul li p.tail{color:#666; padding:10px 0 0 0}

@media screen and (max-width:768px) {
	.globalCs{padding-bottom:40px}
	.globalCs{padding-top:30px; margin-top:30px}
	.globalCs ul li{display:block; width:auto; padding-left:0 !important;}
	.globalCs ul li em{display:inline-block; width:110px; position:relative; vertical-align:top}
	.globalCs ul li em br{display:inline}
	.globalCs ul li p{display:inline-block; vertical-align:top}
	.globalCs ul li p.tail{padding:10px 0 0 110px}
	
	.storeWrap, .newsWrap, .offersWrap, .newsDetail{padding-bottom:30px}
}

@media screen and (max-width:400px) {
	.memberWrap .loginBox .section .forgot{position:relative; right:auto; top:auto; padding:10px 0 0 0}
}

/* Tab */
.pageTitle .tabType ul li.on a{color:#12b560; border-color:#12b560}
.brandSubTab ul li.on a{color:#12b560; /* border-bottom:2px solid #12b560 */}
.storeTab{position:relative; font-size:0}
.storeTab li{position:relative; display:inline-block; vertical-align:top; padding:0 !important}
.storeTab li a{display:block; width:200px; height:40px; line-height:40px; color:#fff; font-size:17px; background:#ccc; text-align:center; overflow:hidden}
.storeTab li.on a{background:#0b352a}
.storeTab li:nth-child(1) a{border-radius:3px 0 0 0}
.sotreTab li:nth-child(2) a{border-radius:0 3px 0 0}

/* Include form */
#content .location{margin-top:20px}
.prdDropInfo{position:relative; padding:50px 0 0 0}
.prdDropInfo h3{font-size:42px; color:#222; font-weight:normal}
.prdMenu{display:none}
.productListWrap .productLNB .concerns h3{display:none}
.productListWrap .productLNB .concerns .list{margin-top:0}
.productListWrap .productLNB .concerns .list > li:nth-child(1){margin-top:0}

@media screen and (max-width:768px) {
	.prdDropInfo{padding:0}
	.prdDropInfo > h3{display:none}
	
	.brandSubList ul li a{padding:11px 17px 0}
	
	.language_L001 .m_listType2 .caption, .language_L002 .m_listType2 .caption{border-bottom:0}
	.storeTab{border-bottom:1px solid #aaa}
	.storeTab li{border:0 !important}
	.brandSubTab ul li.on a{border-bottom:2px solid #12b560}
}

@media screen and (max-width:640px) {
	.prdDropInfo{margin-top:30px}
	.prdDropInfo .prdMenu{display:block; position:relative; height:55px; padding:0 20px; z-index:100; overflow:hidden; margin:0 -2.5%}
	.prdDropInfo .prdMenu h3{display:block; text-align:center; font-size:20px; height:55px; line-height:55px; cursor:pointer}
	.prdDropInfo .prdMenu h3:after{content:''; display:inline-block; vertical-align:middle; background:url(../images/renewal/icon_select_off.png) no-repeat; width:12px; height:7px; margin-left:10px}
	.prdDropInfo .prdMenu.open h3:after{background:url(../images/renewal/icon_select_on.png) no-repeat; position:relative; top:-2px}
	.prdMenu.open{overflow:visible}
	.prdMenu .menu{position:absolute; left:0; top:55px; width:100%; text-align:center; display:block; background:#fff; border-bottom:1px solid #ccc; padding:15px 0}
	.prdMenu .menu dd{position:relative; z-index:10}
	.prdMenu .menu dd a{position:relative; display:block; text-align:left; font-size:14px; color:#666; font-weight:normal; padding:10px 15px}
	
	.productVisual + #content .prdDropInfo{margin-top:0} 
}

@media screen and (max-width:500px) {
	.storeTab li{width:50%;}
	.storeTab li a{width:auto; font-size:15px; height:35px; line-height:35px}
}

/* Cookie Pop */
.pop_canada{box-shadow:none; background:#094438;}
.pop_canada .container{max-width:1420px;}
.pop_canada .container .padding{padding:20px 20px; text-align:center}
.pop_canada p{float:none; display:inline-block; vertical-align:middle; color:#fff; font-size:12px; line-height:1.5}
.pop_canada p a{color:#99b3af; margin-left:5px}
.pop_canada .btn_wrap{display:inline-block; vertical-align:middle; margin-left:20px}
.pop_canada .btn_acc{font-size:12px; color:#fff; border-radius:20px; border:1px solid #fff; float:none; margin:0}
.pop_canada .img_x{position:relative; top:auto; right:auto; margin-left:10px}

@media screen and (max-width:1000px) {
	.pop_canada .btn_wrap{display:block; margin-left:0; margin-top:15px;}
}

/* Leaf */
.productListWrap .productListArea .productList ul li .reviewPoint img{height:auto; width:75px}
.reviewWriteWrap .reviewWrite_form .section1 .dl dd .point .pointLeaf img{height:30px; margin-right:15px}
.reviewList .unit .writerArea .reviewPoint img{height:auto; width:75px}

/* Bold Remove */
.brandSubList ul li a, .dropMenu .cateTitle>a, .ingredWrap *, .pageTitle .tabType ul li a, .pageTitle h2, .brandConceptWrap *, .brandPromiseWrap *, .brandJejuWrap *, .brandHistoryWrap *, .brandInnirangWrap *, .brandEcoWrap *, .brandRecyclingWrap *, #gfcWrap *, .brandwwsfWrap *, .brandwhatwedoWrap *, .brandOpportunityWrap *, .storeWrap *, .listType1 table .th, .listType1 .total strong, .newsDetail .newsTitle, .offersWrap .offersList ul li .aboutOffer .t, .productListWrap .productLNB .concerns .list li a, .productListWrap .productLNB .filterBy .title h3 a, .productListWrap .productLNB .filterBy h4, .storeMap .storeSearch h2, .dropMenu.on .subCate a, .productListWrap .productLNB *, .productListWrap .productListArea .productList ul li .price, .productListWrap .productListArea .resultSort .resultNum strong, .popWrap *, .productVisual h2, .memberWrap .memberTitle h2, .memberWrap .loginBox *, .m_listType1 ul li .category, .productListWrap .productListArea .productList ul li .reviewPoint span, .bestSellerTab ul li a, .bestSellerListWrap .bestSellerList ul li .price, .mypageContent .mypageMenuList ul li a, .mypageContent *{font-weight:normal !important}

/* Tab */
.brandSubList{position:relative; text-align:center; overflow-y:hidden; overflow-x:auto}
.brandSubList > ul{display:inline-block;}

/* Loading */
.loadingBar{position:fixed;left:0;top:0; z-index:10000; width:100%; height:100%; opacity:0; background:rgba(251,251,251,.9); transition-duration:.3s;}
.loadingBar .bg{position:absolute; left:50%; top:50%; width:100px; height:100px; opacity:0; background: url('../images/renewal/loading.gif') no-repeat center center; -webkit-transform:translate(-50%,-33%);transform:translate(-50%,-33%); transition-duration:.3s;}
.loadingBar.on{opacity:1;}
.loadingBar.on .bg{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

/* PDL */
.productListWrap .productListArea .resultSort .sort{display:none}
.bestSellerTit{position:relative; font-size:42px; color:#222; padding:55px 0 0 0; text-align:center; font-weight:normal}
@media screen and (max-width:768px) {
	.bestSellerTit{font-size:20px}
}

@media screen and (max-width:640px) {
	.productListWrap .productLNB .filterBy{width:100%}
	.productListWrap .productLNB .filterBy .title h3{margin-right:0}
	.productListWrap .productLNB .filterBy .filterList{width:100%}
}

/* Store */
.storeWrap{max-width:1420px; padding:0 20px 50px 20px}
.storeTit{font-size:18px; color:#222; margin:0 0 20px 0}
.storeMap .storeTit{display:none}
.listType1 .caption{margin:0 0 15px 0}
.m_listType2 .caption{padding:0 0 10px 0}
.listType1 table .td.left{text-align:left}

.storeOnline{max-width:1420px; position:relative; padding:40px 20px 25px 20px; margin:0 auto}
.storeOnline ul{position:relative; overflow:hidden; font-size:0}
.storeOnline ul li{display:inline-block; vertical-align:top; margin-right:30px; margin-bottom:10px}
.storeOnline ul li:nth-last-child(1){margin-right:0}
.storeOnline ul li img{max-width:100px}
.storeOnline ul li a p{font-size:13px; position:relative; padding:5px 0 0 0; font-weight:bold; color:#222; text-align:center}

@media screen and (max-width:768px) {
	.storeMap .storeTit{display:block; padding:20px 2.25% 0 2.25%}
	.m_listType2 .storeTit{display:none}
	.storeWrap{padding:0 2.25% 50px 2.25%}
	.storeOnline{padding:20px 2.25% 20px 2.25%; border-bottom:10px solid #f1f1f1}
	.storeOnline ul li{margin-right:20px}
}

/* User */
.mypageContent{padding-bottom:50px}

/* Font 임시 */
.fontStyle_EN, .fontStyle_HK, .fontStyle_HK2, .fontStyle_JP, .fontStyle_TW, .fontStyle_TH, .fontStyle_VN, .storeWrap.zhFont .listType1 table .td.title *{font-family:'Noto Sans', 'Noto Sans HK', 'Noto Sans TC', 'Noto Sans TH', Arial, sans-serif !important}
.offerEventDetailTop .hk *{font-family:'Noto Sans', 'Noto Sans HK', 'Noto Sans TC', 'Noto Sans TH', Arial, sans-serif !important} /*홍콩*/
.offerEventDetailTop .tw *{font-family:'Noto Sans', 'Noto Sans HK', 'Noto Sans TC', 'Noto Sans TH', Arial, sans-serif !important} 
.offerEventDetailTop .th *{font-family:'Noto Sans TH', 'Noto Sans', 'Noto Sans HK', 'Noto Sans TC', Tahoma, Arial, sans-serif !important} /*태국*/
.offerEventDetailTop .vn *{font-family:'Noto Sans', 'Noto Sans HK', 'Noto Sans TC', 'Noto Sans TH', Arial, sans-serif !important} /*베트남*/
.offerEventDetailTop .en {font-family:'Noto Sans', 'Noto Sans HK', 'Noto Sans TC', 'Noto Sans TH', Arial, sans-serif !important} /*영문*/


/* 제품상세 외부몰 추가작업 */
.pdpLinkBtn{position:relative; padding:20px 0 0 0; pointer-events:all;}
.pdpLinkBtn button{cursor:pointer; color:#fff; line-height:1; padding:15px 10px; font-size:15px; background:#222; border:0; min-width:250px}
.pdpLinkBtn button:hover{background:#12b560}
.pdpLinkPop{position:fixed; right:0; top:90px; width:100%; height:calc(100% - 90px); z-index:999; overflow-y:auto; pointer-events:all; background:rgba(0,0,0,0.60); display:none}
.pdpLinkPop .pdpLinkBox{width:500px; height:100%; background:#f9f9f9; position:absolute; right:0; top:0}
.pdpLinkPop .pdpLinkThum{position:relative; z-index:1000; min-height:420px; padding:0 0 30px 0; background:#f9f9f9}
.pdpLinkPop .pdpLinkThum .pdpThum{position:relative; padding:50px 90px 0 90px}
.pdpLinkPop .pdpLinkThum .pdpTxt{position:relative; line-height:1.4; font-size:16px; color:#000; padding:20px 20px 0 20px; text-align:center}
.pdpLinkPop .pdpLinkShop{position:relative; background:#f9f9f9; border-top:6px solid #dddddd; z-index:1000; padding:40px 20px 40px 20px}
.pdpLinkPop .pdpLinkShop .tit{position:relative; text-align:center;}
.pdpLinkPop .pdpLinkShop .tit span{font-size:25px; font-weight:bold; color:#000; display:inline-block; position:relative; padding-bottom:7px}
.pdpLinkPop .pdpLinkShop .tit span:after{width:100%; height:2px; background:#000; position:absolute; left:0; bottom:0; content:''; display:block}
.pdpLinkPop .pdpLinkShop .pdpLinkList{position:relative; padding:20px 0 0 0; max-width:360px; margin:0 auto}
.pdpLinkPop .pdpLinkShop .pdpLinkList li{position:relative; padding:20px 0; border-bottom:1px solid #ddd; text-align:right}
.pdpLinkPop .pdpLinkShop .pdpLinkList li:nth-last-child(1){border-bottom:0}
.pdpLinkPop .pdpLinkShop .pdpLinkList li .logo{max-width:120px; position:absolute; left:20px; top:50%; transform:translateY(-50%)}
.pdpLinkPop .pdpLinkShop .pdpLinkList li a{display:inline-block; color:#fff; font-size:15px; background:#222; padding:10px 10px; min-width:100px; text-align:center; vertical-align:top}
.pdpLinkPop .pdpLinkShop .pdpLinkList li a:hover{background:#12b560}
.pdpLinkPop .closeBtn{display:inline-block; border:0; width:35px; height:35px; position:absolute; left:30px; top:30px;; z-index:10; font-size:0; z-index:1100; cursor:pointer; background:none; outline:none}
.pdpLinkPop .closeBtn:after, .pdpLinkPop .closeBtn:before{content:''; display:inline-block; background:#222; width:35px; height:2px; position:absolute; left:0%; top:50%; transform:translate(-50%,-50%);}
.pdpLinkPop .closeBtn:after{margin-top:-4px; transform:rotate(45deg); top:50%; margin-top:-2px}
.pdpLinkPop .closeBtn:before{margin-top:4px; transform:rotate(-45deg); margin-top:-2px; top:50%}

@media screen and (max-width:1279px) {
	.pdpLinkPop{top:50px; height:calc(100% - 50px);}
}

@media screen and (max-width:768px) {
	.pdpLinkBtn button{min-width:200px; font-size:14px}
	
	.pdpLinkPop{top:0; bottom:0; height:100vh; z-index:1001}
	.pdpLinkPop .pdpLinkBox{width:100%; height:95%; top:auto; bottom:0; position:fixed; overflow-y:auto}
	
	.pdpLinkPop .closeBtn{left:auto; right:20px; top:20px;}
	.pdpLinkPop .pdpLinkThum{min-height:auto}
	.pdpLinkPop .pdpLinkThum .pdpTxt{font-size:15px}
	.pdpLinkPop .pdpLinkThum .pdpThum{padding:50px 70px 0 70px}
	.pdpLinkPop .pdpLinkShop .tit span{font-size:20px}
	.pdpLinkPop .pdpLinkShop .pdpLinkList li{padding:15px 0}
	.pdpLinkPop .pdpLinkShop .pdpLinkList li a{font-size:14px}
	.pdpLinkPop .pdpLinkShop .pdpLinkList li .logo{left:0;}
	.pdpLinkPop .pdpLinkShop{padding:30px 20px 30px 20px}
}

/* 210127 AU Reward */
.rewardsWrap2019.au .memGuide table tbody th{font-weight:bold !important}
.rewardsWrap2019.au .memGuide table thead th{background:#f8f8f8}
.rewardsWrap2019.au .memGuide table thead th:nth-child(1){background:none}
.rewardsWrap2019.au .memGuide table th:first-child, .rewardsWrap2019.au .memGuide table td:first-child{border:1px solid #e5e5e5}
.rewardsWrap2019.au .memGuide table th, .rewardsWrap2019.au .memGuide table td{border:1px solid #e5e5e5}
.rewardsWrap2019.au strong{font-weight:bold !important}
.rewardsWrap2019.au strong .big{font-weight:bold !important}
.rewardsWrap2019.au .big{font-size:18px;}

.rewardsWrap2019.au .td_ico{background-position:center center !important; background-repeat:no-repeat !important}
.rewardsWrap2019.au .td_ico.ico1{background:url('../images/customer/memGuide_ico01_m_au.png'); height:71px}
.rewardsWrap2019.au .td_ico.ico2{background:url('../images/customer/memGuide_ico02_m_au.png'); height:76px}
.rewardsWrap2019.au .td_ico.ico3{background:url('../images/customer/memGuide_ico03_m_au.png'); height:89px}
.rewardsWrap2019.au .td_ico.ico4{background:url('../images/customer/memGuide_ico04_m_au.png'); height:89px}
.rewardsWrap2019.au .td_ico.ico5{background:url('../images/customer/memGuide_ico05_m_au.png'); height:89px}
.rewardsWrap2019.au .td_ico.ico6{background:url('../images/customer/memGuide_ico06_m_au.png'); height:89px}

.rewardsWrap2019.au .memGuide_terms .inner{max-width:960px}
.rewardsWrap2019.au .memGuide table tbody td{color:#555}
.rewardsWrap2019.au .memGuide table tbody td.color3{color:#333}
.rewardsWrap2019.au .memGuide_terms p{padding-left:0; background:none; color:#777; font-size:14px; line-height:1.4; margin-bottom:20px}
.rewardsWrap2019.au .memGuide_terms dl{position:relative; margin-bottom:25px; font-size:14px}
.rewardsWrap2019.au .memGuide_terms dl:nth-last-child(1){margin-bottom:0}
.rewardsWrap2019.au .memGuide_terms dt{font-weight:bold !important; position:relative; padding-bottom:10px; color:#333;}
.rewardsWrap2019.au .memGuide_terms dd{position:relative; line-height:1.4; margin-bottom:2px; color:#777;}

.rewardsWrap2019.au .memGuideM .td_content ul li .topBox{font-weight:bold !important}
.rewardsWrap2019.au .memGuideM .td_content ul li .middleBox dl dd{color:#555}

.rewardsWrap2019.au .memGuideM .th_content ul li{background:none}

@media screen and (max-width:768px) {
	.rewardsWrap2019.au .memGuide_terms .inner{padding:0}
	.rewardsWrap2019.au .memGuide_terms p{font-size:13px}
	.rewardsWrap2019.au .memGuide_terms dl{font-size:13px}
}

/* Brand Promise */
.promise_wrap{position:relative; max-width:1000px; margin:0 auto; margin-top:50px}
.promise_wrap .promise_box:nth-last-child(1){margin-bottom:0}
.promise_box{position:relative; margin-bottom:80px; font-size:0}
.promise_box .promise{position:relative; margin-bottom:40px; font-size:0}
.promise_box .promise:nth-last-child(1){margin-bottom:0}
.promise_box .txt{text-align:left; display:inline-block; vertical-align:middle; width:300px;}
.promise_box .thumb{display:inline-block; vertical-align:middle; margin-left:30px; width:670px;}
.promise_box .video{display:inline-block; vertical-align:middle; margin-right:30px; width:670px;}
.promise_box .video > div{position:relative; height:0; padding-top:56.25%}
.promise_box .video > div iframe{position:absolute; left:0; top:0; width:100%; height:100%}
.promise_box .side:after{clear:both; display:block; content:'';}
.promise_box .side .txt{position:absolute; left:0; top:50%; transform:translateY(-50%);}
.promise_box .side .thumb{float:right}
.promise_box .txt .tit{font-size:34px; line-height:1.2; letter-spacing:-1px; color:#184037}
.promise_box .txt .tit.black{color:#222}
.promise_box .txt .tit em{font-weight:bold !important}
.promise_box .txt .tail{position:relative; padding:10px 0 0 0; line-height:1.4;}
.promise_box .txt .tail p{position:relative; color:#777777; font-size:17px; margin-bottom:5px; letter-spacing:-1px}
.promise_box .txt .tail p:nth-last-child(1){margin-bottom:0}
.promise_box .txt .dl{position:relative; padding-left:30px}
.promise_box .txt .dl:after{content:''; display:block; width:5px; height:100%; background:#2dff00; position:absolute; left:0; top:0}
.promise_box .txt .dl dt{font-weight:bold; color:#222; font-size:19px; font-weight:bold !important}
.promise_box .txt .dl dd{position:relative; line-height:1.4; color:#777; font-size:17px; padding:10px 0 20px 0; letter-spacing:-1px}
.promise_box .txt .dl dd:nth-last-child(1){padding-bottom:0}

@media screen and (max-width: 1040px){
.promise_wrap{padding:0 20px}
.promise_box .txt{width:35%;}
.promise_box .thumb{width:calc(65% - 20px); margin-left:20px}
.promise_box .video{width:calc(65% - 20px); margin-right:20px}
.promise_box .txt .tit{font-size:26px}
.promise_box .txt .tail p{font-size:15px}
.promise_box .txt .dl dt{font-size:17px}
.promise_box .txt .dl dd{font-size:15px}
}

@media screen and (max-width: 768px){
.promise_box .txt{width:auto; display:block; margin-top:20px}
.promise_box .video{width:auto; margin-right:0; display:block;}
.promise_box .side .txt{position:relative; transform:none; top:auto;}
.promise_box .side .thumb{float:none; width:auto; margin-left:0; display:block}
.promise_box .txt .tail p br{display:none}
.promise_box .txt .dl dd br{display:none}
}


/* 211005 캐나다 제품 리스트 */
.productListWrap .productListArea .productList ul li .reviewPoint{min-height:23px}
.productListWrap .productListArea .productList ul li .price{min-height:14px;}
.productListWrap .productListArea .productList ul li a + .pdpLinkBtn{margin-right:40px}
.productListWrap .productListArea .productList ul li a + .pdpLinkBtn button{min-width:auto; width:100%}
.productListWrap .productListArea .productList ul.pdpLinkList{margin:0 auto; padding-bottom:0;}
.productListWrap .productListArea .productList ul.pdpLinkList li{float:none; width:auto; margin-top:0; text-align:right}
.productListWrap .productListArea .productList ul.pdpLinkList li > a{display:inline-block; margin-right:0;}

@media screen and (max-width: 640px){
	.productListWrap .productListArea .productList ul li a + .pdpLinkBtn{margin-right:0}
	.productListWrap .productListArea .productList ul li a + .pdpLinkBtn button{width:80%}
}



/* 탭 추가 You may also like  */
#pdpViewSliderTab {margin-top: 40px;}

/* 제품 슬라이드 영역 추가 You may also like */
.pdpViewSliderWrap {}
.pdpViewSliderWrap .pdpViewSlider {max-width:1332px; margin:0 auto;}
.pdpViewSliderWrap .pdpViewList li {position: relative; padding:0 10px; text-align:center;}
.pdpViewSliderWrap .pdpViewList li a {position:relative; display:block;}
.pdpViewSliderWrap .pdpViewList span {display:block; margin:0 auto; width:100%;}
.pdpViewSliderWrap .pdpViewList span.thum img {display: inline-block;}
.pdpViewSliderWrap .pdpViewList span.txt {padding-top:14px; color:#222; font-size:13px}

/* Prev, Next Btn 공통 */
.pdpViewSliderWrap .slick-arrow {
	z-index: 999; position: absolute; top:50%; transform: translateY(-50%);
	display: none; width: 18px; height: 33px; text-indent: -9999px;
	border: 0; cursor: pointer; outline: none; background: none;
}
.pdpViewSliderWrap .slick-arrow.slick-prev {left:-40px;}
.pdpViewSliderWrap .slick-arrow.slick-next {right:-40px;}
/* Prev Btn */
.pdpViewSliderWrap .slick-prev:before {
	content: ''; display: block; 
	position: absolute; left: 0; bottom: 20px; transform: rotate(135deg);
	width: 18px; height: 1px; background: #999;
}
.pdpViewSliderWrap .slick-prev:after {
	content: ''; display: block;
	position: absolute; left: 0; bottom: 8px; transform: rotate(-135deg); 
	width: 18px; height: 1px;
	background: #999;
}
/* Next Btn */
.pdpViewSliderWrap .slick-next:before {
	content: ''; display: block;
	position: absolute; right: 0; bottom: 8px; transform: rotate(135deg);
	width: 18px; height: 1px;
	background: #999;
}
.pdpViewSliderWrap .slick-next:after {
	content: ''; display: block;
	width: 18px; height: 1px;
	position: absolute; right: 0; bottom: 20px; transform: rotate(-135deg);
	background: #999;
}

@media screen and (max-width:1480px) {
	.pdpViewSliderWrap .pdpViewSlider {padding: 0 80px;}
}

/* footer sns 가운데 정렬 */
.footer .sns li {width:32px; height:32px; display:flex; align-items:center; justify-content:center;}
.footer .sns li:nth-child(1) {width:auto}

/* footer sns 마진 조정*/
@media screen and (max-width:768px) {
	.footer .sns li{margin-right:14px}
	.footer .sns li:nth-child(1) {margin-right:17px;}
	.footer .sns li:nth-last-child(1) {margin-left:-3px;}
}



/* 2023-02-17 메인페이지 여백수정  */
.mainVisualNew {height:calc(100vh - 90px)}
.mvWrap .slide-bg {height:calc(100vh - 90px);}
.mainProduct {margin-top:170px;}
.newsBanner {margin-top:0;}
.innistar {margin-top:0;}
.mainReview {margin-top: 50px;}
.materialWrap {margin-top: 0;}

@media screen and (max-width: 1279px) {
	.mainVisualNew {height:calc(100vh - 50px)}
	.mvWrap .slide-bg {height:calc(100vh - 50px);}
}

@media screen and (max-width: 768px) {
	.mvWrap {height: 100vh;}
	.mvWrap .slide-bg.mo {
		height:calc(100vh - 50px);
	}
	.mainProduct {
		margin-top: 120px;
	}
}


/* 
====================================== 
리뉴얼 2023-02-20 
======================================
*/

/* FONT - Gordita*/
body{font-family:'Gordita', Arial, Tahoma, sans-serif !important; font-weight: 300 !important;}
p, acronym, address, big, small, cite, code, dfn, em, kbd, pre, samp, sub, sup, tt, var {
	font-family: 'Gordita', Arial, Tahoma, sans-serif !important; font-weight: 300 !important;
}
/* Bold Remove */
.brandSubList ul li a, .dropMenu .cateTitle>a, .ingredWrap *, .pageTitle .tabType ul li a, .pageTitle h2, .brandConceptWrap *, .brandPromiseWrap *, .brandJejuWrap *, .brandHistoryWrap *, .brandInnirangWrap *, .brandEcoWrap *, .brandRecyclingWrap *, #gfcWrap *, .brandwwsfWrap *, .brandwhatwedoWrap *, .brandOpportunityWrap *, .storeWrap *, .listType1 table .th, .listType1 .total strong, .newsDetail .newsTitle, .offersWrap .offersList ul li .aboutOffer .t, .productListWrap .productLNB .concerns .list li a, .productListWrap .productLNB .filterBy .title h3 a, .productListWrap .productLNB .filterBy h4, .storeMap .storeSearch h2, .dropMenu.on .subCate a, .productListWrap .productLNB *, .productListWrap .productListArea .productList ul li .price, .productListWrap .productListArea .resultSort .resultNum strong, .popWrap *, .productVisual h2, .memberWrap .memberTitle h2, .memberWrap .loginBox *, .m_listType1 ul li .category, .productListWrap .productListArea .productList ul li .reviewPoint span, .bestSellerTab ul li a, .bestSellerListWrap .bestSellerList ul li .price, .mypageContent .mypageMenuList ul li a, .mypageContent *{font-weight:300 !important}

/* .gnbMain > li > a.on:after {height: 3px;} */
.foot_list dl dd a {color: #fff; opacity:0.7;}
.foot_list dl dd a:hover {color: #fff; opacity:1;}
.footer .foot_mark {display:none}
.footer .foot_contact .opt a {color: #fff; opacity:0.7;}
.footer .foot_contact .copy {color: #fff; opacity:0.5;}
.foot_wrap {min-height: auto;}
.foot_list {margin-bottom:50px}
.foot_list dl {margin-right:75px}
.id_foot {color: #fff; opacity:0.7;}

.mainStore {margin:150px 0; text-align: center;}
.mainStore .storeVisual {display: none;}
.mainStore .storeBox {position: static; background: #fff;}
.mainStore .storeBox .position {position: static;}
.mainStore .storeBox .tit {color: #222; font-size: 64px;}
.mainStore .storeBox .btn{margin:30px 0 4px 0}
.mainStore .storeBox .btn a:after {
	display: inline-block;
	width: 13px;
}


@media screen and (max-width: 1000px) {
	.mainStore {margin:0;}
	.mainStore .storeVisual {display: none;}
	.mainStore .storeBox .tit {font-size: 36px;}
}
@media screen and (max-width: 768px) {
	.foot_list dl {border-bottom: 1px solid rgba(255,255,255,0.3);}
}

.promise_box .txt .dl:after {background: #12b560;}
.footer .foot_contact {border-top: 1px solid rgba(255,255,255,0.3)}
.footM .copy {background: none; padding-left:0;}

/* Login page - Font bold */
.memberWrap .memberTitle h2, .memberWrap .loginBox * {font-weight: 700 !important;}
.memberWrap .loginBox .greet {color: #222;}
.memberWrap .loginBox .loginTab ul li.on a {border-bottom: 2px solid #222;}
.memberWrap .loginBox .section .forgot a {color: #222; border-bottom: 1px solid #222;}
.memberWrap .loginBox .loginTab ul li.on a {border-bottom: 2px solid #222;}

.brandRecyclingWrap .section1 .txt .box {border: 1px solid #fff;}

/* Customer Service > MY INNISFREE REWARDS */
.rewardsWrap .section_1 .rew_se1Text > p {color: #fff; opacity:0.7;}
div.btnSt_sm span.yg_ST {background-color: #72d7a3;}
div.btnSt_sm span.wg_ST {background-color: #51cb8b;}
div.btnSt_sm span.sg_ST {background-color: #1eb968;}
/* Gnb Hover */
.gnbMain > li > a:after {bottom: 1px; height:3px;}

/* Cnnada */
/* Cookie Pop */
.pop_canada{background:#12b560;}
.pop_canada p a{color:#fff; opacity:0.7;}
/* customer > guide */
.section_0 {
	background: #277c50 !important;
	padding: 46px 10px;
	box-sizing: border-box;
	color: #ffffff;
	font-size: 22px !important;
	text-align: center;
	line-height: 1.3;
}
.recommended {background-color: #fff;}
.reviewWell {background: #fff;}

.memberWrap {margin-bottom: -80px;}
.memberWrap .memberTitle h2 {font-size: 26px;}
.memberTitle p {margin: 20px 0 0; font-size: 20px; text-align: center; color: #222;}

@media screen and (max-width: 768px) {
	.section_0 {
		font-size: 16px !important;
	}
	.memberWrap {padding-bottom: 120px;}
	.memberWrap .loginBox {padding-top: 0px; margin-top: 40px;}
	.memberWrap .memberTitle h2 {display:block; font-size:18px;}
	.memberTitle p {margin: 12px 0 0; font-size: 13px;}
	
}