@charset "utf-8";

/* 팝업 */
#popBg{width:100%; height:0; position:absolute;}
#popBg .mainPop{position:absolute; z-index:99999; font-size:0;}
#popBg .mainPop .popContent{width:100%; height:auto; background:#fff; font-size:14px;}
#popBg .mainPop .popContent a{display:block; width:100%; height:auto;}
#popBg .mainPop .popClose{width:100%; height:30px; background-color:#000; padding:5px; text-align:left;}
#popBg .mainPop .popClose input[type="checkbox"]{display:inline-block; vertical-align:top; width:20px; height:20px; margin:0 5px 0 0;}
#popBg .mainPop .popClose span{display:inline-block; vertical-align:top; font-size:16px; font-weight:400; letter-spacing:-0.05em; line-height:20px; color:#fff;}
#popBg .mainPop .popClose a{display:inline-block; vertical-align:top; color:#fff; margin-left:5px;}

@media all and (max-width:1024px){
	/* #popBg{height:100%; position:fixed; top:0; left:0; z-index:100000; background:rgba(0,0,0,.7); padding-top:100px; box-sizing:border-box;} */
	#popBg .mainPop{max-width:90%; height:auto !important; position:relative; z-index:1; margin:10px auto 0 auto; left:auto !important; top:auto !important;}
	#popBg .mainPop:nth-of-type(1){margin-top:100px;}
	#popBg .mainPop .popContent{width:100%; height:auto; background:#fff; font-size:14px;}
	#popBg .mainPop .popClose{width:100%; height:30px; background-color:#000; padding:5px; text-align:left;}
	#popBg .mainPop .popClose input[type="checkbox"]{display:inline-block; vertical-align:top; width:20px; height:20px; margin:0 5px 0 0;}
	#popBg .mainPop .popClose span{display:inline-block; vertical-align:top; font-size:15px; font-weight:400; letter-spacing:-0.05em; line-height:20px; color:#fff;}
	#popBg .mainPop .popClose a{display:inline-block; vertical-align:top; color:#fff; margin-left:5px;}	
}

/* COMMON */
.sec-wrap { overflow:hidden;}
.sec-wrap,
.sec-header,
.sec-content,
.sec-footer { position:relative; margin:0; padding:0; width:100%; -webkit-box-sizing:border-box; box-sizing:border-box;}

html { scroll-behavior: smooth;}
body{ -ms-overflow-style: none; scrollbar-width: none; scroll-behavior: smooth;} 
body::-webkit-scrollbar { display: none;}

.btnset { overflow: visible; display: inline-block !important; outline: none !important; cursor: pointer !important; text-align: center !important; text-decoration: none !important; vertical-align: middle !important; border: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s;}
.hide { position: absolute; left:-30000%; font-size:0; line-height:0; text-indent:-9999px;}

.clearfix {*zoom:1;}
.clearfix:after { content:""; display:block; clear:both; }

.wrap { overflow: hidden;}
.fl { float:left !important;}
.fr { float:right !important;}

#skip-contents a { overflow:hidden; position:absolute; top:0; left:0; z-index:100000; width:1px; height:1px; font-size:0; line-height:0;}
#skip-contents a:focus,
#skip-contents a:active {width:100%; height:3.75em; background:#21272e; font-size:2rem; color:#fff; line-height:1.65em; font-weight:bold; text-align:center; text-decoration:none;}

.maxinner { margin:0 auto; max-width:1280px; width:100%;}
.sub .sec-centent { min-height:700px;}

.videobox { overflow: hidden; position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; padding:0; background:#000;}
.videobox:after { content:""; position: absolute; left:0; top:0; z-index:5; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.videobox iframe { position: absolute; top: 50%; left: 50%; max-width:none; min-width: 100%; min-height: 100%; box-sizing: border-box; width: 177.77777778vh; height: 56.25vw; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.videowrap { overflow: hidden; position: relative; width:100%; /*padding-bottom: 56.25%;*/}
.videowrap iframe { position: absolute; right: 0; bottom: 0; top:0; right:0; z-index:3; width: 100%; height: 100%;}

.hd_pops_footer button { font-size:1.3rem;}
.hd_pops_footer button strong { vertical-align: baseline;}


#ctt { margin: 0 auto; max-width: 1000px; margin-bottom:5em; padding: 2.143em; font-size: 1.4rem;}
.chk_box { position:relative;}
.chk_box input[type="radio"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box input[type="radio"] + label {position:relative;padding-left:23px;display:inline-block;color:#676e70}
.chk_box input[type="radio"] + label:hover{color:#b28e68}
.chk_box input[type="radio"] + label span {position:absolute;top:50%;left:0;margin-top:-8.5px;width:17px;height:17px;display:block;background:#fff;border:2px solid #b28e68;border-radius:50%;}
.chk_box input[type="radio"]:checked + label {color:#000}
.chk_box input[type="radio"]:checked + label span {background:#b28e68 url(/img/ico/ico-check.png) no-repeat center; background-size:14px;border-color:#b28e68;border-radius:50%;}

.chk_box input[type="checkbox"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box input[type="checkbox"] + label {position:relative;padding-left:23px;display:inline-block;color:#676e70}
.chk_box input[type="checkbox"] + label:hover{color:#b28e68}
.chk_box input[type="checkbox"] + label span {position:absolute;top:50%;left:0;margin-top:-8.5px;width:17px;height:17px;display:block;background:#fff;border:2px solid #b28e68;border-radius:2px;}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:#b28e68 url(/img/ico/ico-check.png) no-repeat center; background-size:14px;border-color:#b28e68;border-radius:2px;}



/* BTN SETTING */
.btn-gotop { width:54px; height:48px; background:url(/img/ico/ico-top.png) no-repeat center;}

.btn-hd-info { position: relative;}
.btn-hd-info span { display:block; position: relative; z-index:10; width:160px; height:42px; font-size:1.5rem; color:#fff; line-height:42px; font-family:'Poppins','Noto Sans KR',sans-serif; letter-spacing: 0.6px;}
.btn-hd-info:after { content:""; opacity: 1; position:absolute; left:0; top:-1px; width:100%; height:100%; border-radius:44px; -webkit-transition:all 0.3s; transition:all 0.3s; -webkit-transform:scale(1,1); transform:scale(1,1);}
.btn-hd-info:before { content:""; opacity: 0; position:absolute; left:0; top:-2px; width:100%; height:100%; border-top:2px solid #fff; border-bottom:2px solid #fff; -webkit-transition:all 0.3s; transition:all 0.3s; -webkit-transform:scale(0,1); transform:scale(0,1);}

.btn-hd-info:hover { overflow:visible;}
.btn-hd-info:hover:after { opacity: 0; -webkit-transform:scale(0,1); transform:scale(0,1);}
.btn-hd-info:hover:before { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1);}
/*
.btn-hd-info.btn-lang span { background:url(/img/ico/ico-language-white.png) no-repeat 30px 9.5px;}
.btn-hd-info.btn-lang:after { border:1px solid #fff;}
*/
.btn-hd-info.btn-shop img { margin-right:8px; vertical-align:text-bottom;}
.btn-hd-info.btn-shop:after { border:1px solid #b28e68; background:#b28e68;}

.btn-viewmore { position: relative; background:none;}
.btn-viewmore span { display:block; position: relative; z-index:10; padding:0 45px 0 77px; background: url(/img/ico/ico-shop.png) no-repeat 25% 14px; font-size:1.5rem; color:#fff; line-height:52px; font-family:'Poppins','Noto Sans KR',sans-serif; letter-spacing: 0.6px;}
.btn-viewmore:after { content:""; opacity: 1; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:52px; background:#b28e68; -webkit-transition:all 0.3s; transition:all 0.3s; -webkit-transform:scale(1,1); transform:scale(1,1);}
.btn-viewmore:before { content:""; opacity: 0; position:absolute; left:0; top:-2px; width:100%; height:100%; border-top:2px solid #b28e68; border-bottom:2px solid #b28e68; -webkit-transition:all 0.3s; transition:all 0.3s; -webkit-transform:scale(0,1); transform:scale(0,1);}

.btn-viewmore:hover { overflow:visible;}
.btn-viewmore:hover span { background-image: url(/img/ico/ico-shop-brown.png); color:#b28e68;}
.btn-viewmore:hover:after { opacity: 0; -webkit-transform:scale(0,1); transform:scale(0,1);}
.btn-viewmore:hover:before { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1);}

.btn-viewmore02 { position: relative; background:none;}
.btn-viewmore02:after { content:""; opacity: 1; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:52px; background:#b28e68; -webkit-transition:all 0.3s; transition:all 0.3s; -webkit-transform:scale(1,1); transform:scale(1,1);}
.btn-viewmore02:before { content:""; opacity: 0; position:absolute; left:0; top:-2px; width:100%; height:100%; border-top:2px solid #fff; border-bottom:2px solid #fff; -webkit-transition:all 0.3s; transition:all 0.3s; -webkit-transform:scale(0,1); transform:scale(0,1);}
.btn-viewmore02 span { display:block; position: relative; z-index:10; padding:0 95px 0 25px; font-size:1.5rem; color:#fff; line-height:52px; font-family:'Poppins','Noto Sans KR',sans-serif; letter-spacing: 0.6px;}
.btn-viewmore02 span:after { content:""; position:absolute; right:0; top:5px; width:29px; height:24px; margin-top:20px; background:url(/img/bu/bu-polygon.png) no-repeat center; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.btn-viewmore02 span:before { content:""; position:absolute; right:14.5px; top:13px; z-index:1; width:29px; height:24px; background:url(/img/bu/bu-plus.png) no-repeat center 6px;}

.btn-viewmore02:hover { overflow:visible;}
.btn-viewmore02:hover:after { opacity: 0; -webkit-transform:scale(0,1); transform:scale(0,1);}
.btn-viewmore02:hover:before { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1);}

.btn-viewmore03 { position: relative; background:none;}
.btn-viewmore03:after { content:""; opacity: 1; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:52px; background:#b28e68; -webkit-transition:all 0.3s; transition:all 0.3s; -webkit-transform:scale(1,1); transform:scale(1,1);}
.btn-viewmore03:before { content:""; opacity: 0; position:absolute; left:0; top:-2px; width:100%; height:100%; border-top:2px solid #b28e68; border-bottom:2px solid #b28e68; -webkit-transition:all 0.3s; transition:all 0.3s; -webkit-transform:scale(0,1); transform:scale(0,1);}
.btn-viewmore03 span { display:block; position: relative; z-index:10; width:210px; font-size:1.5rem; color:#fff; line-height:52px; font-family:'Poppins','Noto Sans KR',sans-serif; letter-spacing: 0.6px;}

.btn-viewmore03:hover { overflow:visible;}
.btn-viewmore03:hover span {color:#b28e68;}
.btn-viewmore03:hover:after { opacity: 0; -webkit-transform:scale(0,1); transform:scale(0,1);}
.btn-viewmore03:hover:before { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1);}

.btn-video-play { width:78px; height:78px; border-radius:50%; background:rgba(0,0,0,0.63) url(/img/ico/ico-play.png) no-repeat center;}
.btn-video-play:hover { background-color:#b28e68;}

.btn-more { position:relative; width:42px; height:37px; background:url(/img/bu/bu-polygon-big.png) no-repeat center;}
.btn-more:after { content:""; position:absolute; left:9.5px; top:7px; width:23px; height:23px; background:url(/img/bu/bu-more.png) no-repeat center;}





/* TABLE STYLE */
.tbstyle01 { border-top:1px solid #b28e68;}
.tbstyle01 table caption { font-size:0; line-height:0; text-indent:-9999px;}
.tbstyle01 table { width:100%; border-spacing:0; border-collapse:collapse;}
.tbstyle01 table th { padding:10px 0; border-bottom:1px solid #d8d8d8; border-left:1px solid #d8d8d8; background:#f7f7f7; font-size:14px; color:#000; font-weight:400; letter-spacing: -0.5px;}
.tbstyle01 table td { padding:20px 40px; border-bottom:1px solid #d8d8d8; border-left:1px solid #d8d8d8; font-size:14px; color:#555; letter-spacing: -0.5px;}





/* HEADER */
.sec-header { position: fixed; left:0; top:0; width:100%; z-index:5000;}
.sec-header #header .inner { height:98px;}
.sec-header #header .inner:after { content:""; position:absolute; left:0; bottom:0; width:55px; height:1px; background:rgba(255,255,255,0.5); -webkit-transition:all 0.4s cubic-bezier(0.83, 0, 0.17, 1); transition:all 0.4s cubic-bezier(0.83, 0, 0.17, 1);}
.sec-header #header .inner:before { content:""; position:absolute; right:0; bottom:0; margin-right:-278px; width:100%; height:1px; background:rgba(255,255,255,0.5); -webkit-transition:all 0.4s cubic-bezier(0.83, 0, 0.17, 1); transition:all 0.4s cubic-bezier(0.83, 0, 0.17, 1);}

.sec-header #header h1 { position:absolute; left:70px; top:23px; z-index:100;}
.sec-header #header h1 a { display:block; position: relative; }

.sec-header #header .gnb-wrap { display:flex; justify-content:center; align-items:center; position:relative; width:100%; height:100%; text-align:center;}
.sec-header #header .gnb-wrap .gnb > ul { display:flex;}
.sec-header #header .gnb-wrap .gnb > ul > li { margin:0 2em;}
.sec-header #header .gnb-wrap .gnb > ul > li > a { display:block; position: relative; top:0; font-size:2rem; color:#fff; font-family:'Noto Sans KR',sans-serif; letter-spacing: 0.8px; text-transform: uppercase; line-height:1.667em; font-weight:400;
    -webkit-transition:all 0.4s cubic-bezier(0.83, 0, 0.17, 1); 
    transition:all 0.4s cubic-bezier(0.83, 0, 0.17, 1);
}
.sec-header #header .gnb-wrap .gnb > ul > li > a p { opacity:0; visibility:hidden; position:absolute; left:0; top:100%; width:100%; font-size:1.5rem; letter-spacing:-0.3px; font-weight:500;
    -webkit-transition:all 0.4s cubic-bezier(0.83, 0, 0.17, 1); 
    transition:all 0.4s cubic-bezier(0.83, 0, 0.17, 1);
}
.sec-header #header .gnb-wrap .gnb > ul > li > a:after { content:""; position:absolute; left:0; bottom:0; width:0; height:1px; background:#fff; -webkit-transition:all 0.3s; transition:all 0.3s;}
.sec-header #header .gnb-wrap .gnb > ul > li.on > a:after,
.sec-header #header .gnb-wrap .gnb > ul > li > a:hover:after { width:100%;}
.sec-header #header .gnb-wrap .gnb > ul > li > a:hover { top:-7px;}
.sec-header #header .gnb-wrap .gnb > ul > li > a:hover p { opacity:1; visibility:visible;}
.sec-header #header .gnb-wrap .gnb > ul > li.mb-on { display:none;}

.sec-header #header .gnb-wrap .hd-info { display:flex;  position:absolute; right:70px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.sec-header #header .gnb-wrap .hd-info .hd-list01:after { content:""; display:block; clear:both;}
.sec-header #header .gnb-wrap .hd-info .hd-list01 > li { float:left; position:relative; margin-left:13px;}
.sec-header #header .gnb-wrap .hd-info .hd-list01 > li:first-child { margin-left:0;}
.sec-header #header .gnb-wrap .hd-info .hd-list02 { margin-left:10px;font-size:0;}
.sec-header #header .gnb-wrap .hd-info .hd-list02 > li { display:inline-block; position:relative; margin-left:10px; vertical-align:middle}
.sec-header #header .gnb-wrap .hd-info .hd-list02 > li:first-child { margin-left:0;}
.sec-header #header .gnb-wrap .hd-info .hd-list02 > li > a { display:flex; justify-content:center; align-items:center; width:42px; height:42px; border-radius:50%; border:1px solid #fff; font-size:2rem; color:#fff;}
.sec-header #header .gnb-wrap .hd-info .hd-list02 > li > a:hover { background:#b28e68; border-color:#b28e68;}
.sec-header #header .gnb-wrap .hd-info .hd-list02 .lang-list { display:none; position:absolute; left:50%; top:100%; margin-top:10px; margin-left:-35px; padding:7px 0; width:70px; border-radius:10px; background:#fff; box-shadow:1px 1px 5px -1px rgba(0,0,0,0.3);}
.sec-header #header .gnb-wrap .hd-info .hd-list02 .lang-list:after { content:""; position:absolute; left:50%; top:-14px; margin-left:-7px; border:7px solid transparent; border-bottom:7px solid #fff;}
.sec-header #header .gnb-wrap .hd-info .hd-list02 .lang-list a { display:block; padding:5px 0; font-size:1.5rem;}
.sec-header #header .gnb-wrap .hd-info .hd-list02 .lang-list a:hover { color:#b28e68;}
.sec-header #header .gnb-wrap .hd-info .hd-list02 > li.on .lang-list { display:block;}
.sec-header #header .gnb-wrap .hd-info .hd-list02 .cursor-txt { display:none; position:absolute; left:50%; top:100%; margin-top:10px; padding:5px 15px; border-radius:10px; background:#fff; font-size:1.4rem;
    -webkit-transform:translate(-50%);
    transform:translate(-50%);
    box-shadow:1px 1px 5px -1px rgba(0,0,0,0.3);
}
.sec-header #header .gnb-wrap .hd-info .hd-list02 .cursor-txt:after { content:""; position:absolute; left:50%; top:-14px; margin-left:-7px; border:7px solid transparent; border-bottom:7px solid #fff;}
.sec-header #header .gnb-wrap .hd-info .hd-list02 li:hover .cursor-txt { display:block;}
.sec-header #header .hd-allmenu { display:none;}


/* HEADER - FIX */
.sec-header.st-fix #header .inner { background:rgba(0,0,0,0.5);}
.sec-header.st-fix #header .inner:after { width:0;}
.sec-header.st-fix #header .inner:before { width:0;}
.sec-header.st-fix #header h1 {top:12px;}
.sec-header.st-fix #header h1 a { width:130px;}

.sec-header.fix #header .inner { background:rgba(0,0,0,0.5);}
.sec-header.fix #header .inner:after { width:0;}
.sec-header.fix #header .inner:before { width:0;}
.sec-header.fix #header h1 {top:12px;}
.sec-header.fix #header h1 a { width:130px;}





/* MAIN COMMON */
.fp-section.fp-table, 
.fp-tableCell { /*min-height:700px;*/ text-align: center;}

#main-footer.fp-section.fp-table, 
#main-footer .fp-tableCell { min-height:auto;}

.common-big-txt { font-size:6rem; color:#fff; font-family:'Nanum Myeongjo', sans-serif; font-weight:400; line-height:1;}
.common-sm-txt { font-size:2.2rem; color:#fff; line-height:1.682em; letter-spacing: -0.045em; font-weight:300;} 

.txtwrap { opacity: 0; visibility: hidden;}
.section.active .txtwrap { -webkit-animation:moveText 0.8s 0.5s forwards; animation:moveText 0.8s 0.5s forwards;}

@-webkit-keyframes moveText {
    0%{
        opacity: 0;
        visibility: hidden;
        -webkit-transform:translateY(50px);
        transform:translateY(50px);
    }
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}
@keyframes moveText {
    0%{
        opacity: 0;
        visibility: hidden;
        -webkit-transform:translateY(50px);
        transform:translateY(50px);
    }
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}





/* MAIN - VISUAL */
#main-visual { overflow: hidden; position: relative;}
#main-visual .txtwrap { position:relative; z-index:10;}
#main-visual .txtwrap h2 { margin-top:0.333em; font-size:6.5rem; color:#fff; font-family:'Poppins', sans-serif; font-weight:700; line-height:1.210em; text-transform:uppercase;}
#main-visual .txtwrap p { margin-top:0.5em; font-size:3rem; color:#fff; font-family:'Nanum Myeongjo', sans-serif; font-weight:400;}
#main-visual .txtwrap .btnwrap { margin-top:5em;}

#main-visual .main-visual-scroll { position:absolute; left:50%; bottom:5%; z-index:10; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
#main-visual .main-visual-scroll p { position: relative; padding-bottom:5.714em; background:url(/img/ico/ico-scroll.png) no-repeat center bottom; font-size:1.4rem; color:#fff; font-family: 'Poppins',sans-serif; letter-spacing: 0.143em; line-height:1;}
#main-visual .main-visual-scroll p span { opacity: 0; position:absolute; left:50%; bottom:22px; width:11px; height:43px; background:url(/img/ico/ico-scroll-bar.png) no-repeat center; -webkit-animation:scrBar 1s infinite; animation:scrBar 1s infinite;}
#main-visual.motion:before { -webkit-animation: zoomOutBg 3s linear forwards; animation: zoomOutBg 3s linear forwards;}

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

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





/* MAIN - SEC01 */
#main-sec01 { background:url(/img/main/main-sec01-bg01.jpg) no-repeat center; background-size:cover;}
#main-sec01 .txtwrap strong { display:block; padding:0.5em 0 0.6em; font-size:3.8rem; color:#fff; letter-spacing: -0.016em; font-family:'Nanum Myeongjo', sans-serif; font-weight:400; line-height:1.316em;}
#main-sec01 .txtwrap p { position:relative; padding-top:3.3em; font-size:2rem; color:#e4e4e4; line-height:1.75em; letter-spacing: -0.04em; font-weight:300;}
#main-sec01 .txtwrap p:after { content:""; position: absolute; left:50%; top:0; margin-left:-0.5px; width:1px; height:40px; background:#fff;}





/* MAIN - SEC02 */
#main-sec02 ul { display:flex; width:100%; height:100%;}
#main-sec02 ul > li { flex:1;}
#main-sec02 ul > li > a { display:block; position: relative; width:100%; height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat;}
#main-sec02 ul > li:nth-child(1) > a { background-image:url(/img/main/main-sec02-bg01.jpg);}
#main-sec02 ul > li:nth-child(2) > a { background-image:url(/img/main/main-sec02-bg02.jpg);}
#main-sec02 ul > li:nth-child(3) > a { background-image:url(/img/main/main-sec02-bg03.jpg);}
#main-sec02 ul > li:nth-child(4) > a { background-image:url(/img/main/main-sec02-bg04.jpg);}
#main-sec02 ul > li > a:after { opacity: 0; visibility: hidden; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(132,100,67,0.88); -webkit-transition:all cubic-bezier(0.22, 1, 0.36, 1) 0.5s; transition:all cubic-bezier(0.22, 1, 0.36, 1) 0.5s;}
#main-sec02 ul > li > a:hover:after { opacity: 1; visibility: visible;}

#main-sec02 .txtwrap { position:absolute; left:0; top:47%; width:100%; z-index:10;}
#main-sec02 .txtwrap h2 { font-size:3.4rem; color:#fff; font-weight:400; font-family: 'Poppins',sans-serif; text-transform: uppercase; line-height:1; letter-spacing: 0.015em;}
#main-sec02 .txtwrap p { margin-top:1.5em; font-size:2rem; color:#e4e4e4; line-height:1.600em; letter-spacing: -0.040em; font-weight:300;}

#main-sec02.active ul > li:nth-child(1) .txtwrap { animation-delay: 0.5s;}
#main-sec02.active ul > li:nth-child(2) .txtwrap { animation-delay: 0.6s;}
#main-sec02.active ul > li:nth-child(3) .txtwrap { animation-delay: 0.7s;}
#main-sec02.active ul > li:nth-child(4) .txtwrap { animation-delay: 0.8s;}





/* MAIN - SEC03 */
#main-sec03 { text-align: left;}
#main-sec03 .fp-tableCell { display:flex;}
#main-sec03 .fp-tableCell > div { flex:1;}
#main-sec03 .fp-tableCell > div.left-con { background:url(/img/main/main-sec03-bg01.jpg) no-repeat center; background-size:cover;}
#main-sec03 .fp-tableCell > div.right-con { display:flex; align-items: center; background:url(/img/main/main-sec03-bg02.jpg) no-repeat center; background-size:cover;}
#main-sec03 .fp-tableCell > div.right-con .txtwrap { padding:4em 0 0 11.5em; max-width:640px; width:100%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align:left;}
#main-sec03 .fp-tableCell > div.right-con .txtwrap h2 { font-size:6rem; color:#373737; letter-spacing: -0.004em; font-weight:400; text-transform: uppercase; font-family:'Nanum Myeongjo', sans-serif; line-height:1;}
#main-sec03 .fp-tableCell > div.right-con .txtwrap p { margin:1.9em 0 4.2em; color:#646464; font-weight:400;}





/* MAIN - SEC04,05 COMMON */
.txtbox-type01 { position: relative; z-index:10;}
.txtbox-type01 h2 { display:flex; flex-direction: column; margin-bottom:4.2em;}
.txtbox-type01 h2 strong { font-size:5.4rem;}
.txtbox-type01 h2 span { margin-bottom:1.9em; font-size:1.6rem; color:#b28e68; line-height:1; font-family:'Poppins', sans-serif; text-transform: uppercase; font-weight:400; letter-spacing: 0.8px;}
.txtbox-type01 p { margin-bottom:1.64em;}
.txtbox-type01 p:last-child { margin-bottom:0;}

#main-sec04 { background:url(/img/main/main-sec04-bg01.jpg) no-repeat center; background-size:cover;}
#main-sec05 { background:url(/img/main/main-sec05-bg01.jpg) no-repeat center; background-size:cover;}



/* MAIN - SEC06 */
#main-sec06-01 { background:url(/img/main/main-sec06-bg02.jpg) no-repeat center; background-size:cover;}
#main-sec06-02 { background:url(/img/main/main-sec06-bg03.jpg) no-repeat center; background-size:cover;}
#main-sec06-03 { background:url(/img/main/main-sec06-bg04.jpg) no-repeat center; background-size:cover;}
#main-sec06-04 { background:url(/img/main/main-sec06-bg05.jpg) no-repeat center; background-size:cover;}
#main-sec06-05 { background:url(/img/main/main-sec06-bg06.jpg) no-repeat center; background-size:cover;}

#main-sec06 .conbox2 { display:flex; flex-wrap:wrap; width:100%; height:100%;}
#main-sec06 .conbox2 > div { width:100%; height:42vh;}
#main-sec06 .conbox2 .txtwrap { display:flex; justify-content:center; align-items:center; position:relative; z-index:100; height:100%;}
#main-sec06 .conbox2 .txtwrap strong { display:block; padding:0 0.417em; font-size:4.5rem; color:#fff; font-family:'Nanum Myeongjo', sans-serif; font-weight:400;}
#main-sec06 .conbox2 .txtwrap p { margin-top:1em; min-height:60px; font-size:1.8rem; color:#fff; line-height:1.667em; letter-spacing:-0.028em; font-weight:300;}

#main-sec06 .conbox2 > div.midbox { display:flex; justify-content:center; align-items:center; height:16vh; background:#000;}
#main-sec06 .conbox2 > div.midbox strong { display:block; padding:0 0.417em; font-size:4.8rem; color:#fff; font-family:'Nanum Myeongjo', sans-serif; font-weight:400;}
#main-sec06 .conbox2 > div.midbox strong { opacity: 0; position:relative; z-index:100;}
#main-sec06 .conbox2 > div.midbox strong span { opacity:0; position: relative; left:30px; font-size:4.8rem; color:#fff; font-family:'Nanum Myeongjo', sans-serif; font-weight:400;
    -webkit-transition:all 0.5s; transition:all 0.5s;
}
#main-sec06 .conbox2 > div.topbox { display:flex;}
#main-sec06 .conbox2 > div.topbox > div { overflow:hidden; position:relative; width:50%; height:100%;}
#main-sec06 .conbox2 > div.topbox > div:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transition:all 0.8s; transition:all 0.8s; background-position:center center; background-size:cover; background-repeat:no-repeat;}
#main-sec06 .conbox2 > div.topbox > div.box01:after { background-image:url(/img/main/main-sec06-sec-bg01.jpg);}
#main-sec06 .conbox2 > div.topbox > div.box02:after { background-image:url(/img/main/main-sec06-sec-bg02.jpg);}

#main-sec06 .conbox2 > div.btmbox { display:flex;}
#main-sec06 .conbox2 > div.btmbox > div { overflow:hidden; position:relative; width:25%; height:100%;}
#main-sec06 .conbox2 > div.btmbox > div.box01 { width:50%;}
#main-sec06 .conbox2 > div.btmbox > div:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transition:all 0.8s; transition:all 0.8s; background-position:center center; background-size:cover; background-repeat:no-repeat;}
#main-sec06 .conbox2 > div.btmbox > div.box01:after { background-image:url(/img/main/main-sec06-sec-bg03.jpg);}
#main-sec06 .conbox2 > div.btmbox > div.box02:after { background-image:url(/img/main/main-sec06-sec-bg04.jpg);}
#main-sec06 .conbox2 > div.btmbox > div.box03:after { background-image:url(/img/main/main-sec06-sec-bg05.jpg);}
#main-sec06 .conbox2 > div > div:hover { cursor:pointer;}
#main-sec06 .conbox2 > div > div:hover:after { -webkit-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15) translateZ(1px);}


/* MAIN - SEC06 
#main-sec06 .txtwrap { position:relative; z-index:100;}
#main-sec06 #spanize-txt { opacity: 0; position:relative; z-index:100;}
#main-sec06 #spanize-txt span { opacity:0; position: relative; left:30px; font-size:4.8rem; color:#fff; font-family:'Nanum Myeongjo', sans-serif; font-weight:400;
    -webkit-transition:all 0.5s; transition:all 0.5s;
}
#main-sec06 .txtwrap strong { display:block; padding:0 0.417em; font-size:4.8rem; color:#fff; font-family:'Nanum Myeongjo', sans-serif; font-weight:400;}
#main-sec06 .txtwrap p { margin-top:1em; min-height:60px; font-size:1.8rem; color:#fff; line-height:1.667em; letter-spacing:-0.028em; font-weight:300;}

#main-sec06-01 { background:url(/img/main/main-sec06-bg02.jpg) no-repeat center; background-size:cover;}
#main-sec06-02 { background:url(/img/main/main-sec06-bg03.jpg) no-repeat center; background-size:cover;}
#main-sec06-03 { background:url(/img/main/main-sec06-bg04.jpg) no-repeat center; background-size:cover;}
#main-sec06-04 { background:url(/img/main/main-sec06-bg05.jpg) no-repeat center; background-size:cover;}
#main-sec06-05 { background:url(/img/main/main-sec06-bg06.jpg) no-repeat center; background-size:cover;}

#main-sec06 .conbox { display:flex; flex-wrap:wrap; width:100%; height:100%;}
#main-sec06 .conbox > div { width:50%;}

#main-sec06 .conbox > div.one-box { overflow:hidden; display:flex; justify-content:center; align-items:center; position:relative; width:50%; cursor: pointer;}
#main-sec06 .conbox > div.one-box:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transition:all 0.8s; transition:all 0.8s; background-position:center center; background-size:cover; background-repeat:no-repeat;}

#main-sec06 .conbox > div.dob-box { display:flex;}
#main-sec06 .conbox > div.dob-box > div { overflow:hidden; display:flex; justify-content:center; align-items:center; position:relative; width:50%; height:100%; cursor: pointer;}
#main-sec06 .conbox > div.dob-box > div:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transition:all 0.8s; transition:all 0.8s; background-position:center center; background-size:cover; background-repeat:no-repeat;}
#main-sec06 .conbox > div.dob-box > div.box01 { cursor:auto;}

#main-sec06 .conbox .box01 strong { font-size:3.2rem;}
#main-sec06 .conbox .box01:after { background-image:url(/img/main/main-sec06-bg-tit.jpg);}
#main-sec06 .conbox .box02:after { background-image:url(/img/main/main-sec06-sec-bg01.jpg);}
#main-sec06 .conbox .box03:after { background-image:url(/img/main/main-sec06-sec-bg02.jpg);}
#main-sec06 .conbox .box04:after { background-image:url(/img/main/main-sec06-sec-bg03.jpg);}
#main-sec06 .conbox .box05:after { background-image:url(/img/main/main-sec06-sec-bg04.jpg);}
#main-sec06 .conbox .box06:after { background-image:url(/img/main/main-sec06-sec-bg05.jpg);}
#main-sec06 .conbox div:hover:after { -webkit-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15) translateZ(1px);}
*/



/* MAIN - SEC06 COMMON */
.value-btnwrap { margin:7.5em auto 0; max-width:1280px; width:100%;}
.value-btnwrap > ul * { -webkit-transition: all 0.3s; transition: all 0.3s;}
.value-btnwrap > ul { display:flex; justify-content:center; align-items:center;}
.value-btnwrap > ul > li { margin:0 1em; flex:1; text-align: left;}
.value-btnwrap > ul > li > div { position: relative; padding-bottom:100%; height:0; background:rgba(0,0,0,0.45); cursor: pointer;}
.value-btnwrap > ul > li > div > span.txt { position:absolute; left:0; top:50%; width:100%; margin-top:-20px; font-size:1.9rem; color:#fff; line-height:1.053em; text-align:center; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.value-btnwrap > ul > li > div > span.ic { position:absolute; left:50%; top:50%; width:29px; height:24px; margin-top:20px; background:url(/img/bu/bu-polygon-on.png) no-repeat center; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.value-btnwrap > ul > li > div > span.ic:before { content:""; position:absolute; right:0; top:0; z-index:1; width:29px; height:24px; background:url(/img/bu/bu-plus.png) no-repeat center 6px;}
.value-btnwrap > ul > li.on,
.value-btnwrap > ul > li:hover { flex:1.1;}
.value-btnwrap > ul > li.on > div,
.value-btnwrap > ul > li:hover > div { background:rgba(178,142,104,0.9);}
.value-btnwrap > ul > li.on > div > span.txt,
.value-btnwrap > ul > li:hover > div > span.txt { margin-top:-25px; font-size:4rem;}
.value-btnwrap > ul > li.on > div > span.ic,
.value-btnwrap > ul > li:hover > div > span.ic { margin-top:25px; background:url(/img/bu/bu-polygon.png) no-repeat center;}

.value-txtwrap { padding-top:3em; text-align: center;}
.value-txtwrap dl { display:flex; flex-direction: column-reverse;}
.value-txtwrap dl dt { position: relative; padding-top:2.7em; line-height:1;}
.value-txtwrap dl dt:after { content:""; position:absolute; left:50%; top:0; margin-left:-0.5px; width:1px; height:40px; background:#fff;}
.value-txtwrap dl dd { margin-bottom:0.35em;}
.value-txtwrap dl dd.common-big-txt span { opacity: 0; visibility: hidden; font-size: 6rem; color: #fff; font-family: 'Nanum Myeongjo', sans-serif; font-weight: 400; line-height: 1; vertical-align:top;}

.value-sec.active .value-txtwrap dl dd.common-big-txt span { opacity: 1; visibility: visible;}





/* MAIN - SEC07 */
#main-sec07 { background:url(/img/main/main-sec07-bg01.jpg) no-repeat center; background-size:cover; text-align: right;}
#main-sec07 .txtwrap { padding-top:8em; text-align:right;}
#main-sec07 .txtwrap h2 { margin-bottom:1.38em; letter-spacing: -1px; line-height:1.383em;}
#main-sec07 .txtwrap strong { font-size:3rem; color:#b28e68; font-weight:700; line-height: 1; letter-spacing: -0.033em;}
#main-sec07 .txtwrap p { margin-top:0.77em;}





/* MAIN - SEC08 */
#main-sec08 { overflow: hidden;}
#main-sec08:after { content:""; position:absolute; left:0; top:0; z-index:1; width:100%; height:100%;}
#main-sec08 .videobox { position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; padding:0;}
#main-sec08 .videobox:after { display:none;}
#main-sec08 .videobox video { position: absolute; left:50%; top:50%; max-width:none; min-width:100%; min-height:100%; width:auto; height:auto; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
@media screen and (max-aspect-ratio: 16/9) {
    #main-sec08 .videobox video { width:none; height:100vh;}
}




/* FOOTER */
#main-footer { background:#262626;}
#footer { position: relative; background:#262626;}
#footer .ft-menu { border-bottom:1px solid #3f3f3f;}
#footer .ft-menu > li { float:left; padding:2em 0 1.9em; margin-left:1.3em; text-align:center;}
#footer .ft-menu > li > a { display:block; position:relative; padding-left:0.929em; font-size:1.4rem; color:#c2c2c2; font-family: 'Poppins',sans-serif; text-transform: uppercase; line-height:1.429em; letter-spacing: 0;}
#footer .ft-menu > li > a:after { content:""; position: absolute; left:0; top:5px; width:1px; height:10px; background:#5c5c5c;}
#footer .ft-menu > li > a:hover { color:#fff;}
#footer .ft-menu > li:first-child { margin-left:0;}
#footer .ft-menu > li:first-child > a { padding-left:0;}
#footer .ft-menu > li:first-child > a:after { display:none;}

#footer .ft-info { display:flex; position:relative; padding:3.5em 0 4.3em; padding-right:3em; text-align: left;}
#footer .ft-info h2 { padding-right:5.5em;}
#footer .ft-info .ft-address .ft-txt span { position: relative; padding-left:0.714em; margin-left:0.714em; font-size:1.4rem; color:#898989; line-height:1.929em; letter-spacing: -0.043em; vertical-align: middle;}
#footer .ft-info .ft-address .ft-txt span a { font-size:1.4rem; color:#898989; line-height:1.929em; letter-spacing: -0.043em; vertical-align: initial;}
#footer .ft-info .ft-address .ft-txt span a:hover { color:#fff; text-decoration: underline;}
#footer .ft-info .ft-address .ft-txt span:after { content:""; position: absolute; left:0; top:9px; width:1px; height:11px; background:#636363;}
#footer .ft-info .ft-address .ft-txt span:first-child { padding-left:0; margin-left:0;}
#footer .ft-info .ft-address .ft-txt span:first-child:after { display:none;}
#footer .ft-info .ft-address .ft-copy { margin-top:1.429em; font-size:1.4rem; color:#999; font-weight:100; letter-spacing: -0.071em; line-height:1.929em;}
#footer .ft-info .ft-address .ft-copy strong { color:#95795e; font-weight:100; vertical-align: top; line-height:1.929em;}
#footer .ft-info .ft-mark { position:absolute; right:0; bottom:52px;}

.topbtn { position: fixed; right:70px; bottom:35px; z-index:1000;}

.en #footer .ft-info .ft-address { max-width:65%;}
.en #footer .ft-info .ft-address .ft-txt span:after { top:5px;}




/* ==================== SUB ====================*/





/* SUB COMMON*/
.sub-m-tit { text-align:center;}
.sub-m-tit h2 { font-size:6rem; color:#fff; font-family:'Nanum Myeongjo', sans-serif; font-weight:400; line-height:1; text-transform: uppercase; letter-spacing: -0.033em;}
.sub-m-tit p { margin-top:1.520em; font-size:2.5rem; color:#fff; line-height:4.3rem; letter-spacing: -0.024em; font-weight:300;}
.sub-m-tit > div { margin-top:1.5em; font-size:2rem; color:#fff;}

.sub-m-tit02 { position: relative; z-index:10; text-align:center;}
.sub-m-tit02 span { font-size:1.6rem; color:#b28e68; text-transform:uppercase; font-family:'Poppins','Noto Sans KR',sans-serif; letter-spacing:0.5px;}
.sub-m-tit02 h2 { font-size:3.8rem; color:#1a1a1a; font-weight:400;}

.sub-visual { overflow:hidden; display:flex; justify-content:center; align-items:center; position: relative; height:100vh; height: calc(var(--vh, 1vh) * 100);}
.sub-visual .maxinner { max-width:none;}
.sub-visual:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sub-visual.motion:after { -webkit-animation: zoomOutBg 3s linear forwards; animation: zoomOutBg 3s linear forwards;}
.sub-visual .sub-m-tit { position: relative; z-index:10; margin-top:3%;}
.sub-visual .visual-scroll { position:absolute; left:50%; bottom:5%; z-index:10; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.sub-visual .visual-scroll p { position: relative; padding-bottom:5.714em; background:url(/img/ico/ico-scroll.png) no-repeat center bottom; font-size:1.4rem; color:#fff; font-family: 'Poppins',sans-serif; letter-spacing: 0.143em; line-height:1;}
.sub-visual .visual-scroll p span { opacity: 0; position:absolute; left:50%; bottom:22px; width:11px; height:43px; background:url(/img/ico/ico-scroll-bar.png) no-repeat center; -webkit-animation:scrBar 1s infinite; animation:scrBar 1s infinite;}

.sub .normal-txt { font-size:1.8rem ;line-height:1.667em; color:#666666;}
.sub .swiper-pagination { position: absolute; left:70px; width:auto; top:50%; bottom:auto; margin-top:-170px; text-align:left; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-size:0;}
.sub .swiper-pagination .swiper-pagination-bullet { opacity:1; display:inline-block; margin:0 9px; width:7px; height:8px; border-radius:0; background: url(/img/bu/bu-polygon-bar.png) no-repeat center; background-size:100%; font-size:0; line-height:0; text-indent: -9999px; vertical-align:middle;}
.sub .swiper-pagination .swiper-pagination-bullet:after { display:none;}
.sub .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width:24px; height:27px; background: url(/img/bu/bu-polygon-bar-on.png) no-repeat center !important;}
.sub .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { background:#b28e68;}

.view-list-wrap { margin:0 auto; max-width:1835px;}
.view-list-wrap .view-list { display:flex; flex-wrap:wrap; justify-content:center; margin-top:-2%; margin-left:-2%;}
.view-list-wrap .view-list > li { position:relative; margin-left:2%; margin-top:2%; width:31.3333%; padding-bottom:23.5%; height:0; background:#888;}
.view-list-wrap .view-list > li > a { display:flex; justify-content: center; align-items: center; flex-direction: column; position: absolute; left:0; top:0; width:100%; height:100%; text-align:center;}
.view-list-wrap .view-list > li > a span,
.view-list-wrap .view-list > li > a strong { font-size:3rem; color:#fff; line-height:1.267em; letter-spacing: -0.020em; font-family: 'Nanum Myeongjo',sans-serif; font-weight:400; -webkit-transition:all 0.35s; transition:all 0.35s;}
.view-list-wrap .view-list > li > a:after { opacity: 0; content:""; position: absolute; left:30px; top:30px; right:30px; bottom:30px; border-left:1px solid #fff; border-right:1px solid #fff; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1,0); transform: scale(1,0);}
.view-list-wrap .view-list > li > a:before { opacity: 0; content:""; position: absolute; left:30px; top:30px; right:30px; bottom:30px; border-top:1px solid #fff; border-bottom:1px solid #fff; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0,1); transform: scale(0,1);}
.view-list-wrap .view-list > li > a:hover { background:rgb(158,84,6,0.4);}
.view-list-wrap .view-list > li > a:hover:after,
.view-list-wrap .view-list > li > a:hover:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
.view-list-wrap .view-list > li > a:hover span { padding:0.5em 0;}





/*SUBSTAINBILITY*/
.substainbility .sub-m-tit02 p { font-size:3.5rem; color:#fff; font-family:'Nanum Myeongjo', sans-serif; font-weight:400; line-height:1.5;}
.substainbility .sub-visual.type01:after { background-image:url(/img/sub/substain-visual01.jpg);}
.substainbility .sub-visual.type01 .sub-m-tit h2 { line-height:1.433em;}
.substainbility .sub-visual.type01 .sub-m-tit p { margin-top:0.909em; font-size:2.2rem; line-height:1.682em;}

.substainbility .sub-visual.type02:after { background-image:url(/img/sub/substain-visual02.jpg);}
.substainbility .sub-visual.type02 .sub-m-tit h2 { margin-top:0.417em; line-height:1.433em;}
.substainbility .sub-visual.type02 .sub-m-tit span { display:block; font-size:2.2rem; color:#e4e4e4; line-height:1.682em; letter-spacing:-0.023em;}

.substainbility .slide-sec { position:relative; padding:12em 0 13em;}
.substainbility .slide-sec:after { content:""; position:absolute; left:0; top:0; z-index:-1; width:475px; height:304px; background:url(/img/sub/respon-bg-left.png) no-repeat center;}
.substainbility .slide-sec:before { content:""; position:absolute; right:0; top:0;  z-index:-1;width:300px; height:244px; background:url(/img/sub/respon-bg-right.png) no-repeat center;}

.substainbility .slide-sec .sub-m-tit02 p {color:#000;}
.substainbility .slide-sec .substain-list { display:flex; flex-wrap:wrap; justify-content:space-between; padding:70px 20px 0; margin-top:-2%; text-align:center;}
.substainbility .slide-sec .substain-list > div { margin-top:2%; width:32.5%;}





/*RESPONSIBILITY*/
.responsibility .sub-m-tit02 p { font-size:3.5rem; color:#fff; font-family:'Nanum Myeongjo', sans-serif; font-weight:400; line-height:1.5;}
.responsibility .sub-m-tit02 p strong { color: #d0a271; /*font-family: 'Nanum Myeongjo', sans-serif;*/ font-weight: 500; vertical-align:top;}

.responsibility .sub-visual.type01:after { background-image:url(/img/sub/respon-visual04.jpg);}
.responsibility .sub-visual.type01 .sub-m-tit { margin-top:-5em;}
.responsibility .sub-visual.type01 .sub-m-tit h2 { line-height:1.200em;}
.responsibility .sub-visual.type01 .sub-m-tit p { margin-top:1.364em; font-size:2.2rem; line-height:1.682em;}
.responsibility .type02 .sub-m-tit02 p { font-family:'Noto Sans KR', sans-serif; font-weight:500;}
.responsibility .type02 .sub-m-tit02 p.txt02 span { display:block; font-size:2.4rem; color:#fff; font-family:'Noto Sans KR', sans-serif; font-weight:300; letter-spacing:-0.02em;}

.responsibility .sub-visual.type02:after { background-image:url(/img/sub/respon-visual02.jpg);}
.responsibility .sub-visual.type03:after { background-image:url(/img/sub/respon-visual05.jpg);}
.responsibility .sub-visual.type03 .sub-m-tit02 p.anitxt {
    -webkit-transition:all 1.3s;
    transition:all 1.3s;
}
.responsibility .sub-visual.type03 .sub-m-tit02 p:first-child { margin-bottom:0.5em; font-size:6rem; line-height:1;}
.responsibility .sub-visual.type03 .sub-m-tit02 p strong { color:#fff; font-family:'Nanum Myeongjo', sans-serif; font-weight:400;}

@-webkit-keyframes textAni {
	0% {
		opacity:0;
		transform:translateY(100%);
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}
@-moz-keyframes textAni {
	0% {
		opacity:0;
		transform:translateY(100%);
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}
@-ms-keyframes textAni {
	0% {
		opacity:0;
		transform:translateY(100%);
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}
@-o-keyframes textAni {
	0% {
		opacity:0;
		transform:translateY(100%);
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}
@keyframes textAni {
	0% {
		opacity:0;
		transform:translateY(100%);
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}
/*
.responsibility .sub-visual.type02 .sub-m-tit h2 { margin-top:0.250em; line-height:1.200em;}
.responsibility .sub-visual.type02 .sub-m-tit h2 strong { color: #d0a271; font-family: 'Nanum Myeongjo', sans-serif; font-weight: 400; vertical-align:top;}
.responsibility .sub-visual.type02 .sub-m-tit span { display:block; font-size:2.2rem; color:#e4e4e4; line-height:1.682em; letter-spacing:-0.023em;}
*/
.responsibility .example-sec { position:relative; padding:10em 0 13em; text-align:center;}
.responsibility .example-sec .maxinner { max-width:1600px;}
.responsibility .example-sec .maxinner > h2 { font-size:4.8em; color:#373737; line-height:1.3; font-family:'Nanum Myeongjo', sans-serif; letter-spacing:-0.005em; font-weight:400;}
.responsibility .example-sec .maxinner > p { margin-top:0.833em; margin-bottom:4.444em; font-size:1.8rem; color:#646464; line-height:1.333em;}
.responsibility .example-sec:after { content:""; position:absolute; left:0; top:0; width:475px; height:304px; background:url(/img/sub/respon-bg-left.png) no-repeat center;}
.responsibility .example-sec:before { content:""; position:absolute; right:0; top:0; width:300px; height:244px; background:url(/img/sub/respon-bg-right.png) no-repeat center;}
.responsibility .example-sec .exambox { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:13em;}
.responsibility .example-sec .exambox:nth-child(1) { margin-top:0;}
.responsibility .example-sec .exambox .imgbox { width:43%;}
.responsibility .example-sec .exambox .conbox { display:flex; flex-direction:column; justify-content:center; width:51%; text-align:left;}
.responsibility .example-sec .exambox .conbox h3 { margin-bottom:0.639em; font-size:3.6rem; color:#1a1a1a; letter-spacing:-0.011em; font-weight:400;}
.responsibility .example-sec .exambox .conbox p { font-size:1.8rem; color:#666666; line-height:1.667em; letter-spacing:-0.022em;}
.responsibility .example-sec .exambox:nth-child(2n) { flex-direction:row-reverse;}
.responsibility .example-sec .exambox:nth-child(2n) .conbox { width:49%; text-align:right;}

.responsibility .photo-sec { padding:12em 0; background:#f7f7f7;}
.responsibility .photo-sec .maxinner { max-width:1200px;}
.responsibility .photo-sec .grid { margin-top:1.5%;}
.responsibility .photo-sec .grid li { display:flex; justify-content:space-between; flex-wrap:wrap;}
.responsibility .photo-sec .grid li > div { margin-top:1.5%; width:32.5%;}
.responsibility .photo-sec .grid li:nth-child(2n) { align-items:flex-start;}
.responsibility .photo-sec .grid li:nth-child(2n-1) { align-items:flex-end;}
.responsibility .photo-sec .btnwrap { margin-top:12em; text-align:center;}





/*COLLABORATION*/
.collaboration .sub-visual:after { background-image:url(/img/sub/collabo-visual01.jpg);}
.collaboration .sub-visual .sub-m-tit { margin-top:6em;}

.collaboration .view-list-wrap { padding:7em 3em;}
/*
.collaboration .view-list-wrap .view-list > li.list01 { background:url(/img/sub/collabo-img01.jpg) no-repeat center; background-size:cover;}
.collaboration .view-list-wrap .view-list > li.list02 { background:url(/img/sub/collabo-img02.jpg) no-repeat center; background-size:cover;}
.collaboration .view-list-wrap .view-list > li.list03 { background:url(/img/sub/collabo-img03.jpg) no-repeat center; background-size:cover;}
.collaboration .view-list-wrap .view-list > li.list04 { background:url(/img/sub/collabo-img04.jpg) no-repeat center; background-size:cover;}
.collaboration .view-list-wrap .view-list > li.list05 { background:url(/img/sub/collabo-img05.jpg) no-repeat center; background-size:cover;}
*/
.collaboration .view-list-wrap .btnwrap { padding-top:6.5em; text-align:center;}

@-webkit-keyframes zoomOutBg {
	0% {
    -webkit-transform: scale(1.12, 1.12);
    transform: scale(1.12, 1.12) translateZ(1px);
  }
	100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
}
@keyframes zoomOutBg {
	0% {
    -webkit-transform: scale(1.12, 1.12);
    transform: scale(1.12, 1.12) translateZ(1px);
  }
	100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
}





/*COLLABO DETAIL*/
/*.collabo-detail .sub-visual:after { background-image:url(/img/sub/collabo01-visual01.jpg);}*/
.collabo-detail .slide-sec { padding:10em 0;}
.collabo-detail .slide-sec { text-align:center;}
.collabo-detail .slide-sec p { margin-top:1.667em;}
.collabo-detail .slide-sec p:nth-child(1) { margin-top:0;}
.collabo-detail .slide-sec .collabo-slider { margin-top:9.5em; padding-bottom:7em;}
.collabo-detail .slide-sec .collabo-slider .swiper-pagination { top:auto; bottom:0; left:0; width:100%; text-align:center;}
.collabo-detail .slide-sec .collabo-slider .swiper-pagination .swiper-pagination-bullet { background:url(/img/bu/bu-polygon-bar-gray.png) no-repeat center;}

.collabo-detail .video-sec { padding:11em 0 12em; background:#f7f7f7; text-align:center;}
.collabo-detail .video-sec .maxinner { max-width:1600px;}
.collabo-detail .video-sec .videowrap { margin-top:55px; padding-bottom:55%; height:0;}
.collabo-detail .video-sec p { margin:3.889em 0 6.667em;}
.collabo-detail .video-sec .btnwrap { padding-top:6.5em;}





/*LOCATION*/
.location { display:flex; min-height:800px; height:100vh; height: calc(var(--vh, 1vh) * 100);}
.location .swiper-slide { background-repeat:no-repeat; background-position:center center; background-size:cover;}

.location .loc-left { width:66%;}
.location .loc-left .loc-big-slider { width:100%; height:100%;}
.location .loc-left .loc-big-slider .swiper-slide { display:flex; align-items:center;}
.location .loc-left .loc-big-slider .txtbox { margin-left:70px;}
.location .loc-left .loc-big-slider .txtbox .sub-m-tit { text-align:left;}
.location .loc-left .loc-big-slider .txtbox .sub-m-tit p { margin:7% 0 0;}

.location .loc-left .loc-big-slider .txtbox .sub-m-tit h2 { opacity: 0; overflow: hidden;}
.location .loc-left .loc-big-slider .txtbox .sub-m-tit p { opacity: 0; overflow: hidden;}
.location .loc-left .loc-big-slider .swiper-slide-active .txtbox .sub-m-tit h2 { -webkit-animation: moveText 0.8s 0.3s forwards; animation: moveText 0.8s 0.3s forwards;}
.location .loc-left .loc-big-slider .swiper-slide-active .txtbox .sub-m-tit p { -webkit-animation: moveText 0.8s 0.4s forwards; animation: moveText 0.8s 0.4s forwards;}

.location .loc-right { width:34%;}
.location .loc-right .loc-info-wrap { display:flex; flex-direction:column; width:100%; height:70%;}
.location .loc-right .loc-info-wrap .loc-sm-slider { flex:1.5; width:100%; height:100%;}
.location .loc-right .loc-info-wrap .loc-sm-slider .swiper-button-next { left:auto; top:auto; z-index:100; right:30px; bottom:12px; width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,0.8) url(/img/bu/bu-arrow-right-brown.png) no-repeat center;}
.location .loc-right .loc-info-wrap .loc-sm-slider .swiper-button-prev { left:auto; top:auto; z-index:100; right:80px; bottom:12px; width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,0.8) url(/img/bu/bu-arrow-left-brown.png) no-repeat center;}
.location .loc-right .loc-info-wrap .loc-sm-slider .swiper-button-next:hover { background:rgba(255,255,255,0.35) url(/img/bu/bu-arrow-right.png) no-repeat center;}
.location .loc-right .loc-info-wrap .loc-sm-slider .swiper-button-prev:hover { background:rgba(255,255,255,0.35) url(/img/bu/bu-arrow-left.png) no-repeat center;}
.location .loc-right .loc-info-wrap .loc-sm-slider .swiper-button-next:after, 
.location .loc-right .loc-info-wrap .loc-sm-slider .swiper-button-prev:after { display:none !important;}
.location .loc-right .loc-info-wrap .loc-sm-slider strong { position:absolute; left:0; bottom:0; width:100%; padding:15px 30px; font-size:2.3rem; color:#fff; background:rgba(137,108,83,0.7);}

.location .loc-right .loc-info-wrap .loc-info-slider { flex:1; width:100%;}
.location .loc-right .loc-info-wrap .loc-info-slider .swiper-slide { display:flex; padding:0 30px; align-items:center;}
.location .loc-right .loc-info-wrap .loc-info-slider ul { width:100%;}
.location .loc-right .loc-info-wrap .loc-info-slider li { padding:15px 0 15px 70px; border-top: 1px solid #dddddd;}
.location .loc-right .loc-info-wrap .loc-info-slider li.info01 { border-top:none; background:url(/img/ico/ico-schedule.png) no-repeat left center;}
.location .loc-right .loc-info-wrap .loc-info-slider li.info02 { background:url(/img/ico/ico-call.png) no-repeat left center;}
.location .loc-right .loc-info-wrap .loc-info-slider li.info03 { background:url(/img/ico/ico-map.png) no-repeat left center;}
.location .loc-right .loc-info-wrap .loc-info-slider li span { display:block; font-size:16px; color:#666666; line-height:22px; letter-spacing:-0.5px;}
.location .loc-right .loc-info-wrap .loc-info-slider li p { font-size:16px; color:#1a1a1a; font-weight:600; line-height:27px; font-family:'Poppins','Noto Sans KR',sans-serif;}

.location .loc-right .loc-shop { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; height:30%; background:url(/img/sub/location-bg01.jpg) no-repeat center; background-size:cover;}
.location .loc-right .loc-shop > div { margin-top:-10px; margin-left:30px;}
.location .loc-right .loc-shop h2 { font-size:3.6rem; color:#373737; font-weight:400; font-family:'Nanum Myeongjo', sans-serif;}
.location .loc-right .loc-shop p { margin-top:0.625em; margin-bottom:1.2em; font-size:1.6rem; color:#7c7971; line-height:1.688em; letter-spacing:-0.031em;}





/*INQUIRY*/
.inquiry .sub-visual:after { background-image:url(/img/sub/shop-visual01.jpg);}
.inquiry-box { padding:10em 0; display:flex; justify-content:center; align-items:center; background:#f1f1f1;}
.inquiry-box .form-box{ padding:10em; background-color:#fff; box-shadow: 0.5rem 0.5rem 1rem rgba(0,0,0,0.1); border-radius: 1rem;}
.inquiry-box .flex-box { display: flex; opacity:1; justify-content:space-between;}
.inquiry-box .flex-box > div{ width:48%;}
.inquiry-box .flex-box .item { display: flex; align-items: center; justify-content: flex-start; padding-bottom:1rem; margin-bottom:2rem; border-bottom:1px solid #ddd;}
.inquiry-box .flex-box .item:last-of-type { margin-bottom:0;}
.inquiry-box .flex-box h3 { display: inline-block; width:150px; color:#1a1a1a; font-size:1.8rem; font-weight:500; vertical-align: baseline;}
.inquiry-box .flex-box h3 span{ color:red;}
.inquiry-box .flex-box .item input{ border:none; width:100%; height:3.5rem; padding:0rem; color:#333; font-size:1.6rem; outline:none;}
.inquiry-box .flex-box .item input::placeholder{ color:#ddd; font-size:1.6rem;}
.inquiry-box .flex-box .item input.inquiry-file{ display: none;}
.inquiry-box .flex-box .item input.inquiry-file + label{ display: flex; align-items: center; justify-content: flex-start; flex:1; height:3.5rem; cursor: pointer;}
.inquiry-box .flex-box .item input.inquiry-file + label p{ width:100%; height:3.5rem; padding-right:1rem; text-align: right; color:#666; font-size:1.6rem; line-height:3.5rem;}
.inquiry-box .flex-box .item textarea{ padding:10px; width:100%; height:100%; outline: none;}
.inquiry-box .flex-box .right .item:last-of-type{ flex-direction: column; align-items: flex-start; height:17.5rem; padding-bottom:0; border-bottom:none;}
.inquiry-box .chk-box{ display: flex; align-items: center; justify-content: center; margin-top:5rem;}
.inquiry-box .chk-box input{ display: none;}
.inquiry-box .chk-box label{ display: flex; align-items: center; justify-content: flex-start; color:#666; font-size:1.6rem; cursor: pointer;}
.inquiry-box .chk-box label span{ display: block; width:1.8rem; height:1.8rem; margin-right:0.5rem; border-radius: 50%; border:2px solid #b28e68;}
.inquiry-box .chk-box a{ margin-left:1rem;}
.inquiry-box .chk-box input:checked + label span { border:1px solid #b28e68; background:#b28e68 url(/img/ico/ico-check.png) no-repeat center;}
.inquiry .btnwrap{ margin-top:3em; text-align: center;}





/*SHOP - MAIN*/
/*.shop-wrap .sub-visual:after { background-image:url(/img/sub/shop-visual01.jpg);}*/

.shop-main .view-list-wrap { padding:7em 3em 13.5em;}
.shop-main .view-list-wrap .view-list > li.list01 { background:url(/img/sub/shop-img01.jpg) no-repeat center; background-size:cover;}
.shop-main .view-list-wrap .view-list > li.list02 { background:url(/img/sub/shop-img02.jpg) no-repeat center; background-size:cover;}
.shop-main .view-list-wrap .view-list > li.list03 { background:url(/img/sub/shop-img03.jpg) no-repeat center; background-size:cover;}
.shop-main .view-list-wrap .view-list > li.list04 { background:url(/img/sub/shop-img04.jpg) no-repeat center; background-size:cover;}
.shop-main .view-list-wrap .view-list > li.list05 { background:url(/img/sub/shop-img05.jpg) no-repeat center; background-size:cover;}
.shop-main .view-list-wrap .view-list > li.list06 { background:url(/img/sub/shop-img06.jpg) no-repeat center; background-size:cover;}
.shop-main .view-list-wrap .view-list > li.list07 { background:url(/img/sub/shop-img07.jpg) no-repeat center; background-size:cover;}
.shop-main .view-list-wrap .view-list > li.list08 { background:url(/img/sub/shop-img08.jpg?ver=20230510) no-repeat center; background-size:cover;}

.shop-main .view-list-wrap .view-list > li > a { text-align:center;}
.shop-main .view-list-wrap .view-list > li > a > h2 { font-size:3rem; color:#fff; font-family:'Nanum Myeongjo', sans-serif; line-height:1.267em; letter-spacing:-0.008em; font-weight:400;}
.shop-main .view-list-wrap .view-list > li > a > p { position:relative; padding-top:2.059em; margin-top:0.882em; font-size:1.7rem; color:#fff; line-height:1.647em; text-align:center; -webkit-transition:all 0.3s; transition:all 0.3s;}
.shop-main .view-list-wrap .view-list > li > a > p:after { content:""; position:absolute; left:50%; top:0; margin-left:-0.5px; width:1px; height:20px; background:#fff;}
.shop-main .view-list-wrap .view-list > li > a .btn-more { padding:0; margin-top:0.667em;}
.shop-main .view-list-wrap .btnwrap { padding-top:6.5em; text-align:center;}
.shop-main .view-list-wrap .view-list > li > a:hover > p { padding-bottom:0.8em;}





/*SHOP - LIST*/
.shop-list { position:relative;}
.shop-list #anc-pos { position:absolute; left:0; bottom:100%; z-index:-100; width:100%;}
.shop-list .sub-visual:after { background-image:url(/img/sub/shop-list-visual01.jpg);}

.shop-list .shop-list-cate { margin-bottom:8em;}
.shop-list .shop-list-cate ul { display:flex; justify-content:space-between; flex-wrap:wrap;}
.shop-list .shop-list-cate ul li { flex:1; margin-left:2%; }
.shop-list .shop-list-cate ul li:first-child { margin-left:0;}
.shop-list .shop-list-cate ul li a { display:flex; align-items:center; position:relative; padding-right:1.8em; padding-bottom:1.063em; height:100%; font-size:1.6rem; color:#1a1a1a; line-height:1.500em;}
.shop-list .shop-list-cate ul li a:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#d2d2d2;}
.shop-list .shop-list-cate ul li a .ico { position:absolute; right:0; top:50%; margin-top:-8px; width:25px; height:22px; background:url(/img/bu/bu-polygon-gray.png) no-repeat center; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.shop-list .shop-list-cate ul li a .ico:after { content:""; position:absolute; left:7px; top:5px; width:11px; height:11px; background:url(/img/bu/bu-plus.png) no-repeat center; -webkit-transition:all 0.3s; transition:all 0.3s;}
.shop-list .shop-list-cate ul li a:hover,
.shop-list .shop-list-cate ul li.on a { color:#b28e68;}
.shop-list .shop-list-cate ul li a:hover:after,
.shop-list .shop-list-cate ul li.on a:after { height:2px; background:#b28e68;}
.shop-list .shop-list-cate ul li a:hover .ico,
.shop-list .shop-list-cate ul li.on a .ico { background:url(/img/bu/bu-polygon-on.png) no-repeat center;}
.shop-list .shop-list-cate ul li a:hover .ico:after { -webkit-transform:rotate(90deg); transform:rotate(90deg);}

.shop-list #sct_sortlst { border:none;}
.shop-list #sct_sortlst .shop-list-sort { display:flex; justify-content:space-between; align-items:center; margin-bottom:5em;}
.shop-list #sct_sortlst .shop-list-sort .shop-list-total { font-size:1.5rem; color:#666; font-family:'Poppins',sans-serif; line-height:1.333em;}
.shop-list #sct_sortlst .shop-list-sort .shop-list-total strong { margin-top:-1px; color:#ff8213; vertical-align:top; line-height:1.333em; font-weight:600;}

.shop-list #sct_sortlst .shop-list-sort .shop-list-opt { display:flex; align-items:center; flex-wrap:wrap;}

.shop-list #sct_sortlst .shop-list-sort #sct_sort { text-align:right;}
.shop-list #sct_sortlst .shop-list-sort #sct_sort .btn_sort { position:relative; padding-left:1em; width:195px; border-radius:50px; background:#f4f4f4; border:1px solid #ebebeb; font-size:1.5rem; color:#747474; text-align:left;}
.shop-list #sct_sortlst .shop-list-sort #sct_sort .btn_sort i { position:absolute; right:15px; top:50%; color:#797979; margin-top:1px; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.shop-list #sct_sortlst .shop-list-sort #sct_sort ul { width:195px;}
.shop-list #sct_sortlst .shop-list-sort #sct_sort ul:before { left:50%; margin-left:-6px;}
.shop-list #sct_sortlst .shop-list-sort #sct_sort ul:after { left:50%; margin-left:-6px;}
.shop-list #sct_sortlst .shop-list-sort #sct_sort li a { padding:0.714em 0 0.714em 1.071em; font-size:1.4rem; text-align:left;}

.shop-list #sct_sortlst .shop-list-sort #sct_price { margin-right:2em;}
.shop-list #sct_sortlst .shop-list-sort #sct_price ul { font-size:0;}
.shop-list #sct_sortlst .shop-list-sort #sct_price ul li { display:inline-block; margin:0 10px; vertical-align:middle;}
.shop-list #sct_sortlst .shop-list-sort #sct_price ul li:first-child { margin-left:0;}
.shop-list #sct_sortlst .shop-list-sort #sct_price ul li a { position:relative; font-size:1.6rem;}
.shop-list #sct_sortlst .shop-list-sort #sct_price ul li a:after { content:""; position:absolute; left:-10.5px; top:50%; width:1px; height:10px; background:#aaa; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.shop-list #sct_sortlst .shop-list-sort #sct_price ul li a:before { display:none; content:""; position:absolute; left:0; bottom:-2px; width:100%; height:2px; background:#b28e68;}
.shop-list #sct_sortlst .shop-list-sort #sct_price ul li:first-child a:after { display:none;}
.shop-list #sct_sortlst .shop-list-sort #sct_price ul li a:hover,
.shop-list #sct_sortlst .shop-list-sort #sct_price ul li.on a { color:#b28e68;}
.shop-list #sct_sortlst .shop-list-sort #sct_price ul li a:hover:before,
.shop-list #sct_sortlst .shop-list-sort #sct_price ul li.on a:before { display:block;}

.shop-list #sct { margin:0 auto; padding:10em 3em; max-width:1660px;}
.shop-list #sct_wrap { display:flex; flex-wrap:wrap; justify-content: center; margin:0; padding:0; margin-top:-4em; margin-left:-1.8%;}
.shop-list #sct_wrap .sct_txt { margin:1.667em 0 0; font-size:1.8rem; color:#4d4d4d; font-weight:400; letter-spacing:-0.022em;}
.shop-list #sct_wrap .sct_txt a:hover { color:#b28e68;}
.shop-list #sct_wrap .sct_cost { font-size:2.4rem; color:#000; font-family:'Poppins', sans-serif; font-weight:500;}
.shop-list #sct_wrap .sct_cost span { font-size:1.8rem; color:#1a1a1a; font-weight:600; vertical-align: middle;}
.shop-list #sct_wrap .sct_li { margin:0; margin-top:4em; margin-left:1.8%; width:23.2% !important; max-width:378px;}
.shop-list #sct_wrap .sct_li .sct_img { overflow:hidden; position: relative; padding-bottom: 107%; height: 0;}
.shop-list #sct_wrap .sct_li .sct_img a { position:absolute; left:0; top:0; width:100%; height:100%;}
.shop-list #sct_wrap .sct_li .sct_img img { position: absolute; left:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.shop-list #sct_wrap .sct_li .sct_img a:after { opacity:0; visibility:hidden; content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:5px solid #b28e68; -webkit-transition:all 0.3s; transition:all 0.3s;}
.shop-list #sct_wrap .sct_li .sct_img a:hover:after { opacity:1; visibility:visible;}





/*SHOP - VIEW*/
#sit { background:#fff !important;}
.shop-detail .sit-tit { position:relative; z-index:10;}
.shop-detail .sit-tit p { font-size:3.5rem; color:#fff; font-family:'Nanum Myeongjo', sans-serif; font-weight:400; line-height:1.5;}
.shop-detail #sit_ov_bottom .sub-visual.type06 .sit-tit { margin-bottom:4.2em;}

.shop-detail #sit_ov_wrap { background:#fff;}
.shop-detail #sit_ov_wrap .sit_ov_innr { display:flex; max-width:none; flex-wrap:wrap; min-height:100vh;}
.shop-detail #sit_ov_wrap .sit_ov_innr > * { width:50%;}
.shop-detail #sit_ov_wrap .sit_ov_innr .shop-detail-thumb { display:flex; align-items:center; padding-top:98px; background:#f4f4f4;}
.shop-detail #sit_ov_wrap .sit_ov_innr .shop-detail-thumb .inner { display:flex; justify-content:space-between; margin:0 auto; max-width:850px; width:100%;}
.shop-detail #sit_ov_wrap .sit_ov_innr .shop-detail-thumb .inner .left {width: 78%;}
.shop-detail #sit_ov_wrap .sit_ov_innr .shop-detail-thumb .inner .left .item-slider { width:100%;}
.shop-detail #sit_ov_wrap .sit_ov_innr .shop-detail-thumb .inner .left .item-slider .swiper-slide { overflow:hidden; position:relative; height:650px; background:#fff;}
.shop-detail #sit_ov_wrap .sit_ov_innr .shop-detail-thumb .inner .left .item-slider .swiper-slide img { position:absolute; left:50%; top:50%; max-width:100%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); height:auto;}
.shop-detail #sit_ov_wrap .sit_ov_innr .shop-detail-thumb .inner .left .item-slider .swiper-button-next { /* display:none !important; */ width:46px; height:46px; border-radius:50%; background:rgba(0,0,0,0.7) url(/img/bu/bu-shop-detail-right.png) no-repeat center;}
.shop-detail #sit_ov_wrap .sit_ov_innr .shop-detail-thumb .inner .left .item-slider .swiper-button-next:hover { background-color:#b28e68;}
.shop-detail #sit_ov_wrap .sit_ov_innr .shop-detail-thumb .inner .left .item-slider .swiper-button-prev { /* display:none !important; */ width:46px; height:46px; border-radius:50%; background:rgba(0,0,0,0.7) url(/img/bu/bu-shop-detail-left.png) no-repeat center;}
.shop-detail #sit_ov_wrap .sit_ov_innr .shop-detail-thumb .inner .left .item-slider .swiper-button-prev:hover { background-color:#b28e68;}
.shop-detail #sit_ov_wrap .swiper-button-next:after, 
.shop-detail #sit_ov_wrap .swiper-button-prev:after { display:none;}

.shop-detail #sit_ov_wrap .sit_ov_innr .shop-detail-thumb .inner .right { width:17%; height:650px;}
.shop-detail #sit_ov_wrap .sit_ov_innr .shop-detail-thumb .inner .right .thumb-slider { width:100%; height:100%;}
.shop-detail #sit_ov_wrap .sit_ov_innr .shop-detail-thumb .inner .right .thumb-slider .swiper-slide { overflow:hidden; position:relative; cursor:pointer; background:#fff;}
.shop-detail #sit_ov_wrap .sit_ov_innr .shop-detail-thumb .inner .right .thumb-slider .swiper-slide:before { display:none; content:""; position:absolute; left:0; top:0; right:0; bottom:0; z-index:10; border:2px solid #b28e68;}
.shop-detail #sit_ov_wrap .sit_ov_innr .shop-detail-thumb .inner .right .thumb-slider .swiper-slide img { position:absolute; left:0; top:50%; width:auto; height:auto; -webkit-transform:translateY(-50%); transform:translateY(-50%); height:auto;}
.shop-detail #sit_ov_wrap .sit_ov_innr .shop-detail-thumb .inner .right .thumb-slider .swiper-slide.swiper-slide-thumb-active:before { display:block;}

.shop-detail #sit_ov_wrap .sit_ov_innr #sit_ov { display:flex; justify-content:center; align-items:center; width:50%; font-size:1.6rem;}
.shop-detail #sit_ov_wrap .sit_ov_innr #sit_ov > div { padding-top:98px; max-width:700px; width:100%;}

.shop-detail #sit_ov_wrap .sit_ov_innr #sit_ov #sit_title { font-size:3.1rem; font-weight:700; line-height:1.333em; letter-spacing:-0.6px;}
.shop-detail #sit_ov_wrap .sit_ov_innr #sit_ov #sit_desc { margin-top:0.625em; font-size:1.8rem; color:#666; line-height:1.688em;}
.shop-detail #sit_ov_wrap .sit_ov_innr #sit_ov #sit_sel_option { margin-left:0; margin-right:0;}

.shop-detail #sit_ov_bottom { max-width:none;}
.shop-detail #sit_ov_bottom .sanchor { margin:0; min-height:70px; height:7vh; border:none; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.shop-detail #sit_ov_bottom .sanchor li a { position:relative; padding:0 1.250em; border:none; background:#fff; font-size:1.6rem; color:#666666; line-height:4.375em; font-family:'Poppins',sans-serif; font-weight:400;}
.shop-detail #sit_ov_bottom .sanchor li a:after { display:none; content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#b28e68;}
.shop-detail #sit_ov_bottom .sanchor li a:before { content:""; position:absolute; left:0; top:50%; width:2px; height:2px; border-radius:50%; background:#666; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.shop-detail #sit_ov_bottom .sanchor li:first-child a:before { display:none;}
.shop-detail #sit_ov_bottom .sanchor li a.on,
.shop-detail #sit_ov_bottom .sanchor li a:hover { color:#b28e68; font-weight:600;}
.shop-detail #sit_ov_bottom .sanchor li a:hover:after,
.shop-detail #sit_ov_bottom .sanchor li a.on:after { display:block;}

.shop-detail #sit_ov_bottom .maxinner { width:100%;}
.shop-detail #sit_ov_bottom .sub-visual { text-align:center;}
.shop-detail #sit_ov_bottom .sub-visual:after { animation:none !important;}
.shop-detail #sit_ov_bottom .sub-visual.type01:after { background-image:url(/img/sub/shop-detail-img02.jpg);}
.shop-detail #sit_ov_bottom .sub-visual.type02:after { background-image:url(/img/sub/shop-detail-img03.jpg);}
.shop-detail #sit_ov_bottom .sub-visual.type03:after { background-image:url(/img/sub/shop-detail-img04.jpg);}
.shop-detail #sit_ov_bottom .sub-visual.type04:after { background-image:url(/img/sub/shop-detail-img05.jpg);}
.shop-detail #sit_ov_bottom .sub-visual.type05:after { background-image:url(/img/sub/shop-detail-img06.jpg);}
.shop-detail #sit_ov_bottom .sub-visual.type06:after { background-image:url(/img/sub/shop-detail-img09.jpg);}
.shop-detail #sit_ov_bottom .sub-visual.type07:after { background-image:url(/img/sub/shop-detail-img10.jpg);}
.shop-detail #sit_ov_bottom .sub-visual.type08:after { background-image:url(/img/sub/shop-detail-img11.jpg);}

.shop-detail #sit_ov_bottom .sub-visual .value-btnwrap > ul > li > div { cursor:auto;}
.shop-detail #sit_ov_bottom .sub-visual .value-btnwrap > ul > li.on,
.shop-detail #sit_ov_bottom .sub-visual .value-btnwrap > ul > li:hover { flex:1;}
.shop-detail #sit_ov_bottom .sub-visual .value-btnwrap > ul > li.on > div,
.shop-detail #sit_ov_bottom .sub-visual .value-btnwrap > ul > li:hover > div { background:rgba(0,0,0,0.45);}

.shop-detail #sit_ov_bottom #sit-intro .maxinner { max-width:1080px;}
.shop-detail #sit_ov_bottom #sit-intro h2 { position:relative; z-index:10;}
.shop-detail #sit_ov_bottom #sit-intro h2 strong { display:block; line-height:1.4;}
.shop-detail #sit_ov_bottom #sit-intro .value-btnwrap { position:relative; z-index:10;}
.shop-detail #sit_ov_bottom #sit-intro .value-btnwrap span.txt { margin-top:-0.750em; font-size:4rem;}
.shop-detail #sit_ov_bottom #sit-intro .value-btnwrap span.txt span { font-size:3rem; vertical-align: middle;}
.shop-detail #sit_ov_bottom #sit-intro .value-btnwrap p { position:absolute; left:5%; top:50%; margin-top:1.667em; width:90%; font-size:1.8rem; line-height:1.444em; color:#fff; font-weight:300; letter-spacing:0; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align:center;}

.shop-detail #sit_ov_bottom #sit-detail { border-bottom:1px solid #ddd;}
.shop-detail #sit_ov_bottom #sit-detail .maxinner { display:flex; justify-content:space-between; padding:12em 0; flex-wrap:wrap;}
.shop-detail #sit_ov_bottom #sit-detail .maxinner > * { width:48%;}
.shop-detail #sit_ov_bottom #sit-detail .maxinner .imgbox { padding-bottom:47.844%; height:0; border:1px solid #dcdcdc; background-repeat:no-repeat; background-size:100%; background-position:center center;}
.shop-detail #sit_ov_bottom #sit-detail dl dt { position:relative; padding:1.125em 1.875em; border-top:1px solid #ddd; font-size:1.7rem; color:#363636; line-height:1.250em; font-weight:700; cursor: pointer;}
.shop-detail #sit_ov_bottom #sit-detail dl dt:after { content:""; position:absolute; right:30px; top:50%; width:26px; height:26px; border-radius:50%; background:#fff url(/img/bu/bu-qna.png) no-repeat center; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.shop-detail #sit_ov_bottom #sit-detail dl dt span { margin-right:5px; margin-top:1px; font-size:1.8rem; color:#b28e68; font-family:'Poppins',sans-serif; vertical-align:top; line-height:1.250em; font-weight:600;}
.shop-detail #sit_ov_bottom #sit-detail dl dd { display:none; padding:2.143em; border-top:1px solid #ddd; font-size:1.7rem;}
.shop-detail #sit_ov_bottom #sit-detail dl.on dt { border-top:1px solid #c6ab8e;}
.shop-detail #sit_ov_bottom #sit-detail dl.on dd { display:block;}
.shop-detail #sit_ov_bottom #sit-detail dl.on dt:after { background:#b28e68 url(/img/bu/bu-qna-on.png) no-repeat center;}

.shop-detail #sit_ov_bottom #sit-unboxing h2 { padding:6em 0 4em; text-align:center;}
.shop-detail #sit_ov_bottom #sit-unboxing h2 span { display:block; padding-top:0.5em; font-size: 4rem;color: #b28e68;font-weight: 700;line-height: 1;font-family:'Nanum Myeongjo', sans-serif;text-align: center;}

.shop-detail #sit_opt_added button i { line-height:30px;}

#sit_siblings { display:none !important;}

.customer-view { padding:12em 0; background:url(/img/sub/shop-view-inquiry.jpg) no-repeat center; background-size:cover; text-align:center; text-align:center;}
.customer-view h2 { font-size:3.8rem; color:#fff; font-weight:400;}
.customer-view p { margin-top:0.588em; font-size:1.7rem; color:#fff;}
.customer-view ul { padding-top:40px; padding-bottom:40px; font-size:0;}
.customer-view ul li { display:inline-block; position:relative; margin-left:25px;}
.customer-view ul li:after { content:""; position:absolute; left:0; bottom:0; width:0; height:1px; background:#fff; -webkit-transition:all 0.3s; transition:all 0.3s;}
.customer-view ul li:hover:after { width:100%;}
.customer-view ul li:first-child { margin-left:0;}
.customer-view ul li * { display:inline-block; font-size:2rem; color:#fff; font-family:'Poppins',sans-serif; font-weight:500; vertical-align:middle;}
.customer-view ul li span { margin-right:5px;}
.customer-view ul li:nth-child(1) span { padding-left:30px; background:url(/img/ico/ico-email.png) no-repeat left center;}
.customer-view ul li:nth-child(2) span { padding-left:25px; background:url(/img/ico/ico-tel.png) no-repeat left center;}
.customer-view .btn-viewmore03 span { font-size:1.8rem;}
.customer-view .btn-viewmore03:hover span { color:#fff;}
.customer-view .btn-viewmore03:hover:before { border-color:#fff;}

.sit-slider { overflow:hidden; position:relative; width:100%;}
.sit-slider img { display:block;}
/*
.sit-slider { overflow:hidden; position:relative; width:100%;}
.sit-slider .swiper-slide { overflow:hidden; position:relative; background:#fff;}
.sit-slider .swiper-slide > div { overflow:hidden; position:relative; padding-bottom:51.042%; height:0;}
.sit-slider .swiper-slide img { position:absolute; left:50%; top:50%; max-width:none; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); height:auto;}
.sit-slider .swiper-button-next { right:2%; width:80px; height:80px; border-radius:50%; background:rgba(0,0,0,0.7) url(/img/bu/bu-shop-detail-right.png) no-repeat center;}
.sit-slider .swiper-button-next:hover { background-color:#b28e68;}
.sit-slider .swiper-button-prev { left:2%; width:80px; height:80px; border-radius:50%; background:rgba(0,0,0,0.7) url(/img/bu/bu-shop-detail-left.png) no-repeat center;}
.sit-slider .swiper-button-prev:hover { background-color:#b28e68;}
*/




/*주문 내용 확인페이지*/
#forderform #sod_frm { padding:8.667em 0; margin:0 auto; max-width:1280px; font-size:1.5rem;}
#forderform input { vertical-align:middle;}
#forderform .sit_qty_minus i { line-height:21px;}
#forderform .sit_qty_plus i { line-height:21px;}
#forderform .multi-addr-area { padding:10px;}
#forderform .multi-addr-area table { margin-top:10px;}

/*위시리스트*/
#sod_ws { padding:8.667em 0; margin:0 auto; max-width:1280px; font-size:1.5rem;}

/*추천하기*/
#sit_rec_new { font-size:1.5rem;}

/*로그인 관련 탭메뉴*/
.login-tabmenu { display:flex; text-align:center;}
.login-tabmenu li { flex:1;}
.login-tabmenu li a { display:block; position:relative; padding:18px 5px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; font-size:1.7rem;}
.login-tabmenu li:first-child a { border-left:none;}
.login-tabmenu li a:after { display:none; content:""; position:absolute; left:0; bottom:-1px; z-index:1; width:100%; height:2px; background:#b28e68;}
.login-tabmenu li.on a { color:#b28e68;}
.login-tabmenu li.on a:after { display:block;}

/*로그인페이지*/
#mb_login { display:flex; align-items:center; padding:10em 0 4em 0; margin:0; max-width:none; min-height:100vh; font-size:1.5rem;}
#mb_login .inner { padding:0; margin:0 auto; max-width:600px; min-height:650px; width:100%; border:1px solid #ddd;}
#mb_login h1,
#mb_login h2 { margin-top:50px; font-size:3.5rem; color:#000; font-family:'Nanum Myeongjo',sans-serif;}
#mb_login #mb_login_notmb p { margin:2em 0;}
#mb_login .btn_submit { height:55px; line-height:55px; background:#b28e68 !important; font-size:1.5rem; letter-spacing:0;}
#mb_login .mb_login_join a:hover { color:#000;}

/*회원정보찾기*/
#find_info { font-size:1.5rem;}

/*회원약관페이지*/
.mbskin { margin:0;}
#fregister { display:flex; align-items:center; padding:7.857em 0; min-height:100vh; font-size:1.4rem;}
#fregister .inner { padding:20px; margin:0 auto; max-width:600px; width:100%; border:1px solid #ddd;}
#fregister h2 { margin: 1em 0 0.667em; font-size:3.5rem; color:#000; font-family:'Nanum Myeongjo',sans-serif;}
.mbskin .btn_submit { height:55px; line-height:55px; background:#b28e68; font-size:1.5rem; letter-spacing:0;}

/*회원가입페이지*/
#fregisterform { display:flex; align-items:center; padding:10em 0 4em; min-height:100vh; font-size:1.5rem;}
#fregisterform h1 { margin: 1em 0 0.667em; padding-bottom:10px; font-size:3.5rem; color:#000; font-family:'Nanum Myeongjo',sans-serif; text-align:center;}
#fregisterform .inner { padding:20px; margin:0 auto; max-width:600px; width:100%; border:1px solid #ddd;}
#fregisterform .form_01 h2 { color:#000;}
#fregisterform .form_01 .frm_info { font-size:1.4rem; color:#b28e68;}
#fregisterform .btn_submit { width:100%; height:55px; line-height:55px; background:#b28e68 !important; font-size:1.5rem; letter-spacing:0;}
#fregisterform .password .frm_input { border-bottom:1px solid #ebebeb;}

/*회원가입완료페이지*/
#reg_result { display:flex; align-items:center; padding:10em 0 4em; min-height:100vh; font-size:1.5rem;}
#reg_result .inner { padding:70px 20px; margin:0 auto; max-width:600px; width:100%; border:1px solid #ddd; text-align:center;}
#reg_result h2 { font-size:3.5rem; color:#000; font-family:'Nanum Myeongjo',sans-serif;}
#reg_result h2 strong { font-size:3rem; color:#b28e68; font-family:'Nanum Myeongjo',sans-serif; vertical-align:bottom;}
#reg_result .reg_cong { margin:30px 0 20px; font-size:2rem; color:#333; text-align:center;}
#reg_result .reg_cong strong { font-size:2rem; color:#b28e68; vertical-align:bottom;}
#reg_result p { font-size:1.4rem;}
#reg_result .btn_confirm { margin:50px 0 0;}
#reg_result .btn_confirm a { width:140px; height:55px; line-height:55px; border-color:#b28e68; color:#b28e68;}
#reg_result .btn_confirm a:hover { background-color:#b28e68; color:#fff;}

/*마이페이지*/
.smb_my_wrap { padding:11em 0;}
.smb_my_wrap #smb_my { font-size:1.4rem;}
.smb_my_wrap #smb_my_od h2 a{ color:#000;}

/*포인트내역 페이지*/
#point { font-size:1.5rem;}

/*쿠폰 페이지*/
#scp_list { font-size:1.5rem;}

/*회원 비밀번호 재확인 페이지*/
#mb_confirm { display:flex; align-items:center; padding:10em 0 4em; margin:0; max-width:none; height:100vh; height: calc(var(--vh, 1vh) * 100); font-size:1.5rem;}
#mb_confirm .inner { padding:70px 20px; margin:0 auto; max-width:600px; width:90%; border:1px solid #ddd; text-align:center;}
#mb_confirm .btn_submit { height:55px; line-height:55px; background:#b28e68; font-size:1.5rem; letter-spacing:0;}

/* 최근주문내역 페이지*/
#sod_v { padding:10em 0 4em; margin:0 auto; max-width:1120px; font-size:1.5rem;}
#sod_v > * { width:100%;}
#sod_v_info { padding:1.2em 0;margin-top:40px;background:#b28e68 !important; color:#fff !important;}

.sch_last { display:flex; justify-content:space-between; align-items:flex-end; padding:30px 20px; margin-bottom:1em; background:#f8f8f8; border:1px solid #ddd;}
.sch_last .order_date_chk { width:42%;}
.sch_last .order_date_chk > strong { display:block; margin-bottom:15px; font-size:16px; color:#222222; font-weight:700;}
.sch_last .order_date_chk .datebox { display:flex; align-items:center;}
.sch_last .order_date_chk .inp_sec { position:relative; width:46%;}
.sch_last .order_date_chk .inp_sec .frm_input { width:100%; height:35px; border:1px solid #ddd; font-size:14px; color:#666666; line-height:35px; cursor:pointer; letter-spacing:-0.5px;
    -webkit-appearance:none !important;
    -moz-appearance:none !important;
    -ms-appearance:none !important;
    -o-appearance:none !important;
    appearance:none !important;
}
.sch_last .order_date_chk .mid { width:8%; font-size:12px; color:#666666; text-align:center;}
.sch_last .order_date_research { width:55%;}
.sch_last .order_date_research > strong { display:block; margin-bottom:15px; font-size:16px; color:#222222; font-weight:700;}

.sch_last .researchbox { position:relative; padding-right:140px;}
.sch_last .researchbox > ul { display:flex; border-left:1px solid #ddd;}
.sch_last .researchbox > ul > li { flex:1;}
.sch_last .researchbox > ul > li button { position:relative; background:#fff; width:100%; border:1px solid #dddddd; border-left:none; font-size:14px; color:#666666; line-height:33px; letter-spacing:-0.5px;}
.sch_last .researchbox > ul > li button:after { display:none; content:""; position:absolute; right:0; top:0; left:0; bottom:0; z-index:10; border:1px solid #b28e68;}
.sch_last .researchbox > ul > li.on button { color:#b28e68; font-weight:700;}
.sch_last .researchbox > ul > li.on button:after { display:block; border-color:#b28e68;}
.sch_last .researchbox > .btn_submit { position:absolute; right:0; top:0; width:130px; border:1px solid #b28e68; background:#b28e68; font-size:14px; line-height:33px; letter-spacing:-0.5px;}
.sch_last .researchbox > .btn_submit:hover { background:#fff; border-color:#b28e68; color:#b28e68;}

@media all and (max-width: 1024px){
	.sch_last { flex-wrap:wrap; padding: 30px 20px;}
	.sch_last .order_date_chk .datebox { max-width:300px;}
	.sch_last .order_date_chk { width:100%;}
	.sch_last .order_date_research { margin-top:20px; width:100%;}
}
@media all and (max-width: 480px){
	.sch_last .researchbox { padding-right:0;}
	.sch_last .researchbox > .btn_submit { position:static; margin-top:10px;  width:100%;}
}


/*주문 상세내역 확인페이지*/
#sod_fin { padding:10em 0 4em; margin:0 auto; max-width:1120px; font-size:1.6rem;}
#sod_fin_tot li { background:#b28e68; border-color:#ddd;}




/*영문*/
.en .sec-header #header .gnb-wrap .gnb > ul > li { margin:0 1.1em;}
.en .sec-header #header .gnb-wrap .gnb > ul > li > a { letter-spacing:-0.5px; font-size:1.9rem;}



@media all and (max-width:1800px) {
	.sec-header #header h1 { left:30px;}
    .sec-header #header .inner:after { width:25px;}
    .sec-header #header .inner:before { margin-right:-245px;}  
    .sec-header #header .gnb-wrap .hd-info { right:30px;}
    .sec-header #header .gnb-wrap .gnb > ul > li { margin:0 1.2em;}
    #quick { right:20px;}

    .en .sec-header #header .gnb-wrap .gnb > ul > li > a { letter-spacing:-0.2px; font-size:1.7rem;}
	.btn-hd-info span { width:140px;}
}
@media all and (max-width:1600px) {
    #main-sec02 .txtwrap p { font-size:1.6rem;}

    .sns_share { right:30px;}
    .shop-detail #sit_ov_wrap .sit_ov_innr #sit_ov { padding:0 1.875em; max-width:none;}
    .shop-detail #sit_ov_wrap .sit_ov_innr .shop-detail-thumb .inner { padding:0 3em;}
    .shop-detail #sit_ov_wrap .sit_ov_innr .shop-detail-thumb .inner .right { height:500px;}
    .shop-detail #sit_ov_wrap .sit_ov_innr .shop-detail-thumb .inner .left .item-slider .swiper-slide { height:500px;}
    
    .sec-header #header .gnb-wrap .hd-info .hd-list01 > li .hd-depth a { padding:0; height:42px; font-size:14px; line-height:42px;}
    .sec-header #header .gnb-wrap .hd-info .hd-list01 > li .hd-depth:after { top:-13px;}

    /* .btn-hd-info span { font-size:0; width:42px !important; height:42px !important; border-radius:50% !important;}
    .btn-hd-info:before,
    .btn-hd-info:after { display:none;}
    /*
    .btn-hd-info.btn-lang span { border:1px solid #fff; background-position:center !important;}
    */

    /* .btn-hd-info.btn-shop span { display:flex; justify-content:center; align-items:center;background-color:#b28e68; border-color:#b28e68;}
    .btn-hd-info.btn-shop img { position:absolute; left:50%; top:50%; margin:-1px 0 0;
        -webkit-transform:translate(-50%,-50%);
        -moz-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
        -o-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%);
    }
    .btn-hd-info span:hover { background-color:#b28e68; border-color:#b28e68;} */
}
@media all and (max-width: 1440px) {
	.sec-header #header .gnb-wrap .gnb > ul > li > a { font-size:1.7rem;}
    .sec-header #header .hd-allmenu { display:block; position: fixed; right:30px; top:21px; z-index:9999; width:50px; height:52px;}
    .sec-header #header .hd-allmenu .btn-allmenu { position:absolute; left:50%; top:50%; width:38px; height:24px; background-color: transparent; border: 1px solid transparent; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
    .sec-header #header .hd-allmenu .btn-allmenu .bar { position:absolute; left:0; top:0; width: 100%; height: 4px; background: #fff; -webkit-transition:all 0.2s; transition:all 0.2s;}
    .sec-header #header .hd-allmenu .btn-allmenu .bar.bar01 { top:0;}
    .sec-header #header .hd-allmenu .btn-allmenu .bar.bar02 { top:50%;}
    .sec-header #header .hd-allmenu .btn-allmenu .bar.bar03 { top:100%;}  
    .sec-header #header .gnb-wrap .gnb > ul > li > a:hover { top:0;}

    .sec-header.open #header .hd-allmenu .btn-allmenu .bar.bar02 { display:none;}
    .sec-header.open #header .hd-allmenu .btn-allmenu .bar.bar01 { top:11px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
    .sec-header.open #header .hd-allmenu .btn-allmenu .bar.bar03 { top:11px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}

    .sec-header #header .gnb-wrap .hd-info { right:100px;}
    .sec-header #header .gnb-wrap .gnb { display:none; justify-content:center; align-items:center; overflow-y:scroll; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background:#000;}
    .sec-header #header .gnb-wrap .gnb > ul { display:block; padding:100px 0 0; width:100%; height:100%;}
    .sec-header #header .gnb-wrap .gnb > ul > li { margin:0 20px; text-align:left;}
    .sec-header #header .gnb-wrap .gnb > ul > li > a { display:block; padding:20px 20px; border-top:1px solid #555; /*font-size:0;*/}
    .en .sec-header #header .gnb-wrap .gnb > ul > li > a { letter-spacing: 0 !important;}
    .sec-header #header .gnb-wrap .gnb > ul > li > a:before { content:""; position:absolute; right:20px; top:50%; width:12px; height:12px; border-top:2px solid #fff; border-right:2px solid #fff;
        -webkit-transform:translateY(-50%) rotate(45deg);
        -moz-transform:translateY(-50%) rotate(45deg);
        -ms-transform:translateY(-50%) rotate(45deg);
        -o-transform:translateY(-50%) rotate(45deg);
        transform:translateY(-50%) rotate(45deg);
    }
    .sec-header #header .gnb-wrap .gnb > ul > li > a p { opacity:1; visibility:visible; position:static; font-size:2.2rem; line-height:1.200em;}
    .sec-header #header .gnb-wrap .gnb > ul > li.on > a:after, .sec-header #header .gnb-wrap .gnb > ul > li > a:hover:after { display:none !important;}
    .sec-header.open #header .gnb-wrap .gnb { display:block;}
    .sec-header #header .gnb-wrap .gnb > ul > li.mb-on { display:block;}
    .sec-header #header .gnb-wrap .gnb > ul > li.mb-on > a { background:#b28e68; border-radius:5px;}
    	
    .common-big-txt { font-size:5.2rem;}
    .value-sec .value-txtwrap dl dd.common-big-txt span { font-size:5.2rem;}

    #main-visual .txtwrap h2 { font-size:5.2rem;}  
    #main-visual .txtwrap p { font-size:2.7rem;}
    #main-sec01 .txtwrap strong { font-size:3rem;}
    #main-sec01 .txtwrap p { font-size:1.8rem;}  
/*
    #main-sec06 #spanize-txt span,
    #main-sec06 .txtwrap strong,
    #main-sec06 .txtwrap strong span { font-size:4rem;}
    #main-sec06 .txtwrap p { font-size:1.7rem;}  
*/
    #main-sec06 .conbox2 > div.midbox strong span,
    #main-sec06 .conbox2 .txtwrap strong { font-size:4rem;}

    .sub-m-tit h2 { font-size:4.8rem !important; line-height:1.4 !important;}
    .sub-m-tit p { font-size:1.9rem !important; line-height:1.7 !important;}
    .sub-m-tit span { font-size:1.8rem !important;}

    .responsibility .example-sec .maxinner > h2 { font-size:4rem;}
    .responsibility .example-sec .exambox .conbox h3 { font-size:3.2rem; line-height:1.4;}
    .responsibility .example-sec .exambox .conbox p .pc-br { display:none;}

    .view-list-wrap .view-list > li > a:before,
    .view-list-wrap .view-list > li > a:after { left:15px; right:15px; top:15px; bottom:15px;}
    .view-list-wrap .view-list > li > a span, 
    .view-list-wrap .view-list > li > a strong { padding:0 1.2em; font-size:2.5rem;}

    .shop-main .view-list-wrap .view-list > li > a > h2 { padding:0 2em; font-size:2.5rem;}

    #sod_v { padding:8.5em 0; padding-left:30px; padding-right:30px;}
    #sod_fin_no { margin-top:0;}
    #sod_ws { padding:8.5em 0; padding-left:30px; padding-right:30px;}
    #sod_fin { padding:8.5em 0; padding-left:20px; padding-right:20px;}
    #forderform #sod_frm { padding:8.5em 0; padding-left:20px; padding-right:20px;}

    .shop-detail #sit_ov_bottom #sit-detail { padding-left:3em; padding-right:3em;}
}
@media (max-width: 1280px) {
    html { font-size:58%;}    
    .maxinner { max-width:none; padding:0 3em;}

    .topbtn { right:20px;}

    #main-sec02 { display:block !important;}
    #main-sec02 .fp-tableCell { display:block !important; padding:0 !important;}
    #main-sec02 ul { flex-wrap:wrap;}
    #main-sec02 ul li { flex:auto; width:50%;}
    #main-sec02 ul li a { display:flex; justify-content: center; align-items: center; }
    #main-sec02 .txtwrap { top:40%;}
    #main-sec02 .txtwrap p br { display:block !important;}
    #main-sec02.active ul > li:nth-child(1) .txtwrap { -webkit-animation-delay: 0s !important; animation-delay: 0s !important;}
    #main-sec02.active ul > li:nth-child(2) .txtwrap { -webkit-animation-delay: 0s !important; animation-delay: 0s !important;}
    #main-sec02.active ul > li:nth-child(3) .txtwrap { -webkit-animation-delay: 0s !important; animation-delay: 0s !important;}
    #main-sec02.active ul > li:nth-child(4) .txtwrap { -webkit-animation-delay: 0s !important; animation-delay: 0s !important;}

    #main-sec03 .fp-tableCell > div.right-con { justify-content: center;}
    #main-sec03 .fp-tableCell > div.right-con .txtwrap { padding-left:0; max-width:none; width:auto;}
    
    #footer .maxinner { max-width:none; padding:0 2em;}
    #footer .ft-info { flex-direction:column; flex-wrap:wrap; align-items:flex-start; padding-right:0;}
    #footer .ft-info h2 { margin-bottom:20px; width:100%;}
    #footer .ft-info .ft-address { margin-bottom:20px; width:100%;}
    #footer .ft-info .ft-mark { position:static; width:100%;}  
    .en #footer .ft-info .ft-address { max-width:100%;}

    .location { flex-wrap:wrap; height:auto;}
    .location .loc-left { width:100%; min-height:700px; height:100vh; height: calc(var(--vh, 1vh) * 100);}
    .location .loc-left .loc-big-slider .txtbox { margin-left:30px;}
    .sub .location .loc-left .swiper-pagination { left:30px;}

    .location .loc-right { width:100%;}
    .location .loc-right .loc-info-wrap { height:auto;}
    .location .loc-right .loc-info-wrap .loc-sm-slider { flex:auto; height:500px;}
    .location .loc-right .loc-info-wrap .loc-sm-slider .swiper-slide { background-size:90% !important;}
    .location .loc-right .loc-info-wrap .loc-info-slider { flex:auto; height:300px;}
    .location .loc-right .loc-shop { height:300px;}   

    .shop-main .view-list-wrap .view-list > li { padding-bottom:35%; width:48%;} 

    .shop-detail #sit_ov_wrap .sit_ov_innr #sit_ov #sit_title { font-size:2.5rem;}
    .shop-detail #sit_ov_wrap .sit_ov_innr #sit_ov #sit_desc { font-size:1.6rem;}
    #sit_ov_btn button { height:55px; font-size:1.5rem; line-height:55px;}

    .shop-detail #sit_ov_wrap .sit_ov_innr .shop-detail-thumb .inner .right { height:400px;}
    .shop-detail #sit_ov_wrap .sit_ov_innr .shop-detail-thumb .inner .left .item-slider .swiper-slide { height:400px;}

    .customer-view h2 { font-size:3.2rem;}
    .customer-view ul li * { font-size:1.8rem;}

    .shop-detail #sit_ov_bottom #sit-intro h2 .common-big-txt { font-size:4rem;}
    .shop-detail #sit_ov_bottom #sit-intro .value-btnwrap li span.txt{ font-size:4rem;}
    .shop-detail #sit_ov_bottom #sit-intro .value-btnwrap li span.txt span { font-size:2.8rem;}
    .shop-detail #sit_ov_bottom #sit-intro .value-btnwrap li p { font-size:1.6rem;}

    .smb_my_wrap { padding-left:3em; padding-right:3em;}

    .inquiry { min-height:auto;}
    .inquiry .form-box { padding:5em 2.5em;}
    .inquiry-box .flex-box { flex-wrap:wrap;}
    .inquiry-box .flex-box > div { width:100%; margin-bottom:2em;}
    .inquiry-box .flex-box h3 { width:30%; font-weight:500;}

}
@media all and (max-width:1023px) {
    .fp-section.fp-table, .fp-tableCell { height:auto !important;}
    .section.active .txtwrap { -webkit-animation: moveText 0.8s forwards; animation: moveText 0.8s forwards;}

    #main-visual.fp-section.fp-table, 
    #main-visual.fp-tableCell { height:100vh !important; height: calc(var(--vh, 1vh) * 100) !important;}
    #main-visual .fp-tableCell { padding-left:3em; padding-right:3em;}
    #main-visual .txtwrap h2 { font-size:4.5rem;}
    #main-visual .txtwrap p { font-size:2.5rem;}

    #main-sec01 .fp-tableCell { padding:17em 0;}
    #main-sec01 .txtwrap strong { font-size:2.6rem;}

    #main-sec02 .fp-tableCell { height:700px !important;}
    #main-sec02 .txtwrap { top:50%; margin-top:-4em;}
    #main-sec02 .txtwrap h2 { font-size:2.8rem;}
    #main-sec02.active ul > li:nth-child(1) .txtwrap { -webkit-animation-delay: 0s !important; animation-delay: 0s !important;}
    #main-sec02.active ul > li:nth-child(2) .txtwrap { -webkit-animation-delay: 0s !important; animation-delay: 0s !important;}
    #main-sec02.active ul > li:nth-child(3) .txtwrap { -webkit-animation-delay: 0s !important; animation-delay: 0s !important;}
    #main-sec02.active ul > li:nth-child(4) .txtwrap { -webkit-animation-delay: 0s !important; animation-delay: 0s !important;}

    #main-sec03 .fp-tableCell { height:700px !important;}
    #main-sec03 .fp-tableCell { display:block; padding:0; border-top:13px solid #b28e69; border-bottom:13px solid #b28e69;}
    #main-sec03 .fp-tableCell > div.left-con { height:40%;}
    #main-sec03 .fp-tableCell > div.right-con { height:60%; text-align: center;}
    #main-sec03 .fp-tableCell > div.right-con .txtwrap { padding-top:0;}
    #main-sec03 .fp-tableCell > div.right-con .txtwrap h2 { font-size:4.5rem;}
    #main-sec03 .fp-tableCell > div.right-con .txtwrap p { margin:1.5em 0 2em;}

    #main-sec04 .fp-tableCell { padding:17em 0;}
    #main-sec05 .fp-tableCell { padding:22em 0;}

    #main-sec06 .fp-tableCell { height:600px !important;}
    #main-sec06 .conbox2 > div { height:250px;}
    #main-sec06 .conbox2 > div.midbox { height:100px;}
    #main-sec06 .conbox2 > div.midbox strong span, 
    #main-sec06 .conbox2 .txtwrap strong { font-size:3.3rem;}
    /*
    #main-sec06 .txtwrap p { margin-top:0.5em; min-height:auto;}
    #main-sec06 .txtwrap p br { display:none;}
    #main-sec06 #spanize-txt span,
    #main-sec06 .txtwrap strong,
    #main-sec06 .txtwrap strong span { font-size:3.3rem;}
    #main-sec06 .conbox .box01 strong { font-size:2.5rem;}
    */
    #main-sec06-01 .fp-tableCell { padding:10em 0 13em;}
    #main-sec06-02 .fp-tableCell { padding:10em 0 13em;}
    #main-sec06-03 .fp-tableCell { padding:10em 0 13em;}
    #main-sec06-04 .fp-tableCell { padding:10em 0 13em;}
    #main-sec06-05 .fp-tableCell { padding:10em 0 13em;}

    .value-btnwrap { margin-top:6em;}
    .value-btnwrap > ul > li.on > div > span.txt, 
    .value-btnwrap > ul > li:hover > div > span.txt { font-size:2.8rem;}
    .value-sec .value-txtwrap dl dd.common-big-txt span { font-size:4.5rem;}

    #main-sec07 .fp-tableCell { padding:17em 0;}
    #main-sec07 .txtwrap { padding-top:0;}
    #main-sec07 .txtwrap strong { font-size:2.7rem;}
    
    #main-sec08.fp-section.fp-table, 
    #main-sec08.fp-tableCell { padding-bottom:56.25%; height:0 !important;}
    
    .common-big-txt { font-size:4.5rem;}
    .common-sm-txt { font-size:2rem;}

    .txtbox-type01 h2 strong { font-size:4.5rem;}

    .sub-m-tit h2 { font-size:4rem !important;}
    .sub-m-tit p { font-size:1.7rem !important;}
    .sub-m-tit span { font-size:1.7rem !important;}  

    .substainbility .slide-sec .sub-m-tit { padding-left:3em; padding-right:3em;}
    .substainbility .slide-sec .substain-slider { padding-right:10em; padding-bottom:5em;}  
    .substainbility .slide-sec .substain-slider .swiper-pagination { display:block; position:absolute; left:0; bottom:0; top:auto; margin-top:0; width:100%; transform:none; text-align:center;}
    .substainbility .slide-sec .substain-slider .swiper-pagination .swiper-pagination-bullet { background:url(/img/bu/bu-polygon-bar-gray.png) no-repeat center;}

    .responsibility .example-sec .maxinner > h2 { font-size:3.5rem;}
    .responsibility .example-sec .maxinner > p { margin-bottom:3em; font-size:1.7rem;}
    .responsibility .example-sec .exambox .conbox h3 { font-size:2.5rem;}
    .responsibility .example-sec .exambox .conbox p { font-size:1.7rem;}
    .responsibility .example-sec .exambox .conbox p br.pc-br { display:none;}

    .responsibility .example-sec:after { -webkit-transform:scale(0.67); transform:scale(0.67); transform-origin:0 0;}
    .responsibility .example-sec:before { -webkit-transform:scale(0.67); transform:scale(0.67); transform-origin:100% 0;}

    .view-list-wrap .view-list > li { padding-bottom:30%; width:48%;}

    .collabo-detail .collabo-slider { padding-right:10em;}

    .location .loc-left .loc-big-slider .txtbox .sub-m-tit p { margin:3% 0 10%;}
    .sub .location .swiper-pagination { margin-top:-170px;}

    .shop-list #sct_wrap .sct_li { width:31% !important;}
 
    .sns_share { position:static; text-align:left;}   

    .sub-m-tit02 h2 { font-size:3rem;}
    .collabo-detail .normal-txt { font-size:1.7rem;}

    .substainbility .sub-m-tit02 p { font-size:2.8rem;}
    .responsibility .sub-m-tit02 p { font-size:2.8rem;}
    .responsibility .type02 .sub-m-tit02 p.txt02 span { font-size:2rem; line-height:1.7;}
    .responsibility .sub-visual.type03 .sub-m-tit02 p:first-child { font-size:4.5rem;}
    .shop-detail .sit-tit p { font-size:2.8rem;}

    .inquiry .form-box { padding:5em 3em;}

    .shop-list .shop-list-cate ul { margin-top:-2%; align-items:flex-start;}
    .shop-list .shop-list-cate ul li { flex:auto; margin-top:2%; width:48%;}
    .shop-list .shop-list-cate ul li:nth-child(2n+1) { margin-left:0;}

    .shop-list #sct_sortlst .shop-list-sort { flex-wrap:wrap;}
    .shop-list #sct_sortlst .shop-list-sort > * { width:100%;}
    .shop-list #sct_sortlst .shop-list-sort .shop-list-opt { margin-top:2em; width:100%; justify-content:space-between;}

    .substainbility .slide-sec:after { -webkit-transform:scale(0.67); transform:scale(0.67); transform-origin:0 0;}
    .substainbility .slide-sec:before { -webkit-transform:scale(0.67); transform:scale(0.67); transform-origin:100% 0;}

}
@media all and (max-width:767px) {
    .fp-section.fp-table, 
    .fp-tableCell { /*min-height:480px;*/}

    .sec-header #header h1 { left:20px !important; top:9px !important;}
    .sec-header #header h1 a { width:90px !important;}
    .sec-header #header .inner { height:70px;}
    .sec-header #header .inner:after { width:100%;}
    .sec-header #header .inner:before { display:none;}
    .sec-header #header .hd-allmenu { top:18px; right:20px; width:32px; height:30px;}
    .sec-header #header .hd-allmenu .btn-allmenu { width:32px; height:22px;}
    
    .sec-header #header .gnb-wrap .hd-info { right:65px;}
    .sec-header #header .gnb-wrap .hd-info .hd-list01 > li { margin-left:8px;}
    .sec-header #header .gnb-wrap .hd-info .hd-list02 { margin-left:8px;}
    .sec-header #header .gnb-wrap .hd-info .hd-list02 > li > a { font-size:1.9rem;}
    .sec-header #header .gnb-wrap .hd-info .hd-list02 > li { margin-left:5px;}
    .sec-header #header .gnb-wrap .gnb > ul { padding-top:100px;}

    .sec-header #header .gnb-wrap .gnb > ul > li > a { padding:15px 20px;}
    .sec-header #header .gnb-wrap .gnb > ul > li > a p { font-size:1.9rem;}

    .sec-header #header .gnb-wrap .hd-info .hd-list01 { display:block;}
    .sec-header #header .gnb-wrap .hd-info .hd-list02 { display:none;}
    .sec-header.open #header .gnb-wrap .hd-info { position:fixed; left:20px; right:auto; top:14px; z-index:2000; transform:none !important;}
    .sec-header.open #header .gnb-wrap .hd-info .hd-list01 { display:none;}
    .sec-header.open #header .gnb-wrap .hd-info .hd-list02 { display:block; margin-left:0;}

    .sec-header #header .gnb-wrap .hd-info .hd-list01 > li .hd-depth a { height:35px; font-size:12px; line-height:33px;}
    .sec-header #header .gnb-wrap .hd-info .hd-list01 > li .hd-depth:after { top:-12px;}

    .btn-hd-info.btn-shop img { width:18px;}

    #main-visual .txtwrap h2 { font-size:3.3rem;}
    #main-visual .txtwrap p { font-size:2rem;}
    #main-visual .txtwrap .btnwrap { margin-top:2.8em;}
    #main-visual .main-visual-scroll p { padding-bottom:4.5em; background-size:27px;}
    #main-visual .main-visual-scroll p span { bottom:15px; margin-left:-1px; width:6px; height:23px; background-size:6px;}

    .common-big-txt { font-size:3.3rem;}
    .common-sm-txt { font-size:1.6rem;}

    .value-sec .value-txtwrap dl dd.common-big-txt span { font-size:3.3rem;}
    .value-txtwrap dl dt:after { height:30px;}

    #main-sec01 .txtwrap strong { font-size:2.1rem;}
    #main-sec01 .txtwrap p { font-size:1.6rem; line-height:1.6;}
    #main-sec01 .txtwrap p br { display:none;}

    #main-sec02.fp-section.fp-table, 
    #main-sec02 .fp-tableCell { min-height:600px !important;}
    #main-sec02 ul li { width:100%; height:25%;}
    #main-sec02 .txtwrap { margin-top:-3.8em;}
    #main-sec02 .txtwrap h2 { font-size:2.2rem;}
    #main-sec02 .txtwrap p { margin-top:0.6em; font-size:1.6rem;}

    #main-sec03 .fp-tableCell { height:550px !important;}
    #main-sec03 .fp-tableCell > div.right-con .txtwrap h2 { font-size:4rem;}

    .txtbox-type01 h2 { margin-bottom:3em;}
    .txtbox-type01 h2 span { margin-bottom:1.2em;}
    .txtbox-type01 h2 strong { font-size:3.3rem; line-height:1.125em;}

    #main-sec04 .fp-tableCell { padding:9em 0;}
    #main-sec05 .fp-tableCell { padding:12em 0;}

    #main-sec06-01 .fp-tableCell,
    #main-sec06-02 .fp-tableCell,
    #main-sec06-03 .fp-tableCell,
    #main-sec06-04 .fp-tableCell,
    #main-sec06-05 .fp-tableCell { padding:5em 0;}
/*
    #main-sec06 .conbox > div.one-box { width:50%; min-height:auto;}
    #main-sec06 .conbox > div.dob-box { width:100%;}
    #main-sec06 .conbox > div.dob-box > div { width:50%; min-height:auto;}
    #main-sec06 #spanize-txt span,
    #main-sec06 .txtwrap strong,
    #main-sec06 .txtwrap strong span { font-size:3rem;}
    #main-sec06 .txtwrap p { font-size:1.5rem;}
*/
    #main-sec06 .fp-tableCell { height:500px !important;}
    #main-sec06 .conbox2 > div { height:200px;}
    #main-sec06 .conbox2 > div.midbox strong span { font-size:2.8rem;}
    #main-sec06 .conbox2 .txtwrap strong { font-size:2.5rem;}
    #main-sec06 .conbox2 > div.btmbox > div.box01 { width:33.3333%;}
    #main-sec06 .conbox2 > div.btmbox > div { width:33.3333%;}

    .value-btnwrap > ul { display:block; font-size:0;}
    .value-btnwrap > ul > li { display:inline-block; margin:1%; width:31.3333%;}
    .value-btnwrap > ul > li.on,
    .value-btnwrap > ul > li:hover { flex:auto;}
    .value-btnwrap > ul > li > div > span.txt { margin-top:-15px;}
    .value-btnwrap > ul > li > div > span.ic { margin-top:15px;}
    .value-btnwrap > ul > li.on > div > span.txt, 
    .value-btnwrap > ul > li:hover > div > span.txt { margin-top:-18px; font-size:2.5rem;}
    .value-btnwrap > ul > li.on > div > span.ic, 
    .value-btnwrap > ul > li:hover > div > span.ic { margin-top:18px;}

    #main-sec07 .fp-tableCell { padding:12em 0;}
    #main-sec07 .txtwrap strong { font-size:2.3rem;}
    #main-sec07 .txtwrap p { padding-left:20%;}
    #main-sec07 .txtwrap p br{ display:none;}
    
    #footer .ft-info h2 img { width:130px;}
    #footer .ft-info .ft-address p span { display:initial;}
    #footer .ft-info .ft-address .ft-txt span:after { top:4px;}
    #footer .ft-info .ft-mark img { width:200px;}  

    .sub-visual .visual-scroll p { padding-bottom:4.5em; background-size:27px;}
    .sub-visual .visual-scroll p span { bottom:15px; margin-left:-1px; width:6px; height:23px; background-size:6px;}
    
    .sub-m-tit h2 { font-size:3rem !important;}
    .sub-m-tit h2 br.pc-br { display:none;}
    .sub-m-tit p { font-size:1.6rem !important;}
    .sub-m-tit p br.pc-br { display:none;}
    .sub-m-tit span { font-size:1.6rem !important;}      

    .substainbility .slide-sec { padding:10em 0 9em;}
    .substainbility .slide-sec .substain-slider { margin-top:7em;}

    .responsibility .example-sec .maxinner > h2 { font-size:3rem;}
    .responsibility .example-sec .exambox { margin-top:7em;}
    .responsibility .example-sec .exambox .conbox h3 { font-size:2.2rem;}
    .responsibility .example-sec .exambox .conbox p { font-size:1.6rem;}
    .responsibility .example-sec .exambox .imgbox { width:100%;}
    .responsibility .example-sec .exambox .conbox { margin:3em 0 0; width:100% !important; text-align:left !important;}
    .responsibility .example-sec:after { -webkit-transform:scale(0.44); transform:scale(0.44); transform-origin:0 0;}
    .responsibility .example-sec:before { -webkit-transform:scale(0.44); transform:scale(0.44); transform-origin:100% 0;}
    .responsibility .photo-sec { padding:7em 0;}
    .responsibility .photo-sec .btnwrap { margin-top:7em;}

    #quick { right:10px; top:100px;}
    #quick > li { margin-top:15px;}
    #quick > li > a { width:60px; height:60px;}
    #quick > li > a > span { font-size:1.2rem;}
    #quick > li.quick01 > a { width:70px; height:70px; background-position:25px 12px; background-size:20px;}
    #quick > li.quick01 > a > span { top:34px; font-size:1.2rem;}
    #quick > li.quick02 > a { background-position:21px 12px; background-size:20px;}
    #quick > li.quick02 > a > span { top:32px;}
    #quick > li.quick03 > a { background-position:21px 12px; background-size:17px;}
    #quick > li.quick03 > a > span { top:33px;}  

    .view-list-wrap .view-list { margin-top:-4%; margin-left:0;}
    .view-list-wrap .view-list > li { padding-bottom:43%; margin-top:4%; margin-left:0; width:100%;}  
    .view-list-wrap .view-list > li > a span,
    .view-list-wrap .view-list > li > a strong { font-size:2rem;}

    .location .loc-right .loc-info-wrap .loc-sm-slider { height:300px;}
    .location .loc-right .loc-shop { height:250px;}
    .location .loc-right .loc-shop h2 { font-size:2.8rem;}

    .shop-main .view-list-wrap .view-list > li { padding-bottom:0; width:100%; height:250px;}
    .shop-main .view-list-wrap .view-list > li > a .btn-more { width:30px; height:26px; background-size:100%;}
    .shop-main .view-list-wrap .view-list > li > a .btn-more:after { left:7px; top:4px; width:17px; height:17px; background-size:100%;}
    .shop-main .view-list-wrap .view-list > li > a > h2 { font-size:2rem;}
    .shop-main .view-list-wrap .view-list > li > a > p { font-size:1.6rem;}

    .shop-list #sct_wrap .sct_li { width:48% !important;}

    .shop-list .shop-list-cate ul { margin-top:-5%;}
    .shop-list .shop-list-cate ul li { margin-top:5%;;}
    .shop-list .shop-list-cate ul li a { font-size:1.3rem; letter-spacing:-0.043em;}
    .shop-list .shop-list-cate ul li a .ico { width:20px; height:18px; background-size:100% !important;}
    .shop-list .shop-list-cate ul li a .ico:after { left:4.8px; top:3.5px;}

    .shop-list #sct_wrap .sct_cost { font-size:2rem;}
    .shop-list #sct_wrap .sct_li .sct-detail ul li { margin:0 3px;}
    .shop-list #sct_wrap .sct_li .sct-detail ul li a { width:35px; height:35px; background-size:50%;}

    .shop-detail #sit_ov_wrap .sit_ov_innr > * { width:100%;}    
    .shop-detail #sit_ov_wrap .sit_ov_innr .shop-detail-thumb { padding:12em 3em 5em; }

    .shop-detail #sit_ov_wrap .sit_ov_innr #sit_ov { width:100%;}
    .shop-detail #sit_ov_wrap .sit_ov_innr #sit_ov > div { padding-top:0;}

    .shop-detail #sit_ov_bottom #sit-detail .maxinner .imgbox { width:35%;}
    .shop-detail #sit_ov_bottom #sit-detail .maxinner .txtbox { width:62%;}

    .shop-detail #sit_ov_bottom #sit-detail .maxinner { padding:7em 0;}
    .shop-detail #sit_ov_bottom #sit-detail .maxinner .imgbox { padding-bottom:100%; width:100%; text-align:center;}
    .shop-detail #sit_ov_bottom #sit-detail .maxinner .txtbox { padding-top:3em; width:100%;}
    .shop-detail #sit_ov_bottom #sit-detail dl dd { padding-left:0; padding-right:0; font-size:1.6rem;}
    .shop-detail #sit_ov_bottom #sit-detail dl dt { padding-left:0; padding-right:0;}
    .shop-detail #sit_ov_bottom #sit-detail dl dt:after { right:10px;}

    .customer-view { padding:6em 0;}
    .customer-view h2 { font-size:2rem;}
    .customer-view p { font-size:1.6rem;}
    .customer-view ul { display:flex; flex-direction:column; justify-content:center; align-items:center; padding-top:15px; padding-bottom:15px;}
    .customer-view ul li { margin:8px 0;}

    .shop-detail #sit_ov_bottom #sit-intro h2 .common-big-txt { font-size:2.5rem;}
    .shop-detail #sit_ov_bottom #sit-unboxing h2 img { width:100px;}
    .shop-detail #sit_ov_bottom #sit-unboxing h2 span { font-size:2.5rem;}
    .shop-detail #sit_ov_bottom #sit-intro .value-btnwrap li span.txt{ font-size:2.5rem;}
    .shop-detail #sit_ov_bottom #sit-intro .value-btnwrap li span.txt span { font-size:2rem;}
    .shop-detail #sit_ov_bottom #sit-intro .value-btnwrap li.on span.txt, 
    .shop-detail #sit_ov_bottom #sit-intro .value-btnwrap li:hover span.txt { font-size:3.2rem;}
    .shop-detail #sit_ov_bottom #sit-intro .value-btnwrap li.on span.txt span, 
    .shop-detail #sit_ov_bottom #sit-intro .value-btnwrap li:hover span.txt span { font-size:2.2rem;}

	.shop-detail #sit_ov_bottom .sanchor {display:flex; justify-content:center;}
	.shop-detail #sit_ov_bottom .sanchor li { padding:20px 0; flex:1;}
    .shop-detail #sit_ov_bottom .sanchor li a { display:flex; justify-content:center; align-items:center; height:100%; font-size:1.4rem; line-height:1.4em;}
    .shop-detail #sit_ov_bottom .sanchor li a:after { bottom:-5px;}

    .shop-detail .value-btnwrap > ul > li { width:100%;}
    .shop-detail .value-btnwrap > ul > li > div { padding-bottom:0; height:150px;}
    .shop-detail .common-sm-txt br.pc-br { display:none;}

    .shop-detail .sub-visual { padding-top:10em; padding-bottom:10em; min-height:400px; height:auto;}

    #mb_login { min-height:auto; padding:120px 30px 100px;}
    #mb_login h1,
    #mb_login h2 { font-size:2.7rem;}

    #fregister { min-height:auto; padding:120px 30px 100px; font-size:1.25rem;}
    #fregister h2 { font-size:2.7rem;}
    #fregisterform h1 {font-size: 2.7rem;}
    #fregisterform { min-height:auto; padding:120px 30px 100px; font-size:1.25rem;}
    #fregisterform .inner { padding:10px;}

    #reg_result { min-height:auto; padding:120px 30px 100px; font-size:1.25rem;}
    #reg_result .inner { padding:70px 10px;}

    .shop-list #sct_sortlst .shop-list-sort #sct_sort .btn_sort,
    .shop-list #sct_sortlst .shop-list-sort #sct_sort ul { width:125px;}
    .shop-list #sct_sortlst .shop-list-sort .shop-list-total { padding-right:50px;}
    .shop-list #sct_wrap .sct_txt { font-size:1.6rem; line-height:1.4;}
    .shop-list #sct_wrap .sct_cost { font-size:1.8rem;}
    .shop-list #sct_wrap .sct_cost span { font-size:1.5rem;}

    #sod_frm_orderer { padding:0;}
    .sod_right, .sod_left { padding-left:0; padding-right:0;}
    #sod_frm_taker { padding:0;}
    .shop-list #sct { padding:5em 3em 10em;}
    .shop-detail #sit_ov_wrap .sit_ov_innr .shop-detail-thumb .inner { padding:0;}
    .shop-detail #sit_ov_wrap .sit_ov_innr .shop-detail-thumb .inner .left .item-slider .swiper-button-prev,
    .shop-detail #sit_ov_wrap .sit_ov_innr .shop-detail-thumb .inner .left .item-slider .swiper-button-next { width:32px; height:32px; background-size:10px !important;}

    .videowrap { padding-bottom:56.25%;}
    .btn-video-play { width:52px; height:52px; background-size:18px !important;}
    .collabo-detail .normal-txt { font-size:1.6rem;}
    .sub-m-tit02 span { font-size:1.5rem;}
    .sub-m-tit02 h2 { font-size:2.5rem;}    
    
    .sub-m-tit02 p .pc-br { display:none;}
    .substainbility .sub-m-tit02 p { font-size:2.3rem;}
    .responsibility .sub-m-tit02 p { font-size:2.3rem;} 
    .responsibility .type02 .sub-m-tit02 p.txt02 span { font-size:1.8rem;}   
    .responsibility .sub-visual.type03 .sub-m-tit02 p:first-child { font-size:3.4rem;}
    .sit-tit p .pc-br { display:none;}
    .shop-detail .sit-tit p { font-size:2.3rem;}

    .li_more_btn { margin-top:4em;}

    .shop-list #sct_sortlst .shop-list-sort .shop-list-opt { justify-content:flex-start;}
    .shop-list #sct_sortlst .shop-list-sort #sct_price { margin-right:0; margin-bottom:2em; width:100%;}
    .shop-list #sct_sortlst .shop-list-sort #sct_price ul { margin-top:-2%;}
    .shop-list #sct_sortlst .shop-list-sort #sct_price ul li { margin:0; margin-top:2%; margin-left:2% !important; width:23%;}
    .shop-list #sct_sortlst .shop-list-sort #sct_price ul li:nth-child(4n+1) { margin-left:0 !important;}
    .shop-list #sct_sortlst .shop-list-sort #sct_price ul li a { display:block; padding:5px 0; border:1px solid #ddd; text-align:center;}
    .shop-list #sct_sortlst .shop-list-sort #sct_price ul li a:after { display:none; text-align:center;}

    .sit-slider .swiper-button-prev { width:50px; height:50px;}
    .sit-slider .swiper-button-next { width:50px; height:50px;}

    .hd_pops { max-width:calc(100% - 20px);}
    .hd_pops .hd_pops_con { width:auto !important; height:auto !important; font-size:0;}
    .hd_pops .hd_pops_con img { display:block;}

    .inquiry-box .flex-box .item { flex-wrap: wrap;}
    .inquiry-box .flex-box h3 { margin-bottom:10px; width:100%; font-size:1.4rem; font-weight:500;}
    .inquiry-box .flex-box .item input.inquiry-file + label p { font-size:1.4rem;}
    .inquiry-box .flex-box .right .item:last-of-type { flex-direction: row;}
    .inquiry-box .chk-box label { flex-wrap: wrap;}

    #forderform #sod_frm .sod_right{ padding-left:10px; padding-right:10px;}
    #mb_login .inner { min-height:auto;}
}
@media all and (max-width:700px) {
    .od_prd_list {white-space:nowrap; width:100%; overflow:auto; scrollbar-track-color:#efefef; scrollbar-base-color:#dfdfdf; padding-bottom:20px;}
	.od_prd_list::-webkit-scrollbar {width:5px; background-color:#e6e6e6;}
	.od_prd_list::-webkit-scrollbar-track {border-radius:10px; background-color:#e6e6e6;}
	.od_prd_list::-webkit-scrollbar-thumb {border-radius:10px; background-color:#999;}
	.od_prd_list table {width:700px;}    

    .substainbility .slide-sec .substain-list > div {width:48.5%;}
}
@media all and (max-width:600px) {

    #m_sod_frm_paysel li.m-card-ico .card-list span { display:block;}       
}
@media all and (max-width:480px) {
	html { font-size:53%;}    
	#main-sec06 .conbox2 > div.midbox strong { font-size:2rem;}
    #footer .ft-menu { display:flex; flex-wrap:wrap; justify-content:space-between;}
    #footer .ft-menu > li { padding:15px 0;margin:0; width:50%;}
    #footer .ft-menu > li > a { padding:0;}
    #footer .ft-menu > li:nth-child(2n-1) > a:after { display:none;}
    #sod_frm .btn_confirm { padding:0 10px; width:auto;}
    .order_choice_place label { display:inline-block; width:90%;}

    .shop-detail #sit_ov_wrap .sit_ov_innr .shop-detail-thumb .inner .left .item-slider .swiper-slide { height:300px;}
    .shop-detail #sit_ov_wrap .sit_ov_innr .shop-detail-thumb .inner .right { height:300px;}

    #od_pay_sl .lb_icon { width:100%;}  
 
}