@charset "utf-8";
/*
▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
작업자: 2013.5.8 권주희
임의로 수정하지 마시고 작업자에게 요청 해주시기 바랍니다.
▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
*/


/*------------------------------------- BASE 설정 -------------------------------------*/
/* 기본 설정 */
* { margin: 0px;	padding: 0px;	border: none;}
body,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote,th,td,p,a{ margin:0px; padding:0px;	border: none;	list-style: none; color:#000;}
legend { display:none;}
a{ text-decoration: none; outline:none; /*select-dummy: expression(this.hideFocus=true);*/ line-height:1; }
body {  font-weight:normal; word-wrap:break-word;  letter-spacing:0px; word-spacing:0px; font-size:1.05em;-webkit-text-size-adjust: none; }
/**/

body { font-family: "Helvetica", "arial" ,"Malgun Gothic", "맑은 고딕", Gulim, "굴림", sans-serif; color: #000; /**/ font-weight: normal; }
a { font-family: "Helvetica", "arial" ,"Malgun Gothic", "맑은 고딕", Gulim, "굴림", sans-serif; color: #000; /**/ font-weight: normal; }
input { font-family: "Helvetica", "arial" ,"Malgun Gothic", "맑은 고딕", Gulim, "굴림", sans-serif; color: #000; font-size:1.05em; font-weight: normal; }
select {font-family: "Helvetica","arial" , "Malgun Gothic", "맑은 고딕", Gulim, "굴림", sans-serif; color: #000; /*font-size:1.05em;*/ font-weight: normal;}
textarea { font-family: "Helvetica","arial" , "Malgun Gothic", "맑은 고딕", Gulim, "굴림", sans-serif; color: #000;/*font-size:1.05em;*/ font-weight: normal;}
header { font-family: "Helvetica", "arial" ,"Malgun Gothic", "맑은 고딕", Gulim, "굴림", sans-serif; color: #000;/* font-size:1.05em;*/ font-weight: normal;}
footer { font-family: "Helvetica", "arial" ,"Malgun Gothic", "맑은 고딕", Gulim, "굴림", sans-serif; color: #000; /*font-size:1.05em;*/ font-weight: normal;}

input[type='checkbox'] {
    background: #fff;
    border: solid 2px #acacac;
    height: 24px;
    width: 24px;
    -webkit-appearance: none;
}

input[type='checkbox']:checked {
    background: #fff;
    border: solid 2px #acacac;
}

input[type='checkbox']:checked:after {
    content: ' ';
    display: block;
    width: 14px;
    height: 14px;
    background: url('/pad/images/layout/check_img.png') no-repeat -3px 0px;
	background-size:17px 14px; 
    position: relative;
    top: 3px;
    left: 3px;
}


/*article {overflow:hidden; height:100%;}*/

/*------------------------------------- [HEADER] -------------------------------------*/
#head_wrap { position:relative; display:table;  width:100%; margin: 0px 0 7px 0;}


/*로고*/
#logo {margin-top: 20px;}
#logo a {position: relative;  top: -6px; display:block; margin-left:5px; width:190px; height: 17px; background:url('/pad/images/common/logo.png') no-repeat; background-size:190px 17px; }

/*검색*/
#head_wrap #top_menu_view { position: absolute; right: 0; top: 7px; width: 50%; }
#head_wrap .search {background-color: #FFFFFF; border: 3px solid #989898; margin-right: 90px; height:24px;}
#head_wrap .search input {width:95%;}
#head_wrap .type_text input{width:100%; font-size:14px; border:0 none; height:24px; }
#head_wrap .search_bt {background:url('../images/layout/search_bt_bg.png') repeat-x; border-radius:4px; position:absolute; top:75px; right:5px;  display:block;  height:37px; width:80px; cursor:pointer; color:#fff; font-size:1.1em;}


/*상단탑 버튼*/
#top_bt_zone {position: absolute; right: 5px; top: 7px;}
#top_bt_zone #top_btb01 { display:inline-block; height:30px; width:30px; background:url('/pad/images/common/top_bt_01.png') no-repeat #5b942d; background-size: 30px 30px; border-radius:3px;}
#top_bt_zone #top_btb02 { display:inline-block; height:30px; width:30px; background:url('/pad/images/common/top_bt_02.png') no-repeat #5b942d; background-size: 30px 30px; border-radius:3px;}
#top_bt_zone #top_btb03 { display:inline-block; height:30px; width:30px; background:url('/pad/images/common/top_bt_03.png') no-repeat #5b942d; background-size: 30px 30px; border-radius:3px;}

.top_bt05 { display:inline-block; height:30px; width:30px; background:url('/pad/images/common/top_bt_05.png') no-repeat #5b942d; background-size: 30px 30px; border-radius:3px; position:relative; }
.top_bt05 div { position: absolute;	right:0px; top:28px; width: 200px; margin:4px 0 2px 0;  visibility: hidden;  background:#f7f7f7;  padding:8px 0 8px 8px; border-bottom:3px groove #ebebeb; z-index: 9999;  opacity : 0.95;}
.top_bt05 div li { clear:both;}
.top_bt05 div li a { color:#494949;}
.top_bt05 div li img {padding-right:10px; vertical-align:-5px; width:21px; height:20px;}*/
.top_bt05 span{ margin-left: 3px;}
.top_bt05 span img {width:16px; vertical-align: 2px;}
.top_bt05 #popupMore ul li a { font-size:0.95em; display:block; padding:7px 0;}


/*Nav 메인메뉴*/
#main_menu {background: url("../images/common/sm_gray_gradation_bg.png") repeat-x scroll 0 bottom; height: 34px; background-size:1px 2px; }
#main_menu  ul li { float:left;  text-align:center; }
#main_menu  ul li a {color: #FFFFFF; display: block; font-size: 0.95em; height: 23px; padding-top: 9px; font-weight:bold;}
#main_menu  ul li .tab_m {border-right:1px /*solid #fff*/; background:url('../images/common/main_menu_bg_1.png') no-repeat; }
#main_menu  ul .menu01 {width:20%; background:url('../images/common/main_menu_bg.png') repeat-x; border-radius: 0px 0px 0 0;}
#main_menu  ul .menu02 {width:13%; background:url('../images/common/main_menu_bg.png') repeat-x; border-radius: 0px 0px 0 0;}
#main_menu  ul .menu03 {width:21%; background:url('../images/common/main_menu_bg.png') repeat-x; border-radius: 0px 0px 0 0;}
#main_menu  ul .menu04 {width:13%; background:url('../images/common/main_menu_bg.png') repeat-x; border-radius: 0px 0px 0 0;}
#main_menu  ul .menu05 {width:15%; background:url('../images/common/main_menu_bg.png') repeat-x; border-radius: 0px 0px 0 0;}
#main_menu  ul .menu05 span{padding-left:2px;}
#main_menu  ul .menu06 {width:18%; background:url('../images/common/main_menu_bg.png') repeat-x; border-radius: 0px 0px 0 0;}
#main_menu  ul li div {position: absolute;	right:0px; width: 200px;  z-index: 11; margin-bottom:2px;  margin-top:4px; visibility: hidden;  background:#f7f7f7; opacity : .9; padding:8px 0 8px 8px; border-bottom:3px groove #ebebeb;}
#main_menu  ul li div li {clear:both;}
#main_menu  ul li div li a {color:#494949;}
#main_menu  ul li div li img {padding-right:10px; vertical-align:-2px;}


/* first_news, National, Money 리스트 공통 서브도 포함*/
.news_a { display: block; height: 55px; line-height: 1.1em; padding: 13px 0 8px;}
.news_a img {border:1px solid #d1d1d1; float:left; margin-right:10px;}
.nie_list_news span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_sm_content{font-weight:normal; }
	

 /* national, Money, Technology, Entertainment, Opiniont 리스트 레이아웃 공통 서브도 포함*/
.news_title {display: block; font-size: 0.75em; padding: 3px 0 3px 5px;}
.tn_news_list_gorup {/*clear:both;*/ padding: 0 5px;}
.tn_news_list_gorup ul {border-bottom: 1px solid #ECECEC; }
.only_text li a { display: block; padding: 14px 0;}
.translation span { display: inline-block;  height: 17px; width: 50px; position:relative; top:3px; left:5px; background: url("../images/layout/translation.png") no-repeat 0 0 / 50px 17px ; }


/*NIE News*/
#nie_times {margin-top:5px; height: 340px;}
#nie_times h2 {border-bottom: 2px solid #CCCCCC; position: relative;}
#nie_times h2:last-child {border-bottom:none;}
#nie_times  h2 img {height:18px;}
#nie_times div{padding:5px;}
#nie_times div ul li a { display: block; height: 55px; padding: 11px 0 7px;}


/*NIE-list*/
#NIE_list { border:none;}
#NIE_list li { border-bottom: 1px solid #ECECEC; vertical-align: middle;}
.nie_list_news { display: block; border-bottom:none; height: 55px; padding: 13px 0 8px;}
.nie_list_news img {float: left; height: 50px; margin-right: 8px; width: 82px; }
.nie_list_news span {display: block; font-size: 15px; line-height: 1.5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal !important;}
.main_img_news_list ul li { border-bottom: 1px solid #ECECEC; }





/*second_news*/
#second_news { margin-top:15px; overflow:hidden; }
#second_news div{ margin: 0 0 0 7px;}
			.tn01 ul li { float:left; width:33%;  text-align: center;}
			.tn01 ul li a{display:block; max-width:128px; margin:0 auto; }
			.tn01 ul li span {display: block; font-size: 0.85em; margin-top: 4px; text-align: left;}

			.tn02 {clear:both; padding-top: 10px;}
			.tn02 ul li { float:left; width:33%;  text-align: center;}
			.tn02 ul li a{display:block; max-width:128px; margin:0 auto; }
			.tn02 ul li span {display:block; font-size:0.85em; text-align:left;}


/*news_in_news*/
#news_in_news h2 {background: url("../images/common/gray_gradation_bg_01.png") repeat-x scroll 0 0 transparent; height: 32px; padding-left: 5px;}
#news_in_news h2 img {padding-top: 7px; width: 95px;}
#news_in_news div {padding:5px;}

			/*↓ 뉴스 In News, NIE News 리스트 공통*/
			.img_news_list ul {border-bottom: 1px solid #ECECEC;}
			.img_news_list li { font-size: 1em; margin: 0 0 0 5px; }
			.img_news_list li a { display: block; font-size: 15px; height: 51px; line-height: 1.5; padding: 11px 0;}
			.img_news_list li a span { display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal !important; }
			.img_news_list li a img {float: left; height: 50px; margin-right: 8px; width: 82px;}
			.img_news_list li a strong { font-size:1em; display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal !important;}

			.text_news_list ul li {background: url("../images/common/list_disc.png") no-repeat scroll 2px 11px ; background-size:5px 5px;  font-size: 15px; padding: 5px 0 0 10px;}
			.text_news_list ul li	a { display: block; padding: 0px 0 8px 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal !important;}



/* more 공통*/
	.more {font-size: 0.688em; position: absolute; right: 5px; top: 7px;}




/*show 5 more*/
#show_5_more_bt {background: none repeat scroll 0 0 #F1F1F1; border: 2px solid #CCCCCC; border-radius: 7px 7px 7px 7px; margin: 10px 5px 5px; text-align: center;}
#show_5_more_bt a { color: #8E8E8E; display: block; height: 31px; line-height: 1.9;}




/*Top 10 Stories*/
#top_10_stories h2 { background: url("../images/common/gray_gradation_bg_01.png") repeat-x scroll 0 0 transparent; padding-left: 5px;}
#top_10_stories h2 img { height: 21px; /*width: 95px;*/ padding-top: 7px; }
#top_10_stories ul {overflow: hidden; padding: 5px;}
#top_10_stories ul li {font-size: 15px; overflow: hidden;}
#top_10_stories ul li a { display: block;  padding: 8px 0 8px 5px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal !important;}
#top_10_stories ul li strong{margin-right:8px;}




/*Photo Gallery*/
#photo_gallery {margin-top:15px;}
#photo_gallery h2 {background: url("../images/common/gray_gradation_bg_01.png") repeat-x scroll 0 0 transparent; height: 32px; padding-left: 5px;}
#photo_gallery h2 img {padding-top:10px; width:98px;}
#photo_gallery ul {text-align:center; margin-top:10px; }
#photo_gallery ul li img{width:60%;}




/*Most Viewed Photos*/
#most_viewed_photos { margin-top:15px;}
#most_viewed_photos h2 { background: url("../images/common/gray_gradation_bg_01.png") repeat-x scroll 0 0 transparent; height: 32px; padding-left: 5px;}
#most_viewed_photos h2 img { padding-top:7px; width: 145px;}
#most_viewed_photos ul  { display:table;  margin-top:10px; text-align:center;width:100%; }
#most_viewed_photos ul li { float:left; width:50%;}
#most_viewed_photos ul li img{ width: 110px; height: 80px;}



/*상단 뉴스들 구릅 지정*/
#cont_top_group { position:relative; overflow:hidden;}



/*wrap_cont 범위 left 지정*/
#wrap_cont { float:left; width: 63%;}
#wrap_right_cont {float:left; width:36.8%; border-left:1px dashed #c5c5c5;   z-index:32;}



/*하단 뉴스 리스트 구릅 지정*/
#wrap_list_news_group{ clear: both; position:relative; top:30px;  margin-bottom: 30px;}




/*하단 리스트 뉴스 wrap지정*/
#wrap_list_news_left {width:49.5%; /* float:left; */}
#wrap_list_news_right {width:49.5%;   /*float:left;*/ position:absolute; top:0; right:0px; }



/*광고 표출범위 */
#cf_zone { margin-top:20px; }
#cf_zone  .cf_img {border:2px solid #c2c2c2; margin:8px; }
#cf_zone  .cf_img p{text-align:center;}




/*설정페이지 팝업*/
#div_padUserLayer {position:absolute; left:0px; top:60px; background:#FFFFFF; visibility:hidden; box-shadow: 0px 5px 10px #d8d8d8;}




/*한글번역*/
.kor_ver {
    background: url("/pad/images/layout/translation.png") no-repeat;
	background-size: 50px 17px;
    display: inline-block;
    height: 17px;
    left: 2px;
    position: relative;
    top: 2px;
    width: 50px;
}





/* ★ FOOTER ★ */
footer {margin-top:5px; margin-bottom:15px; clear:both; text-align:center;}
/*footer div {display: inline-block; vertical-align: middle; padding-top: 10px; padding-bottom: 10px;}*/
footer .top_go {border-bottom: 3px solid #6B9E42; padding: 20px 0; text-align: right; }
footer .top_go  a {font-size: 0.95em; font-weight: bold; margin-right: 15px;}
footer .top_go a img { width: 17.5px;}

 /*bottom_menu*/
footer .bottom_menu {width:100%; padding:2px 0 0px 0; border-bottom:3px #6b9e42 solid; font-size:0.8em;}
footer .bottom_menu ul {display:table; width:100%;}
footer .bottom_menu ul li {display:table-cell; text-align:center; width:16.6%;  background:#efefef; border-bottom:2px solid #fff; }
footer .bottom_menu ul li span{display:block; border-right:2px solid #fff; padding: 7px 0;}

footer .ver,
footer .app {padding-top: 20px; padding-bottom: 10px; font-size: 0.8em;}
footer div {display:inline-block;  vertical-align: middle;}
/*버전*/
footer .ver ul li { background: #F1F1F1;padding: 5px 20px; border: 2px solid #CCCCCC; border-radius: 5px 5px 5px 5px;  float:left; margin-right:10px;}
/*어플*/
footer .app ul { background: #F1F1F1;	padding: 3px 20px; border: 2px solid #CCCCCC; border-radius: 5px 5px 5px 5px; }
footer .app ul li { display:inline-block; }
footer .app ul li a {margin:0 10px 0 20px;}
footer .app ul li a img {height: 20px; margin-right: 5px; vertical-align: -3px;}

footer .copyright {  clear:both; font-size:0.67em; line-height:2;}