@charset "utf-8";

.main_ico_area ul li a:hover, .main_ico_area ul li a:focus { color:#333;}
.center { width:1200px; margin:0 auto;     word-wrap: break-word;
    word-break: keep-all;}
.co01 { color:#032d59;} /*메인컬러*/


.bar01 { height:23px; width:3px; background:#fff; float:left; margin-right:15px; margin-top:6px; }

.bd_list_more { float:right;}
.bd_list_more a { color:#fff; font-size:15px; letter-spacing: 0.5px;}

.visual01 { background: url(../img/visual01.jpg) no-repeat center;width: 100%; height:722px;}
.visual02 { background: url(../img/visual02.jpg) no-repeat center;width: 100%; height:722px;}

.visual01 img, .visual02 img {display:none;}
.visual_img img { width:100%;}

.main_head { position:fixed; background:rgba(0, 0, 0, 0.42); width:100%;    z-index: 99;}
.top_nv { float:right; padding: 2px 0;}
.top_nv ul li { float:left; padding:0 3px;}
.top_nv ul li a { color:#bebebe; font-size:11px;}
.top_fv a { color:rgba(0, 255, 252, 0.81) !important;}

.top_menu_area { width:100%; display: inline-block; }
.top_logo { float:left;  margin:10px 0 20px; }
.top_logo a { background:url(../img/top_logo.png) no-repeat center; width:232px; height:56px; display: block;}


.main_ico_area { background:#fafafa; overflow:hidden; padding:30px 0; }
.main_ico_area ul li { float:left; width:25%; border-left:1px solid #a8acb5;height:124px;}
.main_ico_area ul li:last-child {border-right:1px solid #a8acb5;}
.main_ico_img { float:left; width:135px; text-align:center;}
.main_ico_img img { margin-top:15px;}

.main_ico_txt { width:141px;float: left;}
.mi_txt01 { font-size:21px;     letter-spacing: -1px;
    font-weight: 500;
    margin-bottom: 7px;}
.mi_txt02 { font-size:15px;}


.main_cs_area { background:#dcdcdc; overflow:hidden; padding:25px 0; }
.main_cs { width:50%; float:left; }
 
.m_cs_title { letter-spacing:-1px; font-size:27px; font-weight:500; padding:0 30px; }
.m_cs_txt { color:#394259; padding:0 30px;}
.m_cs_no { margin:14px 0; padding:0 30px;}
.m_cs_time { font-size:23px; margin-bottom:5px; padding:0 30px;}
.m_cs_txt { font-size:18px; padding:0 0 0 30px;}

.main_fm { border-left: dotted 2px #9b9b9b;     width: 49.7%;
    float: right;} 


.main_bn { overflow:hidden; margin:35px 0;}

.main_bn ul li { float:left; width:592px; height:264px;}
.main_bn ul li:first-child { background:url(../img/m_bn_01.jpg) no-repeat center;}
.main_bn ul li:nth-child(2) { background:url(../img/m_bn_02.jpg) no-repeat center;}
.main_bn ul li:nth-child(3) { background:url(../img/m_bn_03.jpg) no-repeat center;}
.main_bn ul li:nth-child(4) { background:url(../img/m_bn_04.jpg) no-repeat center;}

.main_bn ul li:first-child, .main_bn ul li:nth-child(2) { margin-bottom:17px;}
.main_bn ul li:nth-child(2),.main_bn ul li:nth-child(4) { float:right;}

.main_bn ul li a { color:#fff;}


.bn_txt { margin:53px 0 53px 60px;} 
.m_bn_txt01 {    font-size: 27px;
    letter-spacing: -1px;}
.m_bn_txt02 { font-size:17px;  width: 90%; font-weight: 300; margin:10px 0 30px; }
.m_bn_btn { font-size:16px; border:1px solid #fff; width: 140px;
    padding: 7px 20px;}
.m_bn_btn  img { margin:-4px 0 0 10px; }


.main_list { background:url(../img/m_list_bg.jpg) no-repeat center bottom fixed; overflow:hidden; padding:30px 0;  }
.bd_list, .bd_list2 { width:49.5%; height:205px; float:right; color:#fff;  }
.bd_list { border-right:1px solid rgba(221, 221, 221, 0.7); border-left:1px solid rgba(221, 221, 221, 0.7);}
.bd_list2 { border-right:1px solid rgba(221, 221, 221, 0.7);}
.bd_list_title { font-size:22px; letter-spacing: -1px;}
.bd_l_area { margin:0 50px;}


.main_link { overflow:hidden;}
.main_link ul li { width:200px; text-align:center; float:left; margin:10px 0;  }

.tail { background:#272626; overflow:hidden; }
.tail_copy { color:rgba(255, 255, 255, 0.77); font-weight:300; font-size:15px; padding:30px 0;}
.tail_logo { float:left; width:70px; margin-top: 22px;}

.m_btn ul li {
    float: left;
    width: 25%;}
.m_btn ul li img { width:100%;}
.m_btn {
    position: fixed;
    bottom: 0;
    z-index: 999;
}



/*메뉴 백업*/
.top_menu { float:right; margin-top: 36px;}
.top_menu ul li {float:left;     text-align: center;
} 
.top_menu ul li:first-child a { border-left:1px solid #aaaaaa;}
.top_menu ul li a { color:#fff; font-size: 20px;    border-right: 1px solid #aaaaaa;
    padding:0 40px 2px;}

        #top_mn{ }	
        ul#topnav { margin: 0 auto; padding: 0;  list-style: none;   position: relative;  }
        ul#topnav li {}
        ul#topnav li a { display: block; color: #fff;text-decoration: none;  }
        ul#topnav li:hover {background:none !important;}
        ul#topnav li span { float: left;   padding: 6px 35px;   position: absolute;  left: 0; top:30px; display: none;
             color: #666;   text-align:left; background:rgba(6, 87, 144, 0.95); }
        ul#topnav li span a{color:#fff; font-size:15px; }	    
        ul#topnav li span.mn1 {  margin-left:-50px;}
        ul#topnav li span.mn2 { margin-left:-50px;}
        ul#topnav li span.mn3 { margin-left:240px;} 
        ul#topnav li span.mn4 { margin-left:470px;}
        ul#topnav li span.mn5 {	right: 0;left: auto;}
        ul#topnav li span.mn6 { margin-left: 545px;}
        ul#topnav li span.mn7 {  margin-left: 700px; }
        ul#topnav li:hover span { display: block; }
        ul#topnav li span a { display: inline;     border: none;
    padding: 0;}
        ul#topnav li span a:hover {text-decoration: none;}
        font.bar{font-weight:200; color:#ccc; padding:0 10px;}

.head_menu {float:right;  margin-top: 36px;}
#menu li { float:left; border-right: 1px solid #aaaaaa; height:31px; width:150px; text-align:center;}
#menu li:first-child  { border-left:1px solid #aaaaaa;}

#menu li a {display:inline-block; color:#fff; padding:0 0 30px;  width:100%;
 font-size: 20px;}

#menu_open{display:none;top:10px ; width:100%;text-align:left;padding:10px 0 0 0;width:700px;} 
#menu_open ul.sub_menu{float:left; margin:0 2px 0 2px;padding:0 2px 0 2px;font-weight:bold;}


/*슬라이드메뉴*/
#menu_dept
{position:absolute;z-index:999;width:803px;top:125px;background:rgba(253, 254, 255, 0.86);}
#menu_dept .header_img{position:absolute;left:5px;}
#menu_dept .menu_dept_ul li:first-child  { border-left:none;}
#menu_dept .menu_dept_ul li{float:left;width:150px;padding:0px; height: auto; border-right:1px solid #cfcaca;}
#menu_dept .menu_dept_ul li a{ color:#333; font-size:17px; display:block; width:100%; padding:10px 0;}
#menu_dept .menu_dept_ul li a:hover { color:#2a6496;}
#menu_dept .menu_open{text-align:center;height:200px;float:left;}

#menu_dept .close_img{position:absolute;right:10px;top:220px;}

#menu_5 ul li, #menu_dept .menu_dept_ul li:last-child { border-right:none !important;}

/*메뉴 백업*/



.m_wd { width:200px !important;}
.m_wd ul li { width:200px !important;}

.drop_title { color:#333;text-align:center; padding:10px 0 10px;font-weight:500;}



.main_consult_input01 {
    float: left;
    margin-right: 20px;}
.main_consult_input02  {float:left;}


.input_name {
    float: left;
    margin-right: 10px;
    padding-top: 5px; font-size: 19px;    color: #0a1530;
    font-weight: 500; background:url(../img/mc_dot.jpg) no-repeat left 17px; padding-left:10px;} 


.input_select1 {
    width: 55px;
    padding: 3px 0;
    background: #fff;}

.input_tel {
    width: 85px;
    padding: 3px 0;
}

.consult_sumit {
    width: 100%;
    background: url(../img/consult_btn.jpg) center;
    height: 62px;
    border: none;
}

.main_consult_input { padding:10px 30px; overflow: hidden;}
.contsult_name { width:100px;}
.main_consult_checkbox { font-size:15px; color:#0a1530;  padding: 0 30px; margin-bottom:10px; }
.agree_check { margin:0 !important;}
.main_consult_btn { padding:0 30px;}


.input_name2  {
    float: left; font-weight:300;
    margin-right: 10px;
    padding-top: 5px; font-size: 19px;; color:#fff;
    font-weight: 500; background:url(../img/f_dot.jpg) no-repeat left 17px; padding-left:15px;} 
.bf_input_02 {margin-left:20px;}

.bo_fx, #bo_v, #bo_w { margin-top:50px;}




.nav_bg{position:relative;}
.nav_wrap_bg{position:absolute;left:0;}
.gnb{float:right; margin-top: 28px;}
.gnb > ul{}
.gnb > ul:after{content:"";display:block;clear:both;}
.gnb > ul > li:first-child a { border-left:1px solid #aaaaaa;}
.gnb > ul > li{ width:150px; text-align:center; font-size: 18px;float:left;position:relative;  }
.gnb > ul > li > a{display:block;text-align:center;color:#fff; width:100%; border-right:1px solid #cfcaca; margin-bottom: 22px;}
.gnb > ul > li > a.ch{}
.gnb .menu{position:absolute;width:100%; background:rgba(243, 243, 243, 0.9); height: 180px !important;}
.gnb .menu.ch{}
.gnb .menu ul{}
.gnb .menu ul li{}
.gnb .menu ul li a{padding:9px 0 9px 30px;display:block;color:#333;width:100%; font-size:17px; text-align: left;}
.gnb .menu ul li a:hover{color:#333;}
.mn_ta ul li a { text-align:center !important; padding:9px 0 !important;}