@charset "utf-8";
/* CSS Document */

.main_contents {overflow:hidden; width:1310px; margin:0 auto; }

.main_contents .quick_box li{ float:left; display:block; overflow:hidden; }
.main_contents .quick_box li.q_m1{ width:321px; border-top:4px solid #486086; margin-right:5px; border-bottom:1px solid #c8cbcd; border-left:1px solid #ecf0f3; border-right:1px solid #c8cbcd; margin-bottom:30px;}
.main_contents .quick_box li.q_m2{ width:321px; border-top:4px solid #f14d62; margin-right:5px; border-bottom:1px solid #c8cbcd; border-left:1px solid #ecf0f3; border-right:1px solid #c8cbcd; margin-bottom:30px;}
.main_contents .quick_box li.q_m3{ width:321px; border-top:4px solid #eead3b; margin-right:5px; border-bottom:1px solid #c8cbcd; border-left:1px solid #ecf0f3; border-right:1px solid #c8cbcd; margin-bottom:30px;}
.main_contents .quick_box li.q_m4{ width:321px; border-top:4px solid #48867d; border-bottom:1px solid #c8cbcd; border-left:1px solid #ecf0f3; border-right:1px solid #c8cbcd; margin-bottom:30px;}

.main_contents .quick_box li.q_m1 .a_m1_img{ background: #FFF url(../images/m_icon_a1.png) 230px 15px no-repeat;}
.main_contents .quick_box li.q_m2 .a_m2_img{ background: #FFF url(../images/m_icon_a2.png) 230px 15px no-repeat;}
.main_contents .quick_box li.q_m3 .a_m3_img{ background: #FFF url(../images/m_icon_a3.png) 230px 15px no-repeat;}
.main_contents .quick_box li.q_m4 .a_m4_img{ background: #FFF url(../images/m_icon_a4.png) 230px 15px no-repeat;}

.main_contents .quick_box li.q_m1 a, .main_contents .quick_box li.q_m2 a, .main_contents .quick_box li.q_m3 a, .main_contents .quick_box li.q_m4 a{ display:block; width:321px; height:120px; text-decoration:none;}
.main_contents .quick_box li.q_m1 .qu_tx_box, .main_contents .quick_box li.q_m2 .qu_tx_box, .main_contents .quick_box li.q_m3 .qu_tx_box, .main_contents .quick_box li.q_m4 .qu_tx_box{ position:relative; top:25px; left:25px;}
.main_contents .quick_box li.q_m1 .qu_tx_box dt, .main_contents .quick_box li.q_m2 .qu_tx_box dt, .main_contents .quick_box li.q_m3 .qu_tx_box dt, .main_contents .quick_box li.q_m4 .qu_tx_box dt{ font: bold 15px/26px arial,sans-serif;text-transform: uppercase;text-decoration:none;}
.main_contents .quick_box li.q_m1 .qu_tx_box dd, .main_contents .quick_box li.q_m2 .qu_tx_box dd, .main_contents .quick_box li.q_m3 .qu_tx_box dd, .main_contents .quick_box li.q_m4 .qu_tx_box dd{ font: 12px/14px arial,sans-serif;text-transform:uppercase;text-decoration:none; }

.main_contents .content_m{ }
.main_contents .notice_area{ display:block; float:left; position: relative; width:280px; height:144px; margin-top:8px; border-top:1px solid #ecf0f3;  border-bottom:1px solid #c8cbcd; border-left:1px solid #ecf0f3; border-right:1px solid #c8cbcd; padding:20px; background-color:#FFF; margin-right:5px}
.main_contents .notice_area h3{border-bottom:1px solid #b94940; font: bolder 15px/38px arial,sans-serif;text-transform: uppercase;text-decoration: none;}
.main_contents .notice_area h3 span{color: #b94940;}
.main_contents .notice_area dt a{font: bolder 14px/34px arial,sans-serif;text-transform: uppercase;text-decoration: none;}

.main_contents .notice_area .more{	position: absolute; right: 20px; top: 30px; }
.main_contents .notice_area .more a{font: 11px arial,sans-serif; text-transform: uppercase;text-decoration: none; line-height:15px; background: url(../images/not_more.png) no-repeat right  50%; padding: 2px 18px 2px 0}
.main_contents .notice_area .not_rollbtn{	position:absolute; right:20px; bottom:10px; padding:0px;  }
.main_contents .notice_area .not_rollbtn a{ }

.main_contents .min_menu_area{ display:block; float:left; position: relative; width:302px; height:164px; margin-top:8px; border-top:1px solid #ecf0f3;  border-bottom:1px solid #c8cbcd; border-left:1px solid #ecf0f3; border-right:1px solid #c8cbcd; padding:10px; background-color:#FFF; margin-right:5px}
.main_contents .ms_box li{ float:left;  margin:3px}
.main_contents .ms_box li span{position:relative; top:30px; left:58px; }
.main_contents .ms_box li a{display:block; color:#394f60; width:144px; height:76px; font: bolder 14px/18px arial,sans-serif;text-transform: uppercase;text-decoration: none; letter-spacing:-1px}
.main_contents .ms_box li.b_m1_img{ background: #efefef url(../images/m_icon_b1.png) 10px 18px no-repeat;}
.main_contents .ms_box li.b_m2_img{ background: #efefef url(../images/m_icon_b2.png) 10px 18px no-repeat;}
.main_contents .ms_box li.b_m3_img{ background: #efefef url(../images/m_icon_b3.png) 10px 18px no-repeat;}
.main_contents .ms_box li.b_m4_img{ background: #efefef url(../images/m_icon_b4.png) 10px 18px no-repeat;}

.main_contents .popupzone{ display:block; float:left; position: relative; width:320px; height:184px; margin-top:8px; border-top:1px solid #ecf0f3;  border-bottom:1px solid #c8cbcd; border-left:1px solid #ecf0f3; border-right:1px solid #c8cbcd; background-color:#FFF}
.main_contents .popupzone a.off {float:left; width:15px; height:15px; text-align:center; background:#989898; color:#fff; font-weight:bold; font-family:"dotum"}
.main_contents .popupzone a.on {float:left; width:15px; height:15px; text-align:center; background:#0088db; color:#fff; font-weight:bold; font-family:"dotum"}
.main_contents .popupzone dt{ float:left; text-align:right; margin:1px; position:relative; left:275px; top:5px;  z-index:1000;}
.main_contents .popupzone dd { position: absolute; left:0; top:0px; width:334px}
.main_contents .popupzone dd .popz_cont1{ background:url(../images/pop_bg_img.png) no-repeat; height:184px;}

.main_contents .popupzone .popz_cont1 .pop_Tx_area{position:relative; top:30px; left:15px; }
.main_contents .popupzone .popz_cont1 .Title_pop{font: bolder 16px/28px arial,sans-serif;text-transform: uppercase;text-decoration: none; }
.main_contents .popupzone .popz_cont1 .Sub_pop{font: 11px/12px arial,sans-serif;text-transform: uppercase;text-decoration: none; }
.main_contents .popupzone .popz_cont1 a.pop_link_btn{ border:1px solid #06F; padding:8px 20px; background-color:#3c599f; color:#FFF; font: bolder 13px/28px arial,sans-serif;text-transform: uppercase;text-decoration: none}

.main_contents .sns_area{ display:block;  float:left; margin-top:8px; margin-bottom:10px;} 
.main_contents .sns_area li{ float:left; width:484px; height:124px;}
.main_contents .sns_area li.twitter dd a{ color:#FFF; font-weight:bold;}
.main_contents .sns_area li.twitter dd a:hover{ color:#036}
.main_contents .sns_area li.twitter{ background-color:#00c0ff; margin-right:8px;}
.main_contents .sns_area li.twitter dl{ padding:20px 20px 10px; }
.main_contents .sns_area li.twitter dd{ padding-top:5px; color:#FFF; font-size:11px; line-height:14px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis }
.main_contents .sns_area li.facebook{ background-color:#438fc8; }
.main_contents .sns_area li.facebook dl{ padding:20px 20px 10px;  }
.main_contents .sns_area li.facebook dd{padding-top:5px; color:#FFF; font-size:11px; line-height:14px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis }

/* .main_slogan_bg{  background: url(../images/main_bg1.png) no-repeat center; background-size:cover; width:100%} */
/* .main_slogan{ overflow:hidden; width:980px; height:350px; margin:0 auto; } */
.main_slogan_bg{  background-color: #ffffff; background-size:cover; width:100%; height: 720px;}
.main_slogan{ overflow:hidden; width:980px; height:503px; margin:0 auto; padding-top: 47px;}

#visual_box ul, #visual_box li{list-style:none;margin:0;padding:0}
#visual_box img{border:none}

#visual_box {width:978px;height:349px;position:relative;overflow:hidden}
#visual_box .DB_imgSet{position:relative}

#visual_box .DB_imgSet .Vs_1_1{position:absolute;left:60px;top:40px;}
#visual_box .DB_imgSet .Vs_1_2{position:absolute;left:60px;top:230px}
#visual_box .DB_imgSet .Vs_1_3{position:absolute;left:500px;top:10px}

#visual_box .DB_imgSet .Vs_2_1{position:absolute;left:40px;top:100px;}
#visual_box .DB_imgSet .Vs_2_2{position:absolute;left:590px;top:10px}
#visual_box .DB_imgSet .Vs_2_3{position:absolute;left:530px;top:10px}


#visual_box .DB_menuSet{position:absolute;bottom:0px;width:100%;text-align:center;font-size:0}
#visual_box .DB_menuSet li{display:inline;cursor:pointer;margin:0 2px}