@charset 'utf-8';

/* °øÅë */
*{box-sizing:border-box; line-height: 1.3em; word-break:keep-all; letter-spacing:-0.02em;}
.clip {position: absolute; clip: rect(0,0,0,0); width: 1px; height: 1px;overflow: hidden;}
.w1400{width: 100%; max-width: 1400px; margin: 0 auto;}
.w1390{width: 100%; max-width: 1390px; margin: 0 60px 0 auto;}
.pad{padding: 170px 0 130px;}
.h100{min-height: calc(100vh - 118px);}

.paging{margin-top: 50px;}
.paging a{width: 20px; height: 20px; margin: 0 4px; border-radius:50%; border:none; color: #666666;}

.paging ul li.on a {
  color: #222222;
  font-weight:500;
  background: transparent;
  border-color: transparent;
}

.paging .arr a{border:none}
.paging .arr a.first i{transform:translateX(-4px);}
.paging .arr a.last i{transform:translateX(6px);}
.paging .arr a.first i:first-of-type{transform:translateX(6px);}
.paging .arr a.last i:last-of-type{transform:translateX(-4px);}


/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; font-size:15px;	line-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:#000;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%; }
.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; }


.header{position:fixed; top: 0; left: 0; width: 100%; display:flex; align-items:center; justify-content:space-between; padding: 40px 30px 20px 60px; z-index: 100;}
/* .header.on{background: #fff;} */
.header .logo{position: relative; background:url(/img/common/logo.png) 50% 50% /cover no-repeat; width: 96px; height: 91px; z-index: 100;}
.header .logo a{position:absolute; top: 0; left: 0; bottom: 0; right: 0;}
.header .gnb{}
.header .gnb > ul{display:flex; }
.header .gnb > ul > li{position:relative; }
.header .gnb > ul > li > a{display:inline-block; vertical-align: top; padding: 0 30px; font-size:18px; color: #aaa; line-height: 76px;}
.header .gnb > ul > li > ul{display:none; position:absolute; top: 76px; left: 50%; width: 190px; background: #2e2e2e; text-align: center; transform:translateX(-50%); padding: 15px 0;}
.header .gnb > ul > li > ul > li{}
.header .gnb > ul > li > ul > li > a{display:inline-block; width: 100%; vertical-align: top; font-weight:300; font-size:16px; color: #fff; opacity: 0.5; padding: 11px 0;}
.header .header_ui{display:none; text-align: center;}
.header .header_ui .m_btn{position:relative; width: 40px; height: 40px; cursor: pointer; z-index: 100;}
.header .header_ui .m_btn span{position:relative; display:inline-block; vertical-align: top; width: 26px; height: 2px; background: #333; margin: 19px 0; transition:0.4s}
.header .header_ui .m_btn span::after{content:""; position:absolute; top: -6px; left: 0; width: 100%; height: 100%; background: #333; transition:0.4s}
.header .header_ui .m_btn span::before{content:""; position:absolute; top: 6px; left: 0; width: 100%; height: 100%; background: #333; transition:0.4s}
.header .header_ui .m_nav{position:fixed; top: 0; right: -100%; width: 100%; height: 100vh; max-width: 500px; background: #ffffffe3; transition:0.6s}
.header .header_ui .m_nav > ul{padding-top: 111px;  text-align: right;}
.header .header_ui .m_nav > ul > li{}
.header .header_ui .m_nav > ul > li > a{display:inline-block; vertical-align: top; width: 100%; font-weight:bold; font-size:30px; color: #111; text-transform: uppercase; padding: 10px 22px;}
.header .header_ui .m_nav > ul > li > ul{}
.header .header_ui .m_nav > ul > li > ul > li{}
.header .header_ui .m_nav > ul > li > ul > li > a{display:inline-block; vertical-align: top; width: 100%; font-weight:400; font-size:16px; color: #111; text-transform: uppercase; padding: 6px 22px;}

.header .header_ui .m_nav.on{right: 0;}

.header .gnb > ul > li:hover > a{color: #222;}
.header .gnb > ul > li > ul > li > a:hover{opacity: 1;}

.header .header_ui .m_btn.on span{background: transparent;}
.header .header_ui .m_btn.on span::after{top: 0; transform:rotate(45deg);}
.header .header_ui .m_btn.on span::before{top: 0; transform:rotate(-45deg);}


/* Á¦Ç°ºä */
.header_center{justify-content:center;}

.footer{text-align: center; padding: 20px 0;}
.footer *{line-height: 1.5;}
.footer ul{display:flex; justify-content:center;}
.footer ul li{font-weight:300; font-size:14px; color: #999; margin-right: 20px;}
.footer ul li:last-of-type{margin-right: 0;}
.footer address{font-weight:300; font-size:14px; color: #666;}
.footer p{font-size:12px; color: #999;}
.footer .link a{font-weight:300; font-size:12px; color: #999;}


@media (max-width: 1400px){
	.w1390{padding: 0 60px; margin: 0 auto;}	
	.w1400{padding: 0 60px;}	
}

@media (max-width: 1200px){
	.w1390,
	.w1400{padding: 0 16px;}
	.pad{padding: 140px 0 80px;}

	.header{padding: 20px 16px 10px;}
	.header .gnb{display:none; }
	.header .header_ui{display: block;	}
}