@charset 'utf-8';

/* °ψΕλ */
* { box-sizing: border-box; margin: 0;padding: 0;}
input, input:focus, textarea, textarea:focus, button, button:focus { border: none; outline: none; resize: none; }
html, body { width: 100%; max-width: 100%;  box-sizing: border-box; -webkit-overflow-scrolling: touch; overflow-x: hidden;}
button { border: none; background: transparent; cursor:pointer;}
input, input:focus, textarea, textarea:focus { border: none; outline: none; appearance: none; }
#wrap { width: 100%; }
.w1450{ width: 100%; height: 100%; max-width: 1450px; margin: 0 auto;}
.w1600{width: 100%; height: 100%; max-width: 1600px; margin: 0 auto;}
.w1685{width: 100%; height: 100%; max-width: 1685px; margin: 0 auto;}
.w1720{width: 100%; height: 100%; max-width: 1720px; margin: 0 auto;}
.bgset { background-size: cover; background-repeat: no-repeat; background-position: center center; }
.flexBox{display: flex;}
#WCap{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 1001; display:none; }
#wrap .stop-cursor{ opacity: 0; display: none;}
#wrap .stop-cursor .icon{ display: flex; align-items: center; justify-content: center; border: 1px solid #D1A473;  text-align: center; width: 100px; height: 100px; border-radius: 100px;  background: #D1A473; opacity: 0; transition: 0.5s;}
#wrap.over .stop-cursor{ position: absolute;  left: 50%; top: 50%; transform: translate(-50%, -50%); cursor: pointer; z-index: 33333333; opacity: 1;  display: block;}
#wrap.over .stop-cursor .icon{ opacity: 1;}
#wrap.over .stop-cursor .icon .txt{ color: #fff; font-size: 18px; font-weight: 600; transition: 0.5s;font-family: 'Lora', serif}
#f_process{ display:none; }

/*header*/
header{ position: fixed; top: 0; left: 0; width: 100%; height: 100px; z-index: 1000; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border-bottom: 1px solid rgba(255,255,255,0.2);
background: rgba(255,255,255,0.1); opacity: 0; }
header.active{ backdrop-filter: blur(0px); border-bottom: none !important; background: none;}
header.active  .headerBox> div .logo,header.active .headerBox > div #gnb{ display:none; }
header.black{ border-bottom: 1px solid #ddd; }
header.black .headerBox > div #gnb > li > a{ color:#111; }
header.black .headerBox #menubar p{ color:#C49A6C;}
header.black .headerBox #menubar button span,header.black .headerBox #menubar button span:after{ background: #c49a6c; }
header.subon{ background: #fff;}
header.subon.active{ background: transparent;}
header.white{ background: #fff; }
header .headerBox{ width: 100%; height: 100%; z-index: 10000;  position: relative;}
header .headerBox > div{ display:flex; height: 100%; align-items: center; justify-content: space-between;}
header .headerBox > div nav{ height: 100%;}
header .headerBox > div #gnb{ display:flex; gap:20px; height: 100%; }
header .headerBox > div #gnb .depth2{ display:none; position: absolute;  top: 110px; width: 140px; background: rgba(196,154,108,0.8); border-radius:10px; padding: 20px 0 ;}
header .headerBox > div #gnb .depth2 li a{ font-size:16px; color:#fff; text-align: center; display: block; }
header .headerBox > div #gnb .depth2 li:not(:last-child){ margin-bottom: 15px; }
header .headerBox > div #gnb > li { height: 100%; position: relative; }
header .headerBox > div #gnb > li > a{ height: 100%; display: flex;  align-items: center; font-weight: 300; color:#fff; padding: 0 35px; font-size:20px; font-weight: 500;}
header .headerBox #menubar{ display:flex; align-items: center; cursor:pointer; }
header .headerBox #menubar p{ font-family: 'Lora', serif; font-size:14px; color:#fff; margin-right: 15px;}
header .headerBox #menubar button{ width: 18px; height: 10px; display: flex; flex-direction: column; gap: 6px;}
header .headerBox #menubar button span{ background: #fff; display:inline-block; transition:all 0.5s;  width: 12px; height: 2px; }
header .headerBox #menubar button span:after{ content:""; display:block; background: #fff; width: 18px; height: 2px; margin-top: 8px;}
header .headerBox #menubar.on button{ margin-top: 7px;}
header .headerBox #menubar.on button span{ transform: rotate(45deg); width: 14px; height: 2px; border-radius:30px; background:#C49A6C; }  
header .headerBox #menubar.on button span:after{ transform:rotate(-90deg); margin-top: 0; width: 14px; height: 2px; border-radius:30px; background:#C49A6C;}
header .headerBox #menubar.on p{ font-family: 'Lora', serif; font-size:0; }
header .headerBox #menubar.on p:after{ content:"CLOSE"; font-size:14px; color:#C49A6C;}
header.fade{ animation: fadeDown 0.7s both }
#gnb > li > a i{ display:none; }

#allMenu{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background:#fff; z-index: 100; display:none; }
#allMenu.active{ display:flex; }
#allMenu .leftBox{ position: relative; width: 37.5%; background: url("/img/common/allMenu_bg.jpg") 50% 50% no-repeat; background-size:cover; padding: 60px; display: flex; align-items: flex-end;}
#allMenu .leftBox .centerBox{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; width: 100%; text-align: center; }
#allMenu .leftBox .centerBox .txtBox{ margin: 40px 0 60px;}
#allMenu .leftBox .centerBox .txtBox p:first-child{ font-size: 24px; color:#fff; font-weight: 300; margin-bottom: 10px;} 
#allMenu .leftBox .centerBox .txtBox p:nth-child(2){ font-size: 44px; color:#fff; font-weight: 600; } 
#allMenu .leftBox .centerBox .iconBox{ display:flex; justify-content: center; gap:40px; }
#allMenu .leftBox .centerBox .iconBox p a{ font-size:16px; font-weight: 700; color:#fff; display: flex; align-items: center;}
#allMenu .leftBox .centerBox .iconBox p img{ margin-right: 10px; }
#allMenu .leftBox .infoBox p{ color:#d8d8d8; font-size: 14px; font-weight: 200;}
#allMenu .leftBox .infoBox p span{ font-weight: 500; margin-right: 40px; width: 53px; display: inline-block;}
#allMenu .leftBox .infoBox p:not(:last-child){ margin-bottom: 10px; }
#allMenu .rightBox{ padding: 133px 0 0 100px;}
#allMenu .rightBox .allMenu_gnb #gnb > li > a{ font-size:26px; color:#111; font-weight: 500; margin-bottom: 20px; display: inline-block; pointer-events:none;}
#allMenu .rightBox .allMenu_gnb #gnb > li:not(:last-child){ margin-bottom: 40px; }
#allMenu .rightBox .allMenu_gnb #gnb .depth2{ display:flex; }
#allMenu .rightBox .allMenu_gnb #gnb .depth2 li a{ font-size:18px; font-weight: 400; color:#999; }
#allMenu .rightBox .allMenu_gnb #gnb .depth2 li:hover a{ color:#C49A6C; }
#allMenu .rightBox .allMenu_gnb #gnb .depth2 li:not(:last-child):after{ content:"|"; color:#999; margin: 0 30px; font-weight: 200; }
#allMenu_bottom{ display:none; background: url("/img/common/allMenu_bg.jpg") 50% 50% no-repeat; background-size:cover; padding: 20px 0; position: fixed; bottom:0; left: 0; z-index: 1000; width: 100%;}
#allMenu_bottom .iconBox{ display:flex; justify-content: center; ; }
#allMenu_bottom .iconBox p{ width: 50%; display: flex; justify-content: center; position: relative; }
#allMenu_bottom .iconBox p a{ font-size:16px; font-weight: 400; color:#fff; display: flex; align-items: center; }
#allMenu_bottom .iconBox p:first-child:after{ content:""; width: 1px; height: 15px; background: #fff; position: absolute;  right: 0;  top: 3px;}
#allMenu_bottom .iconBox{ width: 100%; }
#allMenu_bottom .iconBox p img{ margin-right: 10px; }
#allMenu_bottom .leftBox .centerBox .iconBox p{ width: 50%; }
#allMenu_bottom .leftBox .centerBox .iconBox p a{ font-weight: 500; justify-content: center;}

/*policy*/
#policy-Box{ position: fixed; transform:translate(-50%,-50%); top: 50%; left: 50%; z-index: 1005; background: #fff; padding: 55px 50px; width: 50%; height: 95%; display:none; }
#policy-Box .txtWrap{ height: 85%; overflow-y: scroll;}
#policy-Box .txtWrap::-webkit-scrollbar{ width: 6px; }
#policy-Box .txtWrap::-webkit-scrollbar-thumb{ border-radius:30px; background: #C49A6C;}
#policy-Box .txtWrap::-webkit-scrollbar-track{ background: #eee;  border-radius:30px;}
#policy-Box .title{ display:flex; align-items:center; justify-content:space-between; color:#000; }
#policy-Box .title .font35{ font-weight: 700;}
#policy-Box .title .close{ cursor:pointer; font-size:35px; }
#policy-Box p.line{ width: 100%; height: 1px; background: #000; margin: 30px 0 50px;}
#policy-Box .txtBox p.num{ color:#111; font-weight: 600; margin-bottom: 12px;}
#policy-Box .txtBox p.ctn{ line-height: 1.7;}
#policy-Box .txtBox:not(:last-child){ margin-bottom: 50px;}
#policy-Box .txtBox:last-child{ margin-bottom: 20px;}
#policy-Box .txtBox ul{ padding: 10px;}
#policy-Box .txtBox li{ font-size:18px; margin-top: 0; line-height: 1.6;}
#policy-Box .privacy{ padding: 0 15px 0 0; word-break: normal; }
#policy-Box .privacy dl div:not(.sTxt) > dt{ color: #C49A6C; font-size:22px; }
#policy-Box .privacy dl div.sTxt dl *{ font-size:18px; }
#policy-Box .privacy dl div.sTxt dd{ margin-left: 13px;}

/* privacy page*/
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; font-size:20px;	line-height: 140%; word-break:break-all; }
.privacy .titleBox{ border:5px solid #dddd; padding: 20px 40px; line-height: 1.7; margin-bottom: 60px;}
.privacy .titleBox ul li{ font-size:16px; }
.privacy .titleBox p{ text-align: center; margin-top: 20px;}
.privacy .titleBox p span{ color:#C49A6C; }
.privacy > p { margin:15px 0; line-height: 1.8;}
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:20px; color:#000; font-weight:700; padding-bottom:5px; display: flex; align-items: center; gap: 10px;}
/*.privacy > dl > dt:before{ content:''; display:inline-block; width: 4px; height: 20px; background:linear-gradient(180deg, #D1A473 0%, #000 130%)}*/
.privacy > dl > dt:before{ content:''; display:inline-block; width: 4px; height: 20px; background: url("/img/sub/policy_icon.gif") no-repeat;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:20px; line-height:1.8;}
.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%; }
.sTxt{ margin-left: 20px;}
.sTxt h3 { font-size:20px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { text-indent:-20px; margin-left: 20px;}
.sTxt .border{ background: #ddd; background-color: #f5f5f5;  border: 1px solid #cfcfcf; padding: 5px 10px; line-height: 22px; font-size:16px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd{ margin-left: 10px; }
.privacy dd a:hover{ color:#C49A6C;}
.sTxt table{ text-align: center; margin-top: 20px;}
.sTxt table th,.sTxt table td{ height: 50px; border:1px solid #222; }

/*footer*/
.footer{ }
.footer_in{ width: 100%; padding: 80px 0 0 0; background:url("/img/common/footer_bg.jpg") 50% 50% no-repeat; background-size:cover; }
.footer_in .f_top{ display:flex; justify-content: space-between; margin-bottom: 80px;}
.footer_in .f_top .f_left{}
.footer_in .f_top .f_left .infoBox{ margin-top: 60px;}
.footer_in .f_top .f_left .infoBox p{ color:#d8d8d8; font-size:16px; font-weight: 200; }
.footer_in .f_top .f_left .infoBox p span{ width: 60px; display:inline-block; font-weight: 500; margin-right: 60px; }
.footer_in .f_top .f_left .infoBox p:not(:last-child){ margin-bottom: 15px; }
.footer_in .f_top .f_right .iconBox{ display:flex; justify-content: flex-end; gap:15px; margin-bottom: 93px; }
.footer_in .f_top .f_right .linkBox{ display:flex; gap:10px; }
.footer_in .f_top .f_right .linkBox a{ padding: 20px 30px; width: 240px; background: #222; color:#aaa; font-size:16px; display:flex; justify-content: space-between; align-items: center;}
.footer_in .f_bottom{ border-top:1px solid rgba(255,255,255,0.2); }
.footer_in .f_bottom p{ padding: 25px 0; text-align: center; font-weight: 200; color:#fff; font-size:16px; }