/* ===================    modal_popup    =================== */
.contact_wrap{width: 100%; height: 100%; padding: 0 20px; position: fixed; top: 0; right: 0px; z-index: 500; overflow: auto; display: none; background: url(../img/comm/contact_bg.png) repeat}
.contact_bg{width: 100%; height: 100%; position: fixed; top: 0; right: 0px; z-index: 500; background-color: #000000; opacity: .7; filter: alpha(opacity=70); overflow: hidden}
.contact_box{height: auto; padding: 60px 50px; margin: 0 auto 100px; position: relative; top: 70px; z-index: 501; background-color: #ffffff; overflow: hidden}
.contact_box .ct_tit{margin-bottom: 20px; font-size: 22px}
.contact_box .ct_tit h3{margin-bottom: 10px; font-size: 30px; font-weight: bold; font-family: 'Open Sans'; letter-spacing: -1px}
.contact_box .ct_btn{position: absolute; top: 40px; right: 50px; cursor: pointer}
.showing-modal {overflow: hidden}

/* ===================    footer    =================== */
   /* layout */
   #footer{width:100%; }
   .in_Layer{width:1200px; margin:0 auto; position:relative;}
   .cf:after{content:""; display:block; clear:both;}

/************************************************************************************ footer ************************************************************************************/
#footer{background:#1e1e1e;}
#footer .top_header{padding:45px 0; border-bottom:1px solid #353535;}
#footer .top_header .h_list{}
#footer .top_header .h_list:after{clear:both; display:block; content:"";}
#footer .top_header .h_list > li{float:left; width:50%;}
#footer .top_header .h_list > li h2{font-size:25px; color:#fff; font-weight:600; margin-bottom:15px;}
#footer .top_header .h_list > li .quick_list{}
#footer .top_header .h_list > li .quick_list:after{clear:both; display:block; content:"";}
#footer .top_header .h_list > li .quick_list li{float:left; width:50%; margin-bottom:5px;}
#footer .top_header .h_list > li .quick_list li a{font-size:15px; color:#b4b4b4; font-weight:300;}
#footer .top_header .h_list > li .quick_list li a:hover{color:#fff;}
#footer .top_header .h_list > li .sub_list{}
#footer .top_header .h_list > li .sub_list li{font-size:15px; color:#b4b4b4; margin-bottom:10px; position:relative;}
#footer .top_header .h_list > li .sub_list li:last-child{margin-bottom:0;}
#footer .top_header .h_list > li .sub_list li:before{content:""; position:absolute; left:0; top:50%; margin-top:-10px; width:21px; height:20px;}
#footer .top_header .h_list > li .sub_list li span{display:inline-block;}
#footer .top_header .h_list > li .sub_list li span:last-child{}
#footer .top_header .h_list > li .sub_list li span:last-child:before{content:""; width:1px; height:12px; background:#787878; display:inline-block; margin:0 10px;}
#footer .top_header .h_list > li .sub_list li span em{color:#fff; font-weight:500;}
#footer .top_header .h_list > li .btn{width:60%;padding: 0px !important;}
#footer .top_header .h_list > li .btn a{display:block; color:#fff; font-size:15px; text-align: left; font-weight:400; border:2px solid #7f7f7f; padding:10px 0 10px 20px; background:url('../img/down_ico.png')no-repeat 90% 50%;}

#footer .bot_header{padding:15px 0;}
#footer .bot_header .in_Layer:after{clear:both; display:block; content:"";}
#footer .bot_header .copy{font-size:13px; float:left; color:#787878;}
#footer .bot_header ul{float:right;}
#footer .bot_header ul:after{clear:both; display:block; content:"";}
#footer .bot_header ul li{float:left;}
#footer .bot_header ul li:after{content:""; width:1px; height:12px; background:#646464; margin:0 15px; display:inline-block;}
#footer .bot_header ul li:last-child:after{display:none;}
#footer .bot_header ul li a{font-size:13px; color:#fff; font-weight:500;}


/****************************************************************************** responsive ******************************************************************************/
@media screen and (max-width:1240px) {
   .in_Layer{width:100%; padding:0 3%;}

}
@media screen and (max-width:1000px) {

   #contents .main_contents .menu_quick{padding:5% 0;}
   #contents .main_contents .menu_quick ul li{margin-bottom:10px;
   width: -webkit-calc(33.33% - 13.33px);
   width: -moz-calc(33.33% - 13.33px);
   width: calc(33.33% - 13.33px);
}

#footer .top_header{padding:4% 0;}
#footer .top_header .h_list > li{float:none; width:100%; margin-bottom:10%;}
#footer .top_header .h_list > li:last-child{margin-bottom:0;}
#footer .top_header .h_list > li h2{margin-bottom:1.5%;}
#footer .top_header .h_list > li .quick_list li{margin-bottom:10px;}
#footer .top_header .h_list > li .sub_list li{margin-bottom:10px;}

#footer .bot_header{text-align:center; padding:2% 0;}
#footer .bot_header ul{float:none; display:inline-block}
#footer .bot_header .copy{float:none; text-align:center; margin-top:10px;}
}

@media screen and (max-width:640px) {

#footer .bot_header ul li{float:none; display:inline-block;}
}

#footer .top_header .h_list > li h2{font-size:20px;}
#footer .top_header .h_list > li .quick_list li a{font-size:13px;}
#footer .top_header .h_list > li .sub_list li{font-size:13px;}
#footer .top_header .h_list > li .btn a{font-size:13px;}