@charset "utf-8";
/**
* OLYM Cascading Style Sheets
* File Name : /css/sub.css
* Description : 화제신문 기본 스타일시트
* Author : Hwaje Web business Team / Lee kyoung sun
* Email : designtj@olymcompnay.com
* Date : 2015.04.08
* Update : 2015.04.08
* Copyright(c) 2015 hwaje. All Rights Reserved.
*/

body{
  /*background-color: #ebebeb;*/
}
.wrap_1200{
  width:1200px;
  margin: 0 auto;
  height: 100%;
}

#main_text{
}
#main_text #text01{
  position: absolute;
  top : 180px;
  left: 320px;
}
#main_text #text02{
  position: absolute;
  top : 320px;
  left: 410px;
}
#main_text #text03{
  position: absolute;
  top : 100px;
  left: 100px;
}

.main_area{
  height: 600px;
  width: 100%;
  color: white;
  /*padding-left: 40px;
  padding-top: 30px;*/
  padding: 0;
  /*text-shadow: 5px 5px 3px grey;*/
  border-bottom: 1px #0b9444 solid;
}

.main_area #main_slider li{
  background-size: cover;
  background-position: bottom;
  height: 100%;
  padding-left: 40px;
  padding-top: 15px;
}

.main_area #main_slider #main_slider_01{
  /*background: url("/img/main_img.jpg") no-repeat center center;*/
}
.main_area #main_slider #main_slider_02{background: url("/img/main_img.jpg") no-repeat center center;  }
.main_area #main_slider #main_slider_03{background: url("/img/main_img_2.jpg") no-repeat center center;  }
.main_area #main_slider #main_slider_04{background: url("/img/main_img_3.jpg") no-repeat center center;  }

.main_text{
  width: 1200px;
  margin: 0 auto;
  position: relative;
  font-weight: bold;
}

.main_area #text_01{ text-align: center; padding-top: 0px;  color: #0b9444; font-size: 34px; }
.main_area #text_02{ text-align: center; padding-top: 4px;  color: #0b9444; font-size: 34px; }
.main_area #text_03{ text-align: center; padding-top: 4px;  color: #0b9444; font-size: 34px; }

.notice_bar{
  height: 48px;
  line-height: 50px;
  font-size: 1.1em;
  position: relative;
  background-color: white;
}


.notice_bar .wrap_1200{
  border: 1px #e8e8e8 solid;
  height: 51px;
  position: relative;;
}

.notice_bar .assistance{
  height: 50px;
}
.notice_bar .assistance li{
  float: left;
  width: 199px;
  height: 50px;
  text-align: center;
  border-left: 1px #e8e8e8 solid;
  font-size: 16px;
  color: #747474;
}

.notice_bar .assistance li.on{
  background-color: #474e61;
  color: white;
}


.float_assistance{
  background-color: #474e61;
  background-color: rgba(71, 78, 97, 0.8);
  width: 1200px;
  height: 78px;
  position: absolute;
  top: -78px;
  color: #fefefe;
  z-index: 1000;
}

.float_assistance .sub_assistance_wrap{
}

.float_assistance .sub_assistance ul li a{
  color: white;
}


/*2번 기준*/
.float_assistance .sub_assistance ul{
  margin-left: 55px;
}
.float_assistance .sub_assistance ul li{
  float: left;
  border-left : 1px #fefefe solid;
  font-size: 14px;
  line-height: 14px;
  margin-top   : 34px;
  margin-bottom: 34px;
  padding-left: 20px;
  padding-right: 20px;
}

.float_assistance .sub_assistance ul li:first-child{
  border: 0;
  padding-left:0;
}


.float_assistance .sub_assistance#sub_assistance_01 ul{
  margin-left: 42px;
  width: 1150px;
  height: 19px;
  margin-bottom: 5px;
}
.float_assistance .sub_assistance#sub_assistance_01 ul:first-child{
  margin-top: 14px;
}
.float_assistance .sub_assistance#sub_assistance_01 ul li{
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 14px;
}

.float_assistance .sub_assistance#sub_assistance_03 ul{
  margin-left: 130px;
  width: 1100px;
  height: 19px;
  margin-bottom: 5px;
}
.float_assistance .sub_assistance#sub_assistance_03 ul:first-child{
  margin-top: 19px;
}

.float_assistance .sub_assistance#sub_assistance_03 ul li{
  margin: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  line-height: 14px;
}


.notice_bar .assistance li:first-child{
  border: 0;
  background-color: #222220;
  color: white;
  width: 203px;
}

.contents{
  height: 180px;
  margin-top: 20px;
  margin-bottom: 35px;

}

.contents .wrap_1200{
  background-color: white;
  border : 1px #fefefe solid;
}

.contents .content{
  float: left;
  border: 1px #e8e8e8 solid;
  margin-left: 5px;
}

.contents .content_02{
  width: 258px;
  position: relative;
}

.contents .content_02 #content_02_pull{
  position: absolute;
  background: #e8e8e8;
  /*width: 0px;
  height: 180px;*/

  width: 671px;
  height: 0px;

  left: 262px;
  top: -1px;
  z-index: 1000;
  overflow: hidden;

  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}


.content_02_img_02{
  cursor: pointer;
}
.contents .content_02 #content_02_pull.pull{
  /*width: 671px;*/
  height: 180px;

  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.contents .content_02 #content_02_pull .title{
    font-size: 16px;
    padding-top: 14px;
    padding-left: 20px;
    position: relative;
}

.contents .content_02 #content_02_pull .title .close{
  font-size: 14px;
  padding-right: 20px;
  color: black;
  opacity: 1;
}

.contents .content_02 #content_02_pull .list{
  padding-top: 10px;
  padding-left: 20px;
  font-size: 14px;
}
.contents .content_02 .content_02_pull .list li{
  float: left;
  width: 210px;
}

.contents .content:first-child{
  margin-left: 0;
  position: relative;
}

.contents .content_01_text{
  position: absolute;
  right: 0;
  bottom: 0;
  color: white;
  line-height: 20px;
  padding: 0 15px 15px 0; 
}

.contents .content_01_text .intitle{ font-size: 18px; }
.contents .content_01_text .intext{font-size: 14px;}
.contents .content_01_text .intext .lefttitle{width: 30px; display: inline-block; }
.contents .content_01_text .inemail{font-size: 14px; color: black; }

.contents .news{
  width: 332px;
  /*background-color: #e8e8e8;*/
  height: 180px;
}

.contents .news:last-child{
  width: 332px;
}

.contents .news .top{
  height: 47px;
  padding-top: 12px;
  padding-left: 20px;
}

.contents .news .top .board_name{
  position: relative;
}
.contents .news .top .board_name li{
  float: left;
  font-size: 15px;
  margin-left: 18px;
  padding-left: 2px;
  padding-right: 2px;
}

.contents .news .top .board_name li:first-child{
  margin: 0;
}

.contents .news .top .board_name li.on{
  border-bottom: #0b9444 solid 2px;
}

.contents .news .top .board_name li.more{
  background: url('/img/more.png') no-repeat;
  background-position: bottom right;
  padding-right:19px;
  height: 13px;
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  right: 13px;
  top: 3px;
}

.contents .news .body{
  padding-left: 14px;
}

.contents .news .body .list{
  line-height: 28px;
}

.contents .news .body .list li{
  background: url('/img/li_dot.png') no-repeat;
  background-position: center left;
  padding-left: 10px;
  color: black;
}

.contents .news .body .list li a{
  color: black;
}


.content_03{border: 0 !important;}
.content_04{ width: 322px; height: 180px; padding-top: 12px; padding-left: 10px; border: 0 !important;}

.contents .content_04 .focus_img{ display: inline-block; height: 100%; width: 100px; vertical-align: top; }
.contents .content_04 .focus_img img{height: 95px; width: 100px; }


.content_04 .top { font-size: 14px; }
.content_04 .top .green{color: #0b9444; }
.content_04 .top .green img{height: 20px; }
.content_04 .top .kor { margin-left: 10px; }
.content_04 .body { display: inline-block; vertical-align: top; margin-left: 10px; width: auto; }

.content_04 .body .part_list{ display: inline-block; vertical-align: top; width: 190px; margin-left: 4px; margin-top: 20px; }
/*.content_04 .body .part_list li:first-child{width: 190px; }*/
.content_04 .body .part_list li { font-size: 13px;
  background: url(/img/li_dot.png) no-repeat; padding-left: 8px; background-position: 0px 10px; height: 28px; display: inline-block; width: 49%;}
.content_04 .body .part_list li:first-child{display: block; width: auto;}