@charset "utf-8"; /* healthchosun.com Main Stylesheet 2018 */ /* Reset import */ @import url("/css/2018/css_reset_2018.css"); @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800"); @import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css'); html, body{height:100%;} html{-webkit-text-size-adjust:none;} body{min-width:1200px;word-break:keep-all;word-wrap:break-word;white-space:inherit;color:#000; /*background: #a2b8ea;*/ width: 100%; margin: 0 auto;} body, input, button, textarea{font-family:AppleSDGothicNeo-Regular,'���� ���','Malgun Gothic',�������,����,Dotum,����,Gulim,'Apple SD Gothic Neo',sans-serif; letter-spacing:-0.05em} a, a:visited{color:#000;text-decoration:none;background-position: -213px 0;} /* layout */ #h_Wrap { min-width:1196px; } #h_Header {position:relative;} /*#csContent {position:relative; width: 1200px;margin: 0 auto; padding-top:30px; box-sizing: border-box;}*/ #csContent {width: 1196px; margin: 0 auto; position: relative;} iframe{display:block} .ad_gg {width:1196px; text-align:center; margin: 0 auto; padding-bottom:30px} .ad_gg iframe {text-align:center; margin: 0 auto;} .ad_gg_top {width:1196px; text-align:center; margin: 0 auto;font-size:0;} .ad_gg_top a{font-size:0;} .ad_gg_top a img {padding:20px 0} .ad_gg_top a img[height="1"] {padding:0} .marginB10 {margin-bottom:10px;} .article p {padding-bottom: 1em;} /* ��� ���� */ .left_banner { background:#fff; position:absolute;left:-200px; width: 160px;} .right_banner { background:#fff;position:absolute;right:-200px; width: 160px;} /* for sub */ #csSContent { position: relative; width: 1200px; margin: 0 auto; padding-top: 30px; box-sizing: border-box;} #sub_left_area { float: left; width: 166px; min-height: 4250px; position: relative; box-sizing: border-box; } .sub_left_newsdata_menu_2013s { border: 1px solid #d7d7d7; color: #000; padding: 10px; } .sub_left_newsdata_menu_2013s li { color: #000; margin: 0px 0px 0 10px; padding: 5px 0; font-size: 15px; vertical-align: middle; letter-spacing: -1px; } #sub_contents_area{ width: 980px; box-sizing: border-box; font-size: 15px; line-height: 1.8; letter-spacing: -0.025em; word-break: keep-all; } .sub_gnb3 { position: relative; padding: 0 0 6px 0; color: #333; } .srch_area{border-top:1px solid #d9d9d9;padding-top:20px} .srch_area h2{font-size:17px; } .srch_area ul li{clear:both; padding-top:15px;} .srch_area ul li .title{padding-bottom:6px} .srch_area ul li .title span{color:#999999; margin-left:10px} .srch_area ul li .title a:link, .srch_area ul li .title a:visited, .srch_area ul li .title a:active, .srch_area ul li .title a:hover {font-size:14px; color:#0000cc; font-weight:normal; text-decoration:underline;} .srch_area ul li .thmb{float:left; width:90px; margin-right:10px; height:90px; border:1px solid #d9d9d9} .srch_area ul li .cont_thum{float:left; width:709px; height:92px; overflow:hidden;content:''} .srch_blank_title span{color:#cc0000; font-size:14px} .srch_area .bar01{color:#999; padding-right:7px} .srch_area .bar02{color:#999; padding-left:15px; padding-right:7px} .srch_area .cont{padding:0px 20px} .srch_area .btn_srch_more{clear:both; padding:15px 12px 25px 0px; text-align:right; background:url(https://health.chosun.com/images/bu_right_arr.gif) right 19px no-repeat} .srch_area .not_btn_srch_more{clear:both; padding:15px 12px 25px 0px; text-align:right;} .group_srch_ency .cont li .desc{display:block; font-size:13px; padding-top:5px} .top_area_b {position:relative; height:97px; width:1200px; background: #fff; margin: 0 auto; text-align: center} .top_area_b .hc_banner{text-align:center;padding-top: 7px;} /* today's pick */ .wrap_today_pick{position:fixed; left:50%; bottom:25px; width:1160px; height:auto; margin-left:-599px; color:#fff; transition:all .3s; -webkit-transition:all .3s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; z-index:9999;} .inner_today_pick{position:relative; width:1196px; height:100%; padding:30px 0; background-color:#011d44; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius:20px;} .inner_today_pick:after{content:""; display:block; clear:both;} .inner_today_pick .tit_today_pick{float:left; width:170px;} .inner_today_pick .tit_today_pick h1{padding-left:30px; font-size:18px; font-weight:bold; transition:all .5s; -webkit-transition:all .5s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .inner_today_pick .tit_today_pick h1 span{display:block; color:#fffd51;} .inner_today_pick .tit_today_pick .list_menu{position:absolute; right:1035px; bottom:30px; text-align:right;} .inner_today_pick .tit_today_pick .list_menu li{margin-top:8px; line-height:1;} .inner_today_pick .tit_today_pick .list_menu li a{font-size:12px; color:#888; letter-spacing:-.5px; transition:all .5s; -webkit-transition:all .5s;} .inner_today_pick .tit_today_pick .list_menu li a:hover, .inner_today_pick .tit_today_pick .list_menu li a:focus, .inner_today_pick .tit_today_pick .list_menu li a:active{color:#fff;} .inner_today_pick iframe{position:relative; /* top:20px; opacity:0.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity:0; -khtml-opacity:0; visibility:hidden;*/ transition:all .5s; -webkit-transition:all .5s; vertical-align:top} .list_today_pick{position:relative; float:left; width:1025px; padding-left:19px; border-left:1px solid #575757; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .list_today_pick li{float:left; width:18.5%; margin-right:9px;} .list_today_pick li:last-child{margin-right:0;} .list_today_pick li a{color:#fff;} .list_today_pick li div.edi_area{position:relative; display:block; height:97px; overflow:hidden;} .list_today_pick li div.edi_area img{vertical-align:top; max-width:100%; height:auto;/* position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;*/} .list_today_pick li div.edi_area span.txt_keyword{display:inline-block; position:absolute; left:7px; top:7px; height:20px; padding:0 8px; line-height:18px; border-radius:20px; color:#fff; font-size:12px; z-index:1;} .list_today_pick li div.edi_area span.txt_keyword:before{content:''; display:block; width:100%;height:100%; position:absolute; left:0; top:0; background:#000; border-radius:20px; z-index:-1; opacity:0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -moz-opacity:0.6; -khtml-opacity:0.6;} .list_today_pick li div.edi_area span.txt_time_video{display:inline-block; position:absolute; right:0; bottom:0; min-width:24px; padding:0 8px; height:23px; line-height:23px; background-color:#000; color:#fff; text-align:center; font-size:13px;} .list_today_pick li.thum_video div.edi_area:after{content:""; display:block; width:39px; height:31px; position:absolute; left:0; bottom:0; background-position:-355px -900px;} .list_today_pick li p.txt_area{padding:7px 0 0 0; font-size:15px; font-weight:bold; letter-spacing:-.5px; line-height:1.3em; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; max-height:2.6em;} .list_today_pick li span.ic_video{display:block; width:32px; height:32px; position:absolute; left:10px; bottom:10px; background-position:-150px -1237px;} /*���4���϶� .list_today_pick2{position:relative; float:left; width:1025px; padding-left:19px; border-left:1px solid #575757; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .list_today_pick2 li{float:left; width:24.2%; margin-right:10px;} .list_today_pick2 li:last-child{margin-right:0;} .list_today_pick2 li a{color:#fff;} .list_today_pick2 li div.edi_area{position:relative; display:block; height:125px; overflow:hidden;} .list_today_pick2 li div.edi_area img{vertical-align:top; max-width:100%; height:auto;/* position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;} .list_today_pick2 li div.edi_area span.txt_keyword{display:inline-block; position:absolute; left:7px; top:7px; height:20px; padding:0 8px; line-height:18px; border-radius:20px; color:#fff; font-size:12px; z-index:1;} .list_today_pick2 li div.edi_area span.txt_keyword:before{content:''; display:block; width:100%;height:100%; position:absolute; left:0; top:0; background:#000; border-radius:20px; z-index:-1; opacity:0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -moz-opacity:0.6; -khtml-opacity:0.6;} .list_today_pick2 li div.edi_area span.txt_time_video{display:inline-block; position:absolute; right:0; bottom:0; min-width:24px; padding:0 8px; height:23px; line-height:23px; background-color:#000; color:#fff; text-align:center; font-size:13px;} .list_today_pick2 li.thum_video div.edi_area:after{content:""; display:block; width:39px; height:31px; position:absolute; left:0; bottom:0; background-position:-355px -900px;} .list_today_pick2 li p.txt_area{padding:7px 0 0 0; font-size:15px; font-weight:bold; letter-spacing:-.5px; line-height:1.3em; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; max-height:2.6em;} .list_today_pick2 li span.ic_video{display:block; width:32px; height:32px; position:absolute; left:10px; bottom:10px; background-position:-150px -1237px;} */ .wrap_today_pick .outer_today_pick{display:none; width:1160px; position:absolute; left:0; bottom:0px;} .wrap_today_pick .btn_open_pick{display:block; position:absolute; left:0; bottom:200px; width:175px; padding:0; margin:0; height:50px; border-radius:50px; background-color:#011d44; font-size:18px; line-height:20px; font-weight:bold; color:#fff; border:0; vertical-align:top; -webkit-transition:all .6s ease-in; -o-transition:all .6s ease-in; transition:all .6s ease-in; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity:0; -khtml-opacity:0;} .wrap_today_pick .btn_open_pick.up_view{bottom:50; opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity:1; -khtml-opacity:1;} .wrap_today_pick.open_pick .btn_open_pick{opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity:0; -khtml-opacity:0;} .wrap_today_pick .btn_open_pick span{/*display:block;*/ margin:0px 10px 0px 0; font-weight:bold;} .wrap_today_pick .btn_open_pick span strong{/*display:block;*/ color:#fffd51;} .wrap_today_pick .btn_open_pick .ic_pick{position:relative; display:inline-block; width:14px; height:14px; transition:all .6s; -webkit-transition:all .6s;} .wrap_today_pick .btn_open_pick .ic_pick:before, .wrap_today_pick .btn_open_pick .ic_pick:after{content:""; display:block; background-color:#fff; position:absolute; left:50%; top:50%;} .wrap_today_pick .btn_open_pick .ic_pick:before{width:14px; height:2px; margin:-1px 0 0 -7px;} .wrap_today_pick .btn_open_pick .ic_pick:after{width:2px; height:14px; margin:-7px 0 0 -1px;} .wrap_today_pick .btn_open_pick:hover .ic_pick{-webkit-transform:rotate( 360deg ); transform:rotate( 360deg );} .inner_today_pick button.btn_close_pick{display:block; position:absolute; right:9px; top:9px; width:36px; height:19px; border:0; text-indent:-9999em; font-size:0; background:none; transition:all .5s; -webkit-transition:all .5s; opacity:0.95; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; -moz-opacity:0.95; -khtml-opacity:0.95;} .inner_today_pick button.btn_close_pick:after{content:""; display:block; position:absolute; left:50%; top:50%; margin:-1px 0 0 -8px; width:16px; height:3px; background-color:#fff; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s;} .inner_today_pick button.btn_close_pick:hover:after{background-color:#fffd51;} /* GNB css*/ .top_head {background:#f8f8f8;} .top_head .inner {position:relative; width:1196px; height:36px; margin: 0 auto;} .top_head ul.left_info {width:150px; overflow:hidden; padding-top:8px;} .top_head ul.left_info li {float:left; font-size:13px; } .top_head ul.left_info li a {color:#777; padding-right:15px;} .top_head .right_info {position:absolute; top:0; right:0; padding-top:6px;} .top_head .right_info span{font-size:13px; padding-left:12px;} .top_head .right_info span a {color:#777;} .top_head .right_info span.noti{position:relative} .top_head .right_info .btn2016_chosun { border:0px solid #000; display: block; width: 108px; height: 20px; float: left; font-size: 0; line-height: 0; text-indent: -9999px; background: url(https://health.chosun.com/images/2015/btn_senior.png) no-repeat -190px -54px; } .top_head .right_info span.noti a {display:inline-block;width:21px; height:20px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -105px 0; text-indent:-99999px;} .top_head .right_info span.noti a:hover{background-position:-140px 0;} .top_head .right_info span.noti em{position:absolute; right: -9px; top: -4px; width:19px; height:13px; background:#e63935; border-radius: 20px;} .top_head .right_info span.noti em i {color:#fff; display:block; font-style: normal; padding: 1px 4px 0 4px;font-size: 10px; vertical-align:top; } .top_area {position:relative; height:87px; width:1196px; background: #fff; margin: 0 auto; text-align: center} .top_area .hc_logo{text-align:center;padding-top: 7px;} .top_area .top_ad1 {position: absolute;left: 0;top: 10px;} .top_area .top_ad2 {position:absolute;right:0;top:10px;} .gnb_menu {position:relative; width:100%; min-width:1196px; height: 48px;background: #fff; border-top:1px solid #d7d7d7; border-bottom:3px solid #c51a18} .gnb_menu_inner{position:relative; width:1196px; height: 48px; margin: 0 auto;} .gnb_menu_inner .btn_menu a{position:absolute; left:0px; top:8px; width:30px; height:30px; background:url(https://health.chosun.com/images/2018/ico_com.png) no-repeat -109px -3px; text-indent:-99999px;} .gnb_menu_inner .img_logo {float:left; margin-top:12px; width:223px; height:24px; background:url(https://www.chosunonline.com/dhtm/images//logo_cs_online.png) no-repeat} .gnb_menu_inner ul{overflow:hidden;} .gnb_menu_inner ul li{float:left;} .gnb_menu_inner ul li a {display: inline-block; color:#000; height:34px; padding:15px 10px 0; font-size:15px; font-weight: bold} .gnb_menu_inner ul.newsmenu{display: inline-block; overflow:hidden; padding-left:173px;} ul.themenu {position:relative; display:inline-block; padding-left:13px;} ul.themenu:before {content:''; display:inline-block; background:#d7d7d7; position:absolute; left:0; top:34%; width:1px; height:13px;} ul.themenu li a{padding:15px 8px 0; font-weight: normal; font-size:14px;} .gnb_menu_inner > ul.themenu li a:hover {text-decoration: underline; color:#000;} ul.themenu li.menu_set a{width:25px; height:25px; padding:0; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -170px 7px; line-height: 0; text-indent:-99999px;} .gnb_menu_inner > ul li a:hover, .gnb_menu_inner > ul li a.current{text-decoration:none; color: #c41916; 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;} .csh_search .hide {visibility:hidden;} /*������ü�޴�css*/ .csh_all_trig2016 a {display:block; width:30px; height:30px; background:url(https://health.chosun.com/images/2018/ico_com.png) no-repeat -109px -3px; position:absolute; right:0; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px;} .csh_all_trig2016 a.csh_all_trig_on {background-position: -37px 3px;} .csh_all2016 {width:1200px; position:absolute; left:0px; top:50px; background:#fff; padding-top:20px;border:1px solid #d7d7d7; z-index:9998;} .csh_all2016 ul li a { padding: 0px 12px 0px;} .csh_all_list01 {border-left: 1px solid #e9e9e9;float: left;height: 480px; /*width: 330px;*/} ul.csh_all_list {height: 330px; float: left; width: 150px; margin-bottom: 20px; padding-left: 20px; border-left: solid 1px #e9e9e9; } ul.csh_all_list li {line-height: 15px; float: none; } ul.csh_all_list li a {font-weight: normal; padding: 0px 0px;} ul.csh_all_list li.dep1 {font-weight: bold;} ul.csh_all_list li.dep1 a {color: #222;} ul.csh_all_list02 { float: left; width: 150px; /*height: 190px;*/ padding-left: 20px; } ul.csh_all_list02 li { line-height: 15px; float:none;} ul.csh_all_list02 li.dep1 { font-weight: bold;} ul.csh_all_list02 li a {font-weight: normal;} ul.csh_all_list02 li.dep1 a {font-weight: bold; color: #222;} ul.csh_all_list03 {float: left; width: 150px; /*height: 190px;*/ padding-left: 20px;} ul.csh_all_list03 li.empty { height: 25px;} ul.csh_all_list03 li {line-height: 15px; float:none; } ul.csh_all_list03 li a {font-weight: normal;} ul.csh_all_list04 {float: left; width: 150px; height: 550px; padding-left: 20px; } ul.csh_all_list04 li {line-height: 15px; float:none; } ul.csh_all_list04 li.dep1 { font-weight: bold; } ul.csh_all_list04 li a {font-weight: normal;} ul.csh_all_list04 li.dep1 a {font-weight: bold; color: #222; } ul.csh_all_list04 li.empty {height: 25px;} ul.csh_all_list05 {float: left; width: 150px; height: 550px; padding-left: 20px; } ul.csh_all_list05 li.empty {height: 25px; } ul.csh_all_list05 li {line-height: 15px; float:none; } ul.csh_all_list05 li a {font-weight: normal;} .csh_all_list06 {float: left; width: 190px; /*height: 550px;*/ border-left: solid 1px #e9e9e9;} ul.csh_all_list07 {width: 180px; padding-left: 20px; } ul.csh_all_list07 li {line-height: 15px; float:none; } ul.csh_all_list07 li.dep1 {font-weight: bold; } ul.csh_all_list07 li a {font-weight: normal;} ul.csh_all_list07 li.dep1 a {font-weight: bold; color: #222; } ul.csh_all_list_last {float: left; width: 170px; height: 480px; margin-bottom: 20px; padding-left: 20px; border-left: solid 1px #e9e9e9; } ul.csh_all_list_last li {float: none;} ul.csh_all_list_last li a {font-weight: normal;} ul.csh_all_list_last li.dep1 {font-weight: bold; } ul.csh_all_list_last li.dep1 a {font-weight: bold; color: #222; } .csh_all_others { clear:both; width:100%; height:40px; border-top:solid 1px #d7d7d7; position:static;} ul.csh_all_sns { float:left;margin-left:10px;} ul.csh_all_sns li { float:left; width:40px; height:48px;} ul.csh_all_sns li.fb { } ul.csh_all_sns li.tw {} ul.csh_all_sns li.gp {} ul.csh_all_sns li a { display:block; width:48px; } ul.csh_all_sns {float: left; margin-left: 10px;} ul.csh_all_sns li {float: left; width: 40px; height: 48px; } ul.csh_all_sns li a {width: 31px; height: 48px; display: block; background: url(https://health.chosun.com/images/2018/ico_com2.png) no-repeat; font-size: 0; line-height: 0; text-indent: -9999px; overflow: hidden; } ul.csh_all_sites { float:left; padding-left:30px} ul.csh_all_sites li { float:left; padding:0 19px; line-height:0;} ul.csh_all_sites li a { height:48px; display:inline-block; background:url('https://health.chosun.com/images/2015/csh_main_ico_logo.png') no-repeat; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;} ul.csh_all_sites li a.site_chosun { width:95px; background-position: 0px -98px;} ul.csh_all_sites li a.site_healthcare { width:90px; background-position: 0px -150px;} ul.csh_all_sites li a.site_mtree { width:70px; background-position: 0px -198px;} ul.csh_all_sites li a.site_vita { width:78px; background-position: 0px -250px;} ul.csh_all_sites li a.site_magazine { width:84px; background-position: 0px -300px;} ul.csh_all_sites li a.site_healthtalk {width: 65px; background-position: 0px -405px; } ul.csh_all_sites li a.site_pet {width: 90px; background-position: 0px -458px; } .csh_all_close_trig {width: 48px; height: 48px; position: absolute; border-left: solid 1px #d7d7d7; bottom: 0px; right: 0px; } .csh_all_close_trig a {width: 48px; height: 48px; display: block; background: url(https://image.chosun.com/main/201505/csh_main_ico.png) no-repeat -50px -50px; font-size: 0; line-height: 0; text-indent: -9999px; overflow: hidden; } .csh_all_list_line_a {border-bottom: 1px solid #d7d7d7; margin-top: -9px; margin-left: 10px; margin-right: 10px; } .csh_all_list_line { margin: 10px; border-bottom: 1px solid #d7d7d7; } .csh_all2016 h4 + ul.csh_all_list{padding-left:30px; border:0 none;} /*������ü�޴�css*/ /* �޴����� ���̾� �˾� */ .naviEmpty.vis {visibility:visible; width: 960px;} .naviEmpty {visibility:hidden; position:absolute; left:235px; top:0; height:48px; background:#fff} .naviEmpty ul {margin-top:9px; float:left;} .naviEmpty ul li.menu_item{margin-left:6px;} .naviEmpty ul li.menu_item .empty{display:inline-block; width:63px; height:30px; border:1px solid #d7d7d7; background:#f9f9f9; box-sizing: border-box } .naviEmpty ul li.menu_item.menu_pointer .empty{border:1px solid #c41916; background:#fff} .naviEmpty ul.panempty {position:relative; margin-left:25px;padding-left: 23px;} .naviEmpty ul.panempty li.menu_item .empty{ width:60px;} .naviEmpty ul.panempty li.menu_item{margin-left:7px;} .naviEmpty ul.panempty li a{font-weight:normal; font-size:14px;} .naviEmpty ul.panempty:before {content:''; display:inline-block; background:#d7d7d7; position:absolute; left:0; top:25%; width:1px; height:13px;} .naviEmpty ul li a {padding-top: 7px} .fix_s_logo {display:none} .gnbfixed {position: fixed;top: 0;width: 100%;z-index: 999;} .gnbfixed + #csContent {padding-top: 102px;} .gnbfixed .fix_s_logo {display:block; position: absolute; width:100px; top: 10px; left: 37px;} .gnbfixed .fix_s_logo a { display: block;margin-top: 6px;width: 100px; height: 20px;background: url(https://image.chosun.com/main/201803/icon_article.png) no-repeat -200px -25px; font-size:0} .menu_all { visibility:hidden; width:100%; height:100%; position: fixed;top: 0;left: 0;right: 0;background: #fff; opacity: 0; transform: translateY(-10px); transition: ease all 0.4s;} /****************************/ .csh_art_in.sch_area {position:relative} .csh_search {float:right; margin-top:3px;} .csh_search a {width:40px;height: 40px;display:block; background:url(https://image.chosun.com/main/201803/icon_common.png) no-repeat -90px -25px; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;} .csh_search a.search_close {background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -355px -359px;} .csh_search_area.vis {visibility:visible;opacity: 1; transform: translateX(0px); z-index:999} .csh_search_area.vis.searchfixed {position:fixed; top:52px; transform: inherit;transition: inherit; height: 65px; } .csh_search_area.vis.searchfixed .searchTerm{font-size: 22px; height:30px; margin: 13px 0 0 0;} .csh_search_area.vis.searchfixed .csh_search_inputbox .InputOutline .searchBtn {height:36px; background:url(https://health.chosun.com/images/2018/ico_com.png) no-repeat -108px -129px;} .csh_search_area {visibility:hidden;position:absolute;top:52px;left:0;width:100%; margin-top:0;height:80px;z-index:9998;background:#fff;border-bottom:1px solid #d7d7d7;box-shadow: 1px 1px 4px #e7e7e7;opacity: 0; transform: translateY(-10px); transition: ease all 0.4s;} .csh_search_area .csh_search_inputbox {width:1115px; margin:0 auto;height:80px} .csh_search_area .csh_search_inputbox fieldset {text-align:center} .csh_search_area .csh_search_inputbox .InputOutline {position:relative} .csh_search_area .csh_search_inputbox .InputOutline .searchBtn{position:absolute;top:-1px;right:0;width:40px; height:40px; margin-right:0; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -97px -24px; border:0; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; cursor:pointer;} .csh_search_area .searchTerm {width:475px; height:39px;padding:0 40px 4px 5px;margin:18px 0 0 0;background:#fff; text-align:left;border:0;border-bottom:2px solid #222; font-family: AppleSDGothicNeo-Regular,'���� ���','Malgun Gothic',�������,����,Dotum,����,Gulim,'Apple SD Gothic Neo',sans-serif;font-size:30px; line-height:39px; color:#000} .search_close {position:absolute;top:0;right:0; width:30px; height:30px; background:url(https://image.chosun.com/main/201505/csh_main_ico.png) no-repeat -41px -541px;font-size:0; line-height:0; text-indent:-9999px;} #mask {position:absolute;left:0;top:0;z-index:600;background-color:#fff; display:none;} /*�����˻�css */ .csh_rightMenu {float:right; margin-top:3px;} .searchBtn2016 {border:none !important; background:url(https://health.chosun.com/images/2018/ico_com.png) no-repeat -108px -124px !important; width:40px; height:40px; right:0; top:0;} #id_searchForm fieldset {position:relative;} .searchTerm2018{color: #777; font-size: 13px; height: 35px; line-height: 35px; margin: 0; border:0px; padding: 0 5px 0 0px; text-align:right; width: 190px; } /*�����˻�css end*/ /*��ũ�� ���*/ .csh_art_min { position: fixed; top: 0; left: 0; width: 100%; height: 40px; min-width: 1195px; box-sizing: border-box; background: #fff; border-bottom: solid 1px #777; font-size: 0; visibility: hidden; opacity: 0; transform: translateY( -42px ); transition: ease opacity 0.4s, visibility 0.4s, transform 0.4s; z-index: 999999999999999999999999999; } .csh_art_min.vis { visibility: visible; opacity: 1; transform: translateY( 0 ); } .csh_art_in { position: relative; width: 1195px; margin: 0 auto; } .csh_logo_art_csc { position: relative; display: inline-block; width: 88px; height: 27px; top: 5px; margin-right: 85px; font-size: 0; vertical-align: top } .csh_logo_art_csc:after { content: ' '; position: absolute; display: block; top: 0px; left: 1px; width: 88px; height: 27px; background: url('https://health.chosun.com/images/2015/health_simplelogo.png') no-repeat;} .csh_min_title { display: inline-block; max-width: 700px; font-size: 15px; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .csh_min_title .csh_min_cat { font-weight: bold } .csh_min_title .csh_min_title_text { font-weight: normal; color: #000 } .csh_min_title .csh_min_title_text:before { content: ' '; display: inline-block; width: 1px; height: 15px; margin: 0 5px; background: #d7d7d7; vertical-align: middle;} .csh_min_count { float: right; padding-top: 8px; } .csh_min_count a { position: relative; display: inline-block; width: auto; height: 25px; margin-left: 15px; text-indent: 25px; line-height: 25px; color: #000; white-space: nowrap; font-size:0 } .csh_min_count a:before { content: ' '; position: absolute; display: block; width: 25px; height: 25px; top: 2px; left: 0; margin: auto; background: url('https://image.chosun.com/main/201803/icon_article.png') no-repeat -100px 0px } .csh_min_count a.count_like:before { background-position: -100px -50px } .csh_min_count a.count_like.liked:before { background-position: -125px -50px } .csh_min_count a span { font-size: 15px; text-indent: 0; color: #222 } .news_progress { position: absolute; width: 100%; height: 2px; bottom: -2px; overflow: hidden; z-index: 999; } .news_progress_bar { display: block; float:left; width:0%; height:100%; max-width: 100%; background: #c01919; transition: linear width 0.1s; } /*��ũ�� ���*/ .menu_all.vis{visibility:visible;opacity:1; transform: translateY(0px); z-index: 999;} .menu_all_box {width:1196px; position:relative; margin:70px auto 0; text-align:center;} .menu_all_box .btn_layer_close {width:20px; height:20px;top:65px; left:0; right: inherit; background-position:-372px -372px;} .menu_all_box .layer_logo {display: inline-block;} .menu_all_inner{overflow: hidden; max-width: 700px; padding-top:49px; padding-left:186px;} .menu_all_inner .menu_all_inner_box {overflow:hidden} .menu_all_inner .menu_all_inner_box .menu_gnb {float:left; width:210px; text-align: left; border-right:1px solid #d7d7d7} .menu_all_inner .menu_all_inner_box .menu_gnb strong{display: inline-block; font-size:28px; text-align:left; margin-bottom:15px; letter-spacing:-0.1em; } .menu_all_inner .menu_all_inner_box .hot_box {float:left; padding-left:30px} .menu_all_inner .menu_all_inner_box .hot_box strong{display: block; font-size:20px; text-align: left; margin-bottom: 10px;} .menu_gnb_inner {position:relative;} .accod_scroll {width:200px; height:534px; } .menu_gnb_inner::after {content:""; display:inline-block; position: absolute; bottom:-18px; height:1px; width:200px;background: #fff;; -webkit-box-shadow: 0px 2px 29px 30px rgba(255, 255, 255, 1);-moz-box-shadow: 0px 2px 29px 30px rgba(255, 255, 255, 1);box-shadow: 0px 2px 29px 30px rgba(255, 255, 255, 1);} #accordian {height:534px;} #accordian h4 {position:relative; margin-bottom:12px;} #accordian h4 a {display:block; padding: 0 10px 0 0; font-size:28px; color: #000; text-decoration: none; letter-spacing:-0.1em;} #accordian ul ul li a {position: relative;text-decoration: none;font-size: 18px;line-height: 29px;display: block;padding: 0 15px 0 0;} #accordian ul ul {display: none;} #accordian li.active>ul {display: block; margin-bottom: 7px;} #accordian li h4 a::after { content: ""; display:inline-block; margin:0 0 0 10px; width:16px; height:9px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -106px -178px; vertical-align: middle;} #accordian li.active h4 >a::after {background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -106px -160px;} #accordian ul ul li:first-child a { font-weight: bold } #accordian ul ul li a:hover { color: #c41916} /* �������̾� */ .gnb_set_layer.vis {visibility:visible;} .gnb_set_layer.vis.setfixed{ position:fixed; top:52px;} .gnb_set_layer {visibility:hidden; width:100%;/*height:457px;*/ position:absolute; top:0; right:0; left: 0;background: #fff; z-index: 100} .gnb_set_layer p.set_tit_txt {font-size:13px; color:#777; margin-bottom: 7px;} .gnb_set_layer p.set_tit_txt strong{display:inline-block;font-size:15px; color:#000; padding-right:8px} ul.set_menu{} ul.set_menu li {float:left; width:33.333%; margin: 9px 0;} ul.set_menu li a{display:inline-block;width:145px;height:45px; text-align:center; line-height:41px;color:#777;border:1px solid #d7d7d7; box-sizing: border-box;text-decoration:none} ul.set_menu li a:hover{border:1px solid #c41916;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;} ul.set_menu li a::before{content: ""; display:inline-block; width:19px; height:13px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -176px -160px; vertical-align: middle; padding-right: 5px;} ul.set_menu li.select a {border:1px solid #c41916;color:#000; font-weight:bold} ul.set_menu li.select a::before{background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -140px -160px;} /* �������̾� */ /*����*/ .tempstep {display:table; width:100%; border-top:1px solid #eaeaea; /*padding:6px 0 9px; */ height: 78px;} .tempstep:first-child {padding-top:0; border-top:0} .tempstep .step_thumb{display:table-cell; vertical-align: middle; text-align:right; padding-left: 8px;} .tempstep .step_thumb a {line-height:0; display:block} .tempstep .step_thumb a img{max-width: 87px; height:auto;} .tempstep dl {width: 100%;display:table-cell; vertical-align: middle;} .tempstep dl dt{font-size:15px; padding-top:5px;} .tempstep dl dd.step_info {color:#777; font-size:13px} .tempstep dl dd.step_info span {position:relative} .tempstep dl dd.step_info span.time{font-size:12px; padding-left: 8px; margin-left: 8px;} .tempstep dl dd.step_info span.time:before{content:""; position:absolute; top:1px; left:0; height:14px; border-left:1px solid #b4b4b4;} .btn_layer_close {display:inline-block; position: absolute; top:20px; right:20px; width:40px; height:40px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -353px -317px; transform: rotate(-180deg); transition: ease transform 0.4s; text-indent:-9999px; overflow:hidden; font-size:0;} .btn_layer_close:hover { transform: rotate(0deg) } /*����*/ /*�ǽð� �αⴺ�� ����Ʈ*/ .news_title_cat {float: left; width: 166px; position: relative; padding-top: 0px;} .news_title .news_title_cat {border:0 none;} .news_title_cat em { font-size:20px; color:#222; letter-spacing:-1px;} .news_title_cat dt { font-size:20px; color:#222; letter-spacing:-1px;} .news_title_cat dd { margin-top:10px;} .news_title_cat dd a{ font-size: 14px;} .news_title_text { margin-left:155px; /* padding-right:250px; */word-break: keep-all;} #cat_list_trigger_id a:after { content:''; display:inline-block; width:9px; height:5px; background:url(https://health.chosun.com/images/2015/cs_art_ico.png) no-repeat -100px -500px; vertical-align:middle; margin-left:5px;} #cat_list_trigger_id a.open:after { background-position:-100px -525px;} .news_title_cat ul.news_title_cat_list {line-height:30px; width:125px;position:absolute;top:32px;left:0px;display:none; padding:10px; background:#fff; border:solid 1px #d7d7d7; z-index:9998;} /*ī�װ�*/ .news_title_cat ul.news_title_cat_list .redline {float:right;width:16px;height:11px; margin-right:46px;margin-top:12px;background:url(https://health.chosun.com/images/2015/cs_art_ico.png) no-repeat -100px -592px; vertical-align:middle;} .news_title_cat ul.news_title_cat_list .grayline{float:right;width:22px;height:11px; margin-right:41px;margin-top:12px;background:url(https://health.chosun.com/images/2015/cs_art_ico.png) no-repeat -102px -603px; vertical-align:middle;} .news_title_cat ul.news_title_cat_list li {color:#666;display:block;font-weight:normal; letter-spacing:-1px; font-size:15px;} .news_title_cat ul.news_title_cat_list li a { display:block;} .news_title_cat ul.news_title_cat_list li a:hover { background:#e5e5e5; } .news_title_cat ul.news_title_cat_list li.b a { color:#222;display:block;font-weight:bold; } .news_title_cat ul.news_title_cat_list li.b a:hover { background:#e5e5e5; } .news_title_cat ul.news_title_cat_list li.cline { color:#222;display:block;font-weight:bold;padding-bottom:7px;margin-bottom:5px;border-bottom:1px solid #d7d7d7; } /* .news_title_cat ul.news_title_cat_list li.cline a:hover { background:#e5e5e5; } */ /*��纻��*/ .news_title { position: relative; width: 1200px; padding: 30px 0 20px; box-sizing: border-box; border-bottom: solid 1px #000 } dl.news_cat { position: absolute; top: 40px; left: 0; width: 186px } dl.news_cat dt { font-size: 20px; font-weight: bold } dl.news_cat dd { position: relative; margin-right: 30px; font-size: 18px } dl.news_cat dd > a:after { content: ' '; display: inline-block; width: 9px; height: 5px; margin-left: 12px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAMAAACgjTZZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTcwNTA1QUYyNzMxMTFFODkwNTBFRkRCQURGN0MzQjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTcwNTA1QjAyNzMxMTFFODkwNTBFRkRCQURGN0MzQjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NzA1MDVBRDI3MzExMUU4OTA1MEVGREJBREY3QzNCOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NzA1MDVBRTI3MzExMUU4OTA1MEVGREJBREY3QzNCOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu7CjnwAAAAGUExURQAAAP///6XZn90AAAACdFJOU/8A5bcwSgAAAB1JREFUeNpiYGCEAAYGRggTTDOAGVAKyoESAAEGAAOiACVW8lQmAAAAAElFTkSuQmCC') no-repeat left top; vertical-align: middle; transition: ease transform 0.4s } .news_cat_other_box { position: absolute; visibility: hidden; width: 150px; font-size: 15px; padding-top: 5px; line-height: 1.733; z-index: 999 } ul.news_cat_other_list { padding: 10px 15px; box-sizing: border-box; background: #fff; border: solid 1px #d7d7d7 } ul.news_cat_other_list:empty { display: none } ul.news_cat_other_list li { } ul.news_cat_other_list li a:hover { color: #c51a18 } dl.news_cat dd > a:hover + div.news_cat_other_box, div.news_cat_other_box:hover {} .news_cat_other:hover .news_cat_other_box { visibility: visible; opacity: 1; transform: translateY(0)} .news_cat_other:hover a.int_trig:after { transform: rotate(180deg) } /* ��� interaction */ .int_trig + .int_target { visibility: hidden; opacity: 0; transform: translateY(-10px); transition: ease all 0.3s } .int_trig:hover + .int_target, .int_target:hover { visibility: visible; opacity: 1; transform: translateY(0px); z-index: 999 } .int_rotate { transform: rotate(-180deg); transition: ease transform 0.3s } .int_rotate:hover { transform: rotate(0deg) } .news_title_text { margin-left: 186px } .news_title_text h1 { font-size: 36px; line-height: 1.3; font-weight: normal; letter-spacing: -0.075em } .news_title_author { margin-top: 20px; font-size: 14px; color: #777 } .news_title_author span.news_author { margin-right: 10px } .news_title_author span.news_author a { color: #777 } .news_title_author li { display: inline; /*margin-right: 5px*/ } .news_title_author .author_source { font-size: 14px; font-weight: bold; color: #000 } .news_title_author .author_source:after { content: ' '; display: inline-block; width: 1px; height: 16px; margin: 0 5px 0 10px; background: #d7d7d7; vertical-align: middle } .news_title_author .author_source:only-child:after { display: none } .news_title_author .author_paper {} ul.news_title_tools { position: absolute; right: 0; bottom: 20px; font-size: 0 } ul.news_title_tools li { position: relative; display: inline; white-space: nowrap } ul.news_title_tools li > a { position: relative; display: inline-block; width: 25px; height: 25px; margin-left: 15px; overflow: hidden } ul.news_title_tools li > a:after { content: ' '; position: absolute; display: block; width: 25px; height: 25px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: url('https://image.chosun.com/main/201803/icon_article.png') no-repeat } ul.news_title_tools li > a.voice { width: 82px; height: 25px } ul.news_title_tools li > a.voice.onplay { width: 93px; height: 25px } ul.news_title_tools li > a.voice:after { width: 82px; height: 25px; background-position: -50px -500px } ul.news_title_tools li > a.voice.onplay:after { width: 93px; height: 25px; background: url('https://image.chosun.com/main/201803/icon_article_voiceplay.gif') no-repeat 0 0 } ul.news_title_tools li > a.scrap:after { background-position: 0 -500px } ul.news_title_tools li > a.scrap.saved:after { background-position: -25px -500px } ul.news_title_tools li > a.email:after { background-position: 0 -550px } ul.news_title_tools li > a.print:after { background-position: 0 -600px } ul.news_title_tools li > a.font:after { background-position: 0 -450px } ul.news_title_tools li > a.font:hover:after { background-position: -25px -450px } .font_set_box { position: absolute; visibility: hidden; width:265px; top: 0px; right: 00px; padding-top: 5px; z-index: 999 } .font_set { position: relative; padding: 20px 25px; box-sizing: border-box; background: #fff; border: solid 1px #d7d7d7 } .font_set:after { content: ' '; position: absolute; display: block; width: 10px; height: 6px; top: -6px; right: 7px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAMAAADNLv/0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTAwMjVCODIyNzRFMTFFODg5NzhERTcwMUQ3RTI1OEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTAwMjVCODMyNzRFMTFFODg5NzhERTcwMUQ3RTI1OEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMDAyNUI4MDI3NEUxMUU4ODk3OERFNzAxRDdFMjU4RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMDAyNUI4MTI3NEUxMUU4ODk3OERFNzAxRDdFMjU4RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr0pbW4AAAA2UExURd3d3fj4+Nzc3Pf39/Hx8dvb2+rq6uzs7PX19fz8/Pn5+dfX1+/v7/b29vPz89ra2v///////6lLwmAAAAASdFJOU///////////////////////AOK/vxIAAAA3SURBVHjaJIcJDgAgCMPmfYHA/z8rapMuHcxpdBcuRdk/t0wWvsklqfo1BOnqEAZW1kddR4ABAG5UAyyNSR8UAAAAAElFTkSuQmCC') no-repeat } .font_set dl { font-size: 13px; } .font_set dl + dl { margin-top: 20px } .font_set dl dt { display: inline; font-weight: bold; color: #000 } .font_set dl dd { display: inline; margin-left: 10px } .font_set dl dd a { position: relative; margin-left: 10px } .font_set dl dd a:before { content: ' '; display: inline-block; width: 20px; height: 20px; margin-right: 6px; background: url('https://image.chosun.com/main/201803/icon_common.png') no-repeat -177px -106px; vertical-align: middle } .font_set dl dd a.set:before { background: url('https://image.chosun.com/main/201803/icon_common.png') no-repeat -212px -106px;} .font_set dl.font_set_size dd a { display: inline-block; width: 24px; height: 24px; box-sizing: border-box; background: #fff; border: solid 1px #9b9b9b; line-height: 20px; color: #777; text-align: center; overflow: hidden; vertical-align: middle } .font_set dl.font_set_size dd a:hover { text-decoration: none; background: #f3f3f3 } .font_set dl.font_set_size dd a.set { background: #c51a18; border-color: #c51a18; color: #fff } .font_set dl.font_set_size dd a.set:hover { background: #c51a18 } .font_set dl.font_set_size dd a:before { display: none } .font_set dl dd a.fz_small { font-size: 9px } .font_set dl dd a.fz_middle { font-size: 11px } .font_set dl dd a.fz_big { font-size: 13px } .font_set dl dd a.fz_big2 { font-size: 15px } .font_set dl dd a.fz_big3 { font-size: 20px } .font_set dl dd a#ff_dotum_id { font-family: '����', Dotum } .font_set dl dd a#ff_malgun_id { font-family: '���� ���', 'Malgun Gothic' } ul.news_title_tools li > a.font:hover + .font_set, .font_set:hover {} .font_set_layer:hover > a.font:after { background-position: -25px -450px } /*����*/ .sticky_wrapper { clear: both; position: relative; min-width: 1196px; box-sizing: border-box } .news_article { float: left; width: 826px; margin-right: 40px; box-sizing: border-box } .news_body_all { position: relative } .news_left_aside { float: left; width: 186px; padding: 30px 0; box-sizing: border-box; z-index: 99 } ul.news_left_aside_sns { width: 186px } ul.news_left_aside_sns li { position: relative; height: 40px; margin-bottom: 10px; line-height: 40px } ul.news_left_aside_sns > li { z-index: 9 } /*ul.news_left_aside_sns > li:first-child + li { margin-bottom: 30px }*/ ul.news_left_aside_sns li a { position: relative; display: block; width: 40px; height: 40px; text-indent: 40px; color: #000; white-space: nowrap; font-size:0 } ul.news_left_aside_sns li a:before { content: ' '; position: absolute; display: block; width: 40px; height: 40px; top: 0; left: 0; margin: auto; background: url('https://image.chosun.com/main/201803/icon_article.png') no-repeat } ul.news_left_aside_sns li input { width: 10px; height: 10px; opacity: 0 } ul.news_left_aside_sns li a.count_cmt:before { background-position: 0 0} ul.news_left_aside_sns li a.count_like:before { background-position: 0 -50px} ul.news_left_aside_sns li a.share_fb:before { background-position: 0 -100px} ul.news_left_aside_sns li a.share_tw:before { background-position: 0 -150px} ul.news_left_aside_sns li a.share_kas:before { background-position: 0 -200px} ul.news_left_aside_sns li a.share_gp:before { background-position: 0 -250px} ul.news_left_aside_sns li a.share_nblog:before { background-position: 0 -300px} ul.news_left_aside_sns li a.share_url:before { background-position: 0 -350px} ul.news_left_aside_sns li a.share_more:before { background-position: 0 -400px} ul.news_left_aside_sns li a.count_cmt:hover:before { background-position: 0 0} ul.news_left_aside_sns li a.count_like:hover:before { background-position: -50px -50px} ul.news_left_aside_sns li a.share_fb:hover:before { background-position: -50px -100px} ul.news_left_aside_sns li a.share_tw:hover:before { background-position: -50px -150px} ul.news_left_aside_sns li a.share_kas:hover:before { background-position: -50px -200px} ul.news_left_aside_sns li a.share_gp:hover:before { background-position: -50px -250px} ul.news_left_aside_sns li a.share_nblog:hover:before { background-position: -50px -300px} ul.news_left_aside_sns li a.share_url:hover:before { background-position: -50px -350px} ul.news_left_aside_sns li a.share_more.vis:before { background-position: -50px -400px} ul.news_left_aside_sns li a .count { position: absolute; left: 50px; font-size: 15px; text-indent: 0; color: #222 } ul.news_left_aside_sns li a.count_cmt, ul.news_left_aside_sns li a.count_like { width: 100px } .news_left_aside_sns_more { opacity: 0; height: 0px; overflow: hidden; transition: ease all 0.4s; z-index: 7 } .news_left_aside_sns_more.vis { opacity: 1; height: 100px; overflow: visible } /* naver blog fix */ ul.news_left_aside_sns_v li img[src*="static.naver"] { display: none } ul.news_left_aside_sns_v { width: 186px } ul.news_left_aside_sns_v li { position: relative; height: 40px; margin-bottom: 10px; line-height: 40px } ul.news_left_aside_sns_v > li { z-index: 9 } ul.news_left_aside_sns_v > li:first-child + li { margin-bottom: 0px } ul.news_left_aside_sns_v li a { position: relative; display: block; width: 40px; height: 40px; text-indent: 40px; color: #000; white-space: nowrap; font-size:0 } ul.news_left_aside_sns_v li a:before { content: ' '; position: absolute; display: block; width: 40px; height: 40px; top: 0; left: 0; margin: auto; background: url('https://image.chosun.com/main/201803/icon_article.png') no-repeat } ul.news_left_aside_sns_v li input { width: 10px; height: 10px; opacity: 0 } ul.news_left_aside_sns_v li a.count_cmt:before { background-position: 0 0} ul.news_left_aside_sns_v li a.count_like:before { background-position: 0 -50px} ul.news_left_aside_sns_v li a.share_fb:before { background-position: 0 -100px} ul.news_left_aside_sns_v li a.share_tw:before { background-position: 0 -150px} ul.news_left_aside_sns_v li a.share_kas:before { background-position: 0 -200px} ul.news_left_aside_sns_v li a.share_gp:before { background-position: 0 -250px} ul.news_left_aside_sns_v li a.share_nblog:before { background-position: 0 -300px} ul.news_left_aside_sns_v li a.share_url:before { background-position: 0 -350px} ul.news_left_aside_sns_v li a.share_more:before { background-position: 0 -400px} ul.news_left_aside_sns_v li a.count_cmt:hover:before { background-position: 0 0} ul.news_left_aside_sns_v li a.count_like:hover:before { background-position: -50px -50px} ul.news_left_aside_sns_v li a.share_fb:hover:before { background-position: -50px -100px} ul.news_left_aside_sns_v li a.share_tw:hover:before { background-position: -50px -150px} ul.news_left_aside_sns_v li a.share_kas:hover:before { background-position: -50px -200px} ul.news_left_aside_sns_v li a.share_gp:hover:before { background-position: -50px -250px} ul.news_left_aside_sns_v li a.share_nblog:hover:before { background-position: -50px -300px} ul.news_left_aside_sns_v li a.share_url:hover:before { background-position: -50px -350px} ul.news_left_aside_sns_v li a.share_more.vis:before { background-position: -50px -400px} ul.news_left_aside_sns_v li a .count { position: absolute; left: 50px; font-size: 15px; text-indent: 0; color: #222 } ul.news_left_aside_sns_v li a.count_cmt, ul.news_left_aside_sns_v li a.count_like { width: 100px } .news_left_aside_sns_v_more { opacity: 0; height: 0px; overflow: hidden; transition: ease all 0.4s; z-index: 7 } .news_left_aside_sns_v_more.vis { opacity: 1; height: 100px; overflow: visible } /* naver blog fix */ ul.news_left_aside_sns_v li img[src*="static.naver"] { display: none } /* news body */ .news_body { float: left; width: 640px; box-sizing: border-box; font-size: 15px; line-height: 1.8; letter-spacing: -0.025em; word-break: keep-all } .news_body.fontset_dotum { font-family: '����', dotum } .news_body .news_date { margin: 20px 0; font-size: 14px; color: #999 } .news_body .news_subtitle { margin-bottom: 20px; font-size: 100%; font-weight: bold; color: #222 } .news_body .par { margin-bottom:10px; color: #222; word-break: break-all } .news_body .par:after { content: " "; display: block; font-size: 0; height: 0px; line-height: 0; clear: both } .news_body .par > p { margin-bottom:20px } .news_body .par > div { margin-bottom:20px } .news_body .par a { text-decoration:underline; color:#3560A7} .news_body .par hr { display:block; border: none; width:30px; height:1px; margin:45px auto; color: #222; background-color: #222; } .news_body a[href^="mms://chosun.lgcdn.com"] { display: block; position: relative } .news_body a[href^="mms://chosun.lgcdn.com"]:after { content: '(* ����� ���� mp3 �����̸�, �ڵ� �÷��̾ �������� �ʽ��ϴ�. PC � ������ ����� �� �ִ� �÷��̾ �־�� ����˴ϴ�.)'; display: block; font-size: 13px; line-height: 1.4; text-decoration: none; text-align: left; width: 490px; padding-left: 60px; letter-spacing: -1px} .news_body a[href^="https://cdndown.chosun.com"] { display: block; position: relative } .news_body a[href^="https://cdndown.chosun.com"]:after { content: '(* ����� ���� mp3 �����̸�, �ڵ� �÷��̾ �������� �ʽ��ϴ�. PC � ������ ����� �� �ִ� �÷��̾ �־�� ����˴ϴ�.)'; display: block; font-size: 13px; line-height: 1.4; text-decoration: none; text-align: left; width: 490px; padding-left: 60px; letter-spacing: -1px } /* news extensions */ .ext_embed { clear:both; position: relative; margin-top:30px; margin-bottom:20px;} .ext_embed span.desc { display:block; font-size:13px; line-height: 1.3; color:#999;} .ext_embed iframe[src*="/maps/"] { width: 640px!important; height: 350px!important } .ext_embed iframe[src*="youtube"] { width: 640px!important; height: 360px!important } .ext_embed.fixed { min-height: 360px } .ext_embed.fixed iframe[src*="youtube"] { position: fixed!important; bottom: 30px!important; left: 50%!important; margin-left: 268px!important; width: 330px!important; height: 186px!important; z-index: 998!important; animation: movani ease 0.6s } @keyframes movani { 0% { transform: translateY(20px); opacity: 0} 100% { transform: translateY(0px); opacity: 1} } .ext_quote { clear:both; position:relative; padding-top: 35px } .ext_quote blockquote { text-align:center; } .ext_quote blockquote p { margin-bottom:5px; font-family:'��������', ����, serif; font-size:1.133em; font-weight: bold; line-height:1.471 } .ext_quote blockquote p:before { content: '\201C'; position: absolute; top: 0; left: 50%; font-size: 60px; line-height: 1 } .ext_quote blockquote em { font-size:0.933em; color:#777 } .ext_rel_article { margin-bottom:10px; padding-top: 15px; padding-left: 0px; font-style:normal; overflow:hidden;} .ext_rel_article dl.ext_rel_item { clear:both; position:relative; margin-bottom:10px;} .ext_rel_article dl.ext_rel_item:before { content:''; width:3px; height:5px; display:none; background:url(https://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -250px -525px; position:absolute; top:50%; left:-10px; margin-top:-3px;} .ext_rel_article dl.ext_rel_item dd.thumb { } .ext_rel_article dl.ext_rel_item dd.thumb img { float:left; width:44px; height:44px; margin-right:15px; margin-bottom:15px;} .ext_rel_article dl.ext_rel_item dd.uptit { line-height:1;} .ext_rel_article dl.ext_rel_item dt { padding-top: 5px; font-size: 100%; font-weight: bold } .ext_rel_article dl.ext_rel_item dt a { border-bottom: solid 1px #717171; color:#222; text-decoration: none } .news_partitle, .ptit { position: relative; margin-top: 40px; padding: 12px 0 25px; font-size: 1.2em; font-weight: bold; line-height: 1.5 } .news_partitle:before, .ptit:before { content: ' '; position: absolute; display: block; top: 0; left: 0; width: 30px; height: 2px; background: #222 } .ext_timeline { margin: 20px 0; padding-left: 15px; padding-bottom: 1px; border-left: solid 2px #666; font-size: 100%; line-height: 1.3 } dl.ext_timeline_item {} dl.ext_timeline_item dt { margin-bottom: 5px; font-weight: normal } dl.ext_timeline_item dd {} dl.ext_timeline_item dd a { border-bottom: solid 1px #717171; font-weight: bold; text-decoration: none } /* news body - image box (from older css styles) */ .news_imgbox { width:640px; margin-bottom:20px;} .news_imgbox img { width:640px;} .news_imgbox figcaption { padding-top:8px; font-size:0.867em; line-height:1.3; color:#999; letter-spacing: -0.05em} .news_imgbox img + figcaption { padding-top:2px;} .news_imgbox.under600 { clear:both; width:300px; float:left; margin-right:20px; position:relative;} .news_imgbox.under600.right { float:right; margin-right:0; margin-left:20px;} .news_imgbox.under600.center { float:none; width:640px; margin-left:auto; margin-right:auto;} .news_imgbox.under600.center img { width:auto; max-width:640px;} .news_imgbox.under600 img { width:300px; } .news_imgbox.under300 { max-width:300px; width:auto; float:left; margin-right:20px; position:relative;} .news_imgbox.under300 img { max-width:300px; width:auto; } .news_imgbox.under300.right { float:right; margin-left:20px; margin-right:0;} .news_imgbox.heightlong { width:320px; float:left; clear:both; margin-left:-60px; margin-right:30px; position:relative;} .news_imgbox.heightlong img { width:320px;} .news_imgbox.heightlong.right { float:right; margin-left:30px; margin-right:0;} .news_imgbox.heightlong.center { clear:both; float:none; margin-left:auto; margin-right:auto;} .news_imgbox.heightlong.center img { width:auto;} .news_imgbox.heightlong.right img { width:auto;} .news_imgbox span.zoom_img { display:block; position:relative; line-height:0;} .news_imgbox span.zoom_img a {} .news_imgbox span.zoom_img a.zoom_clone { display:block; position:absolute; top:0px; left:0px; margin-left:-60px;} .news_imgbox.heightlong span.zoom_img a.zoom_clone { margin-left:0;} .news_imgbox span.zoom_img a.zoom_clone img { width:auto; max-width:1196px; position:relative; z-index:99; box-shadow:1px 1px 5px #888;} .news_imgbox span.zoom_img em { display:block; width:45px; height:45px; position:absolute; bottom:10px; right:10px; background:url(https://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -150px -300px; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;} .news_imgbox span.info_img { display:block; position:relative; line-height:0;} .news_imgbox span.info_img em { display:block; width:60px; height:60px; position:absolute; bottom:0px; left:0px; background:url(https://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -300px -350px;; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;} .news_imgbox.under600 span.zoom_img a.zoom_clone { margin-left:0;} .news_like { margin-bottom: 25px; font-size: 15px; text-align: center } .news_like a.count_like { position: relative; /*display: inline-block;*/ width: 40px; height: 40px; color: #fff; padding-top:10px; white-space: nowrap } .news_like a.count_like:before, ul.news_left_aside_sns li a.count_like:before { content: ' '; position: absolute; display: block; width: 40px; height: 40px; top: 0; left: 0; margin: auto; background: url('https://image.chosun.com/main/201803/icon_article.png') no-repeat 0 -50px } .news_like a.count_like:hover:before { background-position: -50px -50px } .news_like a.count_like.liked:before, ul.news_left_aside_sns li a.count_like.liked:before { background-position: -50px -50px; animation: ease likePop 0.4s } .news_like a.count_like.reliked:before, ul.news_left_aside_sns li a.count_like.reliked:before { background-position: -50px -50px; animation: none } @keyframes likePop { 0% { transform: scale(1.2) } 100% { transform: scale(1) } } .news_like a.count_like .count { color: #000 } .news_tag { margin-bottom: 30px } .news_tag h5 { display: none } ul.news_tag_list { font-size: 0 } ul.news_tag_list li { display: inline-block; margin-right: 10px; margin-bottom: 10px } ul.news_tag_list li a { display: block; height: 26px; padding: 0 15px; background: #eaeaea; font-size: 14px; color: #777; border-radius: 26px } .news_writers { margin-bottom: 30px; letter-spacing: -0.05em; display: none } dl.news_writers_link { display: inline; margin-right: 10px; color: #222 } dl.news_writers_link a { color: #777 } dl.news_writers_link dd.pic { display: inline-block; width: 30px; height: 30px; margin-right: 5px; border-radius: 100%; overflow: hidden; background: #f2f2f2; vertical-align: middle} dl.news_writers_link dd.pic img { width: 30px; height: 30px; } dl.news_writers_link dt { display: inline; margin-right: 5px; line-height: 30px } dl.news_writers_link dd.link_channel { display: inline; line-height: 30px } dl.news_writers_link dd.link_follow { display: inline; line-height: 30px } dl.news_writers_link dd.link_follow a { color: #000 } dl.news_writers_link dd.link_follow:before { content: ' '; display: inline-block; width: 15px; height: 15px; margin-right: 3px; background: url('https://image.chosun.com/main/201803/icon_article.png') no-repeat -175px -50px; vertical-align: middle; } dl.news_writers_link dd.link_follow.followed a { color: #777 } dl.news_writers_link dd.link_follow.followed:before { background-position: -150px -50px } .news_lang { margin-bottom: 30px; letter-spacing: -0.05em } ul.news_lang_list li { display: inline; margin-right: 25px } dl.news_writers_link dd.link_channel:after, ul.news_lang_list li:after { content: ' '; display: inline-block; width: 5px; height: 9px; margin-left: 10px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJCAMAAADNcxasAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTc0NkUzMUQyQ0QzMTFFODkzNEY5QkRGN0U5OTVDOTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTc0NkUzMUUyQ0QzMTFFODkzNEY5QkRGN0U5OTVDOTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NzQ2RTMxQjJDRDMxMUU4OTM0RjlCREY3RTk5NUM5MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NzQ2RTMxQzJDRDMxMUU4OTM0RjlCREY3RTk5NUM5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjJl/kQAAAAGUExURQAAAP///6XZn90AAAACdFJOU/8A5bcwSgAAAB9JREFUeNpiYGAEAgZGBjAJRVA+IwOczQBXA5YACDAABAAAJdiXdxoAAAAASUVORK5CYII=') no-repeat } .news_rel { margin-bottom: 30px } .news_rel h4 { font-size: 15px; font-weight: normal; color: #777 } .news_rel dl { margin-top: 11px } .news_rel dl dd.thumb { display: none } .news_rel dl dt a { position: relative; display: block; padding-left: 18px; font-size: 18px; line-height: 1.3; font-weight: bold; color: #222; letter-spacing: -0.05em } .news_rel dl dt a:before { content: ' '; position: absolute; display: block; top: 10px; left: 0; width: 7px; height: 7px; margin-right: 9px; box-sizing: border-box; border-left: solid 2px #c5c5c5; border-bottom: solid 2px #c5c5c5; vertical-align: middle } .news_rel dl dt span, .news_rel dl dt em { display: none } dl.news_rel_series {} dl.news_rel_series dt {} dl.news_rel_series dt a { font-weight: bold } dl.news_rel_series dd { margin-bottom: 3px } dl.news_rel_series dd a { position: relative; color: #222 } dl.news_rel_series dd a:before { content: ' '; display: inline-block; width: 7px; height: 7px; margin-right: 9px; box-sizing: border-box; border-left: solid 2px #c5c5c5; border-bottom: solid 2px #c5c5c5; vertical-align: middle } .news_rel dd.rel_ad:before {float:left; vertical-align:top; content:''; width:13px; height:22px; margin-right:4px; margin-top:4px; display:inline-block;background:url('https://health.chosun.com/images/2015/csh_main_ico_3.png') no-repeat } .news_rel dd.rel_ad a { font-size:14px; color:#222;} .news_rel dd.rel_pd a { font-size:14px; color:#222;} .news_rel dd.rel_ad {margin-top:2px;margin-bottom:8px; font-size:14px; color:#222;} .news_rel dd.rel_pd {margin-top:2px;margin-bottom:8px; font-size:14px; color:#222;} .news_rel dd.rel_ad_first {margin-top:10px; margin-bottom:8px;font-size:14px; color:#222;} .news_rel dd.rel_ad_first:before {float:left; vertical-align:top; content:''; width:13px; height:22px; margin-right:4px; margin-top:4px; display:inline-block;background:url('https://health.chosun.com/images/2015/csh_main_ico_3.png') no-repeat } /* font setting styles */ .fz_set_small, .fz_set_small .par { font-size: 13px } .fz_set_big, .fz_set_big .par { font-size: 19px } .fz_set_big2, .fz_set_big2 .par { font-size: 23px } .fz_set_big3, .fz_set_big3 .par { font-size: 27px } .ff_set_dotum, .ff_set_dotum .par { font-family: '����',Dotum } .fz_set_small dl.cmt_comment .cmt_txt { font-size: 13px } .fz_set_big dl.cmt_comment .cmt_txt { font-size: 19px } .fz_set_big2 dl.cmt_comment .cmt_txt { font-size: 23px } .fz_set_big3 dl.cmt_comment .cmt_txt { font-size: 27px } .ff_set_dotum dl.cmt_comment .cmt_txt { font-family: '����',Dotum } /* news cmt */ .news_cmt {} /* news comment 100 */ .news_comment { clear:both; width:auto; padding:20px 0 30px; position:relative; border-top:solid 1px #000; overflow:hidden; } .news_title + .news_comment { border-top:0;} .news_comment .sec_tit { float:left; width:186px; position:relative} .news_comment .sec_tit h3 { margin-bottom:10px; padding-left:5px; padding-right:10px; font-size:20px; font-weight:bold; color:#000; letter-spacing:-0.05em;} .news_comment .sec_tit em.cmt_count { position: relative; display: block; padding-left: 30px; font-size:15px; line-height: 20px; color: #000 } .news_comment .sec_tit em.cmt_count:before { content: ' '; position: absolute; display: block; top: 0; left: 0; width: 25px; height: 25px; background: url('https://image.chosun.com/main/201803/icon_article.png') no-repeat -100px 0 } .news_comment .sec_tit #cmt_today_help_trig { font-size:10px; display:block;} .news_comment .sec_tit .cmt_today_help { display:none;position:absolute;top:19px;left:0;font-size:12px;color:#666;padding:5px 6px 6px 8px;font-weight:normal;border:1px solid #d7d7d7;background:#fff;width:234px;z-index:999;} .news_comment .sec_tit a:hover {color:#fff} .news_comment .sec_con { position:relative; float:left; width:640px; padding:0; padding-right:0 } .news_comment .sec_sub { float:left; width:320px; margin-top:-10px; padding-left:19px;} .news_comment:after, .sec_tit:after, .sec_con:after, .sec_sub:after { content: "."; display: block; font-size: 0; height: 0px; line-height: 0; clear: both; } .news_comment a.sec_close { width:25px; height:25px; display:none; position:absolute; top:0px; right:0px; background:red;} .news_comment .sec_closed { overflow:hidden; } .news_comment .sec_closed a.sec_close { background:blue} .news_comment .sec_closed .sec_con, .news_comment.sec_closed .sec_sub, .news_comment .sec_closed ul.sec_tit_sub { display:none;} body > .sec_sub { line-height:0} ul.sec_tit_sub { position:absolute; width:115px; padding-right:19px; bottom:30px; left:0px; text-align:right;} ul.sec_tit_sub li { line-height:24px;} ul.sec_tit_sub li a { font-size:12px; color:#888;} /* news comment 100 body */ .cmt_title { margin-bottom:18px; padding-bottom:10px; border-bottom:solid 1px #666; font-size:18px; line-height:20px; color:#222; } .cmt_today_title { text-align:center; border-bottom:solid 1px #909090; padding-bottom:10px; margin-bottom:10px} .cmt_today_title .cmt_today { font-size:20px; font-weight:bold; color:#222; } .cmt_today_title .cmt_today_prev a { background:url(https://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -300px -575px; width:7px; height:18px; text-indent:-9999px; display:inline-block; padding:0; vertical-align:middle; margin-right:5px; } .cmt_today_title .cmt_today_next a { background:url(https://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -325px -575px; width:7px; height:18px; text-indent:-9999px; display:inline-block; padding:0; vertical-align:middle; margin-left:5px; } .cmt_today_title .cmt_today_cal { position:relative; margin-left:10px;} .cmt_today_title .cmt_today_cal > a { background:url(https://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -325px -550px; width:19px; height:19px; text-indent:-9999px; display:inline-block; padding:0; vertical-align:middle; } #cmt_today_cal_layer_id { position:absolute; padding:5px; top:14px; left:0px; background:#fff; border:solid 1px #ccc; display:none;} #cmt_today_cal_layer_id.open { display:block;} #cmt_today_cal_layer_id table { width:170px; font-size:13px; font-weight:normal; } #cmt_today_cal_layer_id table tr {} #cmt_today_cal_layer_id table td { text-align:center;} #cmt_today_cal_layer_id table td.f_yeaMonth { font-size:14px; font-weight:bold; padding-bottom:5px;} #cmt_today_cal_layer_id table .f_title { display:none;} .cmt_today_title .cmt_today_gotoday { font-size:12px; font-weight:normal;} .cmt_title .cmt_user_name {} .cmt_title .cmt_user_id { font-weight:normal; color:#666;} .cmt_title em { color:#c51917;} .cmt_top_btn { position:relative; margin-bottom:15px; font-size: 15px } ul.cmt_order {} ul.cmt_order li { display:inline; margin-right:10px;} ul.cmt_order li a { color:#777;} ul.cmt_order li a.current { color:#c01919; font-weight:bold;} .cmt_font_sz { width:46px; position:absolute; top:00px; right:0px;} .cmt_font_sz a { width:23px; height:22px; display:block; float:left; background:url(https://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -150px -550px; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; cursor:pointer;} .cmt_font_sz a + a { background-position:-173px -550px;} .cmt_body {} .cmt_box { padding-top:15px; border-bottom:solid 1px #eaeaea;} /* one comment */ .cmt_reply { padding:10px 20px 10px; background:#f8f8f8; border-top:solid 1px #eaeaea;} .cmt_reply dl.cmt_comment:before { content:''; width:7px; height:7px; position:absolute; left:0px; top:14px; background:url(https://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -100px -300px;} /* reply to one comment */ .cmt_go_all { padding-top:16px; padding-bottom: 30px; text-align:right; font-weight:bold; font-size:15px} .cmt_go_all span.light { font-weight:normal; color:#666;} #contents .cmt_go_all a:after { content:''; display:inline-block; width:3px; height:5px; background:url(https://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -225px -500px; vertical-align:middle; margin-left:4px;} .cmt_go_all em { margin-left:1px; color:#c41a1a;} .cmt_reply_more { text-align:center; margin-top:8px; margin-bottom:10px;} .cmt_reply_more:after { content:''; display:inline-block; width:3px; height:5px; margin-left:5px; vertical-align:middle; background:url(https://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -225px -500px;} .cmt_reply_more a { font-weight:bold;} .cmt_reply_more a em { color:#c41a1a;} .cmt_pager { padding:15px 0; text-align:center; font-size:13px; } .cmt_pager li { display:inline;} .cmt_pager li a, .cmt_pager li strong { padding:3px 10px; border:solid 1px #fff;} .cmt_pager li .current { color:#c41a1a; font-weight:bold; text-decoration:underline;} .cmt_pager li a:hover { text-decoration:none; border:solid 1px #c41a1a} .cmt_pager li a.cmt_pager_prev { background:url(https://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -300px -575px; width:7px; height:13px; text-indent:-9999px; display:inline-block; padding:0; vertical-align:middle; } .cmt_pager li a.cmt_pager_next { background:url(https://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -325px -575px; width:7px; height:13px; text-indent:-9999px; display:inline-block; padding:0; vertical-align:middle; } /* fix! */ .cmt_top_btn ul.news_title_tools { bottom: auto; top: 0 } dl.cmt_comment .cmt_thumb { background: url('https://image.chosun.com/main/201803/icon_article.png') no-repeat -100px -200px } .cmt_go_all { font-weight: normal; color: #000 } .cmt_go_all em { font-weight: bold; color: #000 } /*.cmt_go_all em:after { content: '��'}*/ .cmt_write { border: solid 0px #d7d7d7 } .cmt_txt_input { margin-top: 0; overflow: hidden; border: solid 1px #d7d7d7 } .cmt_txt_input textarea.cmt_form_textarea { border: 0; border-bottom: solid 1px #eaeaea } .cmt_txt_input_count { float: right; margin-right: 10px; font-size: 15px; line-height: 40px; color: #777 } .cmt_txt_input input.cmt_form_submit_btn { border: 0 } .cmt_txt_input:hover input.cmt_form_submit_btn, .cmt_txt_input textarea.cmt_form_textarea:focus + input.cmt_form_submit_btn { color: #e5e5e5 } ul.cmt_help { position: static; width: auto; padding-right: 0; bottom: auto; left: auto; } ul.cmt_help li { display: inline } ul.cmt_help li + li:before { content: ' '; display: inline-block; width: 1px; height: 14px; margin: 0 7px; background: #eaeaea; vertical-align: middle } ul.cmt_help li a { font-size: 13px } .u_logout { padding-bottom: 10px; font-size: 0; overflow: hidden } .u_logout > strong { float:left; font-size: 16px } .u_logout > strong:after { content: '��'; font-weight: normal } .u_logout > a { float:right; font-size: 16px } dl.cmt_comment { position:relative } .cmt_reply dl.cmt_comment { padding-left:15px;padding-bottom:17px} dl.cmt_comment .cmt_thumb { width:28px; height:28px; margin-right:10px; margin-bottom:6px; position:relative; float:left;} dl.cmt_comment .cmt_thumb img { width:28px; height:28px; border-radius:17px} dl.cmt_comment .cmt_thumb span { width:14px; height:14px; display:block; position:absolute; bottom:0px; right:0px;} dl.cmt_comment .cmt_thumb span.fb { background: url(https://image.chosun.com/main/201803/icon_article.png) no-repeat -150px -300px; } dl.cmt_comment .cmt_thumb span.tw { background:url(https://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -250px -475px; } dl.cmt_comment .cmt_thumb span.gp { background: url(https://image.chosun.com/main/201803/icon_article.png) no-repeat -200px -300px; } dl.cmt_comment .cmt_user_name { float: left; margin-bottom:2px; font-size:15px; font-weight:bold; line-height:28px; color:#222; } dl.cmt_comment .cmt_user_name a { margin-right:3px; color:#222;} dl.cmt_comment .cmt_user_name .cmt_user_id {} dl.cmt_comment .cmt_date_control { float: left; white-space:nowrap; font-size:13px; line-height: 28px; color:#999;} dl.cmt_comment .cmt_date_control span { letter-spacing:0; margin:0 3px; color:#888} dl.cmt_comment .cmt_date_control span.cmt_time { margin-right:10px;} dl.cmt_comment .cmt_date_control a { color:#888; } dl.cmt_comment .cmt_date_control a.go_logout { text-decoration:underline;} dl.cmt_comment .cmt_date_control .cmt_mobile { width:7px; height:10px; display:inline-block; font-size:0; text-indent:-9999; overflow:hidden; background: url(https://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -200px -575px;} dl.cmt_comment .cmt_date_control > a { position: absolute; top: 0; right: 0; color:#777; } dl.cmt_comment .cmt_news_tit { clear:both; padding-bottom:5px} dl.cmt_comment .cmt_news_tit a { font-size:14px; color:#222;} dl.cmt_comment .cmt_txt { clear:both; margin-bottom:12px; font-size:15px; line-height:1.533; color:#000; overflow: visible!important } dl.cmt_comment .cmt_reply_link { position:relative; margin-bottom:11px; font-size:14px; color:#000} dl.cmt_comment .cmt_reply_link a { color:#222; } dl.cmt_comment .cmt_reply_link a.cmt_reply_now:after { content:''; width:5px; height:3px; background:url(https://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -200px -525px; margin-left:5px; display:inline-block; vertical-align:middle; } dl.cmt_comment .cmt_reply_link a.cmt_reply_write:after { content:''; width:5px; height:3px; background:url(https://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -200px -525px; margin-left:3px; display:inline-block; vertical-align:middle; display: none } dl.cmt_comment .cmt_reply_link .cmt_yesno_box { position:absolute; top:0px; right:2px; white-space:nowrap;} dl.cmt_comment .cmt_reply_link span { width:14px; height:14px; display:inline-block; background:url('https://image.chosun.com/main/201803/icon_article.png') no-repeat; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; vertical-align:middle;} dl.cmt_comment .cmt_reply_link span.fb { width:18px; height:18px; background-position:-325px -450px;} dl.cmt_comment .cmt_reply_link span.tw { width:18px; height:18px; background-position:-325px -475px;margin-left: 4px;} dl.cmt_comment .cmt_reply_link span.gp { width:18px; height:18px; background-position:-325px -500px;} dl.cmt_comment .cmt_reply_link a.cmt_reply_write, dl.cmt_comment .cmt_reply_link a.cmt_reply_now, dl.cmt_comment .cmt_reply_link .cmt_reply_yes, dl.cmt_comment .cmt_reply_link .cmt_reply_no { display: inline-block; height: 30px; padding: 0 10px; box-sizing: border-box; border: solid 1px #ccc; color: #777; line-height: 26px } dl.cmt_comment .cmt_reply_link a.cmt_reply_write, dl.cmt_comment .cmt_reply_link a.cmt_reply_now { color: #000 } dl.cmt_comment .cmt_reply_link .cmt_reply_yes span { margin-right:3px; background-position:-150px -200px;} dl.cmt_comment .cmt_reply_link .cmt_reply_no span { margin-right:3px; background-position:-175px -200px;} dl.cmt_comment .cmt_reply_link .cmt_reply_yes { margin-left:15px; margin-right:10px; color:#777} dl.cmt_comment .cmt_reply_link em { font-weight: bold; color:#000 } dl.cmt_comment .cmt_export { margin-top:9px; overflow: hidden } dl.cmt_comment .cmt_export .fl_left { float: left } dl.cmt_comment .cmt_export .fl_right { float: right } dl.cmt_comment .cmt_export .fl_right ul.cmt_help { padding-top: 0 } dl.cmt_comment .cmt_export strong:after { content:''; display:inline-block; width:3px; height:5px; background:url(https://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -225px -500px; margin-left:4px;} dl.cmt_comment .cmt_export span { display:inline-block; margin-right:5px; vertical-align:middle;} dl.cmt_comment .cmt_export span a { width:18px; height:18px; display:block; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; background:url(https://image.chosun.com/main/201505/cs_art_ico.png) no-repeat; vertical-align:middle;} dl.cmt_comment .cmt_export span.fb a { background-position:-300px -450px} dl.cmt_comment .cmt_export span.tw a { background-position:-300px -475px} dl.cmt_comment .cmt_export span.gp a { background-position:-300px -500px} dl.cmt_comment .cmt_export span.fb a.selected { background-position:-325px -450px} dl.cmt_comment .cmt_export span.tw a.selected { background-position:-325px -475px} dl.cmt_comment .cmt_export span.gp a.selected { background-position:-325px -500px;} dl.cmt_comment .cmt_export span a { width:21px; height:21px; display:block; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; background:url("https://image.chosun.com/main/201803/icon_article.png") no-repeat; vertical-align:middle; cursor:pointer; /*transition:background 0.4s ease-out;*/} dl.cmt_comment .cmt_export span.fb a {background-position: -150px -274px;} dl.cmt_comment .cmt_export span.fb:hover a{background-position: -150px -249px;} dl.cmt_comment .cmt_export span.tw a { background-position:-175px -274px} dl.cmt_comment .cmt_export span.tw:hover a{background-position: -175px -249px;} dl.cmt_comment .cmt_export span.fb a.selected{background-position: -150px -249px;} dl.cmt_comment .cmt_export span.tw a.selected { background-position:-175px -249px} .cmt_txt_input { clear:both; position:relative; line-height:0; margin-top:36px;} .cmt_reply .cmt_txt_input { margin-top:0;} dl.cmt_comment .cmt_date_control + #ifr_com_table > .cmt_txt_input { margin-top:0;} .cmt_txt_input textarea.cmt_form_textarea { width:100%; height:78px; display:block; padding:7px 9px; border:solid 1px #d7d7d7; box-sizing: border-box; font-family: '���� ���', '����', Arial, Helvetica, sans-serif; font-size:15px; line-height:1.533; overflow-y:auto; position:relative; z-index:3; color:#777; resize:vertical; box-sizing: border-box;} .cmt_txt_input textarea.cmt_form_textarea:focus, .cmt_txt_input textarea.cmt_form_textarea:hover { color:#222;} .cmt_txt_input input.cmt_form_submit_btn { float: right; width:70px; height:40px; background:#666; border:solid 1px #d7d7d7; font-size:15px; font-weight:bold; line-height: 40px; color:#fff; text-align:center; cursor:pointer; z-index:2; -webkit-appearance: none;} .cmt_txt_input:hover input.cmt_form_submit_btn { color:#C41A1A;} .cmt_txt_input textarea.cmt_form_textarea:focus + input.cmt_form_submit_btn {color:#C41A1A;} .cmt_txt_input input.cmt_form_submit_btn:focus { z-index:4;} .cmt_many {} dl.cmt_many_news { clear:both; padding:15px 0; overflow:hidden; border-bottom:solid 1px #eaeaea; position:relative;} dl.cmt_many_news dt { margin-bottom:8px; font-size:17px; font-weight:bold; color:#222;} dl.cmt_many_news dt a {} dl.cmt_many_news dd.thumb { float:left; margin-right:10px; line-height:0} dl.cmt_many_news dd.thumb img { max-width:110px; max-height:80px} dl.cmt_many_news dd.data { font-size:12px; color:#dadada} dl.cmt_many_news dd.data span { color:#888; } dl.cmt_many_news dd.count { position:absolute; top:15px; right:0px; letter-spacing:0; padding:0px 14px; border:solid 1px #d9d9d9; font-size:12px; color:#c21914; border-radius:10px; } dl.cmt_many_news dd.count:before { content:''; display:inline-block; width:16px; height:14px; background:url(https://image.chosun.com/main/201505/cs_art_ico.png) no-repeat -100px -100px; vertical-align:middle; margin-right:4px;} ul.cmt_help { position:absolute; width:115px; padding-top: 10px; padding-right:19px; bottom:0px; left:-126px; text-align:right;} ul.cmt_help li { line-height:24px;} ul.cmt_help li a { font-size:12px; color:#888;} .cmt_sns_icon{position: absolute; right:123px;top:3px;} .cmt_sns_icon a{display:inline-block; width:21px; height:21px; margin-right:4px; overflow:hidden; background:url("https://image.chosun.com/main/201803/icon_article.png") no-repeat; vertical-align:middle;} .cmt_sns_icon a.fb{background-position:-150px -250px;} .cmt_sns_icon a.tw{background-position:-175px -250px;} dl.cmt_comment .cmt_sns_icon em{font-size:13px; line-height:1.1em; color:#777; letter-spacing:-0.05em; position: relative; top:2px; font-weight:normal;} .ad_mid_box {padding: 20px 0 20px 186px; /*text-align: center;*/ } /* �Ƿ�贺�� �ǽð����� �����̵� */ .realtimeArea {max-width:640px; clear:both; height:40px; background:#C51917; border:1px solid #C51917; position:relative; overflow:hidden;} .realtimeArea:after {content:'';display:block;clear:both;} .realtimeArea h4 {width:81px; float:left; padding:9px 0 0 6px;} .realtimeArea .realtimeNews {width:460px; padding-right:75px; float:right;} .realtimeNews li {width:230px; height:38px; padding:0 10px 0 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; color:#fff;} .realtimeNews li a {line-height:38px;font-size:15px; color:#fff; font-weight:bold; letter-spacing:-1px;} .realtimeArea .bx-wrapper2 {position:relative; max-width: 500px;} .realtimeArea .bx-controls {position:absolute; top:2px; right:14px} .realtimeArea .bx-controls .art-controls-direction{position:absolute;} .realtimeArea .art-controls-direction .bx_healthcare_prev { position: absolute; right: -57px; top: 8px; outline: 0 none; text-indent: -9999px; z-index: 9999; width: 17px; height: 17px; background: url(https://health.chosun.com/images/2016/icon_slideprev.png) no-repeat left top;} .realtimeArea .art-controls-direction .bx_healthcare_next { position: absolute; right: -75px; top: 8px; outline: 0 none; text-indent: -9999px; z-index: 9999; width: 17px; height: 17px; background: url(https://health.chosun.com/images/2016/icon_slidenext.png) no-repeat left top;} #newsq_toggle_add { font-size: 11px; color: #222; cursor: pointer; position: absolute; top: 10px; right: 11px; } .subTitle2016 {font-size:18px;font-weight:bold; padding-bottom:10px;} .subTitle2016 img {padding-right: 0.2em; vertical-align: middle;} /*�Ƿ�贺��*/ .contents_newsq { border:solid 1px #d7d7d7; margin-top:40px; margin-bottom:30px; display:inline-block; clear: both} .contents_newsq h5 { color:#ff0000; height:30px; padding-left:20px; font-size:16px; font-weight:bold; line-height:26px; background:#efefef; border-bottom:solid 1px #d7d7d7; position:relative; } .contents_newsq .m_title { color:#ae3f3f; height:38px; padding-left:20px; font-size:16px; font-weight:bold; line-height:38px; background:#efefef; border-bottom:solid 1px #d7d7d7; position:relative; } dl.contents_newsq_item { margin:0 auto; width:600px;} dl.contents_newsq_item dd.thumb { float:left; margin-top:6px; margin-left:14px;margin-right:10px; line-height:0;margin-bottom:14px;} dl.contents_newsq_item dd.thumb img { width:160px; height:115px; border:1px solid #d7d7d7;} dl.contents_newsq_item dt {color:#222;font-size:16px; font-weight:bold; color:#222; margin:12px 0;} dl.contents_newsq_item dt.tsmall { font-size:12px; color:#999;margin:0 10px; 0 0;} dl.contents_newsq_item dt.rel:before{ content:''; width:7px; height:7px; margin-right:5px; display:inline-block; background:url('https://health.chosun.com/images/2015/csh_main_ico_2.png') no-repeat -200px 0px;} dl.contents_newsq_item dt.rel a { font-size:12px; color:#999;} .contents_2line {border-left:solid 1px #d7d7d7; border-right:solid 1px #d7d7d7; border-bottom:solid 1px #d7d7d7; /*width:638px; */display:inline-block; } .contents_2line:after {content:'';display:block;clear:both;} .contents_2line_left { width:299px;float:left } .contents_2line_right {width:3px; float:left} .contents_news_left { padding-bottom:15px; width:319px; border-right:1px solid #d7d7d7;float:left;} .contents_news_left h5 { color:#ae3f3f; height:30px; padding-left:20px; font-size:16px; font-weight:bold; line-height:26px; background:#efefef; border-bottom:solid 1px #d7d7d7; position:relative; } .contents_news_left h5 a {color:#000;} .contents_news_left h5 span.red { color:#cc0710} .contents_news_left div { } .contents_news_left ul { overflow:hidden;} .contents_news_left ul li { margin:0; padding:0;} .contents_news_right { padding-bottom:15px; width:318px; float:left;} .contents_news_right h5 { color:#ae3f3f;height:30px; padding-left:20px; font-size:16px; font-weight:bold; line-height:26px; background:#efefef; border-bottom:solid 1px #d7d7d7; position:relative; } .contents_news_right h5 a {color:#ae3f3f;} .contents_news_right h5 span.red { color:#cc0710} .contents_news_right div { } .contents_news_right ul { overflow:hidden;} .contents_news_right ul li { width:299px; margin:0; padding:0;} .contents_2line_left .contents_news_left_last { padding-bottom:15px; width:298px;} .contents_2line_left .contents_news_left_last h5 { color:#ae3f3f;height:30px; padding-left:20px; font-size:16px; font-weight:bold; line-height:30px; background:#efefef; border-bottom:solid 1px #d7d7d7; border-bottom:solid 1px #d7d7d7; position:relative; } .contents_2line_left .contents_news_left_last h5 a {color:#000;} .contents_2line_left .contents_news_left_last ul { overflow:hidden;} .contents_2line_left .contents_news_left_last ul li { width:299px; margin:0; padding:0;} .contents_2line_left .contents_news_left_last01 { padding-bottom:15px;width:298px;} .contents_2line_left .contents_news_left_last01 h5 { color:#ae3f3f; height:30px; padding-left:20px; font-size:16px; font-weight:bold; line-height:30px; background:#efefef; border-top:solid 1px #d7d7d7; border-bottom:solid 1px #d7d7d7; position:relative; } .contents_2line_left .contents_news_left_last01 h5 a {color:#000;} .contents_2line_left .contents_news_left_last01 ul { overflow:hidden;} .contents_2line_left .contents_news_left_last01 ul li { width:299px; margin:0; padding:0;} .contents_2line_right .contents_news_left_last { padding-bottom:20px;width:299px;border-left:1px solid #d7d7d7;} .contents_2line_right .contents_news_left_last h5 { color:#ae3f3f;height:30px; padding-left:20px; font-size:16px; font-weight:bold; line-height:30px; background:#efefef; border-bottom:solid 1px #d7d7d7; position:relative; } .contents_2line_right .contents_news_left_last h5 a {color:#000;} .contents_2line_right .contents_news_left_last h5 span.red { color:#cc0710} .contents_2line_right .contents_news_left_last div { } .contents_2line_right .contents_news_left_last ul { overflow:hidden;} .contents_2line_right .contents_news_left_last ul li { width:299px; margin:0; padding:0;} dl.contents_news_left_item { width:299px; overflow:hidden; } dl.contents_news_left_item dt { margin:0 0 0px 15px; font-size:14px; font-weight:bold; color:#222;} dl.contents_news_left_item dt.fir{ margin:15px 0 0px 15px; font-size:14px; font-weight:bold; color:#222;} dl.contents_news_left_item dt.tsmall { margin:8px 0 0px 15px; font-size:12px; color:#333;} dl.main_column_news_item { width:299px; overflow:hidden; } dl.main_column_news_item dt { margin:15px 0 0px 15px; font-size:16px; font-weight:bold; color:#ae3f3f;} dl.main_column_news_item dt a { color:#ae3f3f;} dl.main_column_news_item dt.tsmall { margin:0 0 0px 8px; font-size:12px; color:#333; line-height:20px;} dl.main_column_news_item dt.tsmall a{ font-size:12px; color:#333;} dl.main_column_news_item dd.thumb { float:left; margin-top:8px; margin-left:15px; margin-right:6px; line-height:0;} dl.main_column_news_item dd.thumb img { width:79px; height:79px;} #new_center_600_ad_2015f{ clear:both; margin-top:20px; margin-bottom:10px; width:530px;height:94px;margin:20px auto;} /*��Ʈ�� ���*/ .new_center_mtree_banner{clear:both;width:638px;} .new_center_mtree_banner .new_mtree_box{width:560px; clear:both; margin: 0px auto} .new_center_mtree_banner .new_mtree_box .new_mtree_img{position:relative; border:3px solid #e3e3e3; width:93px; height:81px; line-height:14px; } .new_center_mtree_banner .new_mtree_box .new_mtree_img .new_mtree_img_mm{position:absolute;left:5px; top:-10px;} .new_center_mtree_banner .new_mtree_box li{width:110px;text-align:center; line-height:18px;color:#ba3433; font-weight:bold; letter-spacing:-1px; line-height:16px;padding-top:0px;} .new_center_mtree_banner .new_mtree_box ul{ width:99px; float:left; padding:20px 20px; } /* news aside(right) */ .news_aside { float: left; width: 330px; padding-top: 20px; padding-bottom: 20px; will-change: min-height; box-sizing: border-box} .news_aside_inner { position: relative; transform: translate(0, 0); transform: translate3d(0, 0, 0); will-change: position, transform } .news_aside h3.aside_box_title { position: relative; height: 35px; border-bottom: solid 2px #222; font-size: 15px; line-height: 35px; color: #000 } .news_aside h3.aside_box_title > .more { float: right } .news_aside h3.aside_box_title > .more > a { margin-left: 5px; font-size: 13px; font-weight: normal; color: #777 } .news_aside h3.aside_box_title > .more > a.current { font-weight: bold; color: #000 } .aside_sec_head_news {} .aside_rank_news { margin-bottom: 20px } .aside_rank_news h3.aside_box_title { margin-bottom: 0 } .aside_pan_news { margin-bottom: 20px } .aside_list_thumb { position: relative; border: solid 1px #d7d7d7; border-top: 0 } .aside_list_thumb dl { height: 78px; margin: 0 14px; padding: 0; box-sizing: border-box; border-top: solid 1px #eaeaea } .aside_list_thumb dl:first-child { border-top: 0 } .aside_list_thumb dl dd.thumb { float: right; max-width: 87px; height: 50px; margin: 14px 0 14px 5px; overflow: hidden } .aside_list_thumb dl dd.thumb img { height: 50px; max-width: 87px } .aside_list_thumb dl dt { display: table; height: 100%; font-size: 15px; word-break: keep-all } .aside_list_thumb dl dt > span, .aside_list_thumb dl dt > a { display: table-cell; vertical-align: middle } .aside_list_thumb dl dt em { font-size: 13px; color: #777 } .aside_list_thumb dl dt em:after { content: '\A'; white-space: pre } .aside_list_thumb dl dt span > a { display: block; max-height: 2.6em; overflow: hidden } .aside_list_thumb .bx-wrapper { margin-bottom: 0px } .aside_list_thumb .bx-controls { position: absolute; top: 0; right: 0 } .aside_pan_news .aside_list_thumb .bx-controls { position: absolute; top: -28px; right: 0 } .aside_list_rank_right { padding: 10px 14px; border: solid 1px #d7d7d7; border-top: 0 } .aside_list_rank_right ul { counter-reset: aside_rank } .aside_list_rank_right ul li { position: relative; padding-left: 25px; font-size: 15px; line-height: 2.2; color: #000; white-space: nowrap; text-overflow: ellipsis; counter-increment: aside_rank; overflow: hidden } .aside_list_rank_right ul li:first-child, .aside_list_rank_right ul li:nth-child(2), .aside_list_rank_right ul li:nth-child(3) { font-weight: bold } .aside_list_rank_right ul li:before { content: counter(aside_rank); position: absolute; left: 0; margin-right: 15px; font-size: 16px; font-weight: bold } .aside_list_rank_right ul li:first-child:before { color: #c01919 } .aside_list_rank_right ul li a {} .aside_list_rank_right ul li:first-child:before, .aside_list_rank_right ul li:nth-child(2):before, .aside_list_rank_right ul li:nth-child(3):before { color: #c01919 } /* hash box from main */ .hash_box {position:relative; width:330px; height:318px; overflow:hidden} .hash_box .bx-wrapper { background: none } .hash_box .bx-viewport {padding:21px 25px 0 25px; width: 280px !important; } .hash_box .bx-controls {position:absolute; top:27px; right:14px} .hash_box .bx-controls-direction {float:right; margin-left:6px} .hash_box .bx-controls-direction .bx-prev {background-position: 0 -21px; text-indent:-9999px; cursor: pointer;} .hash_box .bx-controls-direction .bx-next {right:16px; background-position: -17px -21px; text-indent:-9999px; cursor: pointer;} .page_num {position:absolute; top:29px; left: 264px; font-size:11px; color:#b9b6b6;} .page_num em{color:#fff;} .hash_box .hash_item{} .hash_box .hash_item strong{ display: block; font-size:20px; color:#fff; padding-left:15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .hash_box .hash_item strong a { color: #fff } .hash_box .hash_item dl {width:240px; height:216px; background:#fff; opacity: 0.9; padding:20px 20px 0 20px; margin-top:15px} .hash_box .hash_item dl dt{font-size:15px; padding-top:14px} .hash_box .hash_item dl dt:first-child{padding-top:0} .hash_bg {position:absolute; top:0; left: 0 } .hash_bg ul { position: relative } .hash_bg ul li { position: absolute; top: 0; left: 0 } .hash_bg ul li .news_bg {position: absolute;bottom: 0;left: 0;right: 0;top: 0;background-color: #000;opacity: .3;} .hash_bg ul li a { opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} .hash_bg ul li a.active { opacity: 1 } /* copyright */ .news_copyright { position: relative; padding: 3px 0 0px; border-top: solid 1px #d7d7d7; font-size: 13px; color: #777; overflow: hidden; letter-spacing: 0 } .news_copyright span { float: left } .news_copyright span + span { float: right } .news_copyright a { margin-left: 10px; color: #777 } #csCopy { width: 800px; margin: 0 auto; padding: 30px 0 100px } ul.copy_links { font-size: 0; color: #777 } ul.copy_links li { display: inline; font-size: 13px } ul.copy_links li:before { content: ' '; display: inline-block; width: 1px; height: 14px; margin: 0 7px; background: #eaeaea; vertical-align: middle } ul.copy_links li.copy_cslogo { float: left; display: block; width: 127px; height: 33px; margin-right: 56px; padding-top: 5px } ul.copy_links li.copy_cslogo:before, ul.copy_links li.copy_cslogo + li:before { display: none } ul.copy_links li.copy_text { display: block; padding-top: 10px} ul.copy_links li.copy_text:before { display: none } ul.copy_links li a { color: #777 } /*�߰�*/ /* �ǽð� �α���*/ .aside_best_news { position: relative; border-top: 0; margin: 15px 0;} .aside_best_news h5 {position: relative; height: 35px; border-bottom: solid 2px #222; font-size: 15px; line-height: 35px; color: #000; } .aside_best_news h3.aside_box_title {position: relative; height: 35px; border-bottom: solid 2px #222; font-size: 15px; line-height: 35px; color: #000; } .aside_best_news .sec_headline_newsq { position: relative; border: solid 1px #d7d7d7; border-top: 0 } .aside_best_news .sec_headline_newsq .bx-controls {position: absolute; top: -28px; right: 0;} .aside_best_news .sec_headline_newsq ul li {width: 325px; margin: 0; padding: 0; } .aside_best_news .sec_headline_newsq dl.newsq_item {width: 300px; margin: 0 auto; border-bottom: solid 1px #eaeaea; overflow: hidden; } .aside_best_news .sec_headline_newsq dl.newsq_item dt {margin: 20px 0; font-size: 16px; font-weight: bold; color: #222; overflow: hidden; line-height: 22px; } .aside_best_news .sec_headline_newsq dl.newsq_item dd.thumb {float: right; margin-top: 13px; margin-left: 8px; line-height: 0; } .aside_best_news .sec_headline_newsq dl.newsq_item_la {width: 300px; margin: 0 auto; border-bottom: solid 0px #eaeaea; overflow: hidden; } .aside_best_news .sec_headline_newsq dl.newsq_item_la dt {margin: 20px 0; font-size: 16px; font-weight: bold; color: #222; overflow: hidden; line-height: 22px; word-break: keep-all;} .aside_best_news .sec_headline_newsq dl.newsq_item_la dd.thumb {float: right; margin-top: 13px; margin-left: 8px; line-height: 0; } .aside_best_news .sec_headline_newsq dl.newsq_item dd.thumb img { height: 52px; max-width: 87px } .aside_best_news .sec_headline_newsq dl.newsq_item_la dd.thumb img { height: 52px; max-width: 87px } /* �ǽð� �α��� end*/ /*����*/ .aside_doctor { position: relative; border-top: 0; margin-bottom: 15px;} .aside_doctor img{ width:100%;} .aside_doctor #bestdoctor_banner img{ width:330px;} /*�Ƿ�贺��*/ .aside_newscast { margin-bottom: 15px; } .aside_newscast h3.aside_box_title { position: relative; height: 35px; border-bottom: solid 2px #222; font-size: 15px; line-height: 35px; color: #000 } .aside_newscast h3.aside_box_title > .more { float: right } .aside_newscast h3.aside_box_title > .more > a { margin-left: 5px; font-size: 13px; font-weight: normal; color: #777 } .aside_newscast h3.aside_box_title > .more > a.current { font-weight: bold; color: #000 } .aside_list_thumb { position: relative; border: solid 1px #d7d7d7; border-top: 0 } .aside_list_thumb dl { height: 78px; margin: 0 14px; padding: 0; box-sizing: border-box; border-top: solid 1px #eaeaea } .aside_list_thumb dl:first-child { border-top: 0 } .aside_list_thumb dl dd.thumb { float: right; max-width: 87px; height: 50px; margin: 14px 0 14px 5px; overflow: hidden } .aside_list_thumb dl dd.thumb img { height: 50px; max-width: 87px } .aside_list_thumb dl dt { display: table; height: 100%; font-size: 15px; word-break: keep-all } .aside_list_thumb dl dt > span, .aside_list_thumb dl dt > a { display: table-cell; vertical-align: middle } .aside_list_thumb dl dt em { font-size: 13px; color: #777 } .aside_list_thumb dl dt em:after { content: '\A'; white-space: pre } .aside_list_thumb dl dt span > a { display: block; max-height: 2.6em; overflow: hidden } .aside_list_thumb .bx-wrapper { margin-bottom: 0px } .aside_list_thumb .bx-controls { position: absolute; top: 0; right: 0 } .aside_newscast .aside_list_thumb .bx-controls { position: absolute; top: -28px; right: 0 } /*�Ƿ�贺��*/ /*�Ƿ����*/ .aside_medievent { margin-bottom: 15px; } .aside_medievent h3.aside_box_title { position: relative; height: 35px; border-bottom: solid 2px #222; font-size: 15px; line-height: 35px; color: #000 } .aside_medievent h3.aside_box_title > .more { float: right } .aside_medievent h3.aside_box_title > .more > a { margin-left: 5px; font-size: 13px; font-weight: normal; color: #777 } .aside_medievent h3.aside_box_title > .more > a.current { font-weight: bold; color: #000 } .aside_medievent .aside_list_thumb .bx-controls { position: absolute; top: -28px; right: 0 } .aside_medievent .aside_list_thumb dl { height: 64px; margin: 0 14px; padding: 0; box-sizing: border-box; border-top: solid 1px #eaeaea } /*�Ƿ����*/ /* �̺�Ʈ �˸��ϴ� */ .aside_event { position: relative; margin-bottom:15px;} .aside_event h3.aside_box_title { position: relative; height: 35px; border-bottom: solid 2px #222; font-size: 15px; line-height: 35px; color: #000 } .aside_event img{width:100%; height:95px;} .aside_event .bx-wrapper{ position: relative; border: solid 1px #d7d7d7; border-top: 0; padding:14px 14px; } .aside_event ul.rel_art {padding-top:0;} .aside_event ul.rel_art li {font-size:14px; padding: 4px 0px 2px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .aside_event .bx-controls { position: absolute; top: -28px; right: 0 } .aside_event .bx-controls .bx-controls-direction {float:right; margin-left:5px;} .aside_event #pagenum_event{float:left;} .aside_event ul.rel_art li a {color:#222; padding-left: 12px; font-size:14px;} .aside_event ul.rel_art.dot li {position: relative;} .aside_event ul.rel_art.dot li:before {background-color:#222;background-image: none;width: 2px;height: 2px; position: absolute; content: '';display: block; top:15px;} /*���۹��*/ .aside_google { margin-bottom: 15px; margin:0px auto; padding:15px 15px;} /*��������*/ .aside_hospital { position: relative; margin:0px auto; margin-top:-1px; margin-bottom:15px;} .aside_hospital h3 { position: relative; height: 35px; border-bottom: solid 2px #222; font-size: 15px; line-height: 35px; color: #000; } .aside_hospital h3 span.red { color:#cc0710} .aside_hospital div { } .aside_hospital ul { position: relative; overflow:hidden; border-right:solid 1px #d7d7d7; border-left:solid 1px #d7d7d7; border-bottom:solid 1px #d7d7d7; padding:15px 15px;} .aside_hospital ul li { width:300px;} dl.bestclinic_newsq_item { overflow:hidden;} dl.bestclinic_newsq_item dd.thumb { float:right; line-height:0;border:1px solid #d7d7d7} dl.bestclinic_newsq_item dd.thumb img { width:135px; height:66px;} dl.bestclinic_newsq_item dt { font-size:16px; font-weight:bold; color:#222; margin-bottom:5px; letter-spacing:-1px;} dl.bestclinic_newsq_item dt.tsmall a{font-size:12px; font-weight:bold;line-height:1.5; color:#999;} .aside_hospital .bx-controls { position: absolute; top: 9px; right: 0 } .list_body {float: left; width: 700px; padding-top: 10px; padding: 0 0px; padding-right: 20px;/*border-left: solid 1px #d7d7d7;*/ box-sizing: border-box;} /*����Ʈ*/ /*���� 3�ܰ���*/ ul.cate_news_box.listemp{float:left; width:1029px; box-sizing:border-box} ul.cate_news_box.listemp.twostep {width:700px;} ul.cate_news_box.listemp.twostep > li {width:350px; border-right:1px solid #eaeaea; border-left:0} ul.cate_news_box.listemp li > .gdBox, ul.cate_news_box.listemp.twostep li > .gdBox {padding-top:17px; margin-top:35px; border-top:1px solid #eaeaea} ul.cate_news_box.listemp li > .gdBox:first-child{border:0; margin-top:0; padding-top:0} .cate_in_aside_bn {float:left; width:329px;} .cate_in_aside_bn .aside_bn { text-align:right; margin-top:14px; margin-bottom:0} ul.cate_news_box {overflow:hidden;} ul.cate_news_box > li {float:left; width:350px; border-left:1px solid #eaeaea; box-sizing:border-box} ul.cate_news_box > li:first-child {border-left:0;} ul.cate_news_box h4{font-size:15px; font-weight:bold} ul.cate_news_box li > .gdBox{margin:0 20px;} ul.cate_news_box li.lastW {width:329px} ul.cate_news_box li.lastW > .gdBox, ul.cate_news_box.listemp.twostep li > .gdBox {margin-top:14px;} ul.cate_news_box li.lastW .gdBox{overflow:hidden; margin-right:0} ul.cate_news_box li .gdBox.tech h4+dl.news_item dt {white-space: nowrap; overflow: hidden;} ul.cate_news_box li dl.news_item {margin-top:8px;} ul.cate_news_box li dl.news_item dt {font-size:15px; color:#000; padding:5px 0 0 0;} ul.cate_news_box li dl.news_item > dt {white-space:nowrap; overflow: hidden; text-overflow: ellipsis;} ul.cate_news_box li .gdBox h4 + dl.news_item {margin-top:9px;} ul.cate_news_box li .gdBox h4 + dl.news_item dt{overflow: visible; white-space: inherit;} ul.cate_news_box li dl.news_item dd.thumb {margin-right: 9px; width:87px;height:50px; overflow: hidden;} ul.cate_news_box li dl.news_item dd.thumb img{width:87px; height:auto;} ul.cate_news_box li dl.news_item dd.desc {float:left; color:#777;} ul.cate_news_box li dl.news_item dd.tit {float:left; width:309px; display: block; padding-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} ul.cate_news_box li.lastW dl.news_item {float:left; display:inline-block; width:145px; margin:8px 0 0 0; padding-left:18px;} ul.cate_news_box li.lastW .gdBox h4 + dl.news_item { padding-left:0} ul.cate_news_box li.lastW .gdBox h4 + dl.news_item dt{overflow: hidden; white-space: inherit;} ul.cate_news_box li.lastW dl.news_item dt{display:inline-block; height:38px; line-height:1.333em; text-align:center; overflow: hidden; padding-bottom:0; white-space: inherit;} ul.cate_news_box li.lastW dl.news_item dd.thumb {margin-right:0; width:145px; height:85px;} ul.cate_news_box li.lastW dl.news_item dd.thumb img{min-width: 145px; height: 85px;width: auto;} /* ul.cate_news_box.listemp li.lastW > .gdBox { margin-top: 13px;} */ /*���� 3�ܰ���*/ /* input style common*/ .checks {display:inline-block;} .checks input[type="checkbox"] {width: 0px; height: 0px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; opacity:.01;-ms-filter:"alpha(opacity=1)";cursor:pointer;} .checks input[type="checkbox"] + label {position:relative; display:inline-block; position:relative; color:#777; padding-right: 25px; cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; font-size:14px; } .checks input[type="checkbox"] + label:before {content: ''; position: absolute; right:0; display:inline-block; width:20px; height:20px;background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -177px -106px; text-align: center; vertical-align: top } .checks input[type="checkbox"]:checked + label:before {background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -212px -106px;} .checks input[type="radio"] + label { display:inline-block;padding-left:22px; position:relative; display:inline-block; position:relative; color:#000; } .checks input[type="radio"] + label:before {} /* input style common*/ .checks.pan{float: right; margin-right:13px;} .checks.menu {width:33.2%; margin:9px 0} .checks.menu input[type="checkbox"] + label {padding-right:0; font-size:14px; color:#000;} .checks.menu input[type="checkbox"] + label:before {position:inherit;right: auto; width:17px; height:17px; background-position:-248px -159px; margin-right:5px;vertical-align: middle;} .checks.menu input[type="checkbox"]:checked + label:before {background-position:-212px -159px; } .tooltip_btn {position: relative; display: inline-block; width:18px;height:18px;background:url('https://image.chosun.com/main/201803//icon_common.png') no-repeat -213px 0;left: 123px;top: -20px} .tooltip_btn + .tooltiptxt {visibility: hidden; display: inline-block;width:127px; background-color: #fff; text-align: left; color: #868686; padding: 13px 9px;font-size: 13px; line-height: 1.500em; letter-spacing: -0.05em; border:1px solid #d7d7d7; position: absolute; left:4px; top:36px; opacity: 0; transform: translateY(-10px); transition: ease all 0.4s; z-index: 1; } .tooltip_btn + .tooltiptxt span{display:block; padding-bottom:5px} .tooltiptxt::before{content:' '; display: block; width:14px; height:17px;background:url('https://image.chosun.com/main/201803//icon_common.png') no-repeat 0px -383px; position:absolute;left: 120px;top: -6px;} .tooltip_btn:hover { background-position: -248px 0;} .tooltip_btn:hover + .tooltiptxt, .tooltiptxt:hover { visibility: visible; opacity: 1; transform: translateY(0px); z-index: 999} .tooltip_btn.story {position: absolute; right: 250px; top: 20px; left: inherit;} .Cont_wrap_sub .tooltip_btn {left: 210px; top: -29px;} .menu_area_setting {position: absolute;top: 173px;right: 0;bottom: 0;left: 0;} .menu_area_setting .menu_area_bg {visibility: hidden;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #000;opacity: .3;filter: alpha(opacity=30);} .menu_area_setting .menu_area_bg.vis {visibility: visible; z-index:1;} .searh_area_bg {visibility: hidden;position: absolute;top: 51px;right: 0;bottom: 0;left: 0;background: #fff; opacity: .6;filter: alpha(opacity=30);} .searh_area_bg.vis {visibility: visible; z-index:99;} /* in sec_sub items **************************/ /* slider common */ .bx-controls-direction a {display:inline-block; width:17px; height:17px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat; text-indent: -9999px;z-index: 9998;} .bx-controls-direction .bx-prev {background-position: 0 0; cursor: pointer;} .bx-controls-direction .bx-next {background-position: -17px 0; cursor: pointer;} .bx-pager.bx-default-pager {display:inline-block; font-size:11px; color:#999; margin-top:1px; letter-spacing:-2px; font-weight:bold; vertical-align:top} #pagenum {float:left;} .bx-pager.bx-default-pager:first-letter {color:#777;} /* slider common */ .banner01_2018f {width: 298px; height: 205px; padding:15px; margin-bottom:20px; border: 1px solid #d7d7d7;} .sub_item_box{position:relative; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-top:2px solid #222; padding:0 15px 5px 15px; margin-bottom: 20px;} .sub_item_box strong{display:block; font-size:15px; line-height: 1.2em; margin-bottom:9px} .sub_item_box .ic_qst {position:absolute; top:-12px; right:44%;} .sub_item_box .tempstep.title{text-align:left; border-top:0;font-weight:bold;} #opi_02_id dl.news_item dt{font-size: 18px;} /* .sub_item_box .tempstep.title .label_tit.v1{display:inline-block} */ .sub_item_box .tempstep .step_thumb {width:87px; text-align: left;} .sub_item_box .tempstep .step_thumb img{width:87px; height:55px; box-sizing: border-box} .sub_item_box .tempstep dl dd.step_info {color:#777; font-size:13px; padding-top:3px;} .sub_item_box#opi_box { padding: 0 14px 0 14px} #opi_box .tempstep .step_thumb {width: 62px; padding: 0 8px 0 0px} #opi_box .tempstep .step_thumb img { width: 62px; height: 65px; border-radius: 50%; border: 1px solid #e6e6e6;} #opi_box .tempstep {height:auto; font-size: 17px; padding: 11px 0 11px;} #opi_box .tempstep dl dt {font-size:15px; padding-top:2px;} #opi_box .tempstep.title#opi_02_id dl dt{font-size:17px; font-weight:bold} #opi_box .tempstep dl dd.step_info {padding-top:0;} .tempstep.title dl dt >div{display:table} .tempstep.title dl dt span{display: table-cell; vertical-align: middle} .tempstep.title dl dt span em{width: 35px; margin-right:7px} .tempstep.title dl dt a {display:inline} .channel_box{display:none; max-height:60px; position:relative; border-top:1px solid #396dbb; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; padding:10px 0px 10px 0px; margin-bottom:20px; background:#f8f8f8; overflow:hidden} .channel_box li {width:auto !important; overflow:hidden} .channel_box .tempstep {height: 60px; width:300px; margin-left:15px; border-top:0 } .channel_box .tempstep .step_thumb {width:60px; padding-right:10px; padding-left:0;text-align:left;} .channel_box .tempstep dl dt {padding-top:4px;} .channel_box .tempstep dl dd.step_info {color:#777; font-size:13px; padding-top:3px;color:#396dbb; font-weight:bold} .channel_box .bx-controls {position:absolute; top:10px; right:15px} .channel_box .bx-controls-direction {float:right; margin-left:6px} .channel_box .bx-controls-direction a {display:inline-block; width:17px; height:17px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat; text-indent: -9999px;z-index: 9998;} .channel_box .bx-controls-direction .bx-prev {background-position: 0 0; cursor: pointer;} .channel_box .bx-controls-direction .bx-next {background-position: -17px 0; cursor: pointer;} .channel_box .bx-pager.bx-default-pager {display:inline-block; font-size:11px; color:#999; margin-top:1px; letter-spacing:-2px; font-weight:bold; vertical-align:top} .channel_box .bx-pager.bx-default-pager:first-letter {color:#777;} .aside_bn {text-align:center; margin-bottom:20px; padding-left:15px;} ul#people_id_new {height: 110px;overflow:hidden} .people_box {position:relative; margin-bottom:10px; overflow:hidden } .people_box strong{display:block; font-size:15px; margin-bottom: 6px} .people_box ul li {overflow:hidden; width:330px; height:110px; background:#f8f8f8} .people_box ul li .people_inner { display:table; height:110px;} .people_box ul li span.thumb { display: block; line-height:0; overflow:hidden;} .people_box ul li.st_01 {position:relative; border:1px solid #d7d7d7; box-sizing: border-box;} .people_box ul li.st_03 .comt_txt {position: absolute} .people_box ul li.st_01 span.thumb img {position:absolute; top:0px; right:0px; width:140px; height:108px} .people_box ul li.st_03 .news_bg {position: absolute;bottom: 0;left: 0; right: 0;top: 0;background-color: #000;opacity: .4;} .people_box ul li.st_03{position: relative;} .people_box ul li.st_03 .comt_txt {top:50%; transform: translateY(-50%); text-align: center;} .people_box ul li.st_03 .comt_txt .item_tag a{color:#fff; opacity: .8;} .people_box ul li.st_03 .comt_txt .item_tit {padding:0 30px} .people_box ul li.st_03 .comt_txt .item_tit a{color:#fff;} .people_box ul li .comt_txt {display:table-cell;vertical-align:middle; padding-left:14px; padding-right: 150px} .people_box ul li .comt_txt.st_02 {border-right:1px solid #d7d7d7;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;} .people_box ul li .comt_txt .item_tag {display:block; font-size:13px; font-weight:bold; margin-bottom:4px; } .people_box ul li .comt_txt .item_tag a{color:#396dbb;} .people_box ul li .comt_txt .item_tit {display: block; font-size: 17px; color:#000; line-height: 1.333em; letter-spacing:-.05em;} .people_box .bx-controls {position:absolute; top:7px; right:0px} .people_box .bx-controls-direction { display:none} .people_box .bx-pager.bx-default-pager{width:100%;text-align:center;color:#666} .people_box .bx-pager.bx-default-pager .bx-pager-item, .people_box .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline;} .people_box .bx-pager.bx-default-pager a{background:#adb0bf;text-indent:-9999px;display:block;width:10px;height:10px; margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;} .people_box .bx-pager.bx-default-pager a:hover, .people_box .bx-pager.bx-default-pager a.active{background:#396dbb;} .tour_box {position:relative; margin-bottom:20px} .tour_box h5{display:block; font-size:15px;line-height: 1.2em; margin-bottom:9px} .tour_box #newsq_toggle_add {display:none;} .tour_box .newsq_toggle_add {display:none;} .tour_box .inner {overflow: hidden; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-top:2px solid #222; padding:14px 14px 0px 14px;} .tour_box a.btn_refresh {display:block; position:absolute; top:-2px; right:0px; width:26px; height:25px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat -106px -71px;} .tour_box a.btn_refresh:hover{background-position: -106px -311px;} .tour_box .inner .healingtour_newsq_item dd.thumb {margin-bottom:14px;} dl.live_item { clear:both; width: 260px; position: relative; border-left: solid 1px #eaeaea; margin-left: 20px;padding: 0 0px 12px 29px;} dl.live_item dd.time { position: absolute; height:17px; top:0px; left:-12px; background: #fff; font-family: Tahoma; font-size: 11px; line-height:17px; color: #777;} dl.live_item dd.thumb { float:right; margin-left: 10px; } dl.live_item dd.thumb img { max-width: 87px; height: 50px; } dl.live_item dt {font-size: 15px; line-height: 1.333em; } dl.live_item dt a {} /*���� �ǰ�Į�� �ǻ���*/ .colum_box {margin-bottom:20px;} .colum_box .sub_item_box {margin-bottom:0px;} .colum_box strong{display:block; font-size:15px;line-height: 1.2em; margin-bottom:9px; padding-top:5px} .colum_box .inner strong{display:block; font-size:15px;line-height: 1.2em; margin-bottom:0px; padding-top:10px} .sub_item_box#opi_box { padding: 0 14px 0 14px} .consult_box {position:relative; background:#f3f3f3; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-top:0px solid #222; padding:0 15px 5px 15px;} .consult_box .tempstep .step_thumb {width: 55px; padding: 0 8px 0 0px; } .consult_box .tempstep .step_thumb img {width: 55px;} .consult_box .tempstep {height:auto; font-size: 17px; padding: 5px 0px 13px 0px; border-top:0px; } .consult_box .tempstep.line {border-bottom:1px solid #d7d7d7; } .consult_box .tempstep dl dt {font-size:15px; font-weight:bold; padding-top:2px;} .consult_box .tempstep.title#opi_02_id dl dt{font-size:17px; font-weight:bold} .consult_box .tempstep dl dd.step_info {padding-top:4px; font-size:13px; font-weight:bold;} .color_tit.v1 {color: #c41916; } .color_tit.v2 { color: #396dbb; } .right_tit {display: block; padding-bottom: 10px;} .banner_sub_tit {position:absolute; bottom:40px; left:0;} .left_sp_banner {position: absolute;line-height: 0;font-size: 0;left: 50%;top: 30px;width: 350px;height: 710px;margin-left: -956px;} .right_sp_banner {position: absolute;line-height: 0;font-size: 0;right: 50%;top: 30px;width: 300px;height: 710px;margin-right: -910px;} /* quick �޴� */ .news_go { position: fixed; bottom: 10px; left: 50%; width: 50px; margin-left: 620px; box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; transition: ease opacity 0.4s, visibility 0.4s; z-index:0 } .news_go.vis { opacity: 1; visibility: visible;} .news_go a { position: relative; display: block; width: 48px; height: 48px; margin-top: -1px; background: #000; border: solid 1px #d7d7d7 } .news_go a > span { position: absolute; display: block; visibility: hidden; opacity: 0; height: 25px; padding: 0 8px; top: 13px; left: 60px; background: #4c4c4c; border-radius: 3px; font-size: 11px; line-height: 23px; color: #fff; white-space: nowrap; transform: translateX(-10px); transition: ease all 0.4s } .news_go a.news_go_top > span { display: none } .news_go a:hover > span { visibility: visible; opacity: 1; transform: translateY(0px) } .news_go a:after { content: ' '; position: absolute; display: block; width: 48px; height: 48px; top: 0; left: 0; background:#000 url('https://health.chosun.com/images/2018/img_common.png') no-repeat } .news_go a:hover:after { opacity: 0.9 } .news_go a.news_go_recent:after { background-position: -340px -195px; } .news_go a.news_go_top:after { background-position: -340px -244px; } section.art_list.na_summit { background:url(https://image.chosun.com/main/201803//summit_bg.png) no-repeat center 0;margin-bottom:10px} section.art_list.na_summit .sec_inner {overflow: hidden; border-top: 0; height:595px; padding: 0;} section.art_list.na_summit .sec_inner h1 {font-size:34px; font-weight:bold; text-align:center; letter-spacing: -.1em; padding: 40px 0 24px 0;} section.art_list.na_summit .sec_inner h1 a {color:#fff;} section.art_list.na_summit .sec_inner h1 span{display: inline-block;color:#b0b9ff; font-size:20px; letter-spacing: -.07em; padding:11px 14px 0 0;vertical-align: top;} .summit_vod {float:left; width:866px; height:487px; } .summit_art_area {float:left; width:330px; height:487px; background:#f4f5fe;} .summit_art_area .title {color:#1f1bbc; font-size:14px; letter-spacing: -0.1em; padding: 16px 0 3px 20px; display: block;} .summit_art {width:290px; padding:0px 20px; margin-bottom:17px; height:318px; overflow:hidden} .summit_art > dl {border-top:1px solid #dddfee} .summit_art > dl:first-child{border-top:0} .summit_art > dl:first-child dt {padding-top:0} .summit_art > dl dt {font-size:17px; line-height:1.294em; padding:9px 0 15px 0} .summit_art > dl dt a {font-size:17px; color:#222} .summit_slider {position:relative; width:330px; height:115px; background:#e6e8f9} .summit_slider ul {} .summit_slider ul li {width:330px; height:115px} .summit_slider ul li .txt {font-size:16px; font-weight:bold; padding:20px 0 0 20px; letter-spacing: -.075em} .summit_slider ul li .txt a:hover{text-decoration: none} .summit_slider ul li .txt span{display:block; font-size: 14px; font-weight:normal; color:#1f1bbc; padding-bottom:3px;} .summit_slider ul li img{position:absolute; right:0px; bottom:0} .summit_slider .bx-controls-direction{display:none} .summit_slider .bx-pager.bx-default-pager{position: absolute;bottom:10px;left: 17px;color:#aeb3dd} .summit_slider .bx-pager.bx-default-pager .bx-pager-item, .summit_slider .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline;} .summit_slider .bx-pager.bx-default-pager a{background:#aeb3dd;text-indent:-9999px;display:block;width:6px;height:6px;margin:0 3px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;} .summit_slider .bx-pager.bx-default-pager a:hover, .summit_slider .bx-pager.bx-default-pager a.active{background:#00117a;} .regional_elect {border:1px solid #d7d7d7; margin-bottom:15px; display:none} .regional_elect .title{width:328px; height:45px; line-height:45px; background:url(https://image.chosun.com/main/201803//elect_tit_bg.png) no-repeat} .regional_elect .title a {font-size:15px; color:#fff; font-weight: bold; padding-left:10px} .regional_elect .title a:before{content: ""; display:inline-block; margin:13px 5px 0 0; width:20px; height:20px; background:url(https://image.chosun.com/election2018_iframe/vote_right_title.png) no-repeat 0 0; vertical-align: top;} .elect_box {padding:0 15px} .elect_box_inner {border-top:1px solid #eaeaea; margin-top:10px;padding-top:5px} .elect_box .elect_box_inner:first-child {border-top:0; margin-top:0} .elect_box dl{overflow:hidden; padding:5px 0} .elect_box dl dt{padding-right:95px; padding: 6px 0;} .elect_box dl dd.thumb{float:right; padding-left:5px;} .elect_box dl dd.thumb a {display:inline-block; width:87px; height:50px} .elect_box .rel_art {padding-top:0} .elect_box .rel_art li{width: 298px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} section.art_list.worldcup_russia {background:url(https://image.chosun.com/special/2018_main//worldcup_bg.png) no-repeat center 0; margin-bottom: 10px;} section.art_list.worldcup_russia .sec_inner {border-top:0; padding: 30px 0 25px 0;} section.art_list.worldcup_russia .sec_con {border-left:0} .wc_russia_live {position:relative; height:40px; background:url(https://image.chosun.com/special/2018_main//live_ticker_bg.png) repeat; overflow:hidden; margin-top:27px} .wc_russia_live:before{content:''; display:inline-block; width:78px; height:40px; background:url(https://image.chosun.com/special/2018_main//live_ticker.png) no-repeat; margin-right:10px} .wc_russia_live .wc_russia_live_inner {display: inline-block;width:520px} .wc_russia_live ul.wc_2018 {display:inline-block; vertical-align: top; padding-top:11px; } .wc_russia_live ul.wc_2018 li {display:block; height:40px; line-height: 40px; color:#89a9ce; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .wc_russia_live ul.wc_2018 li a {color:#89a9ce; font-size:15px; font-weight:bold; } .wc_russia_live .wc_russia_live_inner .bx-controls-direction {display:inline-block; position:absolute; top:4px; right:4px; padding-left: 20px;} .wc_russia_live .wc_russia_live_inner .bx-controls-direction a.bx-prev {display:block; cursor: pointer; width:19px; height:14px; background:url(https://image.chosun.com/special/2018_main//wolrdcup_btn_up.png) no-repeat;} .wc_russia_live .wc_russia_live_inner .bx-controls-direction a.bx-next {display:block; cursor: pointer; width:19px; height:14px; background:url(https://image.chosun.com/special/2018_main//wolrdcup_btn_down.png) no-repeat; margin-top:4px} section.art_list.worldcup_border .sec_inner{border-top:0} section.art_list.worldcup_russia .comt_item {position:relative; width:210px; padding-left:0; margin-left:15px} section.art_list.worldcup_russia .comt_item:first-child {margin-left:0} section.art_list.worldcup_russia .comt_item_box {height: 181px;} section.art_list.worldcup_russia .comt_item_box:after {margin-bottom:14px} section.art_list.worldcup_russia .comt_item span.thumb img { width:210px; height:118px;-webkit-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;} section.art_list.worldcup_russia .comt_item span.thumb a:hover img {transform:scale(1.1); -o-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);} section.art_list.worldcup_russia .comt_item .comt_txt {position:relative;padding:9px 13px 9px; min-height:32px; background:#fff; border:0; border-radius: 0 0 9px 9px; box-shadow: 0 6px 0px 0 #092f5d;} section.art_list.worldcup_russia .comt_item .comt_txt:before{content: "";position:absolute; top:-12px; left:0; display:block; width:19px; height:12px; background:url(https://image.chosun.com/special/2018_main//text_point_bg.png) no-repeat;} section.art_list.worldcup_russia .comt_item .comt_txt .item_tit {display:inline-block; height:38px; text-overflow:ellipsis; /*overflow: hidden*/} section.art_list.worldcup_russia .comt_item .up_tit{position: absolute;top: 0;left: 0;height: 22px;line-height: 21px;background: #b3373f; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: .8; color:#fff;font-size: 14px;padding: 0 7px;} section.art_list.worldcup_russia dl.news_item dt {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} section.art_list.worldcup_russia dl.news_item dt a{color:#fff} .box_style_wrap {position:relative; width:330px; height:160px; overflow:hidden;margin-bottom:22px} .box_style_wrap .up_tit {position: absolute; top:0; left:0; background:#396dbb; color:#fff; font-size:13px; padding:5px 6px; letter-spacing: 0;} ul.box_style { width:330px; float:left; height:160px;} ul.box_style li:first-child, ul.box_style.right li:first-child {margin-top:0} ul.box_style li{position:relative; width:330px; } ul.box_style li > dl {position: relative; height:160px;overflow: hidden;} ul.box_style li > dl dt.title{width: 270px; font-size:17px; position: absolute; left:0; bottom:0; padding: 15px 30px;min-height: 38px; text-align: center;} ul.box_style li > dl dt.title a {color:#fff;} ul.box_style li > dl dd.thumb {} ul.box_style .pt_bg {overflow: hidden;position: absolute;bottom: 0;left: 0;right: 0;height:160px;background:url(https://image.chosun.com/main/201803//bg_st01.png) 0 0 repeat-x;} ul.box_style li > dl dd.thumb img {width:330px; height:160px;-webkit-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;} ul.box_style li > dl dd.thumb a{line-height: 0; display: block;} .box_style_wrap .bx-controls-direction {float:none; margin-left:0; opacity: 0;} .box_style_wrap:hover .bx-controls-direction{opacity: 1;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} .box_style_wrap .bx-controls-direction a {display:inline-block; top:36%; width:39px; height:40px; background:url(https://image.chosun.com/main/201803//icon_common.png) no-repeat;} .box_style_wrap .bx-controls-direction .bx-prev {position:absolute;left:0; background-position: 14px -49px; cursor: pointer;} .box_style_wrap .bx-controls-direction .bx-next {position:absolute;right:0; background-position: 10px -101px; cursor: pointer;} .score_area > strong{display:block; border-bottom:1px solid #83aad6; font-size:15px; color:#fff; padding-bottom:9px; margin-bottom:5px} .score_area > strong + .score_line{border-top:0} .score_line {border-top:1px solid #32629b; padding:10px 0} .score_line > strong.date{float:left; display:inline-block; color:#90cfff; font-size:14px; width:100px; vertical-align: middle; padding-top:2px;} .score_line dl.score_box{} .score_line dl.score_box dt {display:inline-block;width:17.5%; font-size:20px; color:#fff; font-weight:bold; text-align: center; letter-spacing: 5px;} .score_line dl.score_box dt.txt {letter-spacing: 0} .score_line dl.score_box dd {display:inline-block; width:26%; font-size:13px;} .score_line dl.score_box dd.l_txt {float: left;} .score_line dl.score_box dd.l_txt img{margin-right: 8px} .score_line dl.score_box dd.r_txt {float:right; text-align:right;} .score_line dl.score_box dd.r_txt img{margin-left: 8px} .score_line dl.score_box dd span{color:#fff; font-size:13px; vertical-align: middle;} .score_line dl.score_box dd img{ vertical-align: middle} /*************** add special ***************/ /*************** ������ ���̺꿵�� ���� ***************/ .live_vod_box.vis{display:block} .live_vod_box {margin-bottom:18px; display:none} .live_vod_box strong{display:inline-block; width:330px; height:40px; line-height:40px; background:url(https://image.chosun.com/main/201803//vod_tab_bg.png) no-repeat; color:#fff;} .live_vod_box strong img{vertical-align: middle; padding-left:15px;} .live_vod_box strong a {color:#fff; padding-left:6px;} /*************** ������ ���̺꿵�� ���� ***************/ /*************** ���� ž���� �߰� ���ø� ***************/ .top_news_temp {position:relative;width:660px; height:338px;} dl.itv_area {position:absolute;top:50px; left:20px; width:400px} dl.itv_area dd.thumb {} dl.itv_area dd.up_title {height:23px; display:inline-block; font-weight:bold; background:#d93232; color:#fff; padding:3px 7px 0 7px;} dl.itv_area dt{font-size:36px; color:#000; font-weight:bold; letter-spacing:-0.075em; line-height:1.250em; padding-top: 6px;} dl.itv_area dd.read{width: 260px; font-size:15px; font-weight:bold;padding-top:15px} dl.itv_area dd.read a {color:#d93232;} .top_news_temp ul.rel_art {position: absolute; bottom:40px; left:20px} .top_news_temp ul.rel_art li {width:260px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis} .top_news_temp ul.rel_art li a{font-size:15px;} dl.itv_area.v1 {left:25px;} dl.itv_area.v1 dd.up_title {background:#d93232;} dl.itv_area.v1 dt a{color:#fff;} dl.itv_area.v1 dd.read a{color:#d93232} .top_news_temp ul.rel_art.v1 {left:30px} .top_news_temp ul.rel_art.v1 li {width:auto;} .top_news_temp ul.rel_art.v1 li a{color:#ccc; font-size:15px;} .temp_bg{position:absolute; top:0; left:0; display:inline-block; width:660px; height:338px;background:url(https://image.chosun.com/main/201803//temp_bg.png) repeat-y;} .top_news_temp.wide {position:relative;width:1010px; height:auto;} .sec_sub.wide {margin-top:450px} .top_news_temp.wide h2 {font-size: 40px; text-align: center; letter-spacing:-.075em; margin-bottom: 12px} .top_news_temp.wide h2 a {text-decoration: none} .temp_wide_box {height:355px;} .news_temp_left {float:left;} .news_temp_right {position: relative; width:290px; height:335px; float:right; padding:10px 20px; z-index: 1;overflow: hidden; } .wide_bg {position:absolute; top:0; left:0; background: #21242a; width:100%; height:100%; z-index:2; opacity: .8;} .wide_tempstep {position: relative; z-index: 9998;} .blur_bg_img {position:absolute; top:0; left:0; z-index:1; filter: blur(13px);} .news_temp_right .tempstep {height:56px;border-top: 1px solid #656565;} .news_temp_right .tempstep:first-child{border-top:0} .news_temp_right .tempstep a {color:#fff} .news_temp_right .tempstep dl dt {padding-top:0} /*************** ���� ž���� �߰� ���ø� ***************/ /*************** poll �߰����� ***************/ .vote_area.v1 {width:300px} /*.vote_area.v1 .tit {text-align: center}*/ .vote_area.v1 strong{padding-bottom:24px} .vote_area.v1 .btn_vote {margin-top: 46px} .bar_stic {width:250px; position:relative; height:7px; margin-bottom: 36px;} .bar-label { display: block; position: absolute; top: 11px; font-size: 14px;} .bar-level-wrapper { display:block; width:250px; background:#f4f4f4; height:7px; border-radius:50px;} .bar-level {vertical-align: top; border-radius:50px;} .bar-percent {position: absolute; top: -7px; right: -48px; font-size: 16px; font-weight: bold;} .bar-percent em {font-size:13px} /*************** poll �߰����� ***************/ .sec_ad_newsq {position: relative; border: solid 1px #d7d7d7; /* border-top: solid 2px #000;*/ margin-bottom:20px} .sec_ad_newsq ul { overflow: hidden; } .sec_ad_newsq ul li { width: 325px; margin: 0; padding: 0; } .sec_ad_newsq dl.newsq_item {width: 300px; margin: 0 auto; border-bottom: solid 1px #eaeaea; overflow: hidden; } .sec_ad_newsq dl.newsq_item dd.thumb { float: right; margin-top: 13px; margin-left: 8px; line-height: 0; } .sec_ad_newsq dl.newsq_item dd.thumb img { height: 52px; max-width: 87px; } .sec_ad_newsq dl.newsq_item dt { margin: 20px 0; font-size: 16px; font-weight: bold; color: #222; overflow: hidden; line-height: 22px; } .sec_ad_newsq dl.newsq_item dt img { height: 11px; max-width: 16px; } /*************** SCROLLBAR BASE CSS ***************/ .scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; } .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: hidden; overflow-x: hidden; overflow-y: scroll; padding: 0; position: relative !important; top: 0; width: auto !important; -ms-overflow-y:scroll } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-wrapper .scroll-x { display: none!important;} .scroll-element { display: none; } .scroll-element, .scroll-element div { box-sizing: content-box; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; } .scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; } .scroll-textarea > .scroll-content { overflow: hidden !important; } .scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; } .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; } /*************** SIMPLE INNER SCROLLBAR ***************/ .scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 4; } .scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 5px; top: 0; width: 5px; } .scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .scrollbar-inner > .scroll-element .scroll-element_track { background-color: #fff; } .scrollbar-inner > .scroll-element .scroll-bar { background-color: #ccc; } .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #ccc; } .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #ccc; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; } .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; } .live_scroll {width:328px; height:200px; overflow: hidden;} .vod_scroll {width:313px; height:290px; overflow: hidden;} .vod_scroll .tempstep {width:298px;} .pan_scroll {width:994px; /*height:320px;*/} .menu_all_inner .menu_all_inner_box .hot_box { width: 450px } /* small height window */ @media all and (max-height: 850px) { .menu_all_box { margin-top: 30px } .menu_all_inner { padding-top: 30px } .menu_all_inner .menu_all_inner_box .hot_box { width: 450px } .hot_box ul.pan_thumb + ul.pan_thumb { padding-bottom: 5px } .hot_box ul.pan_thumb + ul.pan_thumb li { float: none; left: 0; margin-left: 0; margin-top: 10px; padding-left: 0 } .hot_box ul.pan_thumb + ul.pan_thumb li span { display: inline; background: none; color: #000; text-align: left } .hot_box ul.pan_thumb + ul.pan_thumb li a { max-width: none } .hot_box ul.pan_thumb + ul.pan_thumb li a img { display: none } .hot_box ul.pan_thumb + ul.pan_thumb li a .pt_tit { padding-left: 25px; line-height: 1.5 } .hot_box ul.pan_thumb + ul.pan_thumb li a > span:first-child + .pt_tit { display: block; width: auto; height: auto; background: none;} .hot_box ul.pan_thumb + ul.pan_thumb li a > span:first-child + .pt_tit em { display: inline; padding: 0; text-align: left; font-size:15px; line-height: 1.5 } .accod_scroll { height: 480px } #menu_all_accod_id { height: 480px } dl.link_other { margin-top: 20px } } /* for section live mov 2018.05.21 */ #sec_live {} #sec_live.vis {} section.art_list#sec_live .sec_inner { padding: 20px 0; box-sizing: border-box; background: #132050 } section.art_list#sec_live .sec_inner .btn_layer_close { display: none } section.art_list#sec_live .sec_inner { height: 180px; max-height: 200px; transition: ease all 0.4s } section.art_list#sec_live.vis .sec_inner { height: 430px; max-height: 600px; padding: 30px 0;box-sizing: border-box; transition: ease all 0.4s } #sec_live_mov_id iframe { width: 250px; height: 141px; box-sizing: border-box; border: solid 1px #222; transition: ease all 0.4s } .larger_box { display: block; position: absolute; left: 450px; top: 20px; bottom: auto; transition: ease all 0.4s } dl.news_item.video { margin-top: 0 } dl.news_item.video dd.thumb { transition: ease all 0.4s } dl.news_item.video dd.title { display: inline } dl.news_item.video dt { display: inline-block; font-size: 30px; color: #fff } dl.news_item.video dd.desc { display: none } dl.news_item.video dd.rel { margin-top: 11px; font-size: 15px } dl.news_item.video dd.rel.over { visibility: hidden; opacity: 0; transition: ease all 0.5s } dl.news_item.video dd.rel a { color: #fff} dl.news_item.video dd.rel a:before { content: ' '; display: inline-block; width: 7px; height: 7px; margin-right: 6px; border: solid 2px #c5c5c5; border-top: 0; border-right: 0; box-sizing: border-box;} #sec_live.vis #sec_live_mov_id { width: 660px; height: 371px; transition: ease all 0.4s } #sec_live.vis #sec_live_mov_id iframe { width: 660px; height: 371px; transition: ease all 0.4s } .live_video_box { padding-left: 186px; transition: ease all 0.4s } #sec_live.vis .live_video_box { padding-left: 30px } #sec_live.vis dl.news_item.video dd.rel.over { visibility: visible; opacity: 1 } #sec_live.vis .larger_box { display: block; position: absolute; left: 710px; top: auto; bottom: 35px } dl.art_list_banner {float: left; margin-top: 3px; background-color: #ccc; } dl.art_list_banner_last {float: left; margin-top: 3px; margin-left: 8px; background-color: #ccc; } /* float AD margin fix for 2018.06.12 summit */ #FloatLayer1 { margin-top: 290px; margin-left: 200px } /**/ body { font-family:'���� ���','Malgun Gothic',�������,����,Dotum,����,Gulim,'Apple SD Gothic Neo',sans-serif; } body.cs_news_list .csh_art_min.fixed { display:none;} .clearfix:after {content:'';display:block;clear:both;} /* list body */ /* .list_body {margin-left:155px; padding-bottom:34px; width:600px; padding-left:19px; float:left; font-size:14px; letter-spacing:-1px;position:relative;}*/ .list_body.fontset_gul { font-family:'����', gulim;} .list_body .news_date { margin-bottom:20px; font-family: '����', Dotum, Arial, Helvetica, sans-serif; font-size: 78.6%; color: #888; } .list_body .news_subtitle { margin-bottom:20px; font-size:100%; font-weight:bold; color:#555;} .list_body p { margin-bottom:20px;} .view_option {width:150px; /*float:left;*/ font-size:13px; float:right;} .view_option img { vertical-align:middle; margin-right:2px;} .view_option .selected { margin:0 4px 0 2px;color:#666;font-weight:bold;vertical-align:top; letter-spacing:-0.1em; } .view_option .selected a { color:#222;letter-spacing:-0.1em; } .view_option #none-selected {margin-left:2px;margin-right:4px;color:#666; vertical-align:top; } .view_option #none-selected a { color:#666; } .view_option #img {width:13px; margin:0 2px -2px 0; padding-top:-2px; height:13px;display:inline;} .view_option #line{font-size:12px;font-weight:none;color:#e6e6e6;padding:0 5px 0 4px;} .sort_option { float:left; color:#666; letter-spacing:-0.1em; font-size:15px; } .sort_option #selected { font-weight:normal;margin:0 0px; } .sort_option #selected a { color:#222; } .sort_option #none-selected { margin:0 0 0 4px;} .sort_option #none-selected a { color:#666; } .sort_option #line{ font-size:12px;font-weight:none;color:#e6e6e6;padding:0; } #date_option_all {width:59px;} .date_option { clear:both;text-align:center; overflow:hidden; padding-top:6px; position:relative; font-size:12px;border-bottom:1px solid #d7d7d7;} /* list ����_���� */ dl.list_item { padding:20px 0 5px; border-bottom:solid 1px #eaeaea; overflow:hidden; position:relative;} dl.list_item dt { margin-bottom:8px; font-size:18px; font-weight:normal; color:#000} dl.list_item dt a { color:#000; } dl.list_item dd.thumb { margin-bottom:10px; float:left;height:120px; margin-right:15px; margin-top:4px;} dl.list_item dd.thumb img { max-width: 145px; max-height: 85px;} dl.list_item dd.desc { margin-bottom:3px; font-size:14px; line-height:21px; color:#777;} dl.list_item dd.desc a { color:#777;} dl.list_item dd.date_author { margin-bottom:10px; font-size:13px; color:#999;} dl.list_item dd.rel_trig { margin-top:-10px; font-size:12px; float:right;} dl.list_item dd.rel_trig a { color:#222} dl.list_item dd.rel_trig a:after { content:''; display:inline-block; width:5px; height:3px; margin-left:3px; background:url(https://health.chosun.com/images/2015/cs_art_ico.png) no-repeat -200px -525px; vertical-align:middle;} dl.list_item dd.rel_trig a.rel_off:after { background-position:-200px -525px; } dl.list_item dd.rel_trig a.rel_on:after { background-position:-225px -525px; } dl.list_item dd.card_trig { margin-top:15px; font-size:12px; float:right;} dl.list_item dd.card_trig a { color:#222} dl.list_item dd.card_trig a:after { content:''; display:inline-block; width:5px; height:3px; margin-left:3px; background:url(https://health.chosun.com/images/2015/cs_art_ico.png) no-repeat -200px -525px; vertical-align:middle;} dl.list_item dd.card_trig a.rel_off:after { background-position:-200px -525px; } dl.list_item dd.card_trig a.rel_on:after { background-position:-225px -525px; } dl.list_item dd.rel_box { clear:both; position:relative; display:none; margin-bottom:10px; padding:15px 20px; background:#f8f8f8; border:solid 1px #eaeaea; border-left:0; border-right:0;} dl.list_item dd.rel_box a.rel_close { width:9px; height:9px; display:block; position:absolute; top:7px; right:7px; background:url(https://health.chosun.com/images/2015/cs_art_ico.png) no-repeat -300px -550px;} ul.rel_list {} ul.rel_list li { position:relative; margin-top:7px; padding-left:18px; font-size:13px; line-height:20px; color:#666; } ul.rel_list li:first-child { margin-top:0;} ul.rel_list li:before { content:''; display:block; width:7px; height:7px; background:url(https://health.chosun.com/images/2015/cs_art_ico.png) no-repeat -100px -300px; position:absolute; top:50%; left:0px; margin-top:-4px;} ul.rel_list li a { color:#666;} ul.rel_list li em.date { margin-left:5px; font-size:12px; color:#888;} /* list ���� */ dl.list_item_new { padding:20px 0 5px; overflow:hidden; position: relative;} dl.list_item_new dt { margin-bottom:10px; font-size:18px; font-weight:bold; color:#222} dl.list_item_new dt a { color:#222; } dl.list_item_new dd.thumb { margin-bottom:10px; float:left;height:100px; margin-right:10px; margin-top:4px;} dl.list_item_new dd.thumb img { border:1px solid #d7d7d7;} dl.list_item_new dd.desc { margin-bottom:3px; font-size:13px; line-height:21px; color:#666;} dl.list_item_new dd.desc a { color:#666;} dl.list_item_new dd.date_author { margin-bottom:10px; font-size:12px; color:#888;} dl.list_item_new dd.rel_trig { font-size:12px; float:right; position:absolute; right:0; top: 18px;} dl.list_item_new dd.rel_trig a { color:#222} dl.list_item_new dd.rel_trig a:after { content:''; display:inline-block; width:5px; height:3px; margin-left:3px; background:url(https://health.chosun.com/images/2015/cs_art_ico.png) no-repeat -200px -525px; vertical-align:middle;} dl.list_item_new dd.rel_trig a.rel_off:after { background-position:-200px -525px; } dl.list_item_new dd.rel_trig a.rel_on:after { background-position:-225px -525px; } dl.list_item_new dd.rel_box { clear:both; position:relative; display:none; margin-bottom:10px; padding:15px 20px; background:#f8f8f8; border:solid 1px #eaeaea; border-left:0; border-right:0;} dl.list_item_new dd.rel_box a.rel_close { width:9px; height:9px; display:block; position:absolute; top:7px; right:7px; background:url(https://health.chosun.com/images/2015/cs_art_ico.png) no-repeat -300px -550px;} ul.rel_list {} ul.rel_list li { position:relative; margin-top:7px; padding-left:18px; font-size:13px; line-height:20px; color:#666; } ul.rel_list li:first-child { margin-top:0;} ul.rel_list li:before { content:''; display:block; width:7px; height:7px; background:url(https://health.chosun.com/images/2015/cs_art_ico.png) no-repeat -100px -300px; position:absolute; top:50%; left:0px; margin-top:-4px;} ul.rel_list li a { color:#666;} ul.rel_list li em.date { margin-left:5px; font-size:12px; color:#888;} .title_list_ent {width:100%; height:1px; background-color:#eaeaea; margin-bottom:5px;} .title_list_ent_red {width:100%; height:1px; background-color:#d61b21; margin-bottom:5px;} #list_area.list_title {} #list_area.list_title dl.list_item { border-bottom:0; margin-top:13px; padding:0;} #list_area.list_title dl.list_item dt { display:inline; } #list_area.list_title dl.list_item dd.date_author { display:inline} #list_area.list_title dl.list_item dd.rel_trig { margin-top:0; margin-bottom:5px;} #list_area.list_title .list_spaceline { margin-top:13px; clear:both; display:block; border-bottom:solid 1px #eaeaea;} .paginate { clear:both; margin-top:20px; margin-bottom:20px;} .paginate_num { text-align:center; font-size:14px; } .paginate_num a {margin:0 0 0 8px;} .listAct, .listAct a, .listAct a:visited { font-size:16px; color:#FF5300; font-weight:bold;margin:5px; } /* �α��� ��ü���� */ .sec_headline_newsq { } /*.sec_headline_newsq h5 { height:35px; padding-left:20px; font-size:16px; font-weight:bold; line-height:35px; background:#f8f8f8; border-bottom:solid 1px #d7d7d7; position:relative; }*/ .hot_box strong{display: block; font-size: 15px; line-height: 1.2em; margin-bottom: 9px; padding-top: 5px; } /*.sec_headline_newsq h5 a {color:#000;}*/ .sec_headline_newsq h5 span.red { color:#cc0710} .sec_headline_newsq div { } .sec_headline_newsq ul { overflow:hidden;} .sec_headline_newsq ul li { width:318px; margin:0; padding:0;} #sec_headline_newsq_toggle { font-size:11px; color:#222; cursor:po��nter; position:absolute; top:0px; right:19px;} #sec_headline_newsq_toggle:before { content:''; width:16px; height:15px; margin-right:5px; display:inline-block; vertical-align:middle; background:url(https://health.chosun.com/images/2015/csh_main_ico_2.png) no-repeat -175px -50px;} #sec_headline_newsq_toggle.et-run:before { background-position: -150px -50px;} dl.newsq_item_big { width:280px; height:155px; margin:0 auto; padding:6px 0; border-bottom:solid 1px #eaeaea; overflow:hidden; position:relative; } dl.newsq_item_big dd.thumb { width:280px; height:155px; position:absolute; top:6px; left:0px; } dl.newsq_item_big dd.thumb img { width:280px; height:155px;} dl.newsq_item_big dd.thumb span { width:100%; height:100%; display:block; position:absolute; top:0px; left:0px; background:url(https://health.chosun.com/images/2015/csh_main_gra.png) repeat-x left bottom;} dl.newsq_item_big dt { width:276px; padding:0 12px; position:absolute; bottom:18px; font-size:16px; font-weight:bold;} dl.newsq_item_big dt a { color:#fff;} dl.newsq_item_big dt em { content:''; width:24px; height:24px; display:inline-block; vertical-align:middle; margin-right:8px; background:url(https://health.chosun.com/images/2015/csh_main_ico_2.png) no-repeat -50px -50px;} /* aside - popular news */ .sec_headline_popular { position:relative; border-top:solid 1px #d7d7d7;} .sec_headline_popular_item { width:318px;} .sec_headline_popular h5 { height:35px; padding-left:20px; font-size:16px; font-weight:bold; line-height:35px; background:#f8f8f8; border-bottom:solid 1px #d7d7d7; } .sec_headline_popular h5 a {color:#000;} .sec_headline_popular h5 span.red { color:#cc0710} ul.sec_headline_popular_tab { position:absolute; top:7px; right:5px;} ul.sec_headline_popular_tab li { display:inline; margin:0 5px;} ul.sec_headline_popular_tab li a {} ul.sec_headline_popular_tab li a.current { font-weight:bold;} .sec_headline_popular .sec_headline_popular_pan { display:none;} .sec_headline_popular ol { padding:7px 19px; counter-reset:news_pop;} .sec_headline_popular ol.popular_1 { counter-reset:news_pop 0; } .sec_headline_popular ol.popular_2 { counter-reset:news_pop 5; } .sec_headline_popular ol li { font-size:15px; font-weight:bold; line-height:30px; color:#222; counter-increment:news_pop; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -ms-text-overflow:ellipsis} .sec_headline_popular ol li:before { content: counter(news_pop) " "; margin-right:5px; font-family:"Bodoni MT", Georgia, "Times New Roman", Times, serif; font-style:italic; color:#555; } .sec_headline_popular ol li a { color:#222;} .sec_headline_popular ol li + li {} .sec_headline_popular .bx-controls { width:120px; position:absolute; top:12px; right:19px;} .sec_headline_popular .bx-controls-direction { float:right; position:relative;} .sec_headline_popular .bx-pager { width:50px; padding-right:10px; float:right; position:relative; bottom:auto; text-align:right; font-family:Tahoma, Geneva, sans-serif; font-size:11px; line-height:15px; color:#999} .sec_headline_popular .bx-pager:first-letter { color:#222;} .sec_headline_popular dl.cmt_favnews_item { width:280px; margin:0 auto; padding:0; border-bottom:0; overflow:hidden; ; } .sec_headline_popular dl.cmt_favnews_item dd.thumb { float:right; margin-top:6px; margin-left:20px; line-height:0;} .sec_headline_popular dl.cmt_favnews_item dd.thumb img { width:52px; height:52px;} .sec_headline_popular dl.cmt_favnews_item dt { margin:12px 0; padding:0; font-size:16px; font-weight:bold; line-height:20px; color:#222; height:40px; overflow:hidden;} .sec_headline_popular dl.cmt_favnews_item dt a { color:#222;} .art_ad_top { width:970px; height:90px; margin:0 auto; text-align:center;} .art_ad_aside { width:290px; height:250px; margin:0 auto; text-align:center;} .art_ad_ss_left { width:160px; height:600px; position:absolute; top:500px; left:50%; margin-left:-750px; } .art_ad_ss_right { width:160px; height:600px; position:absolute; top:500px; right:50%; margin-right:-750px; } .art_ad_aside_if_5 { margin:0 auto; display:block;} .art_ad_aside_if_6 { margin:0 auto; display:block;} .art_ad_aside_if_12 { margin:0 auto; display:block;} .art_ad_aside_if_9 { margin:0 auto; display:block;} .art_ad_aside_if_10 { margin:0 auto; display:block;} @media print { .news_aside, aside, .csh_art_bg, .csh_login, ul.news_title_tools, .news_comment { display:none; } #csContent, .news_title { width:100%;} } .sec_sub { float:left; width:330px; box-sizing: border-box; } /* �����ｺ���� 201510 CHA - ���� ����110px; ������ 980px */ #csContent:after {content:''; display:block; clear:both;} .list_body_new{ border-left: 1px solid #d7d7d7; float: left; font-size: 14px; margin-left:23px; letter-spacing: -1px; padding-bottom: 34px; padding-left: 19px; width: 600px; } /*2018 ������error �޽���*/ #none_content {position: relative; padding: 0 0 69px; z-index: 10; } .error {clear: both; padding: 100px 0; border: 1px solid #eaeaea; font-size: 13px; text-align: center; letter-spacing: -1px; } .error_msg::before {display: inline-block; vertical-align: top; width: 57px; height: 57px; background-image: url(https://health.chosun.com/images/error_text.png); content: ''; } .error_title {padding-top: 24px; font-size: 18px; color: #333; text-align: center; } .error_btn {padding-top: 29px; } .error_msg a:first-child {margin-left: 0;} .error_msg a {display: inline-block; margin-left: 6px; padding: 8px 10px 10px 9px; line-height: 13px; color: #444; text-decoration: none; zoom: 1; border: 1px solid #d0d0d0;} /*2018 ������error �޽��� end*/ .magazine_container {width:1000px; float:left;} .magazine_title a {display:block; width:100%; height:241px;} .newsdata_menu_2015new {margin-top:10px;} .list_body_new_location {font-size:12px; font-weight:normal;} .list_body_new_location a {display:inline; font-size:12px; font-weight:normal;} .list_body_new_location img {padding-right:0.5em;} .list_body_content h4 {padding:0.5em; border-bottom:2px solid #3384aa; color:#3384aa;} .list_new {padding:20px 0; border-bottom: 1px solid #eaeaea; overflow: hidden;} .list_new:after {content:''; display:block; clear:both;} .list_photo_new {float:left; margin:0 10px 20px 0; padding:0;} .list_photo_new a {display:block; width:100%; height:auto;} .list_photo_new img {border:1px solid #a6a6a6;} .list_tit_new dt {margin: 0 0 5px;} .list_tit_new dt a {font-size:14px; font-weight:bold; letter-spacing:-1px; color:#00275b; text-decoration:none;} .list_tit_new dd a {text-decoration:none;} .list_date_new {padding-left:1em;} .list_btn {text-align:right;} .list_btn a img {vertical-align:middle;} .rel_box { background: #f8f8f8 none repeat scroll 0 0; border-color: #eaeaea; border-image: none; border-style: solid none; border-width: 1px 0; clear: both; display: none; margin-bottom: 10px; padding: 15px 20px; position: relative; } .right980 {width:980px; float:left; margin-left:23px;} .right980 dd {line-height:17px; font-size:12px;} .right980 div {overflow:hidden;} .right980 h3.title {height:35px; line-height:35px; text-align:center; margin:50px 0 20px 0; background:url(https://health.chosun.com/images/magazine/201511/m_title_bg.jpg) no-repeat left top;} .visual01 {width:647px; height:290px; margin-right:15px; float:left;} .visual01 a, .visual01 a {display:block; width:100%; height:auto;} .visual02 {width:318px; height:290px; float:left;} .visual03 li {float:left; width:314px; height:290px; border:1px solid #d7d7d7;} .visual03 li p{width:100%; height:200px; border-bottom:1px solid #d7d7d7;} .visual03 li img{max-width:100%; height:100%;} .visual03 dl{padding:10px; height:70px;} .visual03 dl dt {font-size:16px; font-weight:bold;color:#3055b0;} .visual03 dl dd {line-height:20px;} .visual04 li {float:left; width:182px; height:193px; border:1px solid #d7d7d7;} .visual04 dt {max-width:100%; height:128px;border-bottom:1px solid #d7d7d7;} .visual04 dd {padding:5px 10px; height:53px;} .visual05 .visual05L {width:381px; height:403px; border:1px solid #d7d7d7; float:left;} .visual05 ul.clearfix {float:left; width:582px; height:195px;} .visual05 div.clearfix {float:left; width:582px; height:195px; margin-top:15px;} .visual05 ul.clearfix li {width:182px; height:193px; border:1px solid #d7d7d7; float:left;} .visual05 ul.clearfix li a {display:block; width:100%; height:auto;} .visual05 li dt {height:128px;border-bottom:1px solid #d7d7d7;} .visual05 li dd {padding:5px 10px; height:53px; overflow:hidden;} .visual05 .fl {float:left; width:182px; height:193px; border:1px solid #d7d7d7;} .visual05 .fl dt {height:128px; border-bottom:1px solid #d7d7d7;} .visual05 .fl dd {padding:5px 10px;} .visual05 .fr {float:left; width:381px; height:193px; border:1px solid #d7d7d7;} .visual06 .visual06L {width:381px; height:193px; border:1px solid #d7d7d7; float:left;} .visual06 ul.clearfix {float:left; width:582px; height:193px;} .visual06 ul.clearfix li {width:182px; height:193px; border:1px solid #d7d7d7; float:left;} .visual06 ul.clearfix li a {display:block; width:100%; height:auto;} .visual06 li dt {height:128px;border-bottom:1px solid #d7d7d7;} .visual06 li dd {padding:5px 10px; height:53px; overflow:hidden;} .visual07 li {float:left; width:480px; height:193px; border:1px solid #d7d7d7;} .visual08 p {width:580px; height:193px; border:1px solid #d7d7d7; float:left;} .visual08 ul.clearfix {float:left; width:383px; height:193px;} .visual08 ul.clearfix li {width:182px; height:193px; border:1px solid #d7d7d7; float:left;} .visual08 ul.clearfix li a {display:block; width:100%; height:auto;} .visual08 li dt {height:128px;border-bottom:1px solid #d7d7d7;} .visual08 li dd {padding:5px 10px; height:53px; overflow:hidden;} .visual10 .fl2 {float:left;} .visual10 .fl2 .fll {border: 1px solid #d7d7d7;float:left;width:381px;height:193px;margin-right:15px;} .visual10 .fl2 .flr {border: 1px solid #d7d7d7;float:right;width:381px;height:193px;} .visual10 .fl1 {float:right;} .visual10 .fl1 li {border: 1px solid #d7d7d7;float: left;height: 193px;width: 182px;} .visual10 dt {border-bottom: 1px solid #d7d7d7;height: 128px;max-width: 100%;} .visual10 dd {height: 53px;padding: 5px 10px;overflow:hidden;} .bgBack {position:relative;} .bgBack a {display:block; width:100%; height:auto;} .bgCover {background-image: url(https://health.chosun.com/images/magazine/onair.gif); position:absolute; width:100px; height:30px; background-repeat: no-repeat;} .mgR15 {margin-right:15px;} .mgL15 {margin-left:15px;} .mgT15 {margin-top:15px;} #rel_artlist li {padding-left:12px; background:url("https://health.chosun.com/images/2015/cs_art_ico_new.png") no-repeat left 8px;} #sub_left_area_2010f {position:relative;} .magazine_lnb li {width:112px; height:33px; margin-top:10px;} .magazine_lnb li a {display:block; width:100%; height:100%;} .bg01 {background:#E8DDCB;} .bg02 {background:#CDB380;} .bg03 {background:#036564;} .bg04 {background:#033649;} .bg05 {background:#031634;} .bg06 {background:#E9CDC6;} .bg07 {background:#B32166;} .bg08 {background:#8D1A51;} .bg09 {background:#8D4C6B;} .bg10 {background:#4C788D;} .floatL2 {float:left; width:480px;} .floatL2 ul {height:193px; box-sizing:border-box; border:1px solid #d7d7d7;} .right980 h3.title2 {height:35px; line-height:35px; text-align:center; margin:50px 0 20px 0; background:url(https://health.chosun.com/images/magazine/201511/m_title_bg2.jpg) no-repeat left top;} .visual09 .visual09L {width:580px;height:193px; float:left; background:pink; border:1px solid #d7d7d7;} .visual09 ul.clearfix {width:383px;height:193px; float:left;} .visual09 ul.clearfix li {width:182px; border:1px solid #d7d7d7; float:left;} .visual09 ul.clearfix li a {display:block; width:100%; height:auto;} .visual09 li dt {height:128px;border-bottom:1px solid #d7d7d7;} .visual09 li dd {padding:5px 10px; height:53px; overflow:hidden;} /* �ǰ������� ����Ʈ �߰� */ div.card_veiwList {margin-top:60px; border:1px solid #d6d6d6; width:154px;} div.card_veiwList .bx-wrapper { margin:34px auto 0 ; padding:15px 10px 44px 9px; position:relative; } div.card_veiwList h3 {height:35px; line-height:35px; font-size:14px; font-weight:bold; background:#f8f8f8; border-bottom:1px solid #d6d6d6;text-align:center;} /* div.card_veiwList .bx-controls-direction {position:absolute;} div.card_veiwList .bx-controls {position:absolute;} */ div.card_veiwList .bx-prev {display:block; width:29px; height:14px; top:-15px; left:50px; background:url(/images/2016/card_btn_prev_on.png) no-repeat left top; font-size:0; cursor: pointer;} div.card_veiwList .bx-next {display:block; width:29px; height:14px; top:874px; left:50px; background:url(/images/2016/card_btn_next.png) no-repeat left top; font-size:0; cursor: pointer;} div.card_veiwList .bx_prev_card {position:absolute; display:block; width:29px; height:14px; top:-15px; left:40px; background:url(/images/2016/card_btn_pn.png) no-repeat 0 -15px; font-size:0;} div.card_veiwList .bx_prev_card:hover {background:url(/images/2016/card_btn_pn.png) no-repeat 0 0;} div.card_veiwList .bx_next_card {position:absolute; display:block; width:29px; height:14px; bottom:10px; left:40px; background:url(/images/2016/card_btn_pn.png) no-repeat -30px -15px; font-size:0;} div.card_veiwList .bx_next_card:hover {background:url(/images/2016/card_btn_pn.png) no-repeat -30px 0;} ul.card_veiwList {width:90px; margin:0 auto;} ul.card_veiwList li {width:90px; text-align:center;} ul.card_veiwList li img {width:90px;} .card_veiwList li h4 {font-size:12px; line-height:15px; font-weight:normal; text-align:center;} /*2023 header footer start*/ * { /* -webkit-box-sizing: border-box; box-sizing: border-box;*/ } header div { /*width: 100%;*/ } div.menu_popup { width: 100%; } body, button, input, select, table, textarea { font-size: 12px; line-height: 16px; color: #202020; } dl, dt, dd, ol, ul, li { margin: 0; padding: 0; border: 0; font-size: 100%; list-style: none; } strong { font-weight: bold; margin: 0; padding: 0; } figure { -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; } a, a:hover, a:visited { color: #2e2a26; text-decoration: none; } button { display: inlineblock; background-color: transparent; border-color: inherit; border-style: inherit; padding: inherit; cursor: pointer; } img { /*max-width: 100%;*/ vertical-align: middle; border-style: none; } img.border { border: 1px solid; } svg:not(:root) { overflow-clip-margin: content-box; overflow: hidden; } header { position: relative; min-width: 1200px; width: 100%; margin: 0 auto; letter-spacing: -.2px; font-family: 'Noto Sans KR', sans-serif !important; } header div { color: #2e2a26; /*width: 100%;*/ margin: 0; word-break: keep-all; letter-spacing: -.6px; font-family: 'Noto Sans KR', sans-serif; padding: 0; font-size: 12px; line-height: 16px; } nav { max-width: 1200px; padding: 0px 0px; margin: 0 auto; font-family: 'Noto Sans KR', sans-serif; } #container { position: relative; overflow: hidden; /*min-width: 1260px;*/ margin: 0 auto; letter-spacing: -.2px; } #layout-main { position: relative; margin: 0 auto; width: 1200px; letter-spacing: -.2px; border: 0px solid #000; height: 600px; padding-top: 40px; } .nav { /*height: 134px; */ } .nav__masthead { display: flex; height: 100px; min-height: 48px; padding: 0 0px; background-color: #fff; border-color: #eaeaea; justify-content: space-between; align-items: center; min-width: 1200px; } .nav__masthead-left { display: flex; align-items: center; } .nav__bar-icon { width: 20px; margin-right: 24px; cursor: pointer; } .nav__bar-icon-serch { max-width: 260px; margin-right: 32px; cursor: pointer; } .nav__masthead-center { display: flex; align-items: center; justify-content: center; } .nav__masthead-center svg { width: 190px; height: 40px; margin-top: 0px; } .nav__masthead-right { font-style: normal; font-weight: 400; font-size: 12px; line-height: 18px; text-align: right; align-items: center; justify-content: flex-end; } .nav__masthead-right span { font-weight: 700; } .nav__bar { min-height: 42px; max-height: 42px; padding: 0; background-color: #fff; justify-content: space-between; border-top: 1px #CBCBCB solid; border-bottom: 2px #BB0842 solid; } .nav__bar-center { min-width: 1200px; margin: 0 auto; overflow: hidden; position: relative; padding: 3px 0px 11px 0; } .nav__bar-center .list_nav { float: left; font-size: 16px; line-height: 30px; font-weight: 400; color: #000; letter-spacing: -.3px; margin-left: 45px; } .nav__bar-center .list_nav:last-child { margin-left: 110px; } .nav__bar-center ul.type_fix:after { content: ''; display: inline-block; background: #CBCBCB; position: absolute; left: 585px; top: 28%; width: 1px; height: 13px; } .nav__bar-center .list_nav .nav_item + .nav_item { margin-left: 56px; } .nav__bar-center .list_nav .nav_item { float: left; } .nav__bar-center .list_nav .nav { text-decoration: none; } .list_nav.type_fix .nav { font-weight: 700; } .nav.scroll { height: 41px; } .nav.scroll { position: fixed; height: 42px; left: 50%; top: 0; transform: translateX(-50%); max-width: 100%; border-bottom: 0px solid #222; background-color: #fff; z-index: 999; padding-top: 0px; } .nav__bar-center { margin: 0 auto; } .nav.scroll .nav__bar { display: flex; } .nav.scroll .nav__bar { max-width: 1280px; width: 100%; margin: 0 auto; /*border: none; display: none;*/ } .nav.scroll .nav__bar .nav__bar-center .scroll-logo { display: block; margin: 3px auto 0; } .nav__bar2 { min-height: 42px; max-height: 42px; padding: 0; background-color: #fff; justify-content: space-between; border-top: 1px #CBCBCB solid; border-bottom: 2px #BB0842 solid; } .nav.scroll .nav__bar2 { display: flex; } .nav.scroll .nav__bar2 { max-width: 1200px; width: 1200px; margin: 0 auto; /*border: none; display: none;*/ } .nav.scroll .nav__bar2 .nav__bar-left .scroll-logo { display: block; margin: 3px auto 0; } .nav.scroll .nav__bar2 .nav__bar-right { align-items: center; justify-content: flex-end; } .nav.scroll .nav__bar2 .nav__bar-right ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .nav.scroll .nav__bar2 .nav__bar-right ul li { font-size: 15px; font-weight: 500; margin-right: 52px; } .nav.scroll .nav__bar2 .nav__bar-right ul.type_bar:before { content: ''; display: inline-block; background: #CBCBCB; width: 1px; margin-top: 2px; margin-right: 52px; height: 13px; } /* nav popup */ dl, li, menu, ol, ul { list-style: none; } .menu_popup { position: absolute; background: none; /*max-height: 391px;*//* top: 133px;*/ background: #fff; z-index: 999; color: #333333; font-family: 'Noto Sans KR', sans-serif !important; } .menu_popup2 { position: absolute; background: none; /*max-height: 391px;*/ top: 42px; background: #fff; z-index: 999; color: #333333; } .menu_popup2 .side_nav { box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .12); } .full_popup {} .show { display: block !important; } .menu_popup .side_nav { box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .12); } .side_nav .nav { display: -webkit-box; display: -ms-flexbox; display: flex; } #navBar { position: fixed; top: -50px; width: 100%; transition: top 0.5s; } .layer_popup.side_nav { display: -webkit-box; display: -ms-flexbox; display: flex; border: none !important; outline: none !important; } .side_nav .scroll { padding-top: 4px; position: relative; } .scroll { margin: 0 auto; max-width: 1200px; width: 100%; } .side_nav .scroll:before { background: #333; content: ""; display: block; height: 0px; left: 0; position: absolute; top: 0; width: 100%; } .side_nav .nav { margin-top: 20px; position: relative; font-size: 14px; line-height: 22px; max-width: 100%; padding: 0; width: 1200px; } .side_nav .nav dl { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 0; margin-right: 15px; position: relative; width: 145px; margin-bottom: 30px; } .side_nav .nav dl:first-child { width: 170px; } .side_nav .nav ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } .side_nav .nav > ul { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 12px; position: relative; width: 12.5%; } .side_nav .nav ul { display: block; } .side_nav .nav > ul:last-child { margin-right: 0; } .side_nav .special { width: 250px !important; } .side_nav .special ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .side_nav .nav dl:after { border-right: 0px solid rgba(0, 0, 0, .1); content: ""; display: block; height: 100%; position: absolute; right: 0; top: 0; width: 1px; } .side_nav .special ul li { width: 50%; } .side_nav .nav li { margin-bottom: 20px; font-size: 15px; } .side_nav .nav strong { color: #111; display: block; font-size: 16px; margin-bottom: 25px; } .newshome { color: #111; display: block; font-size: 16px; margin-bottom: 20px; font-weight: 700; } .side_nav .nav .lg_btline:after { background: rgba(0, 0, 0, .1); content: ""; display: block; height: 1px; margin: 20px 0; width: calc(100% - 12px); } /* hc search */ .nav__bar-left { max-width: 260px; } .search-bar--input { padding: 6px 10px; } input:hover { border-color: #222; outline: none; } .search-bar--submit { padding: 5px 5px; width: 28px; border: none; } .search-bar--submit svg { width: 20px; height: 20px; } .box--pointer { cursor: pointer; } .search-bar--wrap { margin: 0; margin-left: 0px; width: 226px; height: 35px; border: 1px solid #BB0842; border-radius: 5px; } .grid { box-sizing: border-box; display: flex; flex: 0 1 auto; flex-flow: row wrap; } .search-bar--input { padding: 6px 10px; border: 0; border-radius: 6px; font-size: 13px; color: #222; width: 196px; } .search-bar--input::placeholder { color: #BB0842; } .side_nav .nav_footer { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; position: relative; font-size: 14px; line-height: 22px; max-width: 100%; padding: 0; width: 1200px; border: 1px solid #BB0842; border-left: 0px; border-right: 0px; } .side_nav .nav_footer dl { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 0; margin-right: 15px; position: relative; width: 50%; margin-bottom: 0px; } .side_nav .nav_footer dt { color: #BB0842; font-size: 13px; padding: 15px 0; font-weight: 700; } .side_nav .nav_footer dt svg { padding-top: 2px; } .side_nav .nav_footer .dl_right dt { width: 50%; float: left; text-align: right; } .side_nav .nav_footer .dl_right dd { width: 240px; float: right; padding: 15px 0; } .side_nav .nav_footer ul li { float: left; margin-right: 30px; } /*main top */ .ad-main-top { margin: 0 auto; text-align: center; padding-top: 10px; } .ad-main-left { position: absolute; top: 0px; left: -165px; width: 165px; } .ad-main-left img { margin-top: 0px; vertical-align: top; width: 120px; height: 500px; } .ad-main-right { position: absolute; top: 0px; right: -165px; width: 120px; } .ad-main-right img { margin-top: 0px; vertical-align: top; width: 120px; height: 500px; } /*flex*/ .flex_column { -webkit-box-orient: vertical; /* -webkit-box-direction: reverse; */ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .flex--wrap { flex-wrap: wrap; } .flex { display: flex; } .flex-pointer { cursor: pointer; } .flexauto { flex-basis: auto; } .flex-sa { justify-content: space-around; } .flex-center { justify-content: center; align-items: center; } .flex-direction-column { flex-direction: column; } .h1 { font-size: 42px; line-height: 1.3; font-weight: 700; } .h2 { font-size: 32px; line-height: 1.4; font-weight: 700; } .h3 { font-size: 24px; line-height: 1.5; font-weight: 700; } .h4 { font-size: 20px; line-height: 1.4; font-weight: 700; } .h5 { font-size: 17px; line-height: 1.4; font-weight: 400; } .h6 { font-size: 16px; line-height: 1.5; font-weight: 400; } .height--100 { height: 100%; } .width--100 { width: 100%; } .text--left { text-align: left; } .text--overflow-ellipsis { overflow: hidden; text-overflow: ellipsis; } /*grid*/ .grid_container { width: 100%; } .grid_col--lg { box-sizing: border-box; flex: 0 0 auto; flex-basis: 100%; max-width: 100%; padding: 0 calc(32px / 2); } .grid_col_lg_left { padding-left: 0; } .grid_col_lg_right { padding-right: 0; } .grid_col_lg_1 { flex-basis: 8.33%; max-width: 8.33%; } .grid_col_lg_2 { flex-basis: 16.67%; max-width: 16.67%; } .grid_col_lg_3 { flex-basis: 25%; max-width: 25%; } .grid_col_lg_4 { flex-basis: 33.33%; max-width: 33.33%; } .grid_col_lg_5 { flex-basis: 41.67%; max-width: 41.67%; } .grid_col_lg_6 { flex-basis: 50%; max-width: 50%; } .grid_col_lg_7 { flex-basis: 58.33%; max-width: 58.33%; } .grid_col_lg_8 { flex-basis: 66.67%; max-width: 66.67%; } .grid_col_lg_9 { flex-basis: 75%; max-width: 75%; } .grid_col_lg_10 { flex-basis: 83.33%; max-width: 83.33%; } .grid_col_lg_11 { flex-basis: 91.67%; max-width: 91.67%; } .grid_col_lg_12 { flex-basis: 100%; max-width: 100%; } .grid_col_370 { flex-basis: 370px; max-width: 370px; } /* box margin padding border*/ .box-padding-left { padding-left: 30px; } .box-padding-right { padding-right: 30px; } .box-right-border { border: 1px; border-color: #222; border-style: solid; border-left: 0; border-color: #eaeaea; border-width: 1px; border-bottom: 0; border-top: 0; } .box-margin-right { margin-right: 18px; } .box-margin-right-none { margin-right: 0px; } .box-margin-left { margin-left: 18px; } .box-margin-left-20 { margin-left: 20px; } .box-margin-side { margin-left: 18px; margin-right: 18px; } .box-margin-bottom { margin-bottom: 18px; } .box-margin-bottom-l { margin-bottom: 34px; } .box-padding-right { padding-right: 18px; } .box-padding-top { padding-top: 18px; } .box-padding-left { padding-left: 18px; } .box-padding-side { padding-left: 18px; padding-right: 18px; } .box-padding-top-none { padding-top: 0px !important; } .box-border { border: 1px; border-color: #222; border-style: solid; } .box-border-horizontal-bottom { border-top: 0; } .box-border-horizontal { border-left: 0; border-right: 0; } .box-border-xs { border-width: 1px; } .box-border-grey-20 { border-color: #eaeaea; } .box-border-dash-top { border-top: 1px; border-left: 0; border-right: 0; border-bottom: 0; border-style: dashed; border-color: #ccc; } .box--margin-center { margin-left: auto; margin-right: auto; } .box--position-relative { position: relative; } .box--position-absolute-top { top: 0; } .box--position-absolute-left { left: 0; } .box--position-absolute { position: absolute; } .h_image { max-height: 100%; max-width: 100%; } .h_radius-50 { border-radius: 50%; } /* main */ .layout_bottom { position: relative; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; /*margin-right: -15px;margin-left: -15px;*/ } /* none */ hr, legend, caption { display: none; } .hide { display: none; } #csWrap { min-width: 1200px; padding: 0px 0px; margin: 0 auto; } /*aticle footer*/ footer { margin: auto; border-top: 2px solid #222222; margin-top: 50px; width: 100%; font-family: 'Noto Sans KR', sans-serif; position: relative; overflow: hidden; min-width: 1260px; } #Footer { width: 100%; background: #ffffff; border-top: 2px solid #222222; margin: 0 auto; } .Footer { width: 100%; background: #ffffff; border-top: 2px solid #222222; margin: 0 auto; } .Footer:after { content: ""; display: block; clear: both; *zoom: 1 } .Footer_2 { width: 100%; background: #ffffff; margin: 0 auto; } .Footer_2:after { content: ""; display: block; clear: both; *zoom: 1 } .Footer_inner { width: 100%; } .Footer_2 .Footer_inner_2 { position: relative; width: 1200px; margin: 0 auto; padding: 0px 0 0px 0; border-top:0px; background: #ffffff; } .Footer .Footer_inner { position: relative; width: 100%; margin: 0 auto; padding: 0px 0 0px 0; border-top:0px; background: #ffffff; } .footer_hcs { width: 100%; margin: 0 auto; background: #F4F4F4; } .Footer_inner .Footer_add { padding-left: 185px; position: relative; } #h_footer { margin-top: 0px !important; width: 1200px !important; } .Footer_add + .Footer_add dl:first-child { border-top: solid 1px #d9d9d9; padding-top: 12px; margin-top: 12px } .Footer_inner ul { overflow: hidden; font-size: 13px; margin-bottom: 1px; line-height: 1.846em; } .Footer_inner ul li { position: relative; display: inline-block; color: #777; padding: 0 16px } .Footer_inner ul li a { color: #777; } .Footer_inner span { display: inline-block; font-size: 13px; color: #222; margin-top: 0px } .Footer_inner ul li.noline { padding-left: 0 } /*푸터하단메뉴리스트 스타일 시안에 없음*/ #h_footer { clear: both; position: relative; width: 100%; margin: 0px auto; padding: 0px; margin-top: 20px; border-top: 0px solid #46475b; font-family: 'Noto Sans KR', sans-serif; } #h_footer .footer_area { clear: both; height: 215px; border: 0px solid #d9d9d9; border-top: 0px; border-bottom: solid 1px #909090; } #h_footer .left_area { width: 905px; margin-left: 35px; /*height:200px;*/ float: left; } #h_footer .left_area .title { margin-left: 20px; margin-bottom: 13px; background: url(https://health.chosun.com/images/2013/m_title_section_V01.gif) no-repeat 0 -380px; font-size: 12px; text-indent: -10000em; } #h_footer .right_area { width: 243px; height: 223px; float: left; border-bottom: 0px solid #eeeef0 } #h_footer .right_area .title { margin-left: 20px; margin-bottom: 20px; background: url(https://health.chosun.com/images/2013/m_title_section_V01.gif) no-repeat 0 -403px; font-size: 12px; text-indent: -10000em; } #h_footer .service { float: left; text-align: left; width: 223px; padding-left: 20px; margin-top: 0px } #h_footer .service li { display: block; height: 25px; padding: 0px; } #h_footer .service .first { display: block; line-height: 14px } #h_footer .info { float: left; text-align: left; width: 205px; padding-left: 20px; border-right: 1px dotted #d9d9d9 } #h_footer .info li { display: block; padding: 6px 0px 3px 0px; } #h_footer .info .first { padding: 3px 0px 3px 0px; } #h_footer .info span { display: block; font-weight: bold } #csCopy2 { clear: both; max-width: 1200px; margin: 0 auto; border-top: solid 0px #909090; padding: 40px 0; background:#f4F4F4; } .cs_copy { width: 1200px; border-top: solid 0px #d7d7d7; letter-spacing: -1px; margin: 0 auto; padding: 0px 0 40px; line-height: 1.3 } .cs_copy .hide { display: none; } .cs_copy a { text-decoration: none; } .copy_cslogo { float: left; display: block; width: 186px; height: 110px; padding-bottom: 10px; padding-top: 0px; background: none; } ul.copy_links { padding-bottom: 12px; font-size: 0; color: #888; } ul.copy_links { border-bottom: solid 0px #eaeaea; } ul.copy_links li { display: inline-block; font-size: 14px; line-height: 28px; } ul.copy_links li:before { content: " "; display: inline-block; width: 1px; height: 14px; background: #E0E0E0; vertical-align: middle; margin: 0 10px; } ul.copy_links li.noline:before { display: none; } ul.copy_links li.copy_text { display: block; padding-top: 10px; } ul.copy_links li.copy_hr { display: block; height: 1px; background: #ebebeb; } ul.copy_links li.black a { color: #222; font-weight: bold } ul.copy_links li a { color: #777; } ul.copy_links li.copy_copyright { display: block; margin-left: 186px; margin-top: 10px; padding: 10px 0; border-top: 1px solid #E5E5E5; } ul.copy_links li.copy_copyright:before { display: none } ul.copy_links li.copy_cslogo:before, ul.copy_links li.copy_cslogo + li:before, ul.copy_links li.copy_address:before, ul.copy_links li:first-child:before, ul.copy_links li.copy_text:before { display: none; } .copy_company { width: 180px; float: right; margin-top: -35px } .copy_company select { height: 30px; border: solid 1px #d7d7d7; font-size: 13px; color: #777 } ul.copy_links2 { padding: 20px 0; font-size: 0; color: #777; } ul.copy_links2 li { float: left; display: inline-block; font-size: 14px; line-height: 20px; padding-left: 0 } ul.copy_links2 li:before { content: " "; display: inline-block; width: 1px; height: 14px; background: #d7d7d7; vertical-align: middle; margin: 0 7px; } ul.copy_links2 li.noline:before { display: none } ul.copy_links2 li.copy_text { display: block; padding-top: 10px; } ul.copy_links2 li.copy_hr { display: block; height: 1px; background: #ebebeb; } ul.copy_links2 li.black a { color: #222; font-weight: bold } ul.copy_links2 li a { color: #777; } ul.copy_links2 li.rss { float: right; font-size: 13px; background: url(https://health.chosun.com/images/2015/rss_s.gif) no-repeat 0px 2px; padding-left: 13px; margin-left: 5px } ul.copy_links3 { padding: 20px 0; float: right; } ul.copy_links3 li { display: inline-block; font-size: 14px; line-height: 20px; padding-left: 0 } ul.copy_links3 li:before { content: " "; display: inline-block; width: 1px; height: 14px; background: #d7d7d7; vertical-align: middle; margin: 0 7px; } ul.copy_links3 li.noline:before { display: none } ul.copy_links3 li.copy_text { display: block; padding-top: 10px; } ul.copy_links3 li.copy_hr { display: block; height: 1px; background: #ebebeb; } ul.copy_links3 li.black a { color: #222; font-weight: bold } ul.copy_links3 li a { color: #777; } ul.copy_links3 li.rss { background: url(https://health.chosun.com/images/2015/rss_s.gif) no-repeat 0px 2px; padding-left: 13px; margin-left: 5px } /*2023 header footer end*/