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

/*
.m_x_btn { position:absolute; left:0; top:20px; z-index:500;}
*/
.main_btn{text-align:justify}
.margin_btn{margin:0 1.5%}
.main_btn a{}
.main_btn a img{width:32.333%}
.contents .slider_visual_area { width:100%; background:#fff; margin-bottom:8px;}
.contents .slider_visual_area .slider_visual { position:relative; display:block; width:100%; min-width:320px; max-width:640px; /*height:255px;*/ margin:0 auto;}
.contents .slider_visual_area .slider_visual .visual_text_layer { position:absolute; left:0; bottom:0; width:100%; height:56px; padding-top:10px; text-align:center;}
.visual_text_layer img.prev { position:absolute; left:15px; bottom:22px; width:11px; max-height:18px; min-height:18px;}
.visual_text_layer img.next { position:absolute; right:15px; bottom:22px; width:11px; max-height:18px; min-height:18px;}
.visual_text_layer img.visual_text { width:188px; max-height:37px; min-height:37px;}
.visual_text_layer { position:absolute; left:0; bottom:0; width:100%; height:56px; padding-top:10px; text-align:center; z-index:750;}
.visual_text_layer p { display:none; color:#fff; width:80%; margin:0 auto; max-height:37px; min-height:37px; text-align:center; line-height:1.4;}
.visual_text_dummy { position:absolute; left:0; bottom:0; width:100%; height:66px; background:#000; opacity:0.5; -ms-filter:alpha(opacity=50); filter:alpha(opacity=50); z-index:730;  }

.contents .con00_wrap { margin:10px 10px 15px 10px}
.contents .con00_wrap img.detail_view_btn {width:100%;  max-width:600px; }


.contents .con01_wrap { width:100%; background:#fff; margin-bottom:8px;}
.contents .con01_wrap .con01 { display:block; overflow:hidden; padding:10px 15px; min-width:290px;/*max-width:610px;*/ margin:0 auto;}
.contents .con01_wrap .con01 .tit_area { float:left; width:100%; padding-bottom:8px; border-bottom:1px solid #ebebeb;}
.contents .con01_wrap .con01 .tit_area h2 { float:left;font-weight:bold}
.contents .con01_wrap .con01 .tit_area img.tit { float:left; width:61px; height:15px;}
.contents .con01_wrap .con01 .tit_area img.more { float:right; width:20px; height:20px;}

/* 
.contents .con01_wrap .con01 .news_table { float:left; width:100%; }
.contents .con01_wrap .con01 .news_table table { width:100%; margin:0; padding:0;}
.contents .con01_wrap .con01 .news_table table th { padding:10px 0; border-bottom:1px solid #d4d4d4;}
.contents .con01_wrap .con01 .news_table table th span { font-size:11px; color:#5c5c5c; font-weight:bold;}
.contents .con01_wrap .con01 .news_table table td { width:150px; text-align:left; vertical-align:middle; padding:15px 0 ; border-bottom:1px solid #ebebeb;width:100%}
.contents .con01_wrap .con01 .news_table table td .tal {}

.contents .con01_wrap .con01 .news_table table td h3 { float:left; width:100%; font-size:14px; font-weight:bold; color:#333333; margin-bottom:5px;}
.contents .con01_wrap .con01 .news_table table td p { float:left; width:100%; font-size:12px; color:#777777; line-height:1.5; margin-bottom:7px;}
.contents .con01_wrap .con01 .news_table table td p.company_date { float:left; width:100%; font-size:10px; color:#444444; }
.contents .con01_wrap .con01 .news_table table td p.company_date span { font-size:10px; font-weight:bold; color:#2d86c9; margin-right:4px;}
.contents .con01_wrap .con01 .news_table table td.last { border-bottom:0;}
메인 비주얼 텍스트 영역 크기 조절*/

.contents .con01_wrap .con01 .news_table { float:left; width:100%; }
.contents .con01_wrap .con01 .news_table table { width:100%; margin:0; padding:0;}
.contents .con01_wrap .con01 .news_table table th { text-align:left; vertical-align:middle; width:144px; max-width:144px; padding:15px 0; border-bottom:1px solid #ebebeb;}
.contents .con01_wrap .con01 .news_table table th img { width:120px; height:70px; border:1px solid #e5e5e5;}
.contents .con01_wrap .con01 .news_table table th.last { border-bottom:0;}
.contents .con01_wrap .con01 .news_table table td { text-align:left; vertical-align:middle; padding:15px 0; border-bottom:1px solid #ebebeb;}
.contents .con01_wrap .con01 .news_table table td h3 { float:left; width:100%; font-size:14px; font-weight:bold; color:#333333; margin-bottom:5px;}
.contents .con01_wrap .con01 .news_table table td p { float:left; width:100%; font-size:13px; color:#777777; line-height:1.5; margin-bottom:7px;}
.contents .con01_wrap .con01 .news_table table td p.company_date { float:left; width:100%; font-size:10px; color:#444444; }
.contents .con01_wrap .con01 .news_table table td p.company_date span { font-size:12px; font-weight:bold; color:#2d86c9; margin-right:4px;}
.contents .con01_wrap .con01 .news_table table td.last { border-bottom:0; border-bottom:1px solid #ebebeb;}



.contents .con02_wrap { width:100%; background:#fff; margin-bottom:8px;}
.contents .con02_wrap .con02 { display:block; overflow:hidden; border:1px solid #ddd;min-width:290px;border:1px solid #ddd;margin:18px 15px;/*max-width:610px;*/background:url(../images/main/app_bg.png) no-repeat 95% 20%; }
.contents .con02_wrap .con02 h2 { float:left; width:100%; margin:7px;font-weight:bold;}
.contents .con02_wrap .con02 h2 img.tit { float:left; width:43px; height:15px;}
.contents .con02_wrap .con02 p { margin:7px; width:220px; font-size:13px; color:#777777; line-height:1.5; margin-bottom:15px;}
.contents .con02_wrap .con02 .detail_view_btn { float:left;height:20px;}

.contents .con03_wrap { width:100%; background:#fff; margin-bottom:8px;}
.contents .con03_wrap .con03 { display:block; overflow:hidden; margin:18px 15px; border:1px solid #ddd;background:url(../images/main/app_c_bg.png) no-repeat 95% 20%; }
.contents .con03_wrap .con03 h2 { float:left; width:100%; margin:7px;font-weight:bold;font-size:1.1em}
.contents .con03_wrap .con03 h2 img.tit { float:left; width:43px; height:15px;}
.contents .con03_wrap .con03 p { width:220px; margin:7px;font-size:13px; color:#777777; line-height:1.5; margin-bottom:15px;}
.contents .con03_wrap .con03 .detail_view_btn { float:left;height:20px;}

.contents .con04_wrap { width:100%; background:#fff; margin-bottom:8px;}
.contents .con04_wrap .con04 { display:block; overflow:hidden; margin:18px 15px;}
.contents .con04_wrap .con04 ul{}
.contents .con04_wrap .con04 ul li{float:left;display:block;width:49.9999%}
.contents .con04_wrap .con04 ul li img{width:100%}




/* 메인 비주얼 텍스트 영역 크기 조절*/

@media all and (min-width:5px) and (max-width:400px) {
	
.visual_text_dummy { height:50px;}
.visual_text_layer { height:45px; padding-top:5px;}
.visual_text_layer p { font-size:14px;}
.flex-direction-nav a { bottom:15px !important;}
.flexslider .flex-prev { left: 20px !important; }
.flexslider .flex-next { right: 20px !important; }
}