@charset "utf-8";

body { background:url(/img/common/bg_body.gif) center center repeat; }

body,html { min-height:100% }
#wrap { min-height:calc(100vh - 236px); }

@media screen and (max-width:960px){
	#wrap { min-height:100%; }
}
#wrap { }

/* header */
header { position:fixed; z-index:999; width:100%; left:0; top:0; }
header .topbox { position:relative; max-width:1294px; padding:0 20px; margin:0 auto; }
header.fix { height:110px; background-color:rgba(255,255,255,0.6); border-bottom:1px solid rgba(0,0,0,0.1); }
header h1 { position:absolute; text-align:left; padding:29px 0 0 0; z-index:999; }
header h1 a { display:block; overflow:hidden; text-indent:-9999em; width:51px; height:50px; background:url(/img/common/img_logo.png) left center no-repeat; }
body.login header h1 a,
body.body_red header h1 a { background:url(/img/common/img_logo_y.png) left center no-repeat; }
header #navi { padding:40px 0 0 0; text-align:center; z-index:9; width:100%; }
header #gnb > ul { text-align:center; display:flex; justify-content:center; }
header #gnb > ul > li { position:relative; font-family: 'Monarcha-SemiBold'; font-weight:600; display:inline-block; padding:0 0 5px 0; vertical-align:top;  }
header #gnb > ul > li:not(:last-child) { margin-right:30px; }
/*header #gnb > ul > li { position:relative; font-family: 'Monarcha-SemiBold'; font-weight:600; display:inline-block; padding:0 0 22px 0; vertical-align:top; }*/
header #gnb > ul > li:first-child { background:none; }
header #gnb > ul > li > a { font-family: 'Monarcha-SemiBold'; font-weight:600; color:#666; font-size:14px; display:inline-block; text-align:center; }
body.login header #gnb > ul > li > a,
body.body_red header #gnb > ul > li > a { color:#fff; }
header #gnb > ul > li > a > span.eng { font-family: 'Monarcha-SemiBold'; }
header #gnb > ul > li > a > span.kor { font-family: 'Noto Serif KR', serif; color:#7a211f; font-size:13px; font-weight:700; }
body.login header #gnb > ul > li > a > span.kor,
body.body_red header #gnb > ul > li > a > span.kor { color:#ae863f; }
header #gnb > ul > li > a > span.kor { display:block; }
header #gnb > ul > li > a > span.eng { display:none; }
header #gnb > ul > li.on > a > span.kor,
header #gnb > ul > li:hover > a > span.kor { display:none; }
header #gnb > ul > li.on > a > span.eng,
header #gnb > ul > li:hover > a > span.eng { display:block; } 
header #gnb > ul > li > a { width:90px; }
header #gnb > ul > li > ul { display:none; position:absolute; left:50%; top:18px; text-align:center; width:100vw; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); }
header #gnb > ul > li > ul > li { position:relative; padding:12px 0 0 0; font-family:'Noto Serif', serif; display:inline-block; margin:0 10px;}
header #gnb > ul > li > ul > li a { position:relative; font-size:11px; line-height:10px; color:#666; }
body.login header #gnb > ul > li > ul > li a,
body.body_red header #gnb > ul > li > ul > li a { color:#fff; }
header #gnb > ul > li > ul.menu1 { left:22px; }
header #gnb > ul > li > ul.menu2 { left:42px; }
header #gnb > ul > li > ul.menu5 { left:22px; }
header #gnb .cart { margin:0 0 0 -5px; vertical-align:top; display:inline-block; background-color:#7a221f; color:#fff; font-size:12px; font-weight:500; line-height:15px; padding:1px 6px 2px 6px; border-radius:50px; }
body.login header #gnb .cart,
body.body_red header #gnb .cart { background-color:#ae863f; }

#wrap.main .headP { height:0; }

@media screen and (max-width:978px){
	header h1 { text-align:left; padding:22px 0 0 10px; }
	header h1 a { width:57px; height:57px; background:url(/img/common/img_logo_s.png) left center no-repeat; }
	body.login header h1 a,
	body.partnership header h1 a { background:url(/img/common/img_logo_s1.png) left center no-repeat; }
	header #navi { position:fixed; right:-480px; top:0; max-width:480px; height:100%; background:#fff; z-index:5000; padding:0; text-align:left; background:url(/img/sub/bg_body7_l.gif) left top repeat; }
	body.login #navi,
	body.partnership #navi {  background:url(/img/common/bg_body.gif) center center repeat; }
	header #gnb { padding:0 0 0 0; padding:0; overflow:hidden; height:100%; overflow-y:auto; }
	header #gnb > ul { padding:90px 0 0 0; text-align:left; flex-direction: column; }
	header #gnb > ul > li { float:none; display:block; padding:0; }
	header #gnb > ul > li > a { position:relative; display:block; font-family: 'Monarcha-SemiBold'; font-weight:600; color:#fff; font-size:18px; line-height:16px; padding:18px 10px 18px 40px; text-align:left; }
	body.login header #gnb > ul > li > a,
	body.partnership header #gnb > ul > li > a { color:#666; }
	header #gnb > ul > li.on > a,
	header #gnb > ul > li.hover > a { color:#fff;}
	body.login header #gnb > ul > li.on > a span.kor,
	body.login header #gnb > ul > li.hover > a span.kor,
	body.partnership header #gnb > ul > li.on > a span.kor,
	body.partnership header #gnb > ul > li.hover > a span.kor { color:#7a211f;}
	header #gnb > ul > li > a > span.kor { color:#ae863f; font-size:17px; }
	body.login header #gnb > ul > li > a > span.kor,
	body.partnership header #gnb > ul > li > a > span.kor { color:#7a211f; }
	header #gnb > ul > li > ul { display:none; position:relative; left:0; top:0; margin:0; padding:0 0 25px 40px; text-align:left; width:auto; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
	header #gnb > ul > li > ul > li { margin:10px 0 0 0; padding:0; display:inline-block; width:calc(50% - 4px); text-align:left; }
	header #gnb > ul > li > ul > li a { font-size:12px; line-height:10px; color:#fff }
	body.login header #gnb > ul > li > ul > li a,
	body.partnership header #gnb > ul > li > ul > li a { color:#666 }
	header #gnb > ul > li.m2,
	header #gnb > ul > li.m3,
	header #gnb > ul > li.m4,
	header #gnb > ul > li.m5,
	header #gnb > ul > li.m6,
	header #gnb > ul > li.m7 { margin-left:0; }
	header #gnb > ul > li > a.w1,
	header #gnb > ul > li > a.w2,
	header #gnb > ul > li > a.w3,
	header #gnb > ul > li > a.w4,
	header #gnb > ul > li > a.w5,
	header #gnb > ul > li > a.w6,
	header #gnb > ul > li > a.w7 { width:auto; }
	header #gnb > ul > li > ul.menu1,
	header #gnb > ul > li > ul.menu2,
	header #gnb > ul > li > ul.menu5 { left:auto; }
	header #gnb > ul > li.hover > a > span.kor,
	header #gnb > ul > li:hover > a > span.kor { display:block; }
	header #gnb > ul > li.hover > a > span.eng,
	header #gnb > ul > li:hover > a > span.eng { display:none; } 
	header #gnb .cart { display:none; }
	#mNavi { display:block; position:fixed; right:13px; top:27px; z-index:99999; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
	#mNavi span {display:block; width:33px; height:2px; background:#7a211f; margin:10px; border-radius:0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	body.login #mNavi span,
	body.partnership #mNavi span { background:#fff;}
	#mNavi:hover {cursor: pointer;}
	#mNavi.active {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); }
	#mNavi.active span {height:2px; border-radius:0; background:#fff;}
	body.login #mNavi.active span,
	body.partnership #mNavi.active span { background:#7a211f; }
	#mNavi.active .line:nth-child(2){ width:0px; margin-left:10px; }
	#mNavi.active .line:nth-child(1),#mNavi.active .line:nth-child(3){}
	#mNavi.active .line:nth-child(1){-webkit-transform: translateY(9px);-ms-transform: translateY(9px);-o-transform: translateY(9px);transform: translateY(9px);}
	#mNavi.active .line:nth-child(3){-webkit-transform: translateY(-15px) rotate(90deg);-ms-transform: translateY(-15px) rotate(90deg);-o-transform: translateY(-15px) rotate(90deg);transform: translateY(-15px) rotate(90deg);}
}

/* footer */
footer { background-color:#fff; padding:46px 20px 50px 20px; }
footer .f_infobox { position:relative; max-width:1294px; margin:0 auto; }
footer .f_infobox .fbox:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
footer .f_infobox .infobox { float:left; }
footer .f_infobox .txtbox { color:#3a1c0e; font-size:10px; line-height:15px; font-weight:400; }
footer .f_infobox .txtbox a { color:#3a1c0e; }
footer .f_infobox .txtbox span.s1 { display:inline-block; margin:0 2px; }
footer .f_infobox .txtbox span.s2 { display:inline-block; margin:0; width:10px; }
footer .f_infobox .box_2 { margin:0 0 0 125px; }
footer .f_infobox .box_1 .txt_1 { margin:26px 0 0 0; }
footer .f_infobox .box_2 .tit_1 { font-family: 'Gilroy-ExtraBold'; color:#7a211f; font-weight:900; font-size:21.5px; line-height:20px; letter-spacing:0.05em; }
footer .f_infobox .box_2 .txt_1 { margin:18px 0 0 0; }
footer .f_infobox .box_2 .txt_2 { margin:18px 0 0 0; }
footer .f_infobox .box_2 .txt_3 { margin:2px 0 0 0; }
footer .f_infobox .box_2 .tit_2 { margin:7px 0 0 0; color:#7a211f; font-size:14px; font-weight:700; }
footer .f_infobox .sns { position:absolute; right:0; top:32px; }
footer .f_infobox .sns li { display:inline-block; margin:0 0 0 32px; vertical-align:middle; }

@media screen and (max-width:860px){
	footer .f_infobox { position:relative; height:500px; }
	footer .f_infobox .infobox { float:none; }
	footer .f_infobox .txtbox { font-size:13px; line-height:24px; }
	footer .f_infobox .box_1 { position:absolute; bottom:0; left:0; }
	footer .f_infobox .box_2 { margin:0; text-align:center; }
	footer .f_infobox .box_2 .tit_1 { position:relative; display:inline-block; font-size:22px; line-height:24px; padding:0 13px 0 0; }
	footer .f_infobox .box_2 .tit_1:before { content:''; display:block; width:1px; height:15px; background-color:#7a211f; position:absolute; top:3px; right:0; }
	footer .f_infobox .box_2 .tit_2 { display:inline-block; font-size:18px; line-height:20px; font-weight:700; margin:0 0 0 13px; padding:0 0 0 28px; background:url(/img/common/icon_fsns.png) left center no-repeat; }
	footer .f_infobox .box_2 .txt_1 { margin:15px 0 0 0; font-size:15px; line-height:15px; color:#7a211f; }
	footer .f_infobox .box_2 .txt_1 a { color:#7a211f; }
	footer .f_infobox .box_2 .txt_2 { margin:25px 0 0 0; font-size:13px; line-height:22px; }
	footer .f_infobox .sns { position:relative; right:auto; top:auto;  width:100%; text-align:center; margin:20px 0 0 0; }
	footer .f_infobox .sns li { display:inline-block; margin:0 5px; vertical-align:middle; }
	footer .f_infobox .sns li:nth-child(2) { width:25px; overflow:hidden; border-radius:5px; }
	footer .f_infobox .sns li:nth-child(2) img { margin-left:-6px; }
}

#quickmenu { position:fixed; right:30px; top:50%; z-index:9; text-align:center; -webkit-transform:translateY(-50.4%); -ms-transform:translateY(-50.4%); transform:translateY(-50.4%); }
#quickmenu .qbox { border:1px solid #c59f9c; border-radius:15px; }
#quickmenu .qbox ul { text-align:center; width:77px; }
#quickmenu .qbox li { padding:9px 0 6px 0; font-size:11px; color:#7a211f; line-height:9px; letter-spacing:-0.08em; border-top:1px solid #c59f9c; }
#quickmenu .qbox li:first-child { border-top:none; }
#quickmenu .qbox li a { color:#7a211f; }
body.login #quickmenu .qbox li a,
body.body_red #quickmenu .qbox li a { color:#fff; }
#quickmenu .btn_top { margin:8px 0 0 0; display:inline-block; overflow:hidden; text-indent:-9999em; width:18px; height:18px; background:url(/img/common/btn_top.png) center center no-repeat;}
#m_cart { display:none; }
@media screen and (max-width:1080px){
	#quickmenu { position:fixed; right:20px; bottom:50px; top:auto; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); }
	#quickmenu .qbox { display:none; }
	#quickmenu .btn_top { width:40px; height:40px; border:1px solid #7a211f; border-radius:100px; background:url(/img/common/btn_top_m.png) center center no-repeat; background-color:#fff; }
	#m_cart { margin:5px 0 0 0; display:block; }
	#m_cart a { display:block; width:40px; height:40px; border-radius:100px; background:#7a211f url(/img/common/icon_cart_m.png) center center no-repeat; }
	#m_cart a span { color:#fff; padding:8px 0 0 22px;  font-weight:300; display:block; font-size:10px; }
	body.login #quickmenu .btn_top,
	body.partnership #quickmenu .btn_top { background-color:#fff; }
	body.login #m_cart a,
	body.partnership #m_cart a { border:1px solid #fff; }
}

/* privacy */
.privacy { color:#666; overflow:hidden; box-sizing:border-box; padding:20px; font-size:15px;ine-height:140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align:left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top:0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top:30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top:10px; }
.privacy > dl > dd ul li:first-child { margin-top:0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height:140%; margin-top:8px;}
.sTxt h3 { font-size:16px; color:#333; font-weight:700; margin:20px 0 10px; }
.sTxt p { margin-top:10px; }
.sTxt dt { margin-top:10px; }
.sTxt dd { margin:0 8px; }

/* font */
.Noto_S { font-family:'Noto Serif KR', serif;}