@charset 'utf-8';

/* °ψΕλ */
*{ letter-spacing:-0.025em; }
#wrap { min-width:1400px; }
.inner { max-width:1200px; margin:0 auto; box-sizing:border-box; }
ul:after,.cf:after { content:''; display:block; clear:both; }
html,body{ font-size:10px; }
.pb160{ padding-bottom:160px; }

/* header */
header{ position:fixed; width:100%; top:0; left:0; z-index:9999; transition:all .3s; }
header:after{ content:''; display:block; width:100%; height:1px; background:#e5e5e5; position:absolute; top:100px; opacity:0; }
header.hover, header.on{ background:#fff; }
header.hover:after, header.on:after{ opacity:1; }
header .hd_in{ position:relative; height:100px; background:rgba(255,255,255,.2); }
header h1{ position:absolute; left:45px; top:50%; transform:translateY(-51%); }
header h1 a{ display:block; width:165px; height:57px; background:url(/img/common/logo_w.png) no-repeat 0 0; }
header.hover h1 a,header.on h1 a{ background-image:url(/img/common/logo_b.png); }
header .header_r{ }
header .header_r nav{ float:right; margin-right:18%; }
header .header_r .util{ float:right; }
header nav .gnb{ display:inline-block; }
header nav .gnb > li{ float:left; margin-left:90px; }
header nav .gnb > li:first-child{ margin-left:0; }
header nav .gnb > li > a{ font-weight:700; color:#fff; font-size:20px; display:block; line-height:100px; }
header.hover nav .gnb > li > a,
header.on nav .gnb > li > a{ color:#1f2223; }
header .util{ height:100px; position:relative; }
header .util > *{ position:absolute; top:50%; transform:translateY(-50%); right:0; }
header .util .contact_btn{ right:150px; min-width:100px; }
.util .contact_btn a{ color:#fff; font-size:15px; font-weight:700; font-family: 'Montserrat'; text-transform:uppercase; }
header.hover .util .contact_btn a,
header.on .util .contact_btn a{color:#0085cd;}
.util .lang{ width:85px; right:25px; }
.util .lang li{ margin:0 1px; }
.util .lang li a{ display:block; width:40px; height:40px; border-radius:50%; background:#b4b5b6; color:#fff; line-height:40px; text-align:center; font-size:12px; font-weight:500; font-family: 'Montserrat'; text-transform:uppercase; }
.util .lang li.on a{ background:#0085cd; }

header .util .lang li{ float:left; }
header .depth2Wrap{ display:none; position:absolute; top:99px; left:0; width:100%; background:#fff; padding:43px 0; }
header .depth2Wrap .inner > *{ float:left; }
header .depth2Wrap .menuTit{ width:820px; padding-right:60px; box-sizing:border-box; border-right:1px solid #cfd0d1; }
header .depth2Wrap .menuTit > *{ float:left; }
header .depth2Wrap .menuTit .titTxt{ width:390px; padding-right:5%; box-sizing:border-box; }
header .depth2Wrap .menuTit .titTxt strong{ font-weight:700; color:#1f2223; font-family: 'Montserrat'; font-size:36px; line-height:56px; text-transform:uppercase; }
header .depth2Wrap .menuTit .titTxt p{ font-size:16px; color:#747474; line-height:24px; }
header .depth2Wrap .menuTit .titImg{ width:calc(100% - 390px); height:240px; background:no-repeat center /cover; }
header .gnb > li:nth-child(1) .depth2Wrap .menuTit .titImg{ background-image:url(/img/common/depth2_img01.jpg); }
header .gnb > li:nth-child(2) .depth2Wrap .menuTit .titImg{ background-image:url(/img/common/depth2_img02.jpg); }
header .gnb > li:nth-child(3) .depth2Wrap .menuTit .titImg{ background-image:url(/img/common/depth2_img03.jpg); }
header .gnb > li:nth-child(4) .depth2Wrap .menuTit .titImg{ background-image:url(/img/common/depth2_img04.jpg); }
header .gnb > li:nth-child(5) .depth2Wrap .menuTit .titImg{ background-image:url(/img/common/depth2_img05.jpg); }
header .depth2Wrap .depth2{ padding-left:50px; box-sizing:border-box; }
header .depth2Wrap .depth2 ul li a{ font-size:16px; color:#1f2223; line-height:34px; }

#mask{ background:rgba(0,0,0,.7); position:fixed; width:100%; height:100%; top:0; left:0; z-index:10001; display:none; }
#m_menu{ width:300px; height:100%; background:#fff; position:fixed; right:-100%; top:0; z-index:10003;}
#m_menu .m_menu_top{ padding:20px 10px; border-bottom:1px solid #ddd; }
#m_menu .m_menu_top .util:after{ content:''; display:block; clear:both; }
#m_menu .m_menu_top .util .contact_btn{ float:left; padding-top:12px;}
#m_menu .m_menu_top .util .contact_btn a{ color:#1f2223; }
#m_menu .m_menu_top .util .lang{ float:right; width:auto; }
#m_menu .m_menu_top .util .lang li{ float:left; }
#m_menu .gnb > li > a{ display:block; padding:20px 10px; font-size:20px; font-weight:500; border-bottom:1px solid #efefef; }
#m_menu .gnb > li.on > a{ color:#fff; background:#0085cd;}
#m_menu .gnb .depth2Wrap{ display:none; }
#m_menu .gnb > li.on .depth2Wrap{ border-bottom:1px solid #efefef; }
#m_menu .gnb .depth2Wrap .menuTit{ display:none; }
#m_menu .gnb .depth2 ul li a{ display:block; padding:10px 20px; font-size:16px; }
.m_btn{ display:none; position:absolute; top:50%; transform:translateY(-50%); right:3%; }
.m_btn button{ width:18px; height:14px; background:url(/img/common/m_btn_off.png) no-repeat 0 0; border:none; }
header.on .m_btn button{ background-image:url(/img/common/m_btn_on.png); }

/* footer */
footer{ background:#efefef; border-top:1px solid #d4d4d4; padding:60px 0 100px; font-size:16px; color:#747474; font-family: 'Montserrat';}
footer .inner { padding-left:300px; box-sizing:border-box; background:url(/img/common/logo_b.png) no-repeat left top /165px auto; position:relative; }
footer address p{ line-height:28px; }
footer .copy{ margin-top:20px; }
footer .copy span{ color:#0085cd; }
footer .top{ position:absolute; top:-62px; right:0; }
footer .top button{cursor:pointer; background:none; }








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