@charset 'utf-8';

#wrap { position:relative; min-width:1300px; min-height:100%; }
.inner_box { width:1300px; margin:0 auto; }
.inner_box2 { width:1200px; margin:0 auto; }
.clearfix:after { content:''; display:block; clear:both; }


/* header */
#mainHeader { position:absolute; left:0; right:0; top:0; z-index:99; }
#mainHeader .inner_box { position:relative; height:99px; text-align:center; }
#mainHeader h1 { position:absolute; left:0; top:50%; transform: translateY(-50%); }
#mainHeader h1 a { display:block; width:150px; height:51px; background-image:url(/img/common/logo2.png); background-repeat: no-repeat; background-position: top left; background-size: contain; overflow:hidden; text-indent:-5000px; }
#gnb { display:inline-block; overflow:hidden; }
#gnb li { float:left; /*margin-left:60px;margin-left:80px; */box-sizing:border-box; width:133px; }
#gnb li.m2{ padding-left:6px; }
#gnb li a { display:block; line-height:90px; font-size:16px; font-weight:700; color:#eee; border-top:4px solid transparent; }
#gnb li a:hover, #gnb li a.active { border-color:#82c341; }
#mainHeader .hd_mem { position:absolute; right:0; top:0; line-height:99px; }
#mainHeader .hd_mem a { display:inline-block; margin-left:20px; font-weight:700; color:#fff; }


/* header ov */
#mainHeader.subhd:hover { background:#fff; }
#mainHeader.subhd:hover h1 a { background-image:url(/img/common/logo_ov2.png); }
#mainHeader.subhd:hover #gnb li a { color:#333; }
#mainHeader.subhd:hover .hd_mem a { color:#333; }


/* mainNav */
#mainNav { left:0; top:99px !important; height:0; background:#fff; overflow:hidden; }
#mainNav.on { border-top:1px solid #274876; border-bottom:1px solid #e3e3e3; }
#mainNav > ul { overflow:hidden; width:1299px; margin:0 auto; /* border-left:1px solid #e3e3e3; */ }
#mainNav > ul > li { float:left; /*width:226px;*/ /* width:215px; */ /* width:184.5px; */ /*width:145.5px;*/ width:132px; height:229px; border-right:1px solid #e3e3e3; }
#mainNav > ul > li:first-child {/* margin-left:260px; */margin-left:185px; border-left:1px solid #e3e3e3; }
/*#mainNav > ul > li:first-child { width:390px; }*/
#mainNav dl { /*padding:18px 0 0 15px;*/ padding:18px 0 0 12px; }
#mainNav dt { margin-bottom:12px; font-size:16px; font-weight:700; color:#274876; }
#mainNav dd { overflow:hidden; font-size:14px; }
/*
#mainNav > ul > li:first-child ul { float:left; width:147px; }
*/
#mainNav dd li { margin-bottom:18px; }


/* footer */
#mainFooter { position:absolute; left:0; right:0; bottom:0; text-align:center; border-top:1px solid rgba(255,255,255,.1); z-index:99; }
#mainFooter .inner_box { position:relative; height:70px; padding:0 !important; }
#mainFooter .f_link { position:absolute; left:0; top:0; }
#mainFooter .f_link a { display:inline-block; margin-right:17px; font-size:13px; font-weight:700; color:#eee; line-height:70px; }
#mainFooter .copyright { font-size:13px; line-height:70px; color:#ddd; }
#mainFooter .copyright span { color:#fff; font-weight:700; }
#mainFooter .f_sns { position:absolute; right:0; top:50%; margin-top:-15px; }
#mainFooter .f_sns a { float:left; display:block; width:30px; height:30px; margin-left:10px; overflow:hidden; text-indent:-5000px; }
#mainFooter .f_sns a.f_fb { background:url(/img/common/f_fb.png); }
#mainFooter .f_sns a.f_kakao { background:url(/img/common/f_kakao.png); }
#mainFooter .f_sns a.f_blog { background:url(/img/common/f_blog.png); }
#mainFooter .f_sns a.f_insta { background:url(/img/common/f_insta.png); }
#mainFooter .f_sns a.link{ text-indent:0; width: auto; border-radius:5px; border:2px solid #999; padding: 0 17px; box-sizing:border-box; display: flex; align-items: center;  line-height: 1.3;
color:#999; }
#mainFooter .f_sns a.link img{ margin-left: 15px;}


#mainFooter .f_sns a.f_fb:hover { background:url(/img/common/f_fb_over.png); }
#mainFooter .f_sns a.f_blog:hover { background:url(/img/common/f_blog_over.png); }
#mainFooter .f_sns a.f_insta:hover { background:url(/img/common/f_insta_over.png); }




/* sub footer */
#mainFooter.subft { position:static; border-top:none; background:#eee; }
#mainFooter.subft .f_link a { color:#888; }
#mainFooter.subft .copyright { color:#999; }
#mainFooter.subft .copyright span { color:#999; }
#mainFooter.subft .f_sns a.f_fb { background:url(/img/common/f_fb_ov.png); }
#mainFooter.subft .f_sns a.f_kakao { background:url(/img/common/f_kakao_ov.png); }
#mainFooter.subft .f_sns a.f_blog { background:url(/img/common/f_blog_ov.png); }
#mainFooter.subft .f_sns a.f_insta { background:url(/img/common/f_insta_ov.png); }


/* privacy */
.privacy { color:#666; overflow: hidden; box-sizing:border-box; padding:20px; 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:#274876;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; }

/* keyframes */
@keyframes vs_img { 
  0% { transform:scale(1.14,1.14); }
  100% { transform:scale(1,1); }
}
@keyframes vsT1 {
	0% { margin-top: 100px; opacity: 0;}
	100% { margin-top: 0; opacity: 1;}
}
@keyframes opa {
	0% { opacity: 0;}
	100% { opacity: 1;}
}