@charset 'utf-8';

/* °ψΕλ */
.inner{ width:1600px; margin:0 auto; }
.s_inner{ width:1200px; margin:0 auto; }
.cf:after,ul:after,dl:after{ content:''; display:block; clear:both; }


/* header */
header { position:fixed; width:100%; top:0; left:0; z-index:9999; 
-webkit-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
transition:all .3s;
}
header .inner{ height:100px; }
header .logo,
header .util > *{ position:relative; z-index:3; }
header .logo{ float:left; height:43px; overflow:hidden; margin-top:29px; }
header nav{ position:absolute; top:0; left:0; width:100%; text-align:center; }
header .gnb{ display:inline-block; }
header .gnb > li{ float:left; text-align:left; }
header .gnb > li > a{ color:#fff; font-size:20px; display:block; padding:0 25px; margin:0 20px; line-height:100px; position:relative; }
header .gnb > li > a:after{ content:''; display:block; width:10px; height:10px; background:#006d9b; position:absolute; bottom:0px; left:50%; margin-left:-5px; z-index:10;  opacity:0; 
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
-webkit-transition:all .3s; 
-moz-transition:all .3s; 
-o-transition:all .3s; 
-ms-transition:all .3s; 
transition:all .3s; 
}
header .gnb > li:hover > a:after{ opacity:1; bottom:-5px; }
header .depth2Wrap{ display:none; position:absolute; width:100%; top:100px; left:0; background:#f7f7f7 url(/img/common/depth2_tit_bg.png) no-repeat left bottom; border-top:1px solid #ddd; box-sizing:border-box; overflow:hidden; }
header .depth2Wrap .inner > * { float:left; padding:40px 0 60px; min-height:250px; }
header .depth2Wrap .titgroup{ width:30%; }
header .depth2Wrap .titgroup > div:not(:first-child){ display:none; }
header .depth2Wrap .titgroup strong{ font-weight:400; color:#333; font-size:30px; }
header .depth2Wrap .titgroup p{ font-size:16px; color:#666; line-height:1.375; margin-top:24px; width:90%; }
header .depth2Wrap .depth2Menu{ width:70%; background:#fff; position:relative; }
header .depth2Wrap .depth2Menu:after{ content:''; display:block; clear:both; }
header .depth2Wrap .depth2Menu > div{ float:left; padding-left:100px; 
-webkit-box-sizing:border-box; 
-moz-box-sizing:border-box; 
box-sizing:border-box;  }
header .depth2Wrap .depth2Menu.st2{ padding-left:100px; min-height:350px;
-webkit-box-sizing:border-box; 
-moz-box-sizing:border-box; 
box-sizing:border-box; 
}
header .depth2Wrap .depth2Menu:after{ content:''; display:block; width:100%; height:100%; background:#fff; position:absolute; top:0; left:100%; }
header .depth2Wrap .depth2Menu dl{ 
}
header .depth2Wrap .depth2Menu dl > *{ float:left; }
header .depth2Wrap .depth2Menu dl dt{ width:130px; }
/*header .depth2Wrap .depth2Menu.st2 ul li a,
header .depth2Wrap .depth2Menu dl dt a{ font-size:20px; font-weight:600; color:#333; text-transform:uppercase;}*/
header .depth2Wrap .depth2Menu dl dt > a,
header .depth2Wrap .depth2Menu.noto ul li a{ font-size:20px; font-weight:600; color:#333; word-break:break-word; }
header .depth2Wrap .depth2Menu dl dd{ 
width:97%;
width:-webkit-calc(100% - 130px); 
width:-moz-calc(100% - 130px); 
width:calc(100% - 130px); 
}
header .depth2Wrap .depth2Menu.st2.noto ul li a{ font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
header .depth2Wrap .depth2Menu.st2 ul li,
header .depth2 li{ margin-bottom:20px; }
header .depth2 li:last-child{ margin-bottom:0; }
header .depth2 li a{ font-size:16px; color:#666; }
header .util{ float:right; padding-top:26px; }
header .util > *{ display:inline-block; vertical-align:middle; }
header .util .lang{ margin-right:15px; margin-top:17px;}
header .util .lang a{ text-transform:uppercase; color:#999; font-size:15px; padding:0 10px 0; position:relative; font-family: 'Roboto', sans-serif; font-weight:300; }
header .util .lang a:before{ content:''; display:block; width:10px; height:1px; background:#dbdbdb; position:absolute; bottom:-10px; left:50%; margin-left:-5px; opacity:0; }
header .util .lang a:after{ content:''; display:block; width:1px; height:10px; background:rgba(255,255,255,.3); position:absolute; top:3px; right:0; }
header .util .lang a:last-child:after{ display:none; }
header .util .lang a.on{ font-weight:400; color:#dbdbdb; }
header .util .lang a.on:before{ opacity:1; }
header .util .sch_form{ width:230px; border:1px solid rgba(255,255,255,.7); padding:0 20px; 
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-sizing:border-box; 
-moz-box-sizing:border-box; 
box-sizing:border-box; 
}
header .util .sch_form input[type='text']{ width:165px; background:transparent; height:45px; color:#fff; font-size:16px; font-weight:300; }
header .util .sch_form input::placeholder{ color:rgba(255,255,255,.7); font-size:16px; font-weight:300; }
header .util .sch_form button{ width:18px; height:18px; background:url(/img/common/sch_btn_w.png) no-repeat 0 0; position:relative; top:4px; }
header .m_menu_btn{ cursor:pointer; display:none; position:absolute; top:50%; right:2.5%; transform:translateY(-50%); width:18px; height:18px; background:url(/img/common/menu_w.png) no-repeat 0 0 /cover; }


/* header class */
header.ov,
header.scroll{ background:#fff; box-shadow:1px 1px 3px rgba(0,0,0,.1); }
header.ov .logo img,
header.scroll .logo img{ margin-top:-43px; }
header.ov .gnb > li > a,
header.scroll .gnb > li > a{ color:#333 }
header.ov .util .lang a,
header.scroll .util .lang a{ color:#666; }
header.ov .util .lang a:after,
header.scroll .util .lang a:after{ background:#ddd; }
header.ov .util .lang a:before,
header.scroll .util .lang a:before{ background:#666; }
header.ov .util .sch_form,
header.scroll .util .sch_form{ border-color:#ddd; }
header.ov .util .sch_form input[type='text'],
header.scroll .util .sch_form input[type='text']{ color:#333; }
header.ov .util .sch_form input::placeholder,
header.scroll .util .sch_form input::placeholder{ color:rgba(102,102,102,.7); }
header.ov .util .sch_form button,
header.scroll .util .sch_form button{ background-image:url(/img/common/sch_btn_b.png); }
header.ov .m_menu_btn,
header.scroll .m_menu_btn{ background-image:url(/img/common/menu_b.png); }

#mo_menu{ display:none; position:fixed; width:100%; height:100%; background:rgba(255,255,255,.95); z-index:9999; }
#mo_menu .topgroup{ padding:20px 15px; box-sizing:border-box; border-bottom:1px solid #ddd; background:#fff; position:relative; }
#mo_menu .sch_form{ border:1px solid #ddd; width:90%; }
#mo_menu .sch_form input[type="text"]{ width:calc(100% - 40px); height:50px; line-height:45px; font-size:16px; padding:0 20px; box-sizing:border-box; }
#mo_menu .sch_form input[type="text"]::placeholder{ color:#666; }
#mo_menu .sch_form button{ width:18px; height:18px; background:url(/img/common/sch_btn_b.png) no-repeat 0 0; position:relative; top:5px; }
#mo_menu .topgroup .close_btn{ position:absolute; top:50%; right:20px; transform:translateY(-50%); }
#mo_menu .menuBx dl dt a{ padding:0 20px; box-sizing:border-box; display:block; height:70px; line-height:70px; border-bottom:1px solid #ccc; font-size:26px; color:#333; font-weight:500; font-family: 'Noto Sans KR', sans-serif; }
#mo_menu .menuBx dl dt.active a{ color:#fff; background:#006d9b; }
#mo_menu .menuBx dl dd{ background:#eee; display:none; padding:30px 0; }
#mo_menu .menuBx dl dd ul li a{ display:block; height:35px; line-height:35px; padding:0 40px; box-sizing:border-box; font-size:18px; }

/* footer */
footer{ background:#fff; }
footer .foot_logo{ position:relative; top:-35px; z-index:10; }
footer .inner{ padding:0 0 100px; position:relative; }
footer .top{ position:absolute; cursor:pointer; right:0; top:-130px; z-index:10; }
footer .inner > *{ float:left; }
footer .info{ width:45%; padding-top:60px;
-webkit-box-sizing:border-box; 
-moz-box-sizing:border-box; 
box-sizing:border-box; 
}
footer .companyName{ font-weight:700; font-size:18px; color:#333; }
footer address{ margin-top:20px; }
footer address span{ font-weight:300; font-size:16px; color:#666; line-height:1.375; display:inline-block; margin-right:30px; }
footer .copyright{ font-weight:300; font-size:15px; color:#999; margin-top:18px; }
footer .foot_menu{ width:55%; }
footer .foot_menu > dl{ float:left; margin-right:7.5%; }
footer .foot_menu > dl:last-child{ margin-right:0; }
footer .foot_menu > dl dt{ margin-bottom:30px; }
footer .foot_menu > dl dt a{ font-weight:700; font-size:16px; color:#333; }
footer .foot_menu > dl dd ul li{ margin-bottom:20px; }
footer .foot_menu > dl dd ul li a{ font-size:16px; font-weight:300; color:#666; }


/* 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:#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; }