@charset 'utf-8';

/* °øÅë */
.inner { max-width:1200px; margin:0 auto; position:relative; }
.clearfix:after { content:""; display:block; clear:both; }
#wrap { word-break:keep-all;}

/* Çì´õ */
header { position:fixed; width:100%; top:0; left:0; background:#fff; z-index:9999; border-bottom:1px solid #ddd; box-sizing:border-box;}
header #hdTop { background:url("/img/common/hdTop_bg.gif") no-repeat center top; background-size:cover; height:5px;  }
header .logo { float:left; padding:38px 0 0;}
header nav { position:relative; float:right;}
header nav .gnb { overflow:hidden; float:left;}
header nav .gnb > li { float:left;}
header nav .gnb > li > a { display:block; padding:39px; color:#3d3e43; font-size:17px; font-weight:700;}
header nav .gnb > li:hover > a { background:#f8f8f8;position:relative;}
header nav .gnb > li:hover > a:before { content:""; width:100%; height:4px; background:#ed1b24; position:absolute; display:block; top:0; left:0}

header nav .gnb > li > .depth2 { overflow:hidden; position:absolute; width:100%; z-index:101; margin:15px 0 0 0; left:0; display:none;}
header nav .gnb > li > .depth2 > li { float:left; display:inline-block; margin-right:10%; }

header nav .gnb > li > .depth2 > li .depth2Tit { color:#565b66;  font-weight:700; line-height:30px; position: relative; display: block; font-size:15px;}
header nav .gnb > li > .depth2 > li .depth3 { }
header nav .gnb > li > .depth2 > li .depth3 > li { }
header nav .gnb > li > .depth2 > li .depth3 > li:before { content:"-";}
header nav .gnb > li > .depth2 > li .depth3 > li > a { color:#9196a3; font-size:14px; line-height:26px; }
header .gnbBg { position:absolute; background:#f7f7f7; width:100%; z-index:100; height:0;}


header nav .lang { float:left; padding:39px 67px 0 7px;}
header nav .lang a { font-size:13px; }
header nav .lang a.kr:after { content:"|";  margin:0 15px;}
header nav .lang a:hover { color:#ed1b25;}
header nav .allMenu { float:right; padding:36px 0 0 0; position:absolute; right:0;}


/* ǪÅÍ */
#ftTop { background:#f6f6f6;  border:1px solid #d7d7d8; border-left:none; border-right:none; }
#ftTop > div { font-size:0;}
#ftTop .txt_list { width: 24%; position:relative; z-index:10; display:inline-block;}
#ftTop .txt_list ul { position:absolute; width:100%; bottom:40px; display:none;}
#ftTop .txt_list ul li { border-top: 1px solid #848487; background-color: #6e6f72; }
#ftTop .txt_list ul li a {     display: block; font-size:14px; color: #fff; line-height:30px; padding-left: 15px;}
#ftTop .txt_list ul li a:hover { background:#ee1d25;} 
#ftTop .txt_list > a {  box-sizing: border-box; display: block; background:url("/img/common/ft_menuBtn.png") no-repeat 95% center #8b8f99; color: #fff;  padding-left: 15px; line-height: 40px; font-weight: bold; font-size:14px;}
/*
#ftTop .txt_list:hover > a { }
#ftTop .txt_list, 
*/
#ftTop .txt_list,
#ftTop .icon_list {display:inline-block; vertical-align:middle; }
#ftTop .icon_list { width:75%;}
#ftTop .icon_list ul {}
#ftTop .icon_list ul li {  width: 6%; display: inline-block; text-align: center; position:relative;}
#ftTop .icon_list ul li a { display:inline-block; position:relative; width:100%;}
#ftTop .icon_list ul li:last-child[data-before]:hover:after { left:-100%;}
[data-before]:hover:after { 
    content: attr(data-before);
    position: absolute;
    padding: 5px;
    background-color: #ed1d24;
    color: #fff;
    top: -25px;
    font-size: 10px;
    height: 15px;
	left:0;
    line-height: 15px;
    word-break: keep-all;
    z-index: 9999;
	white-space:nowrap;
}


#ftBot { background:#4d525e; padding:50px 0;}
#ftBot .ftLogo { float:left; width:18%; }
#ftBot .ftLogo img { width:100%;}
#ftBot .info { float:left; width:44.5%; margin:0 0 0 4.58333333333%;}
#ftBot .info .etc { overflow:hidden; }
#ftBot .info .etc li { float:left; }
#ftBot .info .etc li:after { content:"|"; color:#6f7480; margin:0 25px; font-size:16px;}
#ftBot .info .etc li:last-child:after { content:""; margin:0;}
#ftBot .info .etc li a { color:#fff; font-size:14px;}
#ftBot .info .etc li a:hover { color:#8598c5;}
#ftBot .info address { margin:23px 0 0 0; color:#fff;}
#ftBot .info address p { margin:0 0 7px 0; font-size:14px; letter-spacing:-0.5px; line-height:1.4;}
#ftBot .info address p.copy { color:#929aab; margin:23px 0 0 0;}
#ftBot .banner { float:right;}


/* ¸ð¹ÙÀÏ & Àüü¸Þ´º*/
.m_menu { position:fixed; width:320px; height:100%; background:#fff; z-index:9998; top:0; right:-320px;  border-top:1px solid #53514f; padding:100px 37px 30px 37px; box-sizing:border-box; overflow-y:scroll;}
.m_menu > ul { font-size:16px; color:#3d3e43; font-family: 'Nanum Square'; font-weight:700;}
.m_menu > ul > li {   }
.m_menu > ul > li > a { border-bottom:1px solid #464646; display:block; padding:14px 0; background:url("/img/common/gnbBtn_off.gif") no-repeat 95% center;}
.m_menu > ul > li.on > a { background:url("/img/common/gnbBtn_on.gif") no-repeat 95% center;}
.m_menu > ul > li > .depth2 { background:#e9f1f6; padding:18px; display:none;}
.m_menu > ul > li > .depth2 > li { }
.m_menu > ul > li > .depth2 > li a { display:block; margin:0 0 15px 0; }
.m_menu > ul > li > .depth2 > li:last-child a:last-child { margin:0;}
.m_menu .depth3 { }
.m_menu .depth3  a { color:#8a91a4;  font-size:13px; margin:-3px 0 0 0;}
.m_menu .depth3  a:before { content:"-"; margin:0 5px 0 0;}
.m_gnbBg { position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.6); top:0; left:0; z-index:100; display:none;}

.topBtn { background:rgba(156, 157, 166, 0.7); width:72px; height:72px; border-radius:50%; position:fixed; right:20px; bottom:300px; text-align:center; color:#fff; padding:16px 0 0 0; box-sizing:border-box; cursor:pointer; display:none;}
.topBtn span { display:block; 
	transform:rotate(-90deg);
-webkit-transform : rotate(-90deg);  
-moz-transform : rotate(-90deg);     
-ms-transform : rotate(-90deg);       
-o-transform : rotate(-90deg);   


}
.topBtn p { font-size:15px; margin:10px 0 0 0;}