@charset "utf-8";
   /* body부분*/
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0; padding:0;-webkit-text-size-adjust:none;}
body,input,textarea,select,table,button{font-size:12px;font-family:"Gulim",NanumGothic,"Gulim",Gulim,Helvetica,AppleGothic,Sans-serif;}
body{position:relative; background-color:#fafafa; color:#575757; word-wrap:break-word;word-break:break-all;text-align:left; letter-spacing:-1px;}
body a{color:#575757;text-decoration:none;}
body a:hover{color:#000;text-decoration:underline;},a:visited {color:#000;text-decoration:underline;}

ul,ol,li,dl,dt,dd {list-style:none;text-decoration:none;}
img {border:0;}
html, body{height:100%;}

 /*active클릭하고 있을때 / link클릭하기전 / visited클릭한 후 / hover마우스가 올라갔을*/

#header {width:100%; background-color:#ffffff;}
#header .logo_1 {text-align:center;height:54px;}

#header .top1 {width:100%;overflow:hidden; padding-top:7px;padding-bottom:7px;}
#header .top1 .logo_2 {text-align:center;   margin:5px;}
#header .top1 .logo_3 {  margin:5px;}
#header .top1 .tit_1 { display:inline; width:100%; margin-bottom:2px; display:none}


#header .in_list {font:11px "Gulim",Arial; width:100%; margin:0 3px; text-align:left;}
#header .in_list li {margin-bottom:5px; padding-left:15px; background: url(../images/in_tit_bg.gif) no-repeat 0 50%;}
#header .in_tit {padding:3px;color:#115c9d;font-weight:bold;}




#cont {background-color: #fff; clear: both;}
.stit {border-bottom: 2px solid #638ebd; padding:10px 15px 8px 10px;}
.stit h2 {display: inline; font:16px "Gulim",Arial; font-weight: bold; color:#000;}
.stit2 {border-bottom: 2px solid #638ebd; padding:2px 0;}

/* 최신 사진기사 */
/*.tex_1 {width: 100%; height: 110px;}
.tex_1 p.pt {margin: 10px ; float: left;}
.tex_1 p.tx {padding:9px 10px; overflow: hidden; font-size: 14px;}
.tex_1 p.tx strong {display: block; margin-bottom: 5px; font-weight: normal; font-weight:bold; color:#000;}
.tex_1 p.tx span {line-height: 18px; display: block; height:72px; overflow: hidden;}
.tex_1 p.tx span a {color: #7d7d7d;}
.line_1 {border-bottom:1px solid #e7e7e7; padding:5px 0;}
.line_no {border-bottom:0; padding:5px 0;}*/
.tex_1 {width: 100%; height: 100%;}
.tex_1 p.pt {margin: 9px ; float: left;}
.tex_1 p.tx {padding:9px 10px 0px 0px; overflow: hidden; font-size: 12px; min-height: 75px;}
.tex_1 p.tx strong {display: block; margin-bottom: 5px; font-weight:bold; color:#000;}
.tex_1 p.tx .s_title {display: block; margin-bottom: 5px; font-weight:bold; color:#707070;}
.tex_1 p.tx span {line-height: 18px; display: block; /* height:65px; */ 
					overflow: hidden;
			        text-overflow: ellipsis;
			       display: -webkit-box;
			       -webkit-line-clamp: 5; 
			       -webkit-box-orient: vertical;
					max-height:70px;
}
.tex_1 p.tx span a {color: #7d7d7d;}
.line_1 {border-bottom:1px solid #e7e7e7; padding:7px 0;}
.line_no {border-bottom:0; padding:5px 0;}

/* 최신기사 */
.tex_2 {width: 100%; /* height: 85px; */}
.tex_2 p.tx {padding:9px 10px; overflow: hidden; font-size: 14px;}
.tex_2 p.tx strong {display: block; margin-bottom: 5px; font-weight: normal; font-weight:bold; color:#000;}
.tex_2 p.tx span {line-height: 18px; display: block; /* height:35px; */ overflow: hidden;}
.tex_2 p.tx span a {color: #7d7d7d;}

/* 사진기사 */
.pt_li {width: 100%; overflow: hidden;}
.pt_li li {width: 33%; float: left;}
.pt_li a {text-align: center; padding: 7px 0 0 0; display: block;}
.pt_li img {border: #d3d3d3 1px solid;  margin: 0px auto 6px; display: block;}
.pt_li span {line-height: 1.3em; width: 100%; text-overflow: ellipsis; display: block; white-space: nowrap; height: 1.2em; font-size: 12px; overflow: hidden;}

/* 최신기사제목 */
.tex_3 {width: 100%; height: 20px;}
.tex_3 p.tx {padding:9px 22px; overflow: hidden; font-size: 14px; background: url(../images/point1_1.gif) no-repeat 10px 50%;}
.tex_3 p.tx span {line-height: 18px; display: block; height:17px; overflow: hidden;}
.tex_3 p.tx span a {color: #000000;}

/* 주요뉴스 */
.art_li3 {overflow: hidden;}
.art_li3 li { background: url(../images/point1_1.gif) no-repeat 10px 50%;}
.art_li3 .link_1 {padding: 12px 10px 8px 21px; border-bottom: #dfdfdf 1px solid; 
 text-overflow: ellipsis; display: block; white-space: nowrap; background: url(../images/bl_arrow.gif) no-repeat 100% 50%; overflow: hidden; 
 font-size: 14px;text-decoration:none;color: #7d7d7d;}
 .art_li3 .link_2 {padding: 12px 10px 8px 21px; 
 text-overflow: ellipsis; display: block; white-space: nowrap; background: url(../images/bl_arrow.gif) no-repeat 100% 50%; overflow: hidden; 
 font-size: 14px; text-decoration:none;color: #7d7d7d;}

/* 기사내용 */
.c_art {padding :10px 10px; line-height: 24px; color: #333; clear: both; overflow: hidden;}
.c_art {font-size: 16px}
.c_art p {margin-bottom: 1em}
.art_img {text-align: center; margin: 0px auto}

/*------------------------------------추가된부분-----------------------------*/
/* 메뉴 */
#c_gnb {position: relative; line-height: 35px; width: 100%; background-color:#298ae7;  overflow: hidden;}
.cs_gnb {
	  overflow: auto;
  white-space: nowrap;

}

.cs_gnb a{
	display: inline-block;
  text-align: center;
 /*  padding: 10px 14px 2px 14px; */
  text-decoration: none;
    
}
.cs_gnb a:hover { text-decoration:none;}
.cs_gnb a div {border-bottom: 6px solid rgba(239, 239, 239, .0);padding: 10px 14px 4px 14px}
.cs_gnb .on{border-bottom: 6px solid rgba(239, 239, 239, .6); text-decoration:none;}

/* 백업
.cs_gnb li {text-align: center; width: 25%; white-space: nowrap; float: left; letter-spacing: -1px; font-size:16px;}
.cs_gnb a {display: block; color: #fff; font-weight: bold; text-decoration:none;}
.cs_gnb a:hover {color: #fff; text-decoration:none;}
.cs_gnb .fsc {width: 19%; margin-left: 1em;}
.cs_gnb .on a {background-color:#efefef; color: #000; margin-top:3px; text-decoration:none;}
 */


/*background: url(../images/bg_gnb.gif) repeat-x 0px -45px;*/

.lnb {width: 100%; background-color:#efefef; height: 33px; clear: both;}

.lnb dl {background-color:#efefef;padding:3px 2px 0 2px; width:100%;}
.lnb dl dd { background-color:#efefef;text-align: center; white-space: nowrap; float: left; font-size:14px;}
.lnb dl dd a {padding:5px 0; display: block; color: #333; font-weight: bold; text-decoration:none;}
.lnb dl .on a {color: #298ae7;}



 /*하단카피*/
#footer {font:11px "Gulim",Arial; width:100%; text-align:center;border-top:1px solid #638ebd;background-color:#f7f7f7; padding:0 0 10px 0 ;margin-top:5px;}

/* 버튼사이즈들 */
a.btn_big{display:inline-block;padding-right:4px;background:url(../images/bg_btn_default.gif) no-repeat 100% 0;font:12px "Gulim",Arial;color:#646464;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btn_big span,a.btn_big strong{display:block;padding:1px 8px 0 12px;background:url(../images/bg_btn_default.gif) no-repeat;}
a.btn_sch{padding:6px 10px 6px 0; display:inline-block; padding-right:4px;background-color:#2992e7; font:12px "Gulim",Arial; color:#fff; letter-spacing:-1px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btn_sch span,a.btn_sch strong{display:block; padding:0 8px 0 8px; background-color:#2992e7;}

/* 롤로버임 */
.btn_big *:hover,
.btn_big *:active,
.btn_big *:focus{color:#3870ad;}

.btn_sch *:hover,
.btn_sch *:active,
.btn_sch *:focus{color:#affaff;}

/* 기타 */
.btn_big img{padding:7px;border:0;}
.btn_box_1 {text-align: center; margin: 10px auto; border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7;padding:5px;}
.btn_box_2 {text-align: center; margin: 5px auto; padding:5px;}
.number_1 {position:relative;top:-6px;padding:0 7px;font-size:14px;}
.font_1 {color:#3870ad;}

/* 검색창 */
.sch_1 {border:2px solid #4194e3;padding:4px 0 4px 4px; -webkit-appearance:none; -webkit-border-radius:0px;}

.date_name {overflow:hidden;padding:0;padding:0;font:11px "dotumche",Arial;margin-bottom:20px;}/*날짜 기자명*/
.date_name .date1 {float:left;} 
.date_name .name1 {float:right;} 
.date_name .name1 ul {margin:0;padding:0;}
.date_name .name1 ul  li{text-align:right;line-height:149%;margin-bottom:5px;}


#main-sidebar{height:auto; background-color:#fff;}


#nav{
    width:800px;
}

#manu_top{
	width:265px;
    height:60px;
	background-color:#fff;
}

.bt2{
	width:30px;
	height:30px;
	padding: 20px 0 0 218px;
}
  
	

dl{
 width:265px;
}
dt{
 line-height:42px;
 font-size:12pt;
 text-indent:3em;
 font-weight:bold;
 color:#595a5b;
 height:40px;
 background-color:#fff;
 border-bottom:1px solid #eeeeee;
 background:url(/m/images/menu_1_1.png) right no-repeat;
 
}
/*dt.over{
 color:#fff;
 background-color:#2b66c2;
 cursor:pointer;
}*/
dt.selected{
 
 cursor:default;
 color:white;
 /* background:url(../images/menu_1_2.png) right no-repeat #2b66c2; */
 background: #2b66c2;
}
dd{
 height:auto;
 background:#f0f0f0;
}

.dd2{
 height:auto;
 background:#ebf5ff;
}

.dd4{
 height:auto;
 background:#ebf5ff;
}
.dd5{
 height:auto;
 background:#ebf5ff;
}
.dd6{
 height:auto;
 background:#ebf5ff;
}
.dd7{
 height:auto;
 background:#ebf5ff;
}

dd p{
 text-indent:1em;
 padding:10px 0 10px 0px;
 font-size:14px;
 border-bottom:1px solid #cad5e6;
 width:225px;
 margin-left:18px;
}

.bottom{ background-color:#484848;
	 width:200px;
	 
}

/**/
.menu_title{font:20px "nanum gothic",Arial;color: #2b66c2; text-decoration: none; 
			width:100px; 
			float:left;
			padding: 21px 0 0 20px;
			}
			
.menu2 ul, li{display:block; list-style:none;}
.menu2 ul.snb li.on a {
    color: #595a5b;
}
.menu2 ul.snb {
    width: 269px;
    height: 38px;
    
    z-index: 100;
    border-left: 0;
    border-right: 0;
/*     background: url(/images/common/snb_div.gif) left repeat-y; */
}

.menu2 ul.snb li{background-color:#fff; float:left; width: 49%; border-right:1px solid #eeeeee;
border-bottom:1px solid #eeeeee;}



.menu2 ul.snb li a {
    position: relative;
    display: block;
    width: 100%;
    height: 38px;
    line-height: 38px;
    font-size: 12px;
    color: #535051;
    text-align: center;
    z-index: 200;
}

.menu2 ul.snb li a:hover{font-size: 13px; color: #1b52ed; font-family: "nanum gothic";text-decoration: underline;}


.bottom{height:auto; background-color:#fff;}



   /* 텍스트링크 */
 /*active클릭하고 있을때 / link클릭하기전 / visited클릭한 후 / hover마우스가 올라갔을*/
dd p {font:13px "nanum gothic",Arial;color: #2a2a2a;text-decoration: none;}
dd p :active {font:13px "nanum gothic",Arial;color: #2a2a2a; text-decoration: none;}
dd p :link {font:13px "nanum gothic",Arial;color: #2a2a2a;text-decoration: none;}
dd p :visited {font:13px "nanum gothic",Arial;color: #2a2a2a;text-decoration: none;}

dd p a:hover {font-size: 13px; color: #1b52ed; font-family: "nanum gothic";text-decoration: none;
				background: url(../images/menu_1_2.png) left repeat-y;}
				
				
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');/*나눔고딕적용*/
*{
 margin:0;
 padding:0;
 border:0;
 font-family: "nanum gothic";
}


.item_09_3_wp{width: 100vw;height:56vw;  position:relative; overflow:hidden; font:normal 12px 'Nanum Gothic',sans-serif;}
.item_09_3_wp .top_left_item_main_img{position: absolute;}
.item_09_3_wp .top_left_item_main_img div{float:left }
.item_09_3_wp a img{width:100vw; height:56vw;}
.item_09_3_wp_txt_wp{position:absolute; bottom:0; display:block; background-color: rgba( 0, 0, 0, 0.4 ); padding:10px;  white-space: nowrap; overflow: hidden; text-overflow:ellipsis;width:100vw;}
.item_09_3_wp_txt_wp strong{color:#ffffff; font-size:18px;}
.item_09_3_wp_txt_wp .roll_bn_icon{display:block;text-align:center;}
.item_09_3_wp_txt_wp .roll_bn_icon span{display:inline-block; margin:10px 5px 2px 10px;}


.item_10_3_wp{width: 100vw; position:relative; overflow:hidden; font:normal 12px 'Nanum Gothic',sans-serif;}
.item_10_3_wp .top_left_item_main_img{position: absolute;}
.item_10_3_wp .top_left_item_main_img div{float:left }
.item_10_3_wp a img{width:100vw; height:56vw;}
.item_10_3_wp_txt_wp{ bottom:0; display:block; background-color: rgba( 0, 0, 0, 0.0 ); padding:10px; width:100%; box-sizing: border-box;text-align:left;white-space: nowrap; overflow: hidden; text-overflow:ellipsis;width:100vw;}
.item_10_3_wp_txt_wp strong{color:#2a2a2a; font-size:18px;}
.item_10_3_wp_txt_wp .roll_bn_icon{display:block;text-align:center;}
.item_10_3_wp_txt_wp .roll_bn_icon a{display: inline-block;margin: 10px 5px 2px 10px;}

.item_10_3_wp_txt_wp .roll_bn_icon .roll_btn_on{
    background-color: #828282;
    width: 10px;
    height: 10px;
    border-radius: 50px;
}
.item_10_3_wp_txt_wp .roll_bn_icon .roll_btn{
	background-color: #bababa;
 	width:10px;
    height:10px;
    border-radius: 50px;
}

/*최신사진기사*/
.wp_padding{padding:10px; overflow:hidden;}
.photo_news_wp{overflow:hidden;}
.photo_news_channel_tit{font-size:16px; display:block; position:relative; color:#000;}
	
/*.photo_news_wp .stit{border:none;}*/
.cha_btn{position:absolute; right:0; top:0;}
.photo_news_wp .photo_list{float:left; width:48%; margin-bottom:15px;}
.photo_news_wp .photo_list:nth-child(odd){margin-right:4%;}
.photo_list .photo_news_img{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;}
.photo_list .photo_news_img img{width:100%;}

.photo_news_tit{margin-top:5px; font-size:16px; color:#333333; line-height:135%; display: -webkit-box!important;
    overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; letter-spacing:-1px;}

.bignews a{text-decoration:none; display:block;}
.bignews .photoframe{position: relative; padding-bottom: 56.25%; height: 0;
    overflow: hidden; max-width: 100%;}
.bignews .photoframe img{width:100%;}
.bignews .big_title{font-size:20px; color: #333; padding:0 10px; margin-top:10px; display:inline-block;}
.bignews .big_title p{display: -webkit-box!important; overflow: hidden;
    text-overflow: ellipsis; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;
    letter-spacing: -1px;}


.photonews{background-color:#B30000; padding:15px;}
.photonews h6{color:#fff; font-size:20px; padding:0; margin:0; display:block; margin-bottom:10px;}
.photonews ul{margin:0; padding:10;}
.photonews ul li{list-style:none; border-top: 1px solid rgba(255,255,255,0.2); margin-top:15px;}
.photonews ul .list{float:left; width:47%; margin:0 3% 10px 0;}
.photonews ul .list:nth-child(2n){width:47%; margin:0 0 10px 3%;}

.photonews ul:after{content:''; display:block; clear:both;}

.photonews .list a{text-decoration:none; /* display:inline-block; */}
.photonews .list a .photo{    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;} 
.photonews .list a .photo img{width:100%;}
.photonews .list a .title {    margin-top: 5px;
    font-size: 16px;
    color: #333333;
    line-height: 135%;
    display: -webkit-box!important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: -1px;;
    font-weight: bold;
    height:40px;
}
.photonews .list a strong{height:50px; padding:0 10px; -webkit-line-clamp: 2; font-weight: bolder; font-size:17px; color:#fff; display: -webkit-box!important; overflow: hidden; text-overflow: ellipsis; 
    -webkit-box-orient: vertical; letter-spacing: -1px;
}
.photonews ul .textList {float:left; width:100%; margin:10px 3% 10px 0;}
.photonews ul .textList a strong{padding-top:15px; display:inline-block; font-weight: bolder; font-size:17px; color:#fff; display: -webkit-box!important; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; letter-spacing: -1px;
}

.bestnews{}
.bestnews ul{padding:0 15px;}
.bestnews .stit{border-bottom:2px solid  #B30000; padding: 10px 15px 8px 10px;}
.bestnews .stit h2{font-size:16px;}
.bestnews ul li{border-bottom: 1px solid #e7e7e7; padding:15px 0;}
.bestnews ul li:last-child{border-bottom:none;}
.bestnews ul li a{text-decoration:none; color:#666;}
.bestnews ul li:nth-child(1) span, 
.bestnews ul li:nth-child(2) span, 
.bestnews ul li:nth-child(3) span{color:red;}

.bestnews ul li a:after{content:''; display:block; clear:both;}
.bestnews ul li *{display:inline-block;}
.bestnews ul li span{width: 20px; height: 46px; font-weight: bolder;
    line-height: 46px; text-align: center; float:left;}
.bestnews ul li strong{padding-left:15px; font-weight:normal;
    font-size: 16px; color: #666; display: -webkit-box!important;
    overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; letter-spacing: -1px;}
.bestnews ul li:nth-child(1) strong, 
.bestnews ul li:nth-child(2) strong, 
.bestnews ul li:nth-child(3) strong{color:#222;}