@charset "UTF-8";
/******************** layout ********************/
html{width:100%; overflow-y:scroll; overflow-x:hidden;}

html{
-ms-touch-action:pan-y;
touch-action:pan-y;
}
body{position:relative; overflow-x:hidden;}

/*html::-webkit-scrollbar {display:none;}
/*html {-ms-overflow-style: none;  scrollbar-width: none; } */


#allwrap {width:100%; margin:0 auto; min-width:320px; height:100%; -webkit-overflow-scrolling: touch;}
#allwrap:after {content:""; display:block; clear:both;}
#allBg {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.8; overflow:hidden; z-index:999;}
#wrap {position:relative; width:100%;}
#wrap:after {content:""; display:block; clear:both;}


/* loading */
#loading {display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999;}
#loading .loadingBg {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.6; z-index:50;}
#loadBar {display:block;position:absolute;top:50%;left:50%;height:50px;width:50px;margin:-25px 0 0 -25px;border-radius:50%; z-index:51;}
#loadBar:before, #loadBar:after {content:'';border:2px solid #ca8863;border-radius:50%;width:50px;height:50px;position:absolute;left:0px;}
#loadBar:before {-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1);opacity:1;-webkit-animation:spWaveBe 0.6s infinite linear;animation:spWaveBe 0.6s infinite linear;}
#loadBar:after {-webkit-transform:scale(0, 0);-ms-transform:scale(0, 0);transform:scale(0, 0);opacity:0;-webkit-animation:spWaveAf 0.6s infinite linear;animation:spWaveAf 0.6s infinite linear;}

@-webkit-keyframes spWaveAf {
from {-webkit-transform:scale(0.5, 0.5);transform:scale(0.5, 0.5);opacity:0;}
to {-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:1;}}
@keyframes spWaveAf {
from {-webkit-transform:scale(0.5, 0.5);transform:scale(0.5, 0.5);-webkit-transform:scale(0.5, 0.5);transform:scale(0.5, 0.5);opacity:0;}
to {-webkit-transform:scale(1, 1);transform:scale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:1;}}
@-webkit-keyframes spWaveBe {
from {-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:1;}
to {-webkit-transform:scale(1.5, 1.5);transform:scale(1.5, 1.5);opacity:0;}}
@keyframes spWaveBe {
from {-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:1;}
to {-webkit-transform:scale(1.5, 1.5);transform:scale(1.5, 1.5);opacity:0;}}



/* layout width */
.layerOutBox {position:relative; max-width:1800px; height:100%; margin:0 auto;}
.layerOutBox:after {content:""; display:block; clear:both;}
.layerInBox {position:relative; max-width:1400px; height:100%; margin:0 auto;}
.layerInBox:after {content:""; display:block; clear:both;}
.layerInnerBox {position:relative; max-width:1160px; height:100%; margin:0 auto;}
.layerInnerBox:after {content:""; display:block; clear:both;}

/** header **/
header {position:fixed; left:0; top:0; width:100%; height:120px; transform:translate3d(0,0,0); z-index:80; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; overflow:hidden;}
header:before {opacity:0; content:''; position:absolute; left:0; top:119px; width:100%; height:1px; background:url('/content/images/bg/bg_header_hover.png') left top repeat-x; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
header:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background:url('/content/images/bg/bg_main_line.png') left bottom repeat-x;}
header * {z-index:10;}

header h1 {position:absolute; left:0; top:28px; width:137px; height:60px; z-index:14;}
header h1 a {display:block; height:100%; background:url('/content/images/img/img_logo.png') left top no-repeat;}

header #gnb {position:relative; width:100%; text-align:center;}
header #gnb > ul:after {content:""; display:block; clear:both;}
header #gnb > ul > li {display:inline-block;}
header #gnb > ul > li > a {display:inline-block; padding:0 46px; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
header #gnb > ul > li > a > span {font-family: 'Geomanist Book', sans-serif; font-size:1.41666rem; color:#fff; letter-spacing:2px; line-height:120px; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

header #gnb div[id*="topSubm"] {display:none; position:absolute; left:0; top:119px; width:100%; height:399px; text-align:left;}

header #gnb div[id*="topSubm"] .topTit {position:absolute; left:0; top:51px;}
header #gnb div[id*="topSubm"] .topTit strong {display:block; font-family: 'Geomanist Book', sans-serif; font-size:2.66666rem; color:#3d393d; font-weight:normal; line-height:1.2; letter-spacing:2.4px; padding:0 0 22px 0;}
header #gnb div[id*="topSubm"] .topTit p {}
header #gnb div[id*="topSubm"] .topTit span {display:block; font-size:1.41666rem; color:#999; line-height:1.6; letter-spacing:-0.5px;}

header #gnb div[id*="topSubm"] .menu {position:absolute; left:26.428%; top:51px;}
header #gnb div[id*="topSubm"] .menu > ul:after {content:""; display:block; clear:both;}
header #gnb div[id*="topSubm"] .menu > ul > li {display:block;}
header #gnb div[id*="topSubm"] .menu > ul > li a {display:block; padding:0 0 25px 0; font-size:1.41666rem; color:#595458; line-height:1.6; letter-spacing:-0.5px; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
header #gnb div[id*="topSubm"] .menu > ul > li a:hover {color:#ca8863;}
header #gnb div[id*="topSubm"] .menu > ul > li:last-child a {padding:0;}
header #gnb div[id*="topSubm"] .menu .brandBanner {}
header #gnb div[id*="topSubm"] .menu .brandBanner:after {content:""; display:block; clear:both;}
header #gnb div[id*="topSubm"] .menu .brandBanner ul {float:left; border-top:1px #e6e6e6 solid; margin:0 -1px 0 0;}
header #gnb div[id*="topSubm"] .menu .brandBanner ul li {position:relative; display:block; width:206px; border-bottom:1px #e6e6e6 solid; border-left:1px #e6e6e6 solid; border-right:1px #e6e6e6 solid;}
header #gnb div[id*="topSubm"] .menu .brandBanner ul li span {display:none;}
header #gnb div[id*="topSubm"] .menu .brandBanner ul li img {
max-width:100%;
filter:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="grayscale"><feColorMatrix type="matrix" values="0.3333" 0.3333="" 0="" 10=""></feColorMatrix></filter></svg>#grayscale'); /* Firefox 3.5+, IE10 */
filter:gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ &amp; Safari 6+ */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
-webkit-backface-visibility: hidden; /* Fix for transition flickering */
opacity:0.4;
}
header #gnb div[id*="topSubm"] .menu .brandBanner ul li a {position:relative; display:block; width:100%; height:100%;}
html.hoverOk header #gnb div[id*="topSubm"] .menu .brandBanner ul li:hover {z-index:100;}
html.hoverOk header #gnb div[id*="topSubm"] .menu .brandBanner ul li:hover img {filter: none; -webkit-filter: grayscale(0%); opacity:1;}
html.hoverOk header #gnb div[id*="topSubm"] .menu .brandBanner ul li:hover a:after {content:''; position:absolute; left:-1px; top:-1px; width:100%; height:100%; border:1px #000 solid; background:transparent; z-index:5;}
html.hoverOk header #gnb div[id*="topSubm"] .menu .brandBanner ul li:hover a:before {content:''; position:absolute; right:-1px; top:0; width:1px; height:100%; background:#000; z-index:10;}

header #gnb div[id*="topSubm"] .promotion {position:absolute; right:0; top:51px;}
header #gnb div[id*="topSubm"] .promotion ul:after {content:""; display:block; clear:both;}
header #gnb div[id*="topSubm"] .promotion ul li {float:left; margin:0 0 0 40px;}
header #gnb div[id*="topSubm"] .promotion ul li .category {font-size:1.08333rem; color:#999; line-height:1.2; font-weight:500; letter-spacing:-0.5px; padding:10px 0 4px 0;}
header #gnb div[id*="topSubm"] .promotion ul li .txt {font-size:1.58333rem; color:#3d393d; line-height:1.2; font-weight:500; letter-spacing:-0.5px;}

header #gnb div#topSubm2 .menu > ul {float:left; width:200px;}

header .util {position:absolute; right:0; top:54px;}
header .util ul:after {content:""; display:block; clear:both;}
header .util ul li {float:left; margin:0 0 0 22px;}
header .util ul li a {font-family: 'Geomanist Regular', sans-serif; font-size:1rem; color:#fff; letter-spacing:1.5px;}
header .util ul li a strong {font-family: 'Geomanist Bold', sans-serif; font-size:1rem; font-weight:normal;}

header.hover {height:518px; background:#fff;}
header.hover:before {opacity:1;}
header.hover:after {display:none;}
header.hover #gnb > ul > li > a > span {color:#3d393d;}
header.hover h1 a {background:url('/content/images/img/img_logo_on.png') left top no-repeat;}
header.hover .util ul li a {color:#3d393d;}

header.hoverBrand {height:756px; background:#fff;}
header.hoverBrand:before {opacity:1;}
header.hoverBrand:after {display:none;}
header.hoverBrand #gnb > ul > li > a > span {color:#3d393d;}
header.hoverBrand h1 a {background:url('/content/images/img/img_logo_on.png') left top no-repeat;}
header.hoverBrand .util ul li a {color:#3d393d;}

header.fixed {background:#fff;}
header.fixed:before {opacity:1;}
header.fixed:after {top:auto; bottom:0; height:1px; background:url('/content/images/bg/bg_header_hover.png') left top repeat-x;}
header.fixed #gnb > ul > li > a > span {color:#3d393d;}
header.fixed h1 a {background:url('/content/images/img/img_logo_on.png') left top no-repeat;}
header.fixed .util ul li a {color:#3d393d;}
header.fixed.hover:after {display:block;}
header.fixed.hoverBrand:after {display:block;}
header.fixed #mNavi span {background:#2d2d2d;}

header #gnb > ul > li > a.hover > span {color:#ca8863;}

#mNavi {display:none;}
#mUtil {display:none;}

/* brand no subbaner */
html.brandTY header {background:#fff;}
html.brandTY header #gnb > ul > li > a > span {color:#3d393d;}
html.brandTY header h1 a {background:url('/content/images/img/img_logo_on.png') left top no-repeat;}
html.brandTY header .util ul li a {color:#3d393d;}
html.brandTY header:before {opacity:1;}
html.brandTY header:after {display:block; top:auto; bottom:0; height:1px; background:url('/content/images/bg/bg_header_hover.png') left top repeat-x;}
html.brandTY #locationWrap {margin:120px 0 0 0;} 




/********* main **********/
/* main sector */
#mainSector {width:100%; overflow:hidden;}
#mainVisible {position:relative; width:100%; height:940px; overflow:hidden; opacity:0;}
#slider-1 {position:absolute; top:0; left:0; z-index:2;}
#slider-2 {position:absolute; top:0; left:0; width:50%; transform:scale(1) !important; pointer-events:none; z-index:1;  overflow:hidden;}

.swiper-container {margin:0;}
.slider {position:absolute; top:0; left:0; width:100%; height:100%; transition:0.5s ease-in-out;}
.slider * {outline:none;}
.slider .item {position:relative; z-index:1; width:100%; height:100%;}
.slider .item svg {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.slider .item .titBox {position:absolute; top:376px; left:11.541666%; width:20%; word-break:keep-all; z-index:20; opacity:0;}
.slider .item .titBox * {-webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.slider .item .titBox .category {font-family: 'Geomanist Book', sans-serif; font-size:1.25rem; color:#f89a79; letter-spacing:2px; line-height:1.2;}
.slider .item .titBox .tti {font-family: 'Geomanist Book', sans-serif; font-size:4.5rem; color:#fff; letter-spacing:2px; line-height:1.1; padding:5px 0 0 0;}
.slider .item .titBox .ttx {font-size:1.41666rem; color:#fff; letter-spacing:-0.5px; line-height:1.6; padding:24px 0 0 0;}
.slider .item .sbg {position:absolute; left:0; top:0; width:42.721%; height:100%; background:#000; opacity:0.3; z-index:10;}
@media all and (max-width:1500px){.slider .item .sbg {width:50%;}}
@media all and (max-width:1000px){.slider .item .sbg {width:70%;}}
@media all and (max-width:640px){
.slider .blur {display:none;}
.slider .item .sbg {width:100%; opacity:0;} 
.slider img {width:120px;}
}
/*.slider .item.chOn .titBox {animation-name:blur; animation-duration:2s; animation-iteration-count:1; animation-direction:alternate; animation-timing-function:ease-out; animation-fill-mode:forwards; animation-delay:1s; opacity:1;}
@keyframes blur {0% {filter:blur(10px);}100% {filter:blur(0px)}}*/


.swiperMprev {position:absolute; top:50%; left:4.427%; display:inline-block; width:60px; height:60px; background:url('/content/images/btn/btn_main_prev.png') left top no-repeat; margin:-30px 0 0 0; opacity:0.4; z-index:24; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.swiperMnext {position:absolute; top:50%; left:35.78125%; width:60px; height:60px; background:url('/content/images/btn/btn_main_next.png') left top no-repeat; margin:-30px 0 0 0; opacity:0.4; z-index:24; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.swiperMprev:hover {opacity:1;}
.swiperMnext:hover {opacity:1;}

.mainDots {position:absolute; bottom:60px; left:13.541666%; z-index:20;}
.mainDots .swiper-pagination-bullet {display:inline-block; width:16px; height:16px; text-indent:-9999em; background:url('/content/images/bg/bg_main_dot.png') left top no-repeat; margin:0 24px 0 0;}
.mainDots .swiper-pagination-bullet-active {background:url('/content/images/bg/bg_main_dot_active.png') left top no-repeat;}
.swiper-container, .swiper-wrapper {width:100%; height:100%;}
.swiper-slide {overflow: hidden;}
.slide-inner {position:absolute; width:100%; height:100%; left:0; top:0; background-size:cover; background-position:center;}

/*#slider-1 .item .blur {width:42.70833% !important; height:100%;}*/
#slider-2 .titBox, #slider-2 .swiperMprev, #slider-2 .swiperMnext, #slider-2 .mainDots {display:none;}






/* main content */
/* sector1 */
#msector1 {width:100%; padding:170px 0 0 0; text-align:center; overflow:hidden; opacity:0;}
#msector1 .hTit {font-family: 'Geomanist Bold', sans-serif; font-size:4.5rem; color:#3d393d; letter-spacing:5px; line-height:1.1; padding:0 0 57px 0;}
#msector1 .hCont {position:relative; width:100%; overflow:hidden;}
#msector1 .hCont .lbox {position:absolute; left:0; top:0;}
#msector1 .hCont .cbox {display:inline-block; padding:200px 0 0 0; }
#msector1 .hCont .rbox {position:absolute; right:0; top:80px;}
#msector1 .hCont > div {width:380px;}
#msector1 .hCont > div > a {display:block; width:100%; height:100%; opacity:0;}
#msector1 .hCont > div .sTit {font-size:2.5rem; color:#3d393d; letter-spacing:-1px; line-height:1.2; padding:0 0 25px 0; text-align:left; word-break:keep-all;}
#msector1 .hCont > div .sTit strong {font-size:2.5rem; font-weight:500;}
#msector1 .hCont > div .simg {width:100%; overflow:hidden;}
#msector1 .hCont > div .simg img {width:100%; -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
html.hoverOk #msector1 .hCont a:hover .simg img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}

/* sector2 */
#msector2 {position:relative; width:100%; padding:50px 0 0 0; margin:100px 0 0 0; text-align:center; background:#fff; overflow:hidden;}
#msector2 .hTit {font-family: 'Geomanist Bold', sans-serif; font-size:4.5rem; color:#3d393d; letter-spacing:5px; line-height:1.1; padding:0 0 57px 0; opacity:0;}
#msector2 .vibox {position:relative; width:100%; height:1080px; margin:0 auto; opacity:0; overflow:hidden;}
#msector2 .vibox .slick-track,#msector2 .vibox .slick-slide,#msector2 .vibox .slick-slider,#msector2 .vibox .slick-list {position:relative; height:100%;}
#msector2 .vibox .slick-slide > div {position:relative; height:100%;}
#msector2 .vibox .slick-slide .list {position:relative; height:100%;}
#msector2 .vibox .imgArea {position:absolute; left:50%; top:0; margin:0 0 0 -960px; z-index:1;}
#msector2 .vibox .imgArea .w {display:inline;}
#msector2 .vibox .imgArea .m {display:none;}
#msector2 .vibox .txtArea {position:absolute; left:50%; top:0; width:1400px; height:100%; margin:0 0 0 -700px; z-index:2;}
#msector2 .vibox .txtArea .txt {position:absolute; left:0; top:0; text-align:left;}
#msector2 .vibox .txtArea .txt .logo {opacity:0;}
#msector2 .vibox .txtArea .txt .tx {opacity:0;}
#msector2 .vibox .slick-dots {position:absolute; left:50%; bottom:50px; width:1400px; margin:0 0 0 -700px; text-align:left; z-index:10;}
#msector2 .vibox .slick-dots li button {display:none;}
#msector2 .vibox .slick-dots li {position:relative; display:inline-block; width:16px; height:16px; margin:0 24px 0 0; cursor:pointer; background:url('/content/images/bg/bg_main_dot.png') left top no-repeat;}
#msector2 .vibox .slick-dots li.slick-active {background:url('/content/images/bg/bg_main_dot_active.png') left top no-repeat;}

/* silde category */
#msector2 .vibox .txtArea .txt.v1 {top:50%; margin:-78px 0 0 0;}
#msector2 .vibox .txtArea .txt.v1 .logo {padding:0 0 48px 0;}
#msector2 .vibox .txtArea .txt.v1 .tx span {display:block; font-size:4rem; color:#fff; font-weight:600; letter-spacing:-2px; line-height:1.3;}
#msector2 .vibox .txtArea .txt.v2 {top:342px;}
#msector2 .vibox .txtArea .txt.v2 .logo {padding:0 0 54px 0;}
#msector2 .vibox .txtArea .txt.v2 .tx span {display:block; font-size:4rem; color:#fff; font-weight:600; letter-spacing:-2px; line-height:1.3;}
#msector2 .vibox .txtArea .txt.v3 {top:380px;}
#msector2 .vibox .txtArea .txt.v3 .logo {padding:0 0 50px 5px;}
#msector2 .vibox .txtArea .txt.v3 .tx span {display:block; font-size:4rem; color:#fff; font-weight:600; letter-spacing:-2px; line-height:1.3;}
#msector2 .vibox .txtArea .txt.v4 {top:400px;}
#msector2 .vibox .txtArea .txt.v4 .logo {padding:0 0 48px 0;}
#msector2 .vibox .txtArea .txt.v4 .tx span {display:block; font-size:4rem; color:#fff; font-weight:600; letter-spacing:-2px; line-height:1.3;}
#msector2 .vibox .txtArea .txt.v5 {top:425px;}
#msector2 .vibox .txtArea .txt.v5 .logo {padding:0 0 45px 0;}
#msector2 .vibox .txtArea .txt.v5 .tx span {display:block; font-size:4rem; color:#fff; font-weight:600; letter-spacing:-2px; line-height:1.3;}
#msector2 .vibox .txtArea .txt.v6 {top:428px;}
#msector2 .vibox .txtArea .txt.v6 .logo {padding:0 0 40px 0;}
#msector2 .vibox .txtArea .txt.v6 .tx span {display:block; font-size:4rem; color:#fff; font-weight:600; letter-spacing:-2px; line-height:1.3;}
#msector2 .vibox .txtArea .txt.v6 .tx span u {font-size:4rem; color:#fff; font-weight:600; letter-spacing:-2px; line-height:1.3; text-decoration:none;}


/* sector3 */
#msector3 {width:100%; padding:20px 0 0 0; margin:60px 0 0 0; overflow:hidden;}
#msector3 .hTit {font-family: 'Geomanist Bold', sans-serif; font-size:4.5rem; color:#3d393d; letter-spacing:5px; line-height:1.1; padding:0 0 100px 0; text-align:center;  opacity:0; word-break:keep-all;}
#msector3 .info {width:40%; word-break:keep-all;}
#msector3 .info .category {position:relative;}
#msector3 .info .category:after {content:""; display:block; clear:both;}
#msector3 .info .category .list {width:70px; height:70px; font-size:1.25rem; color:#fff; letter-spacing:1px; line-height:70px; background:#ceae40; text-align:center;}
#msector3 .info .category .more {position:absolute; left:90px; top:50%; margin:-8px 0 0 0;}
#msector3 .info .category .more span {display:inline-block; margin:0 5px 0 0; line-height:15px;}
#msector3 .info .category .more span img {vertical-align:top;}
#msector3 .info .category .more a {display:inline-block; font-size:1rem; color:#999; letter-spacing:1px;}
#msector3 .info .titArea {padding:42px 0 0 0;}
#msector3 .info .titArea:after {content:""; display:block; clear:both;}
#msector3 .info .titArea .product {font-size:1.66666rem; color:#999; letter-spacing:1px; line-height:1.2;}
#msector3 .info .titArea .tit {font-size:4rem; color:#3d393d; letter-spacing:1px; font-weight:600; line-height:1.2; padding:5px 0 20px 0; word-break:break-all;}
#msector3 .info .titArea .day {font-size:1.25rem; color:#999; letter-spacing:3px; line-height:1.2;}
#msector3 .info .txtArea {padding:36px 0 0 0;}
#msector3 .info .txtArea:after {content:""; display:block; clear:both;}
#msector3 .info .txtArea p {font-size:1.416666rem; color:#999; letter-spacing:1px; line-height:1.6;}

#msector3 .mainNews {position:relative; width:100%; opacity:0; z-index:2;}
#msector3 .mainNews:after {content:""; display:block; clear:both;}
#msector3 .mainNews .img {margin:0 0 0 8.5714%;}
#msector3 .mainNews .img:after {content:""; display:block; clear:both;}
#msector3 .mainNews .img img {max-width:100%; -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
html.hoverOk #msector3 .mainNews:hover .img img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
#msector3 .mainNews .info {position:absolute; left:50%; top:0; margin:0 0 0 -20px;}

#msector3 .mainEvent {position:relative; width:100%; padding:12px 0 0 0; margin:240px 0 0 0; z-index:2;}
#msector3 .mainEvent:after {content:""; display:block; clear:both;}
#msector3 .mainEvent .innerBox {opacity:0;}
#msector3 .mainEvent .img {float:right; margin:0 8.5714% 0 0;}
#msector3 .mainEvent .img:after {content:""; display:block; clear:both;}
#msector3 .mainEvent .img img {max-width:100%; -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
html.hoverOk #msector3 .mainEvent:hover .img img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
#msector3 .mainEvent .info {position:absolute; left:14.28571%; top:150px; margin:0;}
#msector3 .mainEvent .info .category .list {background:#6e735c;}

#msector3 .cTxt {position:absolute; left:17.1428%; top:5%; width:100%; font-size:15.4166rem; color:#1d1d1d; letter-spacing:3px; line-height:1.2; margin:-60px 0 0 0; opacity:0.08; z-index:1; word-break:keep-all;}


/* sector4 */
#msector4 {position:relative; width:100%; padding:0 0 150px 0; margin:-300px 0 0 0; text-align:center; overflow:hidden; opacity:0;}
#msector4 .hTit {font-family: 'Geomanist Bold', sans-serif; font-size:4.5rem; color:#3d393d; letter-spacing:3px; line-height:1.1; padding:0 0 100px 0;}
#msector4 .proSlide {position:relative; width:100%;}
#msector4 .proSlide:after {content:""; display:block; clear:both;}
#msector4 .proSlide .img {width:100%; text-align:center; overflow:hidden;}
#msector4 .proSlide .img img {display:inline; max-width:100%; -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
html.hoverOk #msector4 .proSlide a:hover .img img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
#msector4 .proSlide .txt {width:100%; text-align:center; overflow:hidden; word-break:keep-all;}
#msector4 .proSlide .txt span {display:block; font-size:1.5rem; color:#fff; letter-spacing:-1px; line-height:1.2; padding:0 0 12px 0;}
#msector4 .proSlide .txt p {font-size:2rem; color:#fff; letter-spacing:-1px; line-height:1.2; padding:0 0 76px 0;}
#msector4:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:416px; background:#6e735c; z-index:-1;}

#msector4 .slick-dots {position:absolute; left:0; bottom:0; width:100%; text-align:center;}
#msector4 .slick-dots li button {display:none;}
#msector4 .slick-dots li {position:relative; display:inline-block; width:16px; height:16px; margin:0 12px; cursor:pointer; background:url('/content/images/bg/bg_main_dot.png') left top no-repeat;}
#msector4 .slick-dots li.slick-active {background:url('/content/images/bg/bg_main_dot_active.png') left top no-repeat;}

#msector4 .prevBtn {position:absolute; top:50%; left:-58px; width:80px; height:80px; background:url('/content/images/btn/btn_main_pro_prev.png') left top no-repeat; margin:-40px 0 0 0; z-index:24; opacity:0;}
#msector4 .nextBtn {position:absolute; top:50%; right:-58px; width:80px; height:80px; background:url('/content/images/btn/btn_main_pro_next.png') left top no-repeat; margin:-40px 0 0 0; z-index:24; opacity:0;}

#msector4 .slick-slide {opacity:0;}











/********** footer ***********/
footer {width:100%; padding:120px 0 172px; background:#6e735c;}
footer:after {content:""; display:block; clear:both;}
footer .fMenu {margin:0 0 50px 0;}
footer .fMenu:after {content:""; display:block; clear:both;}
footer .fMenu ul:after {content:""; display:block; clear:both;}
footer .fMenu ul li {float:left; margin:0 58px 0 0;}
footer .fMenu ul li a {font-size:1.5rem; color:#fff; line-height:1.2; letter-spacing:-0.5px;}
footer .fMenu ul li:last-child {margin:0;}

footer .fRBox {position:absolute; right:0; top:0;}
footer .fRBox .fQuick:after {content:""; display:block; clear:both;}
footer .fRBox .fQuick ul:after {content:""; display:block; clear:both;}
footer .fRBox .fQuick ul li {float:left; width:80px; text-align:center;}
footer .fRBox .fQuick ul li span {display:block; font-size:1.083333rem; color:#fff; line-height:1.2; letter-spacing:-0.5px; padding:10px 0 0 0;}
footer .fRBox .fQuick ul li.familyGroup {position:relative; width:auto; margin:0 0 0 40px; padding:0 54px 0 0;}
footer .fRBox .fQuick ul li.familyGroup button {cursor:pointer; display:inline-block; position:absolute; right:0; top:0; width:48px; height:48px; font-size:1.083333rem; color:#fff; line-height:48px; text-align:center; background:#525546; border:0; padding:0px; }
footer .selectbox {min-width:210px; padding:17px 46px 16px 24px; font-family:inherit; font-size:1.083333rem; color:#fff; line-height:1.2; letter-spacing:1px; font-weight:300; background:url('/content/images/bg/bg_familysite_arrow.png') right 20px top 50% #525546 no-repeat; border:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; }

footer .fRBox .fSns {padding:35px 0 0 0;}
footer .fRBox .fSns ul {float:right;}
footer .fRBox .fSns ul:after {content:""; display:block; clear:both;}
footer .fRBox .fSns ul li {float:left; margin:0 0 0 20px;}

footer .fInfo:after {content:""; display:block; clear:both;}
footer .fInfo address {font-size:1.416666rem; color:#fff; line-height:1.2; letter-spacing:-0.5px; padding:0 0 26px 0;}
footer .fInfo address strong {font-size:1.416666rem; font-weight:500; padding:0 14px 0 0;}
footer .fInfo ul:after {content:""; display:block; clear:both;}
footer .fInfo ul li {display:block; font-size:1.416666rem; color:#fff; line-height:1.2; letter-spacing:-0.5px; font-weight:300; padding:0 0 8px 0;}
footer .fInfo ul li:last-child {padding:0;}
footer .fInfo ul li span {font-family: 'Geomanist Book', sans-serif; font-size:1.416666rem; color:#fff; line-height:1.2; letter-spacing:1px;}

footer .copyright {font-family: 'Geomanist Extra Light', sans-serif; font-size:0.916666rem; color:#fff; line-height:1.2; letter-spacing:2px; padding:55px 0 0 0;}

footer .topBtn {position:absolute; right:0; top:-230px; width:68px; height:90px; text-align:center; background:url('/content/images/btn/btn_topbtn.png') left top no-repeat; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
footer .topBtn a {display:block; width:100%; height:100%;}
footer .topBtn a span {display:inline-block; width:100%; font-family: 'Geomanist Book', sans-serif; font-size:1.8333rem; color:#fff; line-height:1.2; letter-spacing:2px; padding:43px 0 0 0; margin:0 -2px 0 0;}
footer .topBtn:hover {background:url('/content/images/btn/btn_topbtn_on.png') left top no-repeat;}

 body::after{
	position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
	content:url('/content/images/btn/btn_topbtn_on.png');
}

/** common **/
/** rolling **/
.swiper-slide,.swiper-wrapper{width:100%;height:100%;position:relative}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:32px;height:32px;margin-top:-16px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.5;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination,.swiper-pagination2{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden,.swiper-pagination2.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:0;left:0;width:100%}.swiper-pagination-bullet{width:14px;height:14px;display:inline-block;border-radius:100%;background:#000;opacity:1}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:url(http://img.esthermall.co.kr/skin/default/images/btn/btn_visual_off.png) center center no-repeat}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 9px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(214,223,234,1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:7.275%;bottom:5px;z-index:50;height:4px;width:85.45%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:6px;width:100%;position:relative;background:rgba(39,113,190,1);border-radius:50px;left:0;top:-1px}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}









/***************** media web **************/
@media all and (max-width:1820px){

/* layout width */
.layerOutBox {width:auto; margin:0 20px;}

}






/***************** media web **************/
@media all and (max-width:1500px){

/* layout width */
.layerInBox {margin:0 40px;}

/* main */
.slider .item .titBox {left:12%; width:30%;}
.swiperMnext {left:42%;}

#msector1 .hCont > div {width:340px;}

#msector2 .vibox .txtArea {left:0; width:100%; margin:0;}
#msector2 .vibox .txtArea .txt {left:40px; width:100%;}
#msector2 .vibox .slick-dots {left:40px; width:100%; margin:0;}

#msector3 .mainNews .img {margin:0;}
#msector3 .mainNews .info {left:43%; margin:0;}
#msector3 .cTxt {left:5%; font-size:14rem;}
#msector3 .mainEvent .info {left:5%;}
#msector3 .mainEvent .img {margin:0 4% 0 0;}

#msector4 .prevBtn {left:-30px;}
#msector4 .nextBtn {right:-30px;}
 
}



/***************** media web **************/
@media all and (max-width:1300px){

/* main */
#msector3 .mainNews .img {width:400px;}
#msector3 .mainNews .img img {width:100%;}
#msector3 .mainEvent .img {width:400px;}
#msector3 .mainEvent .img img {width:100%;}
#msector3 .cTxt {left:0; font-size:12rem; margin:-60px 0 0 0;}

}





/***************** media web **************/
@media all and (max-width:1200px){

/* layout width */
.layerInnerBox {width:auto; margin:0 20px;}


/* header */
header #gnb > ul > li > a {padding:0 23px;}
header #gnb div#topSubm2 .menu > ul {width:170px;}
header .util ul {margin:0 -10px 0 0;}
header .util ul li {margin:0 0 0 16px;}
header #gnb div[id*="topSubm"] .menu .brandBanner ul li {width:180px;}


/* footer */
footer .fRBox .fQuick ul li.familyGroup {margin:0 0 0 20px;}
footer .fMenu ul li {margin:0 30px 0 0;}

/* main */
.slider .item .titBox {width:28%;}

#msector1 .hCont > div {width:300px;}
#msector3 .mainNews .info {left:46%;}

}



/***************** media web **************/
@media all and (max-width:1100px){

.layerInBox {margin:0 20px;}

/* header */
header {overflow:visible;}
header .layerInBox {position:static;}
header h1 {margin:0 0 0 40px;}

header #gnb {position:absolute; right:-100%; top:0; width:100%; background:#fff; z-index:60;}
header #gnb > ul {overflow-y:auto;}
header #gnb > ul > li {display:block; text-align:left;}
header #gnb > ul > li > a {display:inline-block; padding:0 60px;}
header #gnb > ul > li > a > span {font-size:3.66666rem; color:#999; letter-spacing:4px; line-height:103px;}

header #gnb div[id*="topSubm"] {display:block; position:relative; left:0; top:0; width:100%; height:auto;}
header #gnb div[id*="topSubm"] .menu {display:none; position:relative; left:0; top:0; width:100%; padding:0 0 0 60px; box-sizing:border-box; overflow:hidden;}
header #gnb div[id*="topSubm"] .menu > ul {margin:0 0 40px 0;}
header #gnb div[id*="topSubm"] .menu > ul > li a {display:inline-block; padding:0 0 34px 0; font-size:2.5rem; line-height:1.1;}
header #gnb div[id*="topSubm"] .menu > ul > li:last-child a {padding:0 0 34px 0;}
header #gnb div[id*="topSubm"] .topTit {display:none;}
header #gnb div[id*="topSubm"] .promotion {display:none;}

header #gnb div#topSubm2 .menu > ul {float:none; width:100%; margin:0;}
header #gnb div#topSubm2 .menu > ul > li {float:left; width:50%; }
header #gnb div#topSubm2 .menu > ul:last-child {margin:0 0 40px 0;}

header #gnb div[id*="topSubm"] .menu .brandBanner {padding:0 0 40px 0;}
header #gnb div[id*="topSubm"] .menu .brandBanner ul {float:none; width:100%; margin:0; border:0;}
header #gnb div[id*="topSubm"] .menu .brandBanner ul li {float:left; width:50%; border:0;}
header #gnb div[id*="topSubm"] .menu .brandBanner ul li span {display:block; font-size:2.5rem; color:#595458; line-height:1.1; letter-spacing:-0.5px; padding:0 0 34px 0; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} 
header #gnb div[id*="topSubm"] .menu .brandBanner ul li img {display:none;}
html.hoverOk header #gnb div[id*="topSubm"] .menu .brandBanner ul li:hover a:after {display:none;}
html.hoverOk header #gnb div[id*="topSubm"] .menu .brandBanner ul li:hover a:before {display:none;}


header .util {display:none;}
header.fixed:after {display:none;}

#mNavi {display:block; position:fixed; right:40px; top:34px; z-index:80; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#mNavi span {display:block; width:40px; height:3px; background:#fff; margin:10px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#mNavi:hover {cursor: pointer;}
#mNavi.active {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#mNavi.active span {height:3px; border-radius:10px; background:#2d2d2d !important;}
#mNavi.active .line:nth-child(2){width: 0px;}
#mNavi.active .line:nth-child(1),#mNavi.active .line:nth-child(3){}
#mNavi.active .line:nth-child(1){-webkit-transform: translateY(13px);-ms-transform: translateY(13px);-o-transform: translateY(13px);transform: translateY(13px);}
#mNavi.active .line:nth-child(3){-webkit-transform: translateY(-13px) rotate(90deg);-ms-transform: translateY(-13px) rotate(90deg);-o-transform: translateY(-13px) rotate(90deg);transform: translateY(-13px) rotate(90deg);}

#mUtil {display:block; position:relative; width:100%; height:120px; margin:0 0 64px 0; border-bottom:1px #e6e6e6 solid; box-sizing:border-box; text-align:left;}
#mUtil .utilMember {padding:30px 0 0 60px;}
#mUtil .utilMember span {font-size:2.1666rem; color:#595458; line-height:55px; letter-spacing:-0.5px; padding:0 0 0 55px; background:url('/content/images/bg/bg_m_util_member.png') left 50% no-repeat;}
#mUtil .utilMember a {position:relative; display:inline-block; font-size:2.1666rem; color:#595458; line-height:55px; letter-spacing:-0.5px;}
#mUtil .utilMember a:after {content:''; position:absolute; left:0; bottom:12px; width:100%; height:1px; background:#595458;}

#mUtil .utilLang {position:absolute; right:140px; top:0;}
#mUtil .utilLang ul:after {content:""; display:block; clear:both;}
#mUtil .utilLang ul li {float:left; margin:0 0 0 30px;}
#mUtil .utilLang ul li a {font-family: 'Geomanist Bold', sans-serif; font-size:1.83333rem; color:#1d1d1d; line-height:120px; letter-spacing:2px; padding:0 10px;}

html.brandTY header #mNavi span {background:#2d2d2d;}
html.brandTY header:after {display:none;}



/* footer */
footer .fRBox .fQuick {width:270px; float:right;}
footer .fRBox .fQuick ul li {margin:0 0 12px 0;}
footer .fRBox .fQuick ul li:nth-child(1) {width:50%;}
footer .fRBox .fQuick ul li:nth-child(2) {width:50%;}
footer .fRBox .fQuick ul li.familyGroup {float:none; margin:0; width:auto;}
footer .fRBox .fQuick ul li.familyGroup button {top:auto; bottom:0;}
footer .fRBox .fSns {clear:both; float:none;}


#msector1 .hCont > div {width:270px;}
#msector2 .vibox {height:auto;}
#msector2 .vibox .imgArea {position:relative; left:0; top:0; margin:0;}
#msector2 .vibox .imgArea img {width:100%;}
#msector2 .vibox .imgArea .w {display:none;}
#msector2 .vibox .imgArea .m {display:inline;}
#msector2 .vibox .txtArea .txt.v1 {top:24%; margin:0;}
#msector2 .vibox .txtArea .txt.v2 {top:24%; margin:0;}
#msector2 .vibox .txtArea .txt.v3 {top:24%; margin:0;}
#msector2 .vibox .txtArea .txt.v4 {top:24%; margin:0;}
#msector2 .vibox .txtArea .txt.v5 {top:24%; margin:0;}
#msector2 .vibox .txtArea .txt.v6 {top:24%; margin:0;}
#msector3 {padding:100px 0 0 0;}
#msector3 .mainNews .img {width:360px;}
#msector3 .mainEvent .img {width:360px;}
#msector3 .cTxt {font-size:10rem; margin:-60px 0 0 0;}
#msector4 {margin:-200px 0 0 0;}

}




/***************** media web **************/
@media all and (max-width:1000px){

/* main */
.slider .item .titBox {width:47%;}
.swiperMnext {left:60%;}

}

/***************** media web **************/
@media all and (max-width:900px){

/* main */
#mainVisible {height:800px;}
.slider .item .titBox {top:284px;}
.swiperMprev {left:4%;}

#msector1 .hCont > div {width:370px;}
#msector1 .hCont .lbox {position:relative; left:0; top:0;}
#msector1 .hCont .cbox {display:block; position:absolute; right:0; top:0; padding:800px 0 0 0;}
#msector1 .hCont .rbox {position:relative; right:auto; left:0; top:0; margin:600px 0 0 6%;}
#msector3 .mainNews .img {width:45%;}
#msector3 .mainNews .info {left:52%; width:48%;}
#msector3 .mainEvent .info {left:5%; width:42%; top:0;}
#msector3 .mainEvent .img {width:45%;}
#msector3 .cTxt {font-size:8rem; margin:-100px 0 0 0; text-align:center; line-height:1;}
#msector4 {margin:-100px 0 0 0;}

}


/***************** media web **************/
@media all and (max-width:840px){

/* footer */
footer .fMenu ul li {margin:0 40px 0 0;}
footer .fRBox {position:relative; right:auto; left:-10px;}
footer .fRBox .fQuick {width:auto; float:none;}
footer .fRBox .fQuick ul li {width:80px; margin:0;}
footer .fRBox .fQuick ul li:nth-child(1) {width:80px;}
footer .fRBox .fQuick ul li:nth-child(2) {width:80px;}
footer .fRBox .fQuick ul li.familyGroup {float:right; margin:0;}
footer .fRBox .fSns {margin:30px 0 30px 10px;}
footer .fRBox .fSns ul {float:none;}
footer .fRBox .fSns ul li {margin:0 20px 0 0;}

}




/***************** media web **************/
@media all and (max-width:800px){

/* main */
#msector1 .hCont > div {width:300px;}


}


/***************** media mobile **************/
@media all and (max-width:768px){

/* header */
#mUtil .utilLang {right:108px;}
#mUtil .utilLang ul li {margin:0 0 0 15px;}

}


/***************** media mobile **************/
@media all and (max-width:640px){

/* header */
header {height:58px;}
header:before {top:58px;}
header h1 {top:13px; width:68px; height:30px; margin:0 0 0 20px;}
header h1 a {background-size:68px auto;}
header.fixed h1 a {background-size:68px auto;}

header #gnb > ul > li > a {padding:0 30px;}
header #gnb > ul > li > a > span {font-size:1.76rem; letter-spacing:2px; line-height:48px;}

header #gnb div[id*="topSubm"] .menu {padding:0 0 0 30px;}
header #gnb div[id*="topSubm"] .menu > ul {margin:0 0 20px 0;}
header #gnb div[id*="topSubm"] .menu > ul > li a {padding:0 0 16px 0; font-size:1.2rem;}
header #gnb div[id*="topSubm"] .menu > ul > li:last-child a {padding:0;}
header #gnb div#topSubm2 .menu > ul:last-child {margin:0 0 40px 0;}
header #gnb div[id*="topSubm"] .menu .brandBanner {padding:0 0 4px 0;}
header #gnb div[id*="topSubm"] .menu .brandBanner ul li span {font-size:1.2rem; padding:0 0 16px 0;}

#mNavi {right:15px; top:11px;}
#mNavi span {width:26px; height:2px; margin:7px;}
#mNavi.active span {height:2px;}
#mNavi.active .line:nth-child(1){-webkit-transform: translateY(11px);-ms-transform: translateY(11px);-o-transform: translateY(11px);transform: translateY(11px);}
#mNavi.active .line:nth-child(3){-webkit-transform: translateY(-7px) rotate(90deg);-ms-transform: translateY(-7px) rotate(90deg);-o-transform: translateY(-7px) rotate(90deg);transform: translateY(-7px) rotate(90deg);}

#mUtil {height:58px; margin:0 0 32px 0;}
#mUtil .utilMember {padding:18px 0 0 30px;}
#mUtil .utilMember span {font-size:1.04rem; line-height:18px; padding:0 0 0 30px; background-size:18px auto;}
#mUtil .utilMember a {font-size:1.04rem; line-height:18px;}
#mUtil .utilMember a:after {bottom:1px;}

#mUtil .utilLang {right:70px; top:0;}
#mUtil .utilLang ul li {margin:0 0 0 12px;}
#mUtil .utilLang ul li a {font-size:1rem; line-height:58px; letter-spacing:1px; padding:0 5px;}

html.brandTY header h1 a {background-size:68px auto;}
html.brandTY #locationWrap {margin:58px 0 0 0;} 


/* main */
#mainVisible {height:auto; padding:0 0 20px 0;}
.slider .item .titBox {left:auto; right:15px; top:auto; bottom:15px; width:232px; margin:0; padding:30px 25px; background:url('/content/images/bg/bg_main_visible_titbox.png') left top repeat; box-sizing:border-box;}
.slider .item .titBox .category {font-size:0.8333rem;}
.slider .item .titBox .tti {font-size:2.1666rem; padding:5px 0 0 0;}
.slider .item .titBox .ttx {font-size:1rem; line-height:1.7; padding:14px 0 0 0;}

.swiperMprev {display:none; left:12px; width:30px; height:30px; background-size:30px; margin:-15px 0 0 0;}
.swiperMnext {display:none; left:auto; right:12px; width:30px; height:30px; background-size:30px; margin:-15px 0 0 0;}

.mainDots {bottom:20px; left:10px; width:100%; text-align:left;}
.mainDots .swiper-pagination-bullet {width:14px; height:14px; background-size:14px; margin:0 6px;}
.mainDots .swiper-pagination-bullet-active {background-size:14px;}








/* sector1 */
#msector1 {padding:84px 0 0 0;}
#msector1 .hTit {font-size:2.1666rem; letter-spacing:3px; line-height:1.1; padding:0 0 25px 0;}
#msector1 .hCont .cbox {padding:400px 0 0 0;}
#msector1 .hCont .rbox {margin:430px 0 0 0;}http://203.245.8.115/html/main/main.php#
#msector1 .hCont > div {width:240px;}
#msector1 .hCont > div .sTit {font-size:1.2rem; letter-spacing:-0.5px; padding:0 0 12px 0;}
#msector1 .hCont > div .sTit strong {font-size:1.2rem;}

/* sector2 */
#msector2 {margin:150px 0 0 0; padding:0; text-align:center; background:#fff; overflow:hidden;}
#msector2 .hTit {font-size:2.1666rem; letter-spacing:3px; line-height:1.1; padding:0 0 25px 0;}
/* silde category */
#msector2 .vibox .txtArea .txt.v1 {left:20px; top:25%;}
#msector2 .vibox .txtArea .txt.v1 .logo {padding:0 0 20px 0;}
#msector2 .vibox .txtArea .txt.v1 .logo img {width:120px;}
#msector2 .vibox .txtArea .txt.v1 .tx span {font-size:1.5rem; letter-spacing:-0.5px; line-height:1.4; font-weight:500;}
#msector2 .vibox .txtArea .txt.v2 {left:20px; top:25%;}
#msector2 .vibox .txtArea .txt.v2 .logo {padding:0 0 24px 0;}
#msector2 .vibox .txtArea .txt.v2 .logo img {width:90px;}
#msector2 .vibox .txtArea .txt.v2 .tx span {font-size:1.5rem; letter-spacing:-0.5px; line-height:1.4; font-weight:500;}
#msector2 .vibox .txtArea .txt.v3 {left:20px; top:25%;}
#msector2 .vibox .txtArea .txt.v3 .logo {padding:0 0 16px 0;}
#msector2 .vibox .txtArea .txt.v3 .logo img {width:73px;}
#msector2 .vibox .txtArea .txt.v3 .tx span {font-size:1.5rem; letter-spacing:-0.5px; line-height:1.4; font-weight:500;}
#msector2 .vibox .txtArea .txt.v4 {left:20px; top:25%;}
#msector2 .vibox .txtArea .txt.v4 .logo {padding:0 0 20px 0;}
#msector2 .vibox .txtArea .txt.v4 .logo img {width:90px;}
#msector2 .vibox .txtArea .txt.v4 .tx span {font-size:1.5rem; letter-spacing:-0.5px; line-height:1.4; font-weight:500;}
#msector2 .vibox .txtArea .txt.v5 {left:20px; top:25%;}
#msector2 .vibox .txtArea .txt.v5 .logo {padding:0 0 30px 0;}
#msector2 .vibox .txtArea .txt.v5 .logo img {width:90px;}
#msector2 .vibox .txtArea .txt.v5 .tx span {font-size:1.5rem; letter-spacing:-0.5px; line-height:1.4; font-weight:500;}
#msector2 .vibox .txtArea .txt.v6 {left:20px; top:25%;}
#msector2 .vibox .txtArea .txt.v6 .logo {padding:0 0 20px 0;}
#msector2 .vibox .txtArea .txt.v6 .logo img {width:135px;}
#msector2 .vibox .txtArea .txt.v6 .tx span {font-size:1.5rem; letter-spacing:-0.5px; line-height:1.4; font-weight:500;}
#msector2 .vibox .txtArea .txt.v6 .tx span u {font-size:1.5rem; letter-spacing:-0.5px; line-height:1.4; font-weight:500;}
#msector2 .vibox .slick-dots {left:20px; bottom:30px;}
#msector2 .vibox .slick-dots li {width:14px; height:14px; margin:0 6px; background-size:14px;}
#msector2 .vibox .slick-dots li.slick-active {background-size:14px;}




/* sector3 */
#msector3 {padding:0; margin:0;}
#msector3 .hTit {font-size:2.1666rem; letter-spacing:3px; line-height:1.1; padding:0 0 55px 0;}
#msector3 .info .category .list {width:34px; height:34px; font-size:1rem; letter-spacing:0.5px; line-height:34px;}
#msector3 .info .category .more {left:50px; top:16px; margin:-8px 0 0 0;}
#msector3 .info .titArea {padding:0;}
#msector3 .info .titArea .product {font-size:1.2rem; letter-spacing:0.5px;}
#msector3 .info .titArea .tit {font-size:2rem; letter-spacing:0.5px; padding:0;}
#msector3 .info .titArea .day {font-size:1rem; letter-spacing:2px;}
#msector3 .info .txtArea {padding:16px 0 0 0;}
#msector3 .info .txtArea p {font-size:1.1rem; letter-spacing:0.5px; line-height:1.4;}
#msector3 .mainNews .img {width:80%; margin:0;}
#msector3 .mainNews .info {position:relative; left:0; top:0; width:80%; margin:30px 0 0 0;}
#msector3 .mainEvent {padding:0; margin:40px 0 0 0;}
#msector3 .mainEvent .img {float:none; width:80%; margin:0 0 0 20%;}
#msector3 .mainEvent .info {position:relative; left:0; top:0; width:80%; margin:30px 0 0 20%;}
#msector3 .cTxt {left:50%; top:30%; width:200%; font-size:6.333rem; letter-spacing:2px; margin:0 0 0 -100%;}


/* sector4 */
#msector4 {padding:0 0 30px 0; margin:84px 0 0 0;}
#msector4 .hTit {font-size:2.1666rem; letter-spacing:3px; line-height:1.1; padding:0 0 45px 0;}
#msector4 .proSlide .img img {width:150px;}
#msector4 .proSlide .txt {width:100%; text-align:center; overflow:hidden; word-break:keep-all;}
#msector4 .proSlide .txt span {font-size:1rem; letter-spacing:-0.5px; padding:0 0 8px 0;}
#msector4 .proSlide .txt p {font-size:1.2rem; letter-spacing:-0.5px; padding:0 0 55px 0;}
#msector4:after {height:194px;}
#msector4 .slick-dots li {width:14px; height:14px; margin:0 6px; background-size:14px;}
#msector4 .slick-dots li.slick-active {background-size:14px;}
#msector4 .prevBtn {left:-10px; width:40px; height:40px; background-size:40px; margin:-30px 0 0 0;}
#msector4 .nextBtn {right:-10px; width:40px; height:40px; background-size:40px; margin:-30px 0 0 0;}
#msector4 .slick-slide {opacity:0;}






/* footer */
footer {padding:60px 0 80px;}
footer .fMenu {margin:0 0 30px 0;}
footer .fMenu ul li {margin:0 20px 0 0;}
footer .fMenu ul li a {font-size:1rem;}
/*footer .fMenu ul li:last-child {float:none; clear:both; padding:10px 0 0 0;}*/

footer .fRBox .fQuick ul li {width:60px;}
footer .fRBox .fQuick ul li img {width:34px;}
footer .fRBox .fQuick ul li span {font-size:0.8rem;}
footer .fRBox .fQuick ul li.familyGroup {margin:0 -10px 0 0; padding:0 40px 0 0;}
footer .fRBox .fQuick ul li.familyGroup button {width:34px; height:34px; font-size:0.9rem; line-height:34px;}
footer .selectbox {min-width:140px; height:34px; padding:11px 46px 11px 12px; font-size:0.9rem; background-position:right 10px top 50%; border-radius:0;}

footer .fRBox .fSns {margin:20px 0 20px 12px;}
footer .fRBox .fSns ul li {margin:0 12px 0 0;}
footer .fRBox .fSns ul li img {width:34px;}
footer .fRBox .fSns ul li.ccm img {width:54px;}

footer .fInfo address {font-size:0.8rem; padding:0 0 14px 0; letter-spacing:0;}
footer .fInfo address strong {font-size:0.8rem; padding:0 8px 0 0;}
footer .fInfo ul li {font-size:0.8rem; letter-spacing:0;}
footer .fInfo ul li span {font-size:0.8rem;}

footer .copyright {font-family: 'Geomanist Book', sans-serif; font-size:0.7rem; padding:25px 0 0 0;}

footer .topBtn {top:-125px; width:42px; height:55px; background-size:42px 55px;}
footer .topBtn a span {font-size:1.1rem; padding:28px 0 0 0;}
footer .topBtn:hover {background-size:42px 55px;}


}




/***************** media mobile **************/
@media all and (max-width:540px){

/* sector1 */
#msector1 .hCont .cbox {padding:340px 0 0 0;}
#msector1 .hCont .rbox {margin:380px 0 0 0;}
#msector1 .hCont > div {width:200px;}

}