@charset 'utf-8';

/* °ψΕλ */
.inner{ width:1400px; margin:0 auto; box-sizing:border-box; }
ul:after,dl:after,.cf:after{ content:''; display:block; clear:both; }

/* header */
header{ position:fixed; width:100%; top:0; left:0; z-index:9999; background:rgba(0,0,0,.3); height:80px; overflow:hidden; }
header:before{ content:''; display:block; width:100%; height:1px; background:#e1e1e1; position:absolute; top:80px; left:0; }
header .hd-inner { position:relative; }
header .logo{ position:absolute; top:19px; left:2.6041666%; z-index:3; }
header .logo a{ display:block; width:180px; height:43px; overflow:hidden;}
header .logo a img{ width:100%; }
header nav{ text-align:center; }
header .gnb { display:inline-block; }
header .gnb > li{ float:left; }
header .gnb > li > a{ display:block; font-size:18px; color:#fff; height:80px; line-height:80px; padding:0 60px; transition:all .3s;}
header .gnb > li > a span{ position:relative; display:inline-block;  }
header .gnb > li:hover > a span{ color:#30a572; }
header .gnb > li > a span:before{ content:''; opacity:0; position:absolute; width:100%; height:2px; background:#30a572; bottom:-1px; left:0; }
header .gnb > li:hover > a span:before{ opacity:1; }
header .gnb .depth2{ padding:20px 0 30px 0; }
header .gnb .depth2 li a{ display:block; font-size:16px; color:#666; line-height:40px; transition:color .3s; }
header .gnb .depth2 li a:hover{ color:#30a572; }
header .util{ position:absolute; top:30px; right:2.6041666%; z-index:3; }
header .util > *{ display:inline-block; }
header .util .sch{ margin-right:30px; }
header .util .sch button{ width:20px; height:20px; background:url(/img/common/sch_w.png) no-repeat 0 0 /cover; }
header .util .all_btn button{ width:26px; height:20px; background:url(/img/common/all_w.png) no-repeat 0 0 /cover; }

header.on, 
header.bg{ background:#fff;}
header.on .logo a img,
header.bg .logo a img{ margin-top: -43px; }
header.on .gnb > li > a,
header.bg .gnb > li > a{ color:#333; }
header.on .gnb > li > a:hover,
header.bg .gnb > li > a:hover
{ color:#30a572; }
header.on .util .sch button,
header.bg .util .sch button
{ background-image:url(/img/common/sch_b.png); }
header.on .util .all_btn button,
header.bg .util .all_btn button
{ background-image:url(/img/common/all_b.png); }


#bg{ display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.4); z-index:10000; }
#allMenu{ position:fixed; width:720px; height:100%; background:#fff; top:0; right:-720px; z-index:10001; padding:50px 50px 50px 120px; box-sizing:border-box; }
#allMenu .close{ text-align:right; margin-bottom:60px; }
#allMenu .gnb > li{ margin-bottom:50px; }
#allMenu .gnb > li > a{ pointer-events:none; font-size:3.4rem; font-weight:700; color:#333; border-bottom:3px solid transparent; }
#allMenu .gnb > li:nth-child(3) > a{ pointer-events:auto; }
#allMenu .gnb > li.on > a{ color:#30a572; border-color:#30a572; }
#allMenu .gnb .depth2{ display:none; margin-top:30px; }
#allMenu .gnb .depth2 li{ margin-bottom:30px; }
#allMenu .gnb .depth2 li:last-child{ margin-bottom:0; }
#allMenu .gnb .depth2 li a{ font-size:1.8rem; color:#333; }
#allMenu .gnb .depth2 li a:hover{ color:#30a572; }

/* footer */
footer{ background:#333; position:relative; }
footer .top{ position:absolute; top:-66px; right:60px; }
footer .foot_top{ padding:25px 0; border-bottom:1px solid #404040; }
footer .foot_top .inner > *{ display:inline-block; vertical-align:middle; }
footer .foot_top .foot_menu{ margin-left:40px; }
footer .foot_top .foot_menu li{ float:left; margin:0 15px; position:relative; }
footer .foot_top .foot_menu li:after{ content:''; display:block; width:1px; height:11px; background:#666; position:absolute; right:-15px; top:50%; margin-top:-5px; }
footer .foot_top .foot_menu li:last-child:after{ display:none; }
footer .foot_top .foot_menu li:first-child{ margin-left:0; }
footer .foot_top .foot_menu li a{ font-size:14px; color:#666; font-weight:300; }
footer .foot_top .foot_menu li:nth-child(1) a{ font-weight:500; color:#30a572; }
footer .addr{ padding:30px 0 80px; }
footer address{ font-size:14px; font-weight:300; color:#666; }
footer address p span{ padding:0 15px 0 10px; position:relative; }
footer address p span:after{ content:''; display:block; width:1px; height:11px; background:#666; position:absolute; right:0; top:50%; margin-top:-5px; }
footer address p span:last-child:after{ display:none; }
footer address p span:first-child{ padding-left:0; }
footer .copyright{ margin-top:15px; }
 
/* privacy */
.privacy { color:#666; width: 100%; 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:#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%; }
.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; }