@charset 'utf-8';

/* 공통 */
/*
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Kanit', sans-serif;
font-family: 'Montserrat', sans-serif;
*/
#wrap { overflow:hidden;}

/* 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%; margin-top:8px;}
.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; }

.clearfix:after { content:""; display:block; clear:both; }
.inner { max-width:1400px; position:relative; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.inner2 { max-width:1200px; position:relative; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.inner3 { max-width:1300px; position:relative; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.inner4 { max-width:1000px; position:relative; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}


/* 헤더 */
header { position:fixed; width:100%; left:0; top:0; z-index:9999;
transition:all 0.4s;
-moz-transition:all 0.4s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
}
header #hd_top { border-bottom:1px solid rgba(255,255,255,0.15);}
header .logo { position:absolute; left:56px; top:25px;}
header nav { text-align:center; }
header nav .gnb { display:inline-block; }
header nav .gnb > li { float:left; position:relative;}
header nav .gnb > li > a {  font-size:20px; color:#fff; font-family: 'Kanit', sans-serif; text-transform:uppercase; display:block; padding:31px 62px; position:relative;}
header nav .gnb > li > a:after { content:""; width:16px; height:16px; background:#c61821; display:block; position:absolute; left:50%; margin-left:-8px; bottom:-11px; z-index:11;  opacity:0;
transition:all 0.4s;
-moz-transition:all 0.4s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
}
header nav .gnb > li:hover > a:after { 
opacity:1;
transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
}
header nav .gnb > li > .depth2 { position:absolute; text-align:left; padding-left:62px; z-index:10; padding-top:45px; display:none; width:100%;}
header nav .gnb > li > .depth2 > li { margin-bottom:12px;}
header nav .gnb > li > .depth2 > li:last-child { margin:0; }
header nav .gnb > li > .depth2 > li > a { color:#999; font-size:15px;}
header nav .gnb > li > .depth2 > li > a:hover { color:#c61821; }
header nav .gnb > li .depth3 {display: none;}


header .lang { position:absolute; right:186px; top:38px;}
header .lang ul { }
header .lang ul li { margin-right:16px; float:left;}
header .lang ul li:last-child { margin:0;}
header .lang ul li a { font-family: 'Kanit', sans-serif; font-weight:700; color:#fff; text-transform:uppercase; font-size:15px; }
header .lang ul li.on a { color:#ff010e; }
header .menu_btn { width:85px; height:85px; position:absolute; right:0; top:0; border-left:1px solid rgba(255,255,255,0.15); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
transition:all 0.4s;
-moz-transition:all 0.4s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
}
header .menu_btn button { width:100%; height:100%; border:none; background:url("/img/common/menu_btn.png") no-repeat center; }


header.on { background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2)}
header.on .lang ul li.on a { color:#ff010e;}
header.on .lang ul li a,
header.on nav .gnb > li > a  { color:#222;}
header.on .menu_btn  { background:#4e4e50;}
header nav .top { display:none;}
.gnbBg { position:fixed; width:100%; height:238px; background:rgba(0,0,0,0.8); display:none;}

#all_menu { position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:9999; padding-top:115px; display:none;}
#all_menu .gnb { }
#all_menu .gnb > li { width:25%; float:left; text-align:center;}
#all_menu .gnb > li > a {  color:#fff; font-size:30px; font-family: 'Kanit', sans-serif; display:block; border-bottom:1px solid #515253; padding:0 20px 37px 20px; position:relative;}
#all_menu .gnb > li:hover  > a { color:#c61821; }
#all_menu .gnb > li:hover > a:after { content:""; width:160px; height:3px; background:#c61821; display:block; position:absolute; left:50%; bottom:-2px; margin-left:-80px;}
#all_menu .gnb > li > .depth2 { text-align:left; padding:30px 0 0 100px;}
#all_menu .gnb > li > .depth2 > li {  line-height:1.4; margin-bottom:12px;}
#all_menu .gnb > li > .depth2 > li > a { font-weight:300; color:#959595; font-size:18px;}
#all_menu .gnb > li > .depth2 > li:hover > a { color:#c61821; }
#all_menu .close_btn { text-align:center; margin-bottom:96px;

}
#all_menu .close_btn button { width:43px; height:43px; background:url("/img/sub/all_close.png") no-repeat center; border:none; display:inline-block; 
transition:all 0.4s;
-moz-transition:all 0.4s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
}
#all_menu .close_btn button:hover { 
transform:rotate(180deg);
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);
-ms-transform:rotate(180deg);
}
#all_menu .depth3 {display: none;}

/* .gnbBg.on {} */

/* footer */
footer { background:#000; font-size:14px; }
footer #ft_top { padding:56px 0; border-bottom:1px solid #333; }
footer #ft_top .ft_logo { width:250px;}
footer #ft_top address { line-height:1.6;
width:calc(100% - 250px);
width:-webkit-calc(100% - 250px);
width:-moz-calc(100% - 250px);
}
footer section { position:relative;}
footer #ft_top address p { margin-bottom:16px; color:#888; }
footer #ft_top address p span { display:inline-block; width:56px;}
footer #ft_top address p:last-child { margin:0; }
footer #ft_top .ft_logo,
footer #ft_top address { float:left;} 
footer #ft_top .topBtn { position:absolute; right:0; top:0; }
footer #ft_top .topBtn button { background:url("/img/common/topBtn.png") no-repeat center #666; width:27px; height:27px; border:none;}


footer #ft_bot { padding:30px 0;}
footer #ft_bot .copy { text-align:center; font-weight:900; font-size:12px; text-transform:uppercase;}
footer #ft_bot .ft_menu { position:absolute; right:0; top:50%; 
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
footer #ft_bot .ft_menu ul { }
footer #ft_bot .ft_menu ul li { float:left; border-right:1px solid #fff; margin-right:10px; padding-right:10px;}
footer #ft_bot .ft_menu ul li:last-child { margin:0; padding:0; }
footer #ft_bot .ft_menu ul li a { color:#fff;}