@charset "utf-8";

/* main common */
#container p {word-break:keep-all;}
.main-tit {text-align:center;}
.main-tit strong {display:block; margin:0 0 10px; color:#222; font-size:3.125em; font-weight:400; letter-spacing:-0.025em; line-height:1;}
.main-tit h2 {color:#222; font-family:"Montserrat",sans-serif; font-size:3.125em; font-weight:500; letter-spacing:-0.025em; line-height:1;}


/* 상단 비주얼 슬라이드 */
.main-sec1 {position:relative;}
.main-sec1 .main-slide {position:relative; outline:0 none; overflow:hidden;}
.main-sec1 .main-slide .bg {position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    transition:none;
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.main-sec1 .main-slide01 .bg {background-image:url("../img/main/main_slide01.jpg");}
.main-sec1 .main-slide02 .bg {background-image:url("../img/main/main_slide02.jpg");}
.main-sec1 .main-slide03 .bg {background-image:url("../img/main/main_slide03.jpg");}
.main-sec1 .main-slide04 .bg {background-image:url("../img/main/main_slide04_r.jpg");}
.main-sec1 .main-slide-tbl {display:table; table-layout:fixed; position:relative; width:100%; height:100vh;}
.main-sec1 .main-slide-cell {display:table-cell; padding:120px 0; vertical-align:middle;}
.main-sec1 .main-slide b {color:#222; font-weight:700;}
.main-sec1 .main-slide em {display:block; font-family:"Montserrat",sans-serif; font-weight:700; font-style:normal;}
.main-sec1 .main-slide em sup {font-weight:500;}
.main-sec1 .main-slide .tit {margin:10px 0 0; font-size:4.375em; letter-spacing:-0.025em; line-height:1.286em;}
.main-sec1 .main-slide .tit > span {display:block;}
.main-sec1 .main-slide p {margin:44px 0 36px; font-family:"Montserrat",sans-serif; font-size:1.250em; font-weight:500; line-height:1.5em;}
.main-sec1 .animated .bg {
    -webkit-transition:transform 5s;
    -moz-transition:transform 5s;
    -o-transition:transform 5s;
    transition:transform 5s;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}

.main-sec1 .main-slide01 .slide-cont {display:inline-block; position:relative;}
.main-sec1 .main-slide01 .slide-cont:before {content:""; position:absolute; left:-45%; top:-100%; width:190%; height:300%; background:url("../img/main/main_slide01_txt_shade.png") no-repeat center center; background-size:cover;}
.main-sec1 .main-slide01 .txt {position:relative; z-index:1;}
.main-sec1 .main-slide01 .tit {margin:0;}
.main-sec1 .main-slide01 .tit b {font-family:"Montserrat",sans-serif;}
.main-sec1 .main-slide01 .tit sup {font-family:"Montserrat",sans-serif; font-weight:500;}
.main-sec1 .main-slide02 em {color:#cea37c;}
.main-sec1 .main-slide03 em {color:#784d86;}
.main-sec1 .main-slide04 em {color:#4ab9e1;}

.main-sec1 .slide-util {position:absolute; left:0; bottom:70px; width:100%; line-height:1;}
.main-sec1 .slide-count {display:inline-block; vertical-align:middle;}
.main-sec1 .slide-count span {font-family:"Montserrat",sans-serif; font-size:1.250em; font-weight:700; vertical-align:middle;}
.main-sec1 .slide-count em {display:inline-block; width:50px; height:2px; margin:0 5px; vertical-align:middle; background-color:#eee;}
.main-sec1 .slide-count em i {display:block; width:0; height:100%; font-size:0; text-indent:-9999px; background-color:#333;
    -webkit-transition:width 400ms;
    -moz-transition:width 400ms;
    -o-transition:width 400ms;
    transition:width 400ms;
}
.main-sec1 .btn-play {width:20px; height:20px; margin-left:8px; font-size:0; text-indent:-9999px; vertical-align:middle; border:0 none; background:url("../img/main/slide_pause.png") no-repeat center center; background-size:cover;}
.main-sec1 .btn-play.go-pause {background-image:url("../img/main/slide_play.png");}


/* best product */
.main-sec2 {margin:150px 0 0;}
#best_product .prd-list {padding:0 !important;}
#best_product .prd-list a {outline:0 none;}
#best_product .slick-arrow {position:absolute; top:50%; width:27px; height:49px; margin-top:-25px; opacity:0.3; border:0 none; background-color:transparent; background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:10;}
#best_product .slick-prev {left:-10px; background-image:url("../img/main/slide_prev.png");}
#best_product .slick-next {right:-10px; background-image:url("../img/main/slide_next.png");}
#best_product .slick-arrow:hover {opacity:1;}
.main-sec2 .btn-wrap {margin:40px 0 0; text-align:center;}


/* view sector */
.main-sec3 {position:relative; margin:120px 0 0; padding:105px 0 180px;}
.view-sector {position:relative; max-width:1420px; margin:0 auto; z-index:1; *zoom:1;}
.view-sector:after {content:""; display:block; visibility:hidden; clear:both;}
.view-sector .img-sector {width:790px;}
.view-sector .img-sector img {width:100%;}
.view-sector .img1 {display:block;}
.view-sector .img2 {display:none;}
.view-sector .txt-sector {display:table; table-layout:fixed; position:absolute; top:0; width:630px; height:100%;}
.view-sector .txt-cell {display:table-cell; vertical-align:middle;}
.view-sector .txt-cell strong {display:block; color:#222; font-size:3.125em; font-weight:400; letter-spacing:-0.025em; line-height:1.400em;}
.view-sector .txt-cell .font-mont {font-weight:500;}
.view-sector .txt-cell p {margin:28px 0 56px; font-size:1.125em; letter-spacing:-0.05em; line-height:1.778em;}
.view-brand .img-sector {float:right;}
.view-brand .txt-sector {left:0;}
.view-usc1994 {margin-top:130px;}
.view-usc1994 .txt-sector {right:0; padding-left:100px;}
.view-usc1994 .txt-cell p br {display:none;}
.circle-wrap {position:absolute; left:0; top:0; width:100%; height:100%;}
.circle-wrap .inner {height:100%;}
.circle-wrap .circle {position:absolute; width:318px; height:318px;}
.circle-wrap .circle01 {left:-6.7%; top:0px;}
.circle-wrap .circle02 {left:-6.7%; top:65px;}
.circle-wrap .circle03 {left:-6.7%; top:130px;}
.circle-wrap .circle04 {left:34.74%; top:24.8%;}
.circle-wrap .circle05 {right:20px; top:91%;}
.circle-wrap .circle i {display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;
    -webkit-transition:600ms ease-out;
    -moz-transition:600ms ease-out;
    -o-transition:600ms ease-out;
    transition:600ms ease-out;
}
.circle-wrap .circle01 i {background-image:url("../img/main/circle01.png");}
.circle-wrap .circle02 i {background-image:url("../img/main/circle02.png");}
.circle-wrap .circle03 i {background-image:url("../img/main/circle02.png");}
.circle-wrap .circle04 i {background-image:url("../img/main/circle02.png");}
.circle-wrap .circle05 i {background-image:url("../img/main/circle03.png");}


/* go mall */
.main-sec4 {display:table; table-layout:fixed; position:relative; width:100%; height:590px; background:url("../img/main/sec4_img1.jpg") no-repeat center center; background-size:cover; z-index:1;}
.main-sec4 .sec-cell {display:table-cell; vertical-align:middle;}
.main-sec4 .txt {padding:0 50px;}
.main-sec4 .txt strong {display:block; color:#222; font-family:"Montserrat",sans-serif; font-size:3.125em; font-weight:500; letter-spacing:-0.025em; line-height:1;}
.main-sec4 .txt p {margin:24px 0 56px; font-size:1.125em; letter-spacing:-0.05em; line-height:1.778em;}


/* instagram */
.main-sec5 {margin:150px 0 0;}
.admin-btns {text-align:right;}
.main-sec5 .insta-box {opacity:0;
    transition:opacity 600ms;
}


@media screen and (max-width:1560px){
/* view sector */
.view-sector .img-sector {width:55%;}
.view-sector .txt-sector {width:45%;}
.view-usc1994 .txt-sector {padding-left:2%;}
.view-usc1994 .txt-cell p br {display:block;}
}
/* end media 1560px */


@media screen and (max-width:1023px){
/* 상단 비주얼 슬라이드 */
.main-sec1 .main-slide em {font-size:1.167em;}
.main-sec1 .main-slide .tit {font-size:2.917em;}
.main-sec1 .main-slide p {margin:33px 0 27px;}

/* best product */
.main-sec2 {margin:90px 0 0;}

/* view sector */
.main-sec3 {margin:90px 0 0;}
.view-sector .txt-cell strong {font-size:2.500em;}
.view-sector .txt-cell p {font-size:1.333em;}
.view-usc1994 {margin:90px 0 0;}
.circle-wrap .circle {width:250px; height:250px;}

/* go mall */
.main-sec4 {height:500px;}

/* instagram */
.main-sec5 {margin:100px 0 0;}
}
/* end media 1023px */


@media screen and (max-width:767px){
/* main common */
.main-tit strong {margin:0 0 5px; font-size:2.500em; font-weight:300;}
.main-tit h2 {font-size:2.500em; font-weight:400;}

/* 상단 비주얼 슬라이드 */
.main-sec1 .main-slide01 .bg {background-image:url("../img/main/m_main_slide01.jpg");}
.main-sec1 .main-slide02 .bg {background-image:url("../img/main/m_main_slide02.jpg");}
.main-sec1 .main-slide03 .bg {background-image:url("../img/main/m_main_slide03.jpg");}
.main-sec1 .main-slide04 .bg {background-image:url("../img/main/m_main_slide04_r.jpg");}
.main-sec1 .main-slide-tbl {display:block;}
.main-sec1 .main-slide-cell {display:block; padding:16.4vh 0 0; text-align:center;}
.main-sec1 .main-slide01 .slide-cont:before {left:0;}
.main-sec1 .main-slide p {display:none;}
.main-sec1 .main-slide .btn-slide {margin:39px 0 0;}
.main-sec2 .btn-wrap {margin:30px 0 0;}

.main-sec1 .slide-util {bottom:30px; text-align:center;}
.main-sec1 .slide-count span {font-size:1.167em; font-weight:400;}
.main-sec1 .slide-count em {height:1px; background-color:#fff;}
.main-sec1 .btn-play {margin-left:4px;}

/* best product */
.main-sec2 {margin:60px 0 0;}
#best_product .slick-arrow {width:14px; height:25px; margin-top:-12px;}
#best_product .slick-prev {left:0;}
#best_product .slick-next {right:0;}

/* view sector */
.main-sec3 {margin:60px 0 0; padding:0 0 60px;}
.view-sector .img-sector {float:none; width:100%;}
.view-sector .img1 {display:none;}
.view-sector .img2 {display:block;}
.view-sector .txt-sector {display:block; position:static; width:100%; margin:28px 0 0;}
.view-sector .txt-cell {display:block;}
.view-sector .txt-cell p {margin:18px 0 35px;}
.view-usc1994 {margin:60px 0 0;}
.view-usc1994 .txt-sector {padding-left:0;}
.circle-wrap {display:none;}

/* go mall */
.main-sec4 {position:relative; height:auto; padding-top:124%; background-image:url("../img/main/m_sec4_img1.jpg");}
.main-sec4 .sec-cell {position:absolute; left:0; top:0; width:100%; padding:12.6% 0 0; text-align:center; vertical-align:top;}
.main-sec4 .txt {padding:0;}
.main-sec4 .txt strong {font-size:2.500em; font-weight:400;}
.main-sec4 .txt p {margin:18px 0 35px;; font-size:1.333em;}

/* instagram */
.main-sec5 {margin:70px 0 0;}
}
/* end media 767px */