@charset 'utf-8';
/* common */
:root {
    --baseFont: 'Pretendard', 'Malgun Gothic', 'verdana', sans-serif;
	--lora : "Lora", serif; 
	--nm:"Nanum Myeongjo", serif;
	--mainC: #14A0DC;
	--subC: #;
}

body.scrollN{ height: 100vh !important; overflow: hidden !important;}
body{ -ms-overflow-style:none scrollbar-width:none }
body::-webkit-scrollbar { display: none; }

.w1720{ max-width:1720px; margin: 0 auto; width: 100%; }
.w1280{ max-width:1280px; margin: 0 auto; width: 100%; }
 
.flex-box{ display:flex;}
.flex-box.center{ display:flex; justify-content:center; align-items:center; }

.fit-box{ position: relative; width: 100%; height: 100%; overflow: hidden;}
.fit-box img{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; min-width: 100%; min-height:100%; object-fit: cover;}

path,rect,img{ transition:all 0.7s; }

#dimmed{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 1001; display:none; }

/* header */
header{ position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100px; padding: 0 40px;  transition:all 0.5s; }
header .header-box{ display:flex; justify-content:space-between; align-items:center; height: 100%; }
header .header-box nav{ display:none; }
header.bg{ box-shadow:0 0 10px rgba(0, 0, 0, 0.2);} 

/*header.down{ transform:translateY(-110%); }*/

#allmenu{ position: relative; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; background: rgba(0,0,0,0.6); display:none; }
#allmenu .blank{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#allmenu .allgnb{ position: relative; z-index: 100; margin: 0 0 0 auto; width: 480px; height: 100%; background: #000; padding: 80px 60px; transform:translateX(100%); transition:all 1s;  }
#allmenu .allgnb .close{ position: absolute; top: 40px; right: 40px; }
#allmenu .allgnb #gnb{ font-family: var(--lora);}
#allmenu .allgnb #gnb > li{ position: relative; }
#allmenu .allgnb #gnb > li:not(:last-child){ margin-bottom: 60px; }
#allmenu .allgnb #gnb > li > a{ display:inline-flex; flex-direction:column; font-size:34px; font-weight: 500; color:rgba(255,255,255,0.3); letter-spacing: -0.68px; transition:all 0.3s;  }
#allmenu .allgnb #gnb > li > a:before{ content:''; display:block; position: absolute; top: 15px; right: 0; width: 10px; height: 16px; background: url(/img/common/allArrow.png) no-repeat 50% 50%; opacity: 0; transition:all 0.5s; }
#allmenu .allgnb #gnb > li > a:after{ content:''; display:block; left: 0; width: 0; height: 2px; background: #fff; margin-top: 8px; transition:all 0.5s; }
#allmenu .allgnb #gnb > li:hover > a:after{ width: 100%;}
#allmenu .allgnb #gnb > li:hover a{ color:#fff !important; } 
#allmenu .allgnb #gnb > li:hover a:before{ opacity: 1; }
#allmenu .allgnb #gnb .depth2{ margin-top: 60px; }
#allmenu .allgnb #gnb .depth2 li:not(:last-child){ margin-bottom: 35px; }
#allmenu .allgnb #gnb .depth2 li a{ font-size:21px; letter-spacing: -0.42px; color:rgba(255,255,255,0.3); transition:all 0.3s; }
#allmenu .allgnb #gnb .depth2 li:hover a{ color:#fff; }
#allmenu.on .allgnb{ transform:translateX(0); }

/* footer */
.footer-inner{ text-align: center; padding: 25px 20px; color:#ccc; background: #000;} 
.footer-inner .name{ font-weight: 500; letter-spacing: -0.32px; margin-bottom: 10px; }
.footer-inner ul{ display:flex; align-items:center; justify-content:center; font-weight: 300; }
.footer-inner ul li{ display:flex; align-items:center; }
.footer-inner ul li:not(:last-child){ margin-right: 30px; }
.footer-inner ul li img{ margin-right: 10px; }

/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:18px;	line-height: 1.5; word-break:break-all; }
.privacy h2 { font-weight:bold; color:#000; text-align: left; margin:0 0 80px; text-align: center; }
.privacy h3 { display:inline-block; vertical-align:bottom;}
.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:18px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:18px; 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%; }
.sTxt h3 { font-size:17px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }

/* paging */
.paging{ display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; margin-top: 120px; }
.paging .arr{ display:flex; }
.paging .arr a.last,
.paging .arr a.first{ letter-spacing:-10px; }
.paging .arr.right a{-webkit-transform:rotate(180deg); transform: rotate(180deg);}
.paging a{ display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; font-size:18px; 
color:#ccc; }
.paging ul{ display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 15px; }
.paging ul li:not(:last-child),.paging .arr a:first-child{ margin-right: 15px;}
.paging ul li a{ width: 35px; height: 35px; font-family: var(--lora); font-variant-numeric: lining-nums proportional-nums; font-weight: 500; }
.paging ul li.on a { color:#111; }

@media screen and (max-width:1200px){
	.paging{ margin-top: 100px;}
}

@media screen and (max-width:768px){
	.paging{ margin-top: 80px;}
}

/* popup */
#popup{ position: fixed; transform:translate(-50%,-50%); top: 50%; left: 50%; z-index: 9999; width: 100%; text-align: center; }
#popup .inner{ border-radius:20px; overflow: hidden; }
#popup > div{ display:flex; justify-content:center; margin-top: 20px; }
#popup .poptoday{ display:flex; align-items:center; }
#popup .poptoday:after{ content:''; display:block; width: 1px; height: 15px; background: #fff; margin: 0 15px; }
#popup .poptoday input{ display:none; }
#popup .poptoday label,
#popup button{ color: #FFF; font-size: 18px; font-weight: 500; letter-spacing: -0.36px; }
#popup .poptoday label{ display:flex; align-items:center; cursor:pointer; }
#popup .poptoday label span{ width: 25px; height: 25px; border-radius:50%; border:1px solid #fff; display:flex; justify-content:center; align-items:center; margin-right: 10px; transition:all 0.3s; }
#popup .poptoday input[type="checkbox"]:checked + label span{ background: #000; border:1px solid #000; }