@charset "utf-8";
/* CSS korea times COMMON */
/*
▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
작업자: 2013.5.8 권주희
임의로 수정하지 마시고 작업자에게 요청 해주시기 바랍니다.
▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
*/


/*------------------------------------- BASE 설정 -------------------------------------*/
/* Not recommended 
 @font-face{font-family:'Helvetica'; src:url('../font/Helvetica.woff');}
 @font-face{font-family:'Helvetica'; src:url('../font/Helvetica.eot');}
*/

/* 기본 설정 */
* { 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; }
/*a:focus {background:#8195af; color:#fff !important; border:1px solid #8195af;}*/
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;
}






/*------------------------------------- [HEADER] -------------------------------------*/
#head_wrap { position:relative; display:table;  width:100%; margin: 0px 0 7px 0;}






/*logo*/
#logo {margin-top: 20px;}
#logo a {position: relative;  top: -6px; display:block; margin-left:5px; width:190px; height: 17px; background:url('../images/common/logo.png') no-repeat; background-size:190px 17px; }




/*상단 탑메뉴*/
#top_bt_zone {position: absolute; right: 5px; top: 7px;}
#top_btb01 { display:inline-block; height:30px; width:30px; background:url('../images/common/top_bt_01.png') no-repeat #5b942d; background-size: 30px 30px; border-radius:3px;}
#top_btb02 { display:inline-block; height:30px; width:30px; background:url('../images/common/top_bt_02.png') no-repeat #5b942d; background-size: 30px 30px; border-radius:3px;}
#top_btb03 { display:inline-block; height:30px; width:30px; background:url('../images/common/top_bt_03.png') no-repeat #5b942d; background-size: 30px 30px; border-radius:3px;}
#top_btb04 { display:inline-block; height:30px; width:45px; background:url('../images/common/korean_edition.png') no-repeat #5b942d; background-size: 45px 30px; border-radius:3px; }


.top_bt05 { display:inline-block; height:30px; width:30px; background:url('../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;}



/*메인 메뉴*/
#main_menu {/*border-top:2px solid #fff;*/}
#main_menu  ul {background: url("../images/common/sm_gray_gradation_bg.png") repeat-x scroll 0 bottom; background-size:1px 2px; height: 34px; }
#main_menu  ul li {  float:left; text-align:center; }
#main_menu  ul li a { display:block;  height:23px; /* padding-top:3px; line-height:1.5;*/  font-size:0.95em;padding-top: 9px;  color:#fff; }
#main_menu  ul li 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;}
#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:-5px; width:21px; height:20px;}
#main_menu  ul li .tab_m { border-right: 1px; background:url('../images/common/main_menu_bg_1.png') no-repeat;   /* padding-bottom: 2px;  position: relative;top: -2px;*/}
#main_menu  ul .menu01 { width:24.5%; background:url('../images/common/main_menu_bg.png') repeat-x; border-radius: 0px 0px 0 0; }
#main_menu  ul .menu02 { width:24.5%; background:url('../images/common/main_menu_bg.png') repeat-x; border-radius: 0px 0px 0 0; }
#main_menu  ul .menu03 { width:18%; background:url('../images/common/main_menu_bg.png') repeat-x; border-radius: 0px 0px 0 0;  }
#main_menu  ul .menu04 { width:21%; background:url('../images/common/main_menu_bg.png') repeat-x; border-radius: 0px 0px 0 0;  }
#main_menu  ul .menu05 { width:12%; background:url('../images/common/main_menu_bg.png') repeat-x; border-radius: 0px 0px 0 0; position:relative; }
#main_menu  ul .menu05 span{ margin-left: 3px;}
#main_menu  ul .menu05 span img {width:16px; vertical-align: 2px;}
#main_menu  ul .menu05 #popupMore ul li a { font-size:0.95em; display:block; padding:7px 0;}



	







/*------------------------------------- [ARTICLE] -------------------------------------*/
/*서브 상단 큰 뉴스 이미지*/
#first_big_news strong { display: block;  padding: 0 5px 10px 5px; font-size: 1.188em; padding-bottom:10px; }
#first_big_news ul { padding:15px 5px 5px 5px; /* text-align:center;*/ }
#first_big_news ul li img { width:100%;  }






/*뉴스 뷰 wrap*/
.news_view_wrap .reporter { padding-right:10px; text-align:right; font-size: 0.8em; }






/* first_news, National, Money 리스트 */
.news_a { display:block; height:55px; padding:13px 0 8px 0; line-height:1.1em;}
.news_a img { float:left; margin-right:10px;}
/*.news_sm_title { padding:10px 0 0 0 ; font-weight: bold; }*/
.news_sm_content{ font-weight:normal; font-size:1em;}






/* national, Money, Technology, Entertainment, Opiniont 리스트*/
#sub_top .news_title  {color:#fff;}
.news_title {font-size:0.75em; display:block; padding:3px 0 3px 5px;}
.tn_news_list_gorup { padding: 0 5px 0 5px;}
.tn_news_list_gorup  ul { border-bottom:1px dotted #f1f1f1; }
/*.tn_news_list_gorup  ul:last-child {border-bottom:none;}*/
/*.tn_news_list_gorup  ul li a {font-family: 'helvetica', sans-serif;}코타테스트*/





/*뉴스리스트 타이틀*/
.tn_news_list_gorup .news_title_text  { /*line-height:1.1;*/ }





/*코리아 버전  아이콘*/
.kor_ver { display: inline-block;  width: 50px; height: 17px;  position: relative; left: 2px; top:2px; background: url("../images/layout/translation.png") no-repeat; background-size:50px 17px; }
.only_text li a { display:block; padding: 14px 0 14px 0;} 






/* more 공통*/
.more {position:absolute; right:5px; top:7px;  font-size:0.688em; }
.img_news_list ul { border-bottom:1px solid #ECECEC; }






/*show 5 more*/
#show_5_more_bt { margin:15px 5px 5px 5px; background:#f1f1f1; border:2px solid #cccccc; border-radius:7px; text-align:center; }
#show_5_more_bt a { display:block; height:31px; line-height:1.9;/*font-size:1.0em;*/   color:#8e8e8e;  }






/*Top 10 Stories*/
#top_10_stories { clear:both;}
#top_10_stories h2 { background:url('../images/common/gray_gradation_bg_01.png') repeat-x; padding-left:5px; }
#top_10_stories h2 img { height:20px; padding-top: 7px; }
#top_10_stories ul { padding:5px; overflow:hidden; }
#top_10_stories ul li { overflow:hidden; font-size:15px;  }
#top_10_stories ul li a { display:block; padding: 8px 0 8px 5px;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#top_10_stories ul li strong{ margin-right:8px; }






/*NIE-list*/
#NIE_list { border:none;}
#NIE_list li {vertical-align:middle;border-bottom: 1px solid #ECECEC;}
#NIE_list li a {display: block; height:55px;  padding: 13px 0 8px;}
.nie_list_news { }
.nie_list_news img { float:left; margin-right:8px; width:82px; height:50px; }
.nie_list_news span { display:block; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; line-height: 1.5; font-size: 15px;}






/*second_news*/
#second_news { margin:15px 0 15px 0; overflow:hidden; }
#second_news div { margin:0 0px 0 7px; }
.tn01 ul { text-align:center;}
.tn01 ul li { float:left; width:32.7%; }
.tn01 ul li a{ display:block; max-width:95px; margin:0 auto;}
.tn01 ul li span { display:block; margin-top: 4px; font-size:0.7em; text-align:left;}

.tn02 ul { text-align:center;}
.tn02 { clear:both; padding-top:10px;}
.tn02 ul li { float:left; width:32.7%; text-align:center;  }
.tn02 ul li a{ display:block; max-width:95px; margin:0 auto;}
.tn02 ul li span { display:block; margin-top: 4px; font-size:0.7em; text-align:left; }









/*------------------------------------- [Search] -------------------------------------*/
#top_menu_view {position:relative; margin:0 5px 0 5px;  padding: 10px 0 10px 0; border-top:1px dashed #a0a0a0;}
.search {padding:4.5px; margin-right: 90px; background-color:#fff; border:3px solid #569127;  }
.search input {width:100%;}
.search_bt {position:absolute; right:0px; top:10px;}
.search_bt input{  cursor:pointer;
height:35.7px; width:80px; background:url('../images/layout/search_bt_bg.png') repeat-x; border-radius:3px;  color:#fff; font-size:1.1em; }






/*------------------------------------- [FOOTER] -------------------------------------*/
footer {margin:5px 0 15px 0;}
footer .top_go { padding:20px 0 20px 0; border-bottom:3px #6b9e42 solid; text-align:right; }
footer .top_go  a { margin-right:15px;font-weight:bold; font-size:0.95em;}
footer .top_go  a img {width:17.5px;}
footer .copyright { line-height:2; text-align:center; font-size:0.67em; }






 /*푸터 메뉴*/
 .bottom_menu {border-bottom:3px #6b9e42 solid; font-size:0.8em; text-align:center;}
 .bottom_menu ul {display:table; width:100%; text-align:center;}
 .bottom_menu ul li { display:table-cell; width:33%; background:#efefef; border-bottom:2px solid #fff;}
 .bottom_menu ul li a {display:block; padding:8px 0;  border-right:2px solid #fff;}
 .bottom_menu ul li span{height:25px; }




/*버전*/
.ver { margin-top:5px;  text-align:center; line-height:3; }
.ver  a { display:inline-block; width:120px; padding:8px 0; background:#f1f1f1; border-radius:5px; border:2px solid #cccccc;  font-size:0.8em; }






/*어플*/
.app { text-align:center; font-size:0.8em;}
.app span{ display:block; width:250px; padding:4px 0; margin:0 auto; background:#f1f1f1; border-radius:5px; border:2px solid #cccccc;  }
.app a { display:inline-block; }
.app a img { margin-right:5px; vertical-align:-3px; height:20px;}




.top_headline { font-size:2em; padding:7px 0 0 5px; }