@charset "utf-8";

/* ChosunOnline.com GNB CSS styles */

/* GNB css*/
.cs_text_top {position:absolute; bottom:8px; left: 9px;}
.top_banner {width:100%; background: #fff; padding-bottom:15px;}
.top_banner_area{position:relative; height:108px; padding-top:20px; width:1200px; margin: 0 auto; text-align: center}
.top_banner_area .area_links{position:absolute; right:34px; bottom:10px; text-align: right;}
.top_banner_area .area_links a {display: block; height: 22px;}

.gnb_menu {width: 100%; height: 48px;background: #084ba0;}
.gnb_menu_inner{width:1200px; height: 48px; margin: 0 auto;}
.gnb_menu_inner .img_logo {float:left; display:inline-block; margin-top:12px; width:223px; height:24px; background:url(//www.chosunonline.com/dhtm/images//logo_cs_online.png) no-repeat}
.gnb_menu_inner ul{display: inline-block; overflow:hidden; padding-left:63px;}
.gnb_menu_inner ul li{float:left;}
.gnb_menu_inner ul li a {display: inline-block; color:#fff; height: 48px; line-height: 48px; padding:0 25px; font-size:18px; font-weight: bold}
.gnb_menu_inner ul li a:hover, .gnb_menu_inner ul li a.current{text-decoration:none; background: #002c69; transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;}

.gnb_menu_common {float:right; position:relative; width:250px; margin-top: 9px; z-index: 999}
.gnb_menu_common .sch_area {position:relative; float:left; width:213px; height:32px; margin:0 ;margin-right: 7px;}
.gnb_menu_common .sch_area fieldset {}
.gnb_menu_common .sch_area .inputBox {display: inline-block; height:32px; float: left;}
.gnb_menu_common .sch_area .inputBox .schinput {display:inline-block; width:180px; height:32px;padding:0 7px;background:#fff; text-align:left;border:0; font-size:18px; line-height:1.286em; color:#000}
.gnb_menu_common .sch_area .inputBox .schBtn_menu{position:absolute; right:0; top:0; display:inline-block; width:30px; height:30px; background:url(//www.chosunonline.com/dhtm/images//common_icon.png) no-repeat -1px -1px; border:0; font-size:0; line-height:0; text-indent: -9999px; cursor:pointer;}
.schBtn_menu_open {position:absolute; right:0; top:0; display:inline-block; width:30px; height:30px; background:url(//www.chosunonline.com/dhtm/images//common_icon.png) no-repeat -1px -1px; border:0; font-size:0; line-height:0; text-indent: -9999px;}
.btn_menu_show {width:30px; height:32px; background:url(//www.chosunonline.com/dhtm/images//common_icon.png) no-repeat -1px -30px; border:0; font-size:0; line-height:0; text-indent: -9999px; cursor:pointer; }
.btn_menu_hidden {width:30px; height:32px; background:url(//www.chosunonline.com/dhtm/images//common_icon.png) no-repeat -48px -30px; border:0; font-size:0; line-height:0; text-indent: -9999px; cursor:pointer;}

.menu_box { width:1045px; position: absolute; right: 0; top: 39px; background:#fff; border:1px solid #d7d7d7; box-sizing: border-box; }
.menu_box dl{float:left; width:17%; height: 235px; display:inline-block; border-left:1px solid #e9e9e9; padding-left:30px; margin:20px 0 30px; }
.menu_box dl:first-child {border:0}
.menu_box dl dt{ font-weight:bold; line-height: 2.143em}
.menu_box dl dd{ font-size:14px; line-height: 2.143em}
.menu_box dl dd.more_txt{line-height: 1.5em; margin: 4px 0;}
.menu_box dl dt a, .menu_box dl dd a{color:#333}


/* GNB css art add*/
#wrapper .csh_main{margin-bottom: 16px;}
#wrapper .gnb_menu_inner{width:940px; font-family: meiryo, メイリオ, 'ms pgothic', 'ms pゴシック', sans-serif;}
#wrapper .cs_text_top {position:absolute; top:46px; bottom:8px; left:inherit; right:0px; height:17px;}
#wrapper .menu_box {width:940px;}
#wrapper .menu_box dl {padding-left:27px;}
#wrapper .gnb_menu_inner .img_logo {float:left; display:inline-block; margin-top:14px; width:142px; height:15px; background:url(//www.chosunonline.com/dhtm/images//logo_cs_online_art.png) no-repeat}
#wrapper .top_banner_area{ width:940px; text-align:left}
#wrapper .top_banner_area .area_links{right:0;}
#wrapper .gnb_menu_inner ul {padding-left:18px;}
hr, caption, legend{display:none}
form,fieldset,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
input,textarea,select,button{border:0; font-size:9px; color:#888; vertical-align:top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
