@charset "utf-8"; 
/* copyright(c) WEBsiting.co.kr */

/* 게시판 목록 */
.history_table{width:100%;  margin-bottom:20px; }
.history_table .th_ask,
.history_table .th_chk{width:60px !important; }
.history_td{padding:0px !important; margin:0px; border-bottom:0px !important; }
.history_list{width:100%; margin:0px; padding:0px; list-style:none; }
.history_list li{width:100%;  margin:0px; padding:0px; position:relative; overflow:hidden; min-height:50px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.history_list li:hover{background:#fbfbfb; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.history_list li dl{width:100%; overflow:hidden; text-align:left; margin:0px; padding:0px; }
.history_list li dl dt{width:50%; position:relative; margin:0px; padding:25px 20px 20px; float:left; text-align:right; color:#999; font-size:30px; font-weight:bold; font-family:'Century Gothic','Malgun Gothic'; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.history_list li dl dd{margin:0px; padding:30px 20px 20px; width:50%; float:left; text-align:left; line-height:1.8em; font-size:13px; }

.history_list li:nth-child(even) dl dt{float:right; text-align:left; }
.history_list li:nth-child(even) dl dd{float:right; text-align:right; }

.history_list li .history_chk{position:absolute; left:0px; top:0px; z-index:2;}
.history_list li .hstr_line{position:absolute; left:50%; top:0px; bottom:0px; width:1px; background:#ddd; }
.history_list li .hstr_dot{position:absolute; left:50%; top:36px; margin-left:-9px; width:18px; height:18px; border:5px solid #ddd; border-radius:50%; background:#fff; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }

.history_list li:hover dl dt{color:#000; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.history_list li:hover .hstr_dot{border:5px solid #000; color:#000; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }

.history_list li.bo_notice{border-bottom:2px dashed #ddd; padding:30px 10px; }
.history_list li.bo_notice .history_h2{font-size:28px; text-align:center; padding:0 15px 20px; }
.history_list li.bo_notice .history_cont{text-align:center; font-size:13px; width:100%; }
.history_list li:hover.bo_notice{background:none; }
.history_list li a.btn_b02{float:right; margin-top:10px; clear:both; }
.history_cont img {margin-top:20px;}

/* 메인푸터 CSS */
#section5 {margin-top:100px;}
#section5 .sub_tit {font-size:38px;color:#333;font-weight:normal;padding:0px 0px 20px;text-align:center;font-family:'montserrat';font-weight: 700;}
#section5 .sub_tit strong {color:#86c0ea;}
#section5 .sub_inner {width:1200px; margin:0 auto}
#section5 .sub_tit  p{font-size:19px;color:#333;margin:10px 0;font-weight: normal;font-family: notokr;}
#section5 {padding-top:0px;background-color:#f5f5f7;overflow: hidden;}
#section5 .be_left {width:50%; height:310px; float:left; background:url(../../../img/banner/main_long_be1.jpg) no-repeat center top; position:relative;background-size:cover;}
#section5 .be_left .text_area {position:relative; right:80px; top:70px; text-align:right;}
#section5 .be_left .text_area h1{font-size:35px; color:#fff; letter-spacing:-1px; font-weight:bold;}
#section5 .be_left .text_area span{background:rgba(0,0,0,0);padding:0 5px;}
#section5 .be_left .text_area p{color:#fff; font-size:17px; margin-top:15px;}
#section5 .be_left .text_area a.more{color:#fff; font-size:13px; margin-top:15px; border:1px solid #fff; margin-top:20px; display:inline-block; padding:10px 30px;}
#section5 .be_right {width:50%; height:310px; float:left; background:url(../../../img/banner/main_long_be2.jpg) no-repeat center top;background-size:cover;}
#section5 .be_right .text_area {position:relative; padding-left:80px; top:70px; text-align:left;}
#section5 .be_right .text_area h1{font-size:35px; color:#fff; letter-spacing:-1px; font-weight:bold;}
#section5 .be_right .text_area span{background:rgba(0,0,0,0);padding:0 5px;}
#section5 .be_right .text_area p{color:#fff; font-size:17px; margin-top:15px;}
#section5 .be_right .text_area a.more{color:#fff; font-size:13px; margin-top:15px; border:1px solid #fff; margin-top:20px; display:inline-block; padding:10px 30px;}
#section5 .be_big {width:100%; height:400px; float:left; background:url(../../../img/banner/main_long_be3.jpg) no-repeat center center;background-size:cover; position:relative;background-attachment: fixed;}
#section5 .be_big .text_area {position:relative; top:125px; text-align:center;}
#section5 .be_big .text_area h1{font-size:35px; color:#fff; letter-spacing:-1px; font-weight:bold; font-weight:bold; z-index:1000;}
#section5 .be_big .text_area span{font-size:15px; color:#fff; margin-bottom:20px; letter-spacing:10px; display:inline-block;}
#section5 .be_big .text_area p{color:#fff; font-size:15px; margin-top:25px;}

@media all and (max-width: 650px)
{
	.history_list li {}
	.history_list li dl dt{float:none !important; text-align:center !important; width:100%; padding-bottom:0px; padding-top:30px; }
	.history_list li dl dd{float:none !important; text-align:center !important; width:auto; margin:15px; position:relative; z-index:1; padding-top:10px; }
	.history_list li .hstr_line{bottom:auto; background:#fff; height:18px; border-bottom:2px dashed #ddd; width:100%; left:0px; top:0px; }
	.history_list li .hstr_dot{top:8px; }

	.history_list li.bo_notice{border-bottom:0px; }
}
@media all and (max-width: 980px)
{	
	#section5 {margin-top:20px;}
#section5 .be_big {height:100%;}
#section5 .be_big .text_area h1{font-size:18px;padding:0 30px;} 
#section5 .be_big .text_area p{font-size:14px;text-align: left;padding:0 30px;}
#section5 .be_big .text_area {position: initial;padding:40px 0;}	
#section5 .be_right .text_area h1{font-size:18px;text-align: center;}
#section5 .be_left .text_area h1{font-size:18px;text-align: center;}
#section5 .be_right {width:100%; height:310px;}
#section5 .be_left {width:100%; height:310px;}

#section5 .be_right .text_area {padding:0 30px;top:40px;}
#section5 .be_right .text_area p{font-size:14px;text-align: center;}
#section5 .be_left .text_area {padding:0 30px;right:0;top:40px;}
#section5 .be_left .text_area p{font-size:14px;text-align: center;}
#section5 .be_left {height:180px;}
#section5 .be_right{height:180px;}
}