@charset "utf-8";

/* Top Popup */
#topPopup{width:100%; height:146px; position:relative; background:#534e4e url("../images/common/topPopupBg.jpg") center top no-repeat;}
#topPopup .popupBox{width:1280px; margin:0 auto;}
.popupBox .popupText{float:left; height:146px; margin-left:305px; font-weight:400; color:#fff; padding:60px 0 0 60px; box-sizing:border-box; font-size:18px; background:url("../images/common/topPopupIcon.png") left center no-repeat;}
.popupBox .popupText span{color:#ffd800;}
.popupBox .popupBtn{float:right; width:240px; height:146px; padding-top:53px; box-sizing:border-box;}
.popupBox .popupBtn ul li{float:left; padding-right:5px;}

.skipnav {position:absolute; width:100%; z-index:100000;}
.skipnav dd a {position:absolute; display:block; left:0; top:0; width:1px; height:1px; margin:-10000px 0 0 -10000px; padding:0; background-color:#033477; text-align:center; overflow:hidden; color:#fff; font-weight:bold;}
.skipnav dd a:hover,
.skipnav dd a:active,
.skipnav dd a:focus {margin:0; width:100%; height:auto; padding:10px;}

#container{width:100%;}

/** Mobile Header
==================================================================================================== **/

#asideArea{display:none}
#asideArea .total_home{height:60px;padding-left:18px;padding-bottom:1px;background:#ffffff;color:#214489;font-size:20px;font-weight:700;line-height:60px;}
#asideArea .total_home .home_btn{float:left; width:38px; height:38px; margin-top:10px;}
#asideArea .total_home .home_btn a{display:block; width:38px; height:38px; text-indent:-99999px; background:url("../images/common/mobile_home.gif") 50% 50% no-repeat;background-size:38px auto;}
#asideArea #totalClose{display:block;position:absolute;top:14px;right:10px;}
#asideArea #totalClose a{display:block;width:36px;height:36px; padding:0;background:url("../images/common/total_menu_close.png") 50% 50% no-repeat;background-size:18px auto;text-indent:-9999px;}
.total_link{float:left; margin-left:50px;}
.total_link:after{display:block;clear:both;content:'';}
.total_link li{float:left; padding:0 2px;}
#totalNav{position:relative;padding-bottom:20px;}
#totalNav .nav_item{}
#totalNav .nav_btn{display: block; position: relative; padding: 12px 21px 12px 23px; border-bottom: 1px solid #dcdcdc; background-color: #fff;
    color: #3e3e3e; font-size: 15px; background: #fff url('../images/common/m_li_op.png') no-repeat; background-position: right 20px top 14px;
    background-size: 14px;}
#totalNav .nav_btn.active {background: #fff url('../images/common/m_li_clo.png') no-repeat; background-position: right 20px top 50%;
	background-size: 14px;
	}
#totalNav .nav_list>li {background: #f6f7f7 url('../images/common/m_li_bg.png') 25px 50% no-repeat; background-size: 3px;}
#totalNav a{text-decoration:none;}
#totalNav .nav_list{display:none;}
#totalNav .nav_list>li>a{display:block;padding:12px 6px 12px 40px;border-bottom:1px solid #e3e3e3;color:#000;}
#totalNav .nav_list>li>a.nav_sbtn{background:url("../images/common/menu_plus.png") 93% 50% no-repeat;}
#totalNav .nav_list>li>a.nav_sbtn.active{background:url("../images/common/menu_minus.png") 93% 50% no-repeat;}
#totalNav .nav_list .desc_list{display:none;padding:12px 6px 14px 25px;border-bottom:1px solid #e1e1e1;background:#f7f8fa}
#totalNav .nav_list .desc_list li{padding:4px 0 0px 10px;background:url('../images/common/total_nav_bullet.png') 0 50% no-repeat;background-size:4px auto;}
#totalNav .nav_list .desc_list a{color:#4b536b;}
#totalNav .nav_list .desc_list a.active{color:#0030aa;text-decoration:underline}
#totalNav .nav_list .desc_list{display:none;padding:12px 6px 14px 25px;border-bottom:1px solid #e1e1e1;background:#f7f8fa}

#asideArea h3.topTit{padding: 18px 22px; background:#4379ba; color:#fff; font-weight: 300; font-size: 16px;}
#asideArea .m_util {padding: 10px 0; background:#2a3b99;}
#asideArea .m_util li {float: left; padding: 0 10px; border-right: 1px solid #3e668f; width: 33.3333333333%;}
#asideArea .m_util li a {display: block; color: #fff; font-size: 12px; font-family: 'Dotum','돋움',"굴림","gulim","sans-serif"; text-align: center;}
#asideArea .m_util:after {content: ""; display: block; clear: both; float: none;}
#asideArea .m_util li:last-child{border:none;}

.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:99998}

/********************************************************************************************************************************************/


/** Header
==================================================================================================== **/

/* 상단 퀵메뉴 */
.quick_wrap {position:relative;overflow:hidden;z-index:10000; border-bottom:1px solid #e6e6e6;}
.quick_wrap .quick_menu {max-width:290px;margin:0 auto; height:27px;}
.quick_wrap .quick_menu li {float:left; font-size:12px; border-left:1px solid #e6e6e6; padding:0 12px}
.quick_wrap .quick_menu li:last-child {border-right:1px solid #e6e6e6;}
.quick_wrap .quick_menu li a {display:block;line-height:27px;color:#6b6561;text-align:center; font-family:'Dotum'}

.quick_wrap .quick_menu .font{float:left; line-height:27px; font-family:'Dotum'}
.quick_wrap .quick_menu .font dt{float:left; padding-right:0px;line-height:27px; color:#6b6561; font-size:12px; text-align:center;}
.quick_wrap .quick_menu .font dd{float:left;width:22px;font-size:20px;text-align:center;}
.quick_wrap .quick_menu .font dd a{display:block;line-height:27px;font-weight: bold;}
.quick_wrap .quick_menu .font dd.font_default{color:#6b6561; width:26px; font-size:12px; text-align:left; font-weight:bold;}

#wrap{width:100%; min-width:1280px; height:100%; margin:0 auto; padding:0;}
#header{position:relative;height:111px;  width:100%; background:url("../images/common/bg_menu.png");border-bottom: 1px solid #dcdcdc;box-sizing:border-box;z-index:100000;}
#header .header_wrap h1.logo {position:absolute;top:15px; left:12px; margin:0; padding:0; line-height:100%;}
#header .header_wrap h1.logo a{display:block;}

#header .gnb_wrap{height:100%;}
#header .gnb .menu{height:100%;}
#header .gnb .menu>li{}
#header .gnb .menu>li>a{display:block; color:#000; height:100%; text-align:center; line-height:84px; font-size:18px;}
#header .gnb .menu>li.m2>a{color:#f80058; font-weight:400;}

#header .header_wrap .search_box{position:absolute; top:0; right:20px;}
#header .header_wrap .search_box ul li{float:left;}
#header .header_wrap .search_box ul li a{display:block; line-height:80px; width:80px; height:80px; color:#fff; font-size:15px;}



#header .header_wrap{position:relative;max-width:1280px; margin:0 auto;height:83px;}
#header.m_over .header_wrap{background:#fff;}

#header .gnb ul.util{position:absolute; top:25px; right:10px; z-index:99999;}
#header .gnb ul.util li{float:left; width:93px; border:1px solid #37bbb6; border-radius:20px;}
#header .gnb ul.util li a{display:block; line-height:33px; color:#008782; font-size:15px; text-align:center;}
#header .gnb ul.util li.login_common{background:url("../images/common/util_bar.gif") right 8px center no-repeat; margin-left:6px;}
#header .gnb ul.util li.regist_common a{}



#header .gnb_wrap .util{height:47px;}
#header .gnb_wrap .util .font{float:right; margin:12px 0 0 7px;}
#header .gnb_wrap .util .font dt{float:left; width:29px; height:25px; line-height:25px; border:1px solid #e8e8e8; font-family:dotum; font-size:14px; text-align:center;}
#header .gnb_wrap .util .font dd{float:left; margin-left:-1px; width:29px; height:25px; border:1px solid #e8e8e8; font-family:dotum; font-size:18px; text-align:center;}
#header .gnb_wrap .util .font dd a{display:block; line-height:25px;}
#header .gnb_wrap .util .etc{float:left; margin:17px 0 0 0;}
#header .gnb_wrap .util .etc li{float:left; font-family:dotum; font-size:12px; padding:0 9px; background:url("../images/common/gnb_etc_gubun.gif") 0 center no-repeat;}
#header .gnb_wrap .util .etc li:first-child{background:none;}
#header .gnb_wrap .util .sns{width:120px; position:absolute; top:11px; left:0; right:0; margin-left: auto !important; margin-right: auto !important; text-align:center;}
#header .gnb_wrap .util .sns dd{float:left; margin:0 3px 0 0;}
#header .gnb_bg{position:absolute; z-index:-1; left:0; top:111px; width:100%; height:260px; /* background:#f6f6f6; */background: url(../images/common/bg_menu.png); display:none; border-bottom:1px solid rgba(192, 192, 192, .3); overflow:hidden;}
#header .gnb{height:100%;padding:0 215px 0 30%;z-index:99999;}

#header .gnb .menu>li{position:relative; float:left;width:25%;height:100%;}
#header .gnb .menu>li:last-child{padding-right:0;}
#header .gnb .menu>li.menu01{background:#006bdd url("../images/common/gnb_menu_bg01.gif") right 0 no-repeat;}
#header .gnb .menu>li.menu02{background:#0157b2 url("../images/common/gnb_menu_bg02.gif") right 0 no-repeat;}
#header .gnb .menu>li.menu03{background:#064485 url("../images/common/gnb_menu_bg03.gif") right 0 no-repeat;}
#header .gnb .menu>li.menu04{background:#067585 url("../images/common/gnb_menu_bg04.gif") right 0 no-repeat;}
#header.m_over .gnb .menu>li>a{color:#000;}
#header .gnb .menu .submenu{position:absolute; left:0; top:84px; width:100%; height:189px; display:none;}
#header .gnb .menu .submenu>ul{margin:8px 0 0 0px;}
#header .gnb .menu .submenu>ul>li{text-align:center;}
#header .gnb .menu .submenu>ul>li>a{display:inline-block; padding:8px 0 8px 0px; font-size:15px; line-height:18px; color:#000;}
#header .gnb .menu .submenu>ul>li>a:hover{color:#000;text-decoration: underline; text-decoration-color:#c0c0c0; /* background:url("../images/common/gnb_bu.gif") 0 center no-repeat; */}
#header .gnb .etc{display:inline-block; float:right; margin:30px -16px 0 35px;}
#header .gnb .etc>li{float:left; background:url('../images/common/gnb_etc_line.gif') 0 center no-repeat;}
#header .gnb .etc>li:first-child{background:none;}
#header .gnb .etc>li>a{padding:0 16px; font-size:12px; color:#4f5352;}
#header .btn.all{display:none; position:absolute; right:10px; top:10px; font-size:25px;}
#header .btn.all .txt{font-size:0;}

#header .gnb_wrap .btn_all{position:absolute; right:0; top:57px; display:block; width:43px; height:35px; border:1px solid #dfdbdc; background:url('../images/common/btn_menu.png') center no-repeat;}
#header .gnb_wrap .btn_all span{font-size:0;}
#header .gnb_wrap .btn_search{position:absolute; right:42px; top:57px; display:block; width:43px; height:35px; border:1px solid #dfdbdc; background:url('../images/common/btn_search.png') center no-repeat;}
#header .gnb_wrap .btn_search span{font-size:0;}

#totalOpen {display:none;position:absolute;right:0;top:0;height:60px;width:60px;z-index:10001;}

#container{position:relative; width:100%; min-width:1280px; /* z-index:20; */ margin:0 auto; padding:0;}


/* footer */
#footer{
    width: 100%;
    height: 165px;
    background: #353a6a;
}
#footer .footerWrap{
    width: 1157px;
    margin: 0 auto;
}
.footerWrap .ft_logo{
    float: left;
    margin-top: 30px;
    margin-right: 45px;
}
.footerWrap .info{
    float: left;
    margin-top: 40px;
    font-size:14px;
}
.footerWrap .info .info_menu ul:after{
    display: block;
    clear: both;
    content: '';
}
.footerWrap .info .info_menu ul li{
    color:#f0f0f0;
    float: left;
    margin:0 5px;
}
.footerWrap .info .info_menu .personal{
	font-weight: bold; 
	color: deepskyblue;
}
.footerWrap .info .info_menu ul li:first-child{
    margin-left:0;
}
.footerWrap .info .info_menu ul li:after{
    display: inline-block;
    content:url('../images/common/footerBar.jpg');
    padding-left: 10px;
}
.footerWrap .info .info_menu ul li:last-child:after{
    content:'';
    padding-left:0;
}
.info .copy{
    margin-top: 10px;
}
.info .copy p{
    color:#98a0b3;
}

/* site */
#footer .site{
    width: 255px;
    height: 85px;
    float: right;
    padding-right: 10px;
    padding-top: 40px;
}
#footer .site01,.site02{
    width: 100%;
    height: 50%;
}
#footer .site01{
    margin-bottom: 1px;
    background: #2b3057 url('../images/common/Below.png')no-repeat right 10px center;
    position:relative;
}

#footer .site01 a{
	display:block;
	line-height:42px;
	padding:0 15px;
	color:#a9aed4;
}

#footer .site01 .desc_box {
	position:absolute; 
	overflow-y:auto; 
	border:1px solid #ddd; 
	display:none;
	bottom:48px;
	left:0;
	width:100%;
	height:148px;
	max-width:253px;
	z-index:111;
}
#footer .site01 .desc_box ul li a {
	overflow:hidden;
	display:block;
	height:38px;
	padding:0 11px;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:35px;
	background:#fff;
	font-size:14px;
	border-top:1px solid #cfd6db;
	box-sizing:border-box;
	color:#000;
}
#footer .site01 .desc_box ul li a:hover {
	background:#d1d1d1;
}
#footer .site01 .desc_box ul li:first-child a {
	border-top:0;
}


/* markLogo */
#footer .markLogo{
    float: right;
    width: 98px;
    height: 59px;
    background: url('../images/common/wa_logo.png') no-repeat;
    margin-top: 50px;
    margin-right: 35px;
}
#footer .markLogo p{
    display: none;
    text-indent: -9999;
}


/*

@media (max-width: 1200px) and (min-width: 1px) {
	#footer .logo{display:none; margin:0;}
	#footer .info{margin-left:10px;}
	#footer .copyright{margin-right:10px;}
}

@media (max-width: 850px) and (min-width: 1px) {
	#footer {padding:20px 0;}
	#footer .info{overflow:hidden; display:block; float:none; clear:both;}
	#footer .info ul{margin-top:0;}
	#footer .info ul li{width:100px;}
	#footer .copyright{display:block; float:none; clear:both; margin-left:10px; margin-top:10px; text-align:left !important;}
	#footer .copyright span{display:inline-block;}
}

@media (max-width: 1024px) and (min-width: 1px) {
	body.oh #header{position:fixed; top:0; left:0; bottom:0; z-index:100; width:100%; height:100%; overflow-y:auto}
	body.oh #header .inner{height:100%; background:#fff;}
	#header .logo{float:none; clear:both; margin:0; padding:10px; width:184px; height:62px;}
	#header .btn.all{display:inline-block;}
	#header .gnb{display:none; float:none; position: absolute; left: 0; top: 60px; right:0; z-index:11; width: 100%; background:#fff;}
	#header .gnb .menu{float:none; clear:both; border-top:1px solid #ddd;}
	#header .gnb .menu>li{display:block; float:none; clear:both; border-bottom:1px solid #ddd;}
	#header .gnb .menu>li>a{height:50px; line-height:50px;}
	#header .gnb .menu .submenu{position:relative; left:0; top:0; height:auto; margin:0; padding:0;}
	#header .gnb .menu .submenu>ul{margin:0 0 10px 0;}
	#header .gnb .menu .submenu>ul>li>a{text-align:left; padding-left:30px;}
	#header .gnb .etc{display:block; float:none; clear:both; margin:0; padding:0;}
	#header .gnb .etc>li{width:50%; background-image:none;}
	#header .gnb .etc>li>a{display:block; padding:10px 0; text-align:center; background:#f3f3f3; color:#717171; border-left:1px solid #dedede; border-bottom:1px solid #dedede; }
	#header .gnb .etc>li:first-child>a{border-left:0;}
}

*/