@charset "utf-8";
/* chosun.com new gnb 20190620 */

/* new gnb contents pan */
.csh_main, .csh_list, .csh_art { letter-spacing: -0.05em }
.gnb_menu_inner .btn_menu, 
.gnb_menu_inner .btn_menu a,
.gnb_menu_inner .btn_menu button { z-index: 6}
.gnb_menu_inner ul li.other_menu { position: absolute; top: 0; left: 865px; padding-left: 5px }
.gnb_menu_inner ul li.other_menu:before { content: ' '; position: absolute; top: 17px; left: 0; display: block; width: 1px; height: 16px; background: #d7d7d7 }
.gnb_menu_inner ul li.other_menu a { font-size: 14px; font-weight: normal }
.gnb_menu_inner ul li.other_menu a:hover { color: #000; text-decoration: underline }
.gnb_menu_inner ul li.other_menu a:before { content: ' '; display: inline-block; width: 14px; height: 15px; margin-top: -2px; margin-right: 5px; vertical-align: middle; background: url('//image.chosun.com/main/2019/cs_top_newgnb_ico.png') no-repeat 0px 0px }
.gnb_menu_inner ul li.other_menu a.om_ranking:before { background-position: -100px 0 }
.gnb_menu_inner ul li.other_menu a.om_paper:before { background-position: -150px 0 }

.gnb_menu_inner ul li a { padding: 15px 8px 0 }
.gnb_menu_inner ul.newsmenu { overflow: visible; position: relative; width: 1050px; padding-left: 100px; z-index: 5 }
.gnb_menu_inner ul li.newsmenu_pan_btn { position: relative; padding-top: 8px; padding-left: 10px }
.gnb_menu_inner ul li.newsmenu_pan_btn > a { position: relative; display: block; width: 100px; height: 30px; padding: 0; background: #f3f3f3; border: solid 1px #d7d7d7; font-size: 14px; font-weight: bold; line-height: 30px; text-align: center; border-radius: 5px ; -webkit-border-radius: 5px ; -moz-border-radius: 5px ; -ms-border-radius: 5px ; -o-border-radius: 5px ; }
.gnb_menu_inner ul li.newsmenu_pan_btn > a.vis,
.gnb_menu_inner ul li.newsmenu_pan_btn:hover > a { color: #000; border-bottom: solid 1px #f3f3f3; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; z-index: 10 }
.gnb_menu_inner ul li.newsmenu_pan_btn > a:after { content: ' '; display: inline-block; width: 12px; height: 8px; margin-left: 5px; vertical-align: middle; background: url('//image.chosun.com/main/2019/cs_top_newgnb_ico.png') no-repeat -50px 0px }
.gnb_menu_inner ul li.newsmenu_pan_btn > a.vis:after,
.gnb_menu_inner ul li.newsmenu_pan_btn:hover > a:after { background-position: -50px -25px }


.gnb_menu_inner ul li.newsmenu_pan_btn:hover {}
.gnb_menu_inner ul li.newsmenu_pan_btn:hover > .newsmenu_pan_wrap { visibility: visible; opacity: 1 }

.newsmenu_pan_wrap { position: absolute; top: 38px; right: 0; width: 320px; padding: 20px 0; background: #f3f3f3; border: solid 1px #d7d7d7; z-index: 9; visibility: hidden; opacity: 0 }

ul.newsmenu_pan { overflow: hidden; position: relative }
ul.newsmenu_pan:after { content: ' '; position: absolute; top: 0; left: 50%; display: block; width: 1px; height: 100%; background: #d7d7d7 }
ul.newsmenu_pan li { float: left; display: block; width: 50%; height: 30px; padding-left:30px; box-sizing: border-box; }
ul.newsmenu_pan li a { display: block; margin: 0; padding: 0; font-size: 14px; line-height: 30px; font-weight: normal }
ul.newsmenu_pan li a:hover { font-weight: bold; text-decoration: underline; color: #000; transition: none ; -webkit-transition: none ; -moz-transition: none ; -ms-transition: none ; -o-transition: none ; }

/* new gnb side menu */
.menu_side_mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; width: 100%; height: 100%; background: #fff; z-index: 9999; opacity: 0; cursor: pointer; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" }
.menu_side_mask.vis { display: block }
.menu_side_wrap { position: fixed; top: 0; left: 50%; width: 380px; height: 100%; margin-left: -600px; overflow-y: scroll; z-index: 99999;  visibility: hidden; opacity: 0; display: none; scrollbar-width: none; }
.menu_side_wrap.vis { visibility: visible; opacity: 1; display: block }
#menu_side_after_id { content: ' '; position: absolute; top: 0; right: 0; display: block; width: 150px; height: 100%; cursor: pointer; z-index: 3 }
.menu_side_wrap .menu_side_bg { position: fixed; top: 0px; left: 50%; bottom: 0px; display: block; width: 230px; height: 100%; margin-left: -600px; background: #fff; border: solid 1px #d7d7d7; border-top: 0; border-bottom: 0; box-shadow: 4px 0 5px rgba(0, 0, 0, 0.1); z-index: 1 }

.menu_side { position: relative; width: 230px; padding-top: 52px; padding-bottom: 100px; box-sizing: border-box; background: none; font-family: AppleSDGothicNeo-Regular,'맑은 고딕','Malgun Gothic',나눔고딕,돋움,Dotum,굴림,Gulim,'Apple SD Gothic Neo',sans-serif; letter-spacing: -0.05em; font-size: 16px; color: #000; z-index: 2 }
.menu_side:hover { z-index: 5 }
.menu_side_close { position: absolute; top: 0; right: 0; display: block; width: 52px; height: 52px; border: 0; background: #fff; font-size: 0 }
.menu_side_close:after { content: ' '; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: block; width: 20px; height: 20px; background: url('//image.chosun.com/main/2019/cs_top_newgnb_ico.png') no-repeat 0px 0px; }
.menu_side a { text-decoration: none }
.menu_side_close:hover {}

ul.menu_side_section { font-weight: bold }
ul.menu_side_section > li { position: relative; height: 37px }
ul.menu_side_section > li > a { display: block; padding-left: 25px; line-height: 37px; white-space: nowrap }
ul.menu_side_section > li > a:after { content: ' '; position: absolute; top: 50%; right: 25px; display: block; width: 5px; height: 10px; margin-top: -5px; background: url('//image.chosun.com/main/2019/cs_top_newgnb_ico.png') no-repeat 0px -25px }
ul.menu_side_section > li > a:only-child:after { display: none }
ul.menu_side_section > li:hover > a { color: #d91a21 }
ul.menu_side_section > li:hover > a + ul.menu_side_sub,
ul.menu_side_section > li:hover > a + div.menu_side_sub { visibility: visible; opacity: 1; z-index: 4 }

ul.menu_side_section > li.mssec_pan { margin: 20px 0; padding: 20px 0; border-top: solid 1px #d7d7d7; border-bottom: solid 1px #d7d7d7 }
ul.menu_side_section > li.mssec_ranking a:hover,
ul.menu_side_section > li.mssec_paper a:hover { color: #000; text-decoration: underline }

ul.menu_side_section > li.mssec_ranking a:before { content: ' '; display: inline-block; width: 14px; height: 15px; margin-top: -2px; margin-right: 5px; background: url('//image.chosun.com/main/2019/cs_top_newgnb_ico.png') no-repeat -100px 0px; vertical-align: middle }
ul.menu_side_section > li.mssec_paper a:before { content: ' '; display: inline-block; width: 14px; height: 15px; margin-top: -2px; margin-right: 5px; background: url('//image.chosun.com/main/2019/cs_top_newgnb_ico.png') no-repeat -150px 0px; vertical-align: middle }

ul.menu_side_sub, 
div.menu_side_sub { position: absolute; top: 0px; left: 173px; width: 190px; max-height: 416px; box-sizing: border-box; background: #fff; border: solid 1px #d7d7d7; z-index: -1; visibility: hidden; opacity: 0; box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.1); transition: ease all 0.2s ; -webkit-transition: ease all 0.2s ; -moz-transition: ease all 0.2s ; -ms-transition: ease all 0.2s ; -o-transition: ease all 0.2s; scrollbar-width: none; }
div.menu_side_sub { height: 400px!important }
ul.menu_side_section > li > div.scroll-wrapper { position: absolute!important; overflow: visible!important }
/* div.menu_side_sub { visibility: visible; opacity: 1 } */

ul.menu_side_sub:before,
div.menu_side_sub:before { content: ' '; top: 14px; left: -8px; position: absolute; display: block; width: 13px; height: 14px; background: url('//image.chosun.com/main/2019/cs_top_newgnb_ico.png') no-repeat 0px -50px }
ul.menu_side_sub > li { height: 33px; white-space: nowrap }
ul.menu_side_sub > li:first-child { font-size: 13px; font-weight: normal }
ul.menu_side_sub > li:first-child a:hover { padding-left: 25px; color: #d91a21 }
ul.menu_side_sub > li:hover { background: #f3f3f3}
ul.menu_side_sub > li:first-child:hover { background: none }
ul.menu_side_sub > li > a { display: block; padding-left: 25px; line-height: 33px; transition: ease all 0.4s ; -webkit-transition: ease all 0.2s ; -moz-transition: ease all 0.4s ; -ms-transition: ease all 0.4s ; -o-transition: ease all 0.4s; }
ul.menu_side_sub > li > a:hover { padding-left: 35px }

ul.menu_side_sub.mssub_pan { top:auto; bottom: 0 }
ul.menu_side_sub.mssub_pan li {}

.menu_side_sub_box { max-height: 416px; background: #e5e5e5 }

ul.menu_side_section > li ul.menu_side_sub.scrollbar-inner { position: relative; top: auto; left: auto; width: 188px!important; max-height: 398px!important; visibility: hidden; opacity: 1; z-index: 1 }
ul.menu_side_section > li:hover ul.menu_side_sub.scrollbar-inner { visibility: visible }




.mssec_pan div.menu_side_sub { top: 0 }
.mssec_pan ul.menu_side_sub > li:first-child { font-size: 16px; font-weight: bold}
.mssec_pan ul.menu_side_sub > li:first-child a:hover { padding-left: 35px; color: #000 }
.mssec_pan ul.menu_side_sub > li:first-child:hover { background: #f3f3f3 }

ul.menu_side_other {}
ul.menu_side_other > li { height: 37px}
ul.menu_side_other > li > a { display: block; padding-left: 25px; line-height: 37px; white-space: nowrap }
ul.menu_side_other > li > a:hover { text-decoration: underline }

/* scrollbar custom */
.menu_side_wrap .scrollbar-inner > .scroll-element.scroll-y { right: 0 }
.menu_side_wrap .scrollbar-inner > .scroll-element .scroll-element_outer, 
.menu_side_wrap .scrollbar-inner > .scroll-element .scroll-element_track, 
.menu_side_wrap .scrollbar-inner > .scroll-element .scroll-bar { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }


.menu_side_wrap { -ms-overflow-style: none }
.menu_side_wrap::-webkit-scrollbar { width: 5px; height: 20px; background: none; display: none }
/* .menu_side_wrap::-webkit-scrollbar-track { background-color: lightblue; } */
.menu_side_wrap::-webkit-scrollbar-track-piece { background-color: rgba(255, 255, 255, 0.1); }
.menu_side_wrap::-webkit-scrollbar-thumb { border-radius: 8px; background-color: rgba(0, 0, 0, 0.07); -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px }
.menu_side_wrap::-webkit-scrollbar-button { background-color: darkblue; width: 10px; height: 10px; }
.menu_side_wrap::-webkit-scrollbar-button:start { background-color: #fff; }
.menu_side_wrap::-webkit-scrollbar-button:end { background-color: #fff; }
.menu_side_wrap::-webkit-scrollbar-button:vertical:increment { background: #fff }
.menu_side_wrap::-webkit-scrollbar-button:vertical:decrement { background: #fff }
.menu_side_wrap::-webkit-scrollbar-corner { }
.menu_side_wrap::-webkit-resizer { }

@media all and (max-width: 1200px) {
.menu_side_wrap, 
.menu_side_wrap .menu_side_bg { left: 0; margin-left: 0 }
}

/* end */