﻿/*************************************************
                    common                     
*************************************************/
a:link,a:visited {color:#444;}
a:hover,a:active {color:#444; text-decoration:none;}
body {font-size:12px; color:#666; line-height:160%; font-family:'malgun gothic','맑은 고딕','dotum','돋움','gulim','arial','san-serif'; letter-spacing:-1px;}
a {font-family:'malgun gothic','맑은 고딕','dotum','돋움','gulim','arial','san-serif';}
.clear {clear:both; visibility:hidden;}
.wrap {min-width:1300px}



/*************************************************
                    header                     
*************************************************/
.header {position:relative; z-index:1000; width:100%;}


/************ tnb ************/
.tnb {height:35px; border-bottom:1px solid #e5e5e5;}
.tnb a {font-family:'dotum';}
.tnb .tnb_mn {max-width:1300px; min-width:990px; margin:0 auto;}
.mobile .tnb .tnb_mn {width:940px; min-width:940px;}
.tnb .tnb_mn .member {float:left; height:36px; padding:0 3px 0 5px; background:#fff; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.tnb .tnb_mn .member li {float:left; margin-top:8px; padding:0 5px;}
.tnb .tnb_mn .member li:first-child {border-right:1px solid #e5e5e5;}
.tnb .tnb_mn .member .login {font-weight:bold; text-decoration:underline;}
.tnb .tnb_mn .kt_us {float:left; margin:7px 10px 0 10px; padding-left:8px; background:url(../images/common/bullet.png) no-repeat left 6px;}
.tnb .tnb_mn .kt_us a {color:#08954c; font-weight:bold;}
.tnb .tnb_mn .branch {float:left; height:35px; border-left:1px solid #e5e5e5;}
.tnb .tnb_mn .branch a {color:#777;}
.tnb .tnb_mn .branch li {float:left; margin-top:8px; padding:0 5px; border-left:1px solid #eee;}
.tnb .tnb_mn .branch li:first-child {border:0;}
.tnb .tnb_mn .branch li.hover a {color:#111;}
.tnb .tnb_mn .etc {float:right; margin-top:6px;}

.tnb .tnb_mn .etc li {float:left; margin-left:10px;}
.tnb .tnb_mn .etc li a {display:block; overflow:hidden;}
.tnb .tnb_mn .etc li.search {}
.tnb .tnb_mn .etc li.hani {}
.tnb .tnb_mn .etc li.sul {margin-top:5px;}
.tnb .tnb_mn .etc li.fab a {width:22px; height:22px; background:url(http://img.koreatimes.com/2015/images/common/function.png) no-repeat -205px 0; text-indent:-70px;}
.tnb .tnb_mn .etc li.twit {margin-left:4px;}
.tnb .tnb_mn .etc li.twit a {width:22px; height:22px; background:url(http://img.koreatimes.com/2015/images/common/function.png) no-repeat -231px 0; text-indent:-70px}

/* 기사검색 : search_news */
.tnb .tnb_mn .etc .search_news {position:relative; margin-top:-3px;}
.tnb .tnb_mn .etc .search_news .search_bar {position:relative; height:28px; border:1px solid #d9d9d9; background:#f3f3f3;}
.tnb .tnb_mn .etc .search_news .search_bar .input_style_search {width:240px; border:0; padding:4px 5px 5px 10px; background:#f3f3f3; font-family:'malgun gothic';}
.tnb .tnb_mn .etc .search_news .search_bar .btn_search {position:absolute; top:-1px; right:-1px;}


/************ top ************/
.top {clear:both; width:940px; height:95px; margin:0 auto;}
.top #logo {float:left; margin-top:33px;}
.top #logo img.logo_top {width:150px; height:30px;}
.top .section_name {float:left; height:30px; margin:34px 0 0 10px; *margin:24px 0 0 5px; padding-left:5px; border-left:1px solid #ddd; font-size:29px; color:#00a651; letter-spacing:-4px; *line-height:40px; *border:0;}
.mobile .section_name {line-height:100%;}
.top .branch_txt {float:left; margin:43px 0 0 7px; font-size:16px; text-transform:uppercase;}
.top .branch_txt a {color:#00a651;}
.main .top #logo {float:left; margin-top:26px;}
.main .top #logo img.logo_top {width:auto; height:auto;}
.main .top .section_name {display:none;}
.main .top .branch_txt {float:left; margin:53px 0 0 12px; font-size:18px; color:#00a651; text-transform:uppercase;}


/************ gnb ************/
.gnb {position:relative; clear:both; width:940px; margin:0 auto; font-size:15px;}

.gnb .navigation .gnb_news {float:left; width:100%; height:40px; font-weight:bold; overflow:hidden; color:#000; border-top:3px solid #000; border-bottom:1px solid #000;}
.gnb .navigation .gnb_news li a {color:#000;}
.gnb .navigation .gnb_news li {float:left; height:40px; padding:0 11px 0 14px; line-height:38px;}
.gnb .navigation .gnb_news li.mn_gnbN.hover {*height:39px; *border-top:1px solid #08944b; background:#fff; color:#03763c;}
.gnb .navigation .gnb_news li.mn_gnbN.hover a {color:#08944b;} /* 20160802 수정 */
.gnb .navigation .gnb_news li #rioMn {position: absolute;top: -15px;display: inline;height: 20px;width: 71px; left: 205px;}
.gnb .navigation .gnb_news .btn_all {margin-right:7px; padding:0px 17px 0 40px; color:#08944b; background:url(../images/common/gnb_all_icon_b.gif) no-repeat 20px 14px #fff;} /* 20160802 수정 */

.gnb .navigation .gnb_news.branch li a {color:#000;}
.gnb .navigation .gnb_news.branch li {float:left; height:40px; padding:0 14px 0 14px; line-height:38px;}
.gnb .navigation .gnb_news.ny li {float:left; height:40px; padding:0 13px 0 13px; line-height:38px;}
.gnb .navigation .gnb_news.branch .btn_all {margin-right:7px; padding:0px 17px 0 40px; color:#000;}

.gnb .navigation .gnb_service {float: right; width: 52%; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #08944b; background: #f9f9f9; font-weight: bold; color: #08944b; position: absolute; height: 42px; right: 0;}
.gnb .navigation .gnb_service li a {color:#08944b;}
.gnb .navigation .gnb_service li {float:left; height:38px; padding:0 8px 0 8px; line-height:36px;}
.gnb .navigation .gnb_service li:first-child {margin-left:10px;}
.gnb .navigation .gnb_service li.mn_gnbS.hover {height:36px; margin-top:-1px; border-top:2px solid #08944b; line-height:34px;}
.gnb .navigation .gnb_service li.mn_gnbS.radio {position:relative; *z-index:5;}
.gnb .navigation .gnb_service li.mn_gnbS.radio .radio_play {position:absolute; top:6px; *top:2px; right:-18px;}
.gnb .navigation .gnb_service li.mn_gnbS.radio .radio_play_guide {display:none; position:absolute; top:20px; right:-32px; z-index:5;}
.gnb .navigation .gnb_service li.mn_gnbS.radio .radio_play:hover .radio_play_guide {display:block;}

.gnb .navigation .mn_gnbN.radio {position:relative; *z-index:5;}
.gnb .navigation .mn_gnbN.radio .radio_play {position:absolute; top:6px; *top:2px; right:-18px;}
.gnb .navigation .mn_gnbN.radio .radio_play_guide {display:none; position:absolute; top:20px; right:-32px; z-index:5;}
.gnb .navigation .mn_gnbN.radio .radio_play:hover .radio_play_guide {display:block;}


.gnb .gnbCon.gnbN_all {display:block; position:absolute; top:43px; left:0; *width:876px; width:916px; padding:15px 10px 0 10px; border:2px solid #000; border-top:0; background:#fff; z-index:100}  /* 20160802 수정 */

.gnb .gnbCon.gnbN_all .mnNews {float:left; *margin-bottom:15px; *padding-left:9px; padding-left:25px; border-left:1px solid #e2e2e2;} /* 20160802 수정 */
.gnb .gnbCon.gnbN_all .mnNews h2 a {display:block; width:105px; font-size:14px; line-height:190%; color:#08944b; margin-bottom:5px;} /* 20160802 수정 */
.gnb .gnbCon.gnbN_all .mnNews .mn_subN {*margin-top:15px;}
.gnb .gnbCon.gnbN_all .mnNews .mn_subN li {*min-width:115px; width:130px; height:22px; font:13px 'dotum','돋움'; white-space:nowrap;}
.gnb .gnbCon.gnbN_all .mnNews .mn_subN.fl_l li {float:left; *padding-right:7px; padding-right:11px}
.gnb .gnbCon.gnbN_all .mnNews .mn_subN.fl_l.opi {*width:496px; height: width:850px}
.gnb .gnbCon.gnbN_all.allLA .mnNews {*min-height:245px; height:300px}
.gnb .gnbCon.gnbN_all.allLA .mnNews.opinion {border: 0; border-top: 1px solid #e2e2e2; height: 150px; margin-top: 10px; padding-top: 10px; padding-left: 15px;} /* 20160802 수정 */
.gnb .gnbCon.gnbN_all.allLA .mnNews:first-child {padding-left:15px}
.gnb .gnbCon.gnbN_all.allNY .mnNews {}
.gnb .gnbCon.gnbN_all.allDC .mnNews {}
.gnb .gnbCon.gnbN_all.allSF .mnNews {}
.gnb .gnbCon.gnbN_all.allSE .mnNews {}
.gnb .gnbCon.gnbN_all.allPD .mnNews {}
.gnb .gnbCon.gnbN_all.allHW .mnNews {}

.gnb .gnbCon.gnbN_sec {display:none; position:absolute; top:43px; left:0; border:2px solid #000; border-top:0; background:#fff;} /* 20160802 수정 */
.gnb .gnbCon.gnbN_sec .mn_subN {float:left; width:300px; min-height:170px; margin-top:20px; border-right:1px solid #d6d6d6;}
.gnb .gnbCon.gnbN_sec .mn_subN li {float:left; width:105px; margin-left:25px; padding:4px 3px 4px 7px; border-bottom:1px solid #f1f1f1; background:url(../images/common/bullet.png) no-repeat 0 -39px; font-weight:bold;}
.gnb .gnbCon.gnbN_sec .pNews {float:left; width:190px; margin:20px 30px 0 30px;}
.gnb .gnbCon.gnbN_sec .pNews>a {display:block; width:190px; height:109px; background:#f4f4f4; overflow:hidden; text-align:center;}
.gnb .gnbCon.gnbN_sec .pNews>a img {width:100%; vertical-align:middle;}
.gnb .gnbCon.gnbN_sec .pNews h4 {width:190px; height:60px; margin-top:5px; font-size:14px; line-height:130%; overflow:hidden;}
.gnb .gnbCon.gnbN_sec .nList {float:left; width:350px; margin:15px 35px 0 0;}
.gnb .gnbCon.gnbN_sec .nList li {padding:4px 0 5px 10px; border-bottom:1px solid #f1f1f1; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gnb .gnbCon.gnbN_sec .clear {margin-bottom:20px;}
.gnb .gnbCon.gnbN_sec#gnb_autosCon {left:50px; width:500px; padding:20px; text-align:center;}

.gnb .gnbCon.gnbN_opi {display:none; position:absolute; top:43px; left:0; width:936px; min-height:100px; border:2px solid #000; border-top:0; background:#fff;} /* 20160802 수정 */
.gnb .gnbCon.gnbN_opi .nList {height:115px; padding:17px 0;}
.gnb .gnbCon.gnbN_opi .nList a {font-size:14px; line-height:200%;} 
.gnb .gnbCon.gnbN_opi .nList li {float:left;}
.gnb .gnbCon.gnbN_opi .nList li h3 {float:left; width:140px; margin-left:30px;}
.gnb .gnbCon.gnbN_opi .nList li p {float:left; width:275px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gnb .gnbCon.gnbN_opi .mn_opinion {clear:both; padding:12px 30px 20px 30px; border-top:1px solid #e0e0e0; background:#f9f9f9;}
.gnb .gnbCon.gnbN_opi .mn_opinion a {font-size:12px; font-family:'dotum','돋움'; line-height:190%;}
.gnb .gnbCon.gnbN_opi .mn_opinion h3 {clear:both; float:left; width:130px;}
.gnb .gnbCon.gnbN_opi .mn_opinion .mn_subN {float:left; *float:none; width:730px; border-bottom:1px solid #e5e5e5;}
.gnb .gnbCon.gnbN_opi .mn_opinion .mn_subN li {float:left; margin-left:10px; padding-top:1px; *white-space:nowrap;}

.gnb .gnbCon.gnbS_mnSub {display:none; position:absolute; top:39px; left:449px; width:120px; padding:15px; border:2px solid #08944b; border-top:0; background:#fff; box-shadow:4px 4px 7px rgba(0,0,0,0.2);}
.gnb .gnbCon.gnbS_mnSub .mn_service {line-height:170%; font-size:14px;}

.gnb .gnb_close {display:none;}
.mobile .gnb .gnb_close {display:block; position:absolute; top:0; right:0; width:18px; height:17px; padding:10px; background:url(../images/common/btn_close.png) no-repeat -72px 10px; overflow:hidden; cursor:pointer; text-indent:-500px;}




/*************************************************
                    contents                     
*************************************************/
.contents {clear:both; position:relative; width:940px; min-width:940px; margin:0 auto;}
.contents .tNews p, .contents .tNews p a {color:#6F6F6F; font-family:'dotum','돋움';}
.contents .pNews p, .contents .pNews p a {color:#6F6F6F; font-family:'dotum','돋움';}
.contents h4, .contents p, .contents li {overflow:hidden;}
.contents h3 {color:#111; font-size:16px; line-height:115%; text-decoration:underline;}
.contents h3 a {color:#111; font-size:16px; line-height:115%; *text-decoration:underline;}
.contents h4, .contents h4 a {color:#111; line-height:130%;}




/*************************************************
                    footer                     
*************************************************/
.footer {width:100%; margin-top:30px; border-top:1px solid #a2a2a2; background:#f3f3f3;}
.footer a {font-family:'gulim'; color:#666;}
.footer .fnb {width:940px; height:38px; margin:0 auto; border-bottom:1px solid #e3e3e3;}
.footer .fnb .list_fnb_l {float:left; margin-top:9px;}
.footer .fnb .list_fnb_l li {float:left; padding:0 10px; border-left:1px solid #c1c1c1;}
.footer .fnb .list_fnb_l li:first-child {padding-left:0; border:0;}
.footer .fnb .list_fnb_r {float:right; margin-top:7px;}
.footer .fnb .list_fnb_r a.fab {display:block; float:left; width:24px; height:44px; background:url(../images/common/sns_icon.png) no-repeat 0 -35px; text-indent:-500px; overflow:hidden;}
.footer .fnb .list_fnb_r a.twit {display:block; float:left; width:24px; height:44px; background:url(../images/common/sns_icon.png) no-repeat -30px -35px; text-indent:-500px; overflow:hidden; margin-left:3px;}
.footer .fnb .list_fnb_r select {width:170px; height:24px; margin-left:5px; padding-left:3px; border:1px solid #d5d5d5; vertical-align:top; color:#666;}
.footer #copyright {clear:both; width:600px; margin:0 auto; padding:15px 0 50px 0; letter-spacing:0;}
.footer #copyright img.logo_foot {display:block; float:left; margin-right:20px;}
.footer #copyright .copy_txt {margin-top:-3px;}
a.change_pcM {display:block; width:100%; padding:25px 0; background:#444; border:15px solid #f3f3f3; box-sizing:border-box; text-align:center; font-size:35px; color:#fff;}




/*************************************************
                   input style                     
*************************************************/
.input_style1 {height:25px; border:1px solid #cfcfcf;}




/*************************************************
                    page_num                     
*************************************************/
.page_num {position:relative; width:100%; padding:20px 0 30px 0; text-align:center;}
.page_num a, .page_num strong {padding:3px 5px; font-family:'dotum','돋움'; font-size:13px;}
.page_num strong {color:#222; text-decoration:underline;}
.page_num .first,
.page_num .prev,
.page_num .next,
.page_num .last {display:inline-block; margin-top:-3px; padding:0 2px 0 0; overflow:hidden; text-indent:-100px; vertical-align:text-top;}
.page_num .first {width:25px; height:21px; background:url(../images/common/paging_arrow.png) no-repeat 0 -80px;}
.page_num .prev {width:20px; height:21px; margin-right:10px; background:url(../images/common/paging_arrow.png) no-repeat -30px -80px;}
.page_num .next {width:20px; height:21px; margin-left:10px;  background:url(../images/common/paging_arrow.png) no-repeat 0 -105px;}
.page_num .last {width:25px; height:21px; background:url(../images/common/paging_arrow.png) no-repeat -25px -105px;}




/************************************************************************************************************************
                                                     For wide displays
************************************************************************************************************************/
@media (min-width: 1520px) {
/*************************************************
                    header                     
*************************************************/
/* tnb */
.wide .tnb .tnb_mn {width:1155px;}


/* top */
.wide .top {width:1155px;}


/* gnb */
.wide .gnb {width:1155px;}
/*
.wide .gnb .navigation .gnb_news {width:54%;}
.wide .gnb .navigation .gnb_service {width:46%;}*/
.gnb .navigation .gnb_news li {padding:0 20px 0 23px;}
.gnb .navigation .gnb_news li #rioMn {left: 205px;}
.gnb .navigation .gnb_news.branch li {padding:0 24px 0 24px;}
.gnb .navigation .gnb_news.ny li {padding:0 22px 0 22px;}
.gnb .gnbCon.gnbN_opi {width: 1151px}
.gnb .gnbCon.gnbN_opi .nList li p {width: 375px}
.gnb .navigation .mn_gnbN.radio .radio_play {right:-10px;}
.wide .gnb .navigation .gnb_service .radio .radio_play_guide {right:-47px;}
.wide .gnb .navigation .gnb_service li {padding:0 9px;}
.wide .gnb .navigation .gnb_service li:first-child {margin-left:25px;}
.wide .gnb .gnbS_mnSub {left:622px;}




/* contents */
.wide .contents {width:1155px;}




/*************************************************
                    footer                     
*************************************************/
.wide .footer .fnb {width:1155px;}

}
