@charset "euc-kr";
/* À¥Á¢±Ù¼º */
.skip{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;visibility:hidden;font-size:0;line-height:0}

/* common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th, td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0} 
body,input,textarea,select,button,table{font-family:"¸¼Àº °íµñ", Malgun Gothic, "µ¸¿ò", Dotum, AppleGothic,sans-serif;font-size:14px;line-height:16px;color:#444}
img, fieldset {border:0}
ul,ol{list-style:none}
address,em{color:#444;font-style:normal} 
a{color:#444;text-decoration:none} 
a:hover,a:active,a:focus{text-decoration:underline} 
.screen_out{position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0}

hr,legend,caption {display:none;}

html{-webkit-text-size-adjust:none}

body {scrollbar-arrow-color:#dddddd;
scrollbar-darkshadow-color:#dddddd;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#dddddd;
scrollbar-shadow-color:#dddddd;
scrollbar-track-color:#dddddd;
scrollbar-3dlight-color:#ffffff;
min-width:1100px}

/* layout */
#wrap {position:relative; width:100%; margin:0 auto}
#header {position:relative;width:110px;clear:both;margin:0 auto;z-index:100}
#container {overflow:hidden; position:relative;width:100%; margin:0 auto}
#content {overflow:hidden; position:relative;width:1100px; margin:0 auto; padding:35px 0 70px; background:url(http://img.mk.co.kr/2016/mkpremium/bg_cont.gif) repeat-y 0 0}
.content_left{position:relative; float:left; width:740px}
.content_right{position:relative; float:right; width:330px; background:url(http://img.mk.co.kr/2016/mkpremium/bg_cont_right.gif) repeat-y 0 0}

/* gnb_top */
.gnb_wrap {position:relative;width:100%; height:30px; background:url(http://img.mk.co.kr/news/2013/main/bg_header.gif) repeat-x 0 0; font-family:"µ¸¿ò",Dotum}
.gnb_top {position:relative;overflow:hidden;width:1100px; height:30px; margin:0 auto;font-family:"µ¸¿ò",Dotum}
.gnb_family {float:left;background:url(http://img.mk.co.kr/news/2013/main/ic_logo_group.png) no-repeat 0 8px}
.gnb_family a {display:block;color:#656565;text-decoration:none;font-size:11px;padding:0 0 0 19px;margin:8px 0 7px 0}
.gnb_family .gnb_go {padding:0 0 1px 3px;width:3px;height:5px}
.gnb_utility {position:absolute;top:0;left:547px}
.gnb_utility ul {overflow:hidden}
.gnb_utility ul li {float:left;padding:8px 0 7px 0}
.gnb_utility ul li a{color:#656565;text-decoration:none;font-size:11px;padding:0 9px 0 0;letter-spacing:-1px;}
.gnb_utility .more {background:url(http://img.mk.co.kr/news/2013/main/bnt_gnb_more.gif) no-repeat 100% 13px;color:#656565;text-decoration:none;font-size:11px;}
.gnb_user {float:right;display:inline-block;padding:5px 0 7px 0}

/* gnb_layer */
.layer_family {position:relative;position:absolute;left:0;top:0;background:#fbfbfb;text-align:left;z-index:98;height:21px;padding-top:8px; font-family:"µ¸¿ò",Dotum}
.layer_family ul {overflow:hidden}
.layer_family ul li{float:left;overflow:hidden;padding:0 2px}
.layer_family .first{padding:0;margin:0;}
.layer_family .last{padding:0;margin:0 0 0 6px}
.layer_family .bar{color:#b7b7b7;padding:0 5px}

/* gnbmenu */
.gnbmenu_wrap {width:100%; height:100px; background-color:#011760}
.gnbmenu_in{margin:0 auto; width:1100px; position:relative; height:95px}
.gnbmenu_in h1{width:174px; height:30px; position:absolute; top:34px; left:0}
.gnbmenu{position:absolute; top:40px; left:250px; width:800px}
.gnbmenu li{font-size:17px; float:left; padding:0 27px 0 22px; letter-spacing:-1px; background:url(http://img.mk.co.kr/2016/mkpremium/gnb_bar.png) no-repeat right 3px}
.gnbmenu li:nth-child(5){background-image:none; padding-right:25px}
.gnbmenu li:nth-child(6){background-image:none; padding-right:0}
.gnbmenu li a{color:#d9dbe6; text-decoration:none}
.gnbmenu li a:hover{color:#5895f0; text-decoration:none}
.gnbmenu li.on a{color:#5895f0; font-weight:bold}
.gnbmenu li.series{margin-top:-4px; padding:3px 12px 5px 10px; font-size:15px; font-weight:bold; border:2px solid #e07a1f; border-radius:26px; text-align:center; letter-spacing:-1px}
.gnbmenu li.series a{color:#f27608;text-decoration:none}

.bt_gnb_srch{position:absolute; top:40px; right:0; width:22px; height:23px}
.gnb_srch{overflow:hidden; position:absolute; top:35px; right:0; width:240px; height:30px; z-index:100}
.gnb_srch legend{display:none}
.gnb_srch input.text{padding:2px 0 2px 5px; width:207px; height:25px; border:0; background-color:#e3e5ec;font-size:13px;letter-spacing:-1px}
.gnb_srch input.img{position:absolute; top:1px; right:25px; width:26px; height:26px; text-indent:-9999px; background:url(http://img.mk.co.kr/main/2016/srch.png) no-repeat 0 6px; cursor:pointer; border:0; z-index:101}
.gnb_srch .bt_close{position:absolute;top:0;right:5px;display:block;width:28px; height:28px; text-indent:-9999px; background:url(http://img.mk.co.kr/2016/mkpremium/bt_gnb_close.png) no-repeat right 7px; cursor:pointer; border:0; z-index:101}

/* contetnt */
.frame_g{position:absolute; top:0; left:0; border:1px solid #000; opacity:0.1; filter:alpha(opacity=10)}
.location{padding-bottom:15px; width:100%; font-size:12px; border-bottom:1px solid #ddd}
.location .home{display:inline-block; padding-left:16px; background:url(http://img.mk.co.kr/2016/mkpremium/bg_location_home.gif) no-repeat 0 3px; color:#888}
.location span{margin-left:5px; padding-left:12px; background:url(http://img.mk.co.kr/2016/mkpremium/bg_location.gif) no-repeat 0 4px}

.epaper_info{position:relative; font-size:17px; line-height:25px}
.btn_epaper_join{position:absolute; top:520px; left:250px; z-index:100}
.btn_epaper_join a{display:inline-block; padding:12px 0; width:230px; height:22px; font-size:17px; line-height:18px; background-color:#3978ff; color:#fff; text-align:center}

/* top_article */
.top_article{overflow:hidden;width:740px;height:320px; background:url(http://img.mk.co.kr/2016/mkpremium/bg_top_art.gif) repeat 0 0}
.top_article dl{overflow:hidden;padding:30px 24px;width:692px;height:260px}
.top_article dl dt{padding-top:5px}
.top_article dl h3{display:inline; padding:2px 6px 4px; font-size:13px; letter-spacing:-1px; color:#fff; background-color:#3a5ccc}
.top_article dl .tit a{display:block; margin-top:10px; color:#000; font-weight:bold; font-size:25px; font-weight:normal; letter-spacing:-2px; line-height:30px}
.top_article dl .sub a{display:block; margin:10px 0 14px; overflow:hidden; height:75px; font-size:13px; color:#5c5c5c; letter-spacing:-0.5px; line-height:19px}
.top_article dl .sub2 {overflow:hidden; margin-left:285px; width:405px; white-space:normal}
.top_article dl .sub2 li a{display:block; margin-bottom:4px; background:url(http://img.mk.co.kr/2016/mkpremium/bu_topart_list.png) no-repeat 2px 8px; padding:3px 0 0 14px; font-size:14px; color:#222; font-weight:bold; text-overflow:ellipsis; white-space:nowrap}
.top_article dl .thumb {overflow:hidden; position:relative; float:left; margin-right:25px; width:260px; height:260px}
.top_article dl .thumb img{width:260px; height:260px}
.top_article .frame_g{width:258px; height:258px}

/* sub_article */
.sub_article{overflow:hidden; margin:20px 0; width:740px}
.sub_article ul li{overflow:hidden; padding:25px 0; float:left}
.sub_article ul li.fl_art{width:355px; padding-right:30px; border-bottom:1px solid #e2e3e6}
.sub_article ul li.fr_art{width:355px; border-bottom:1px solid #e2e3e6}
.sub_article ul li .thumb{overflow:hidden; position:relative; float:left; margin-right:15px; width:112px; height:112px}
.sub_article ul li .thumb img{width:112px; height:112px}
.sub_article ul li .sub_tit a{color:#222; letter-spacing:-1px; line-height:19px}
.sub_article ul li .sub_txt a{overflow:hidden; display:block; margin-top:8px; font-size:12px; color:#666}
.sub_article ul li.last{border-bottom:none}
.sub_article .frame_g{width:110px; height:110px}

/* series_article */
.series_article{overflow:hidden; width:740px; border-top:1px solid #808baf; border-bottom:1px solid #cfd0d4}
.series_left_cont{float:left; position:relative; padding-left:20px; width:140px; min-height:610px; background-color:#f3f4f7}
.series_left_cont h2{padding-top:35px; font-size:16px; letter-spacing:-1px; line-height:20px; color:#222}
.series_left_cont .bt_moreview{font-size:12px; letter-spacing:-1px; color:#858585}
.series_menu{overflow:hidden; margin:20px 0; width:140px}
.series_menu li{padding-bottom:11px; font-size:12px; letter-spacing:-1px}
.series_menu li a{color:#666}
.series_menu li a:hover{padding-right:8px; font-size:13px; font-weight:bold; color:#0939b4; text-decoration:none; background:url(http://img.mk.co.kr/2016/mkpremium/ico_bt_series.png) no-repeat right 6px}
.series_menu li.on a{padding-right:8px; font-size:13px; font-weight:bold; color:#0939b4; background:url(http://img.mk.co.kr/2016/mkpremium/ico_bt_series.png) no-repeat right 6px}

.series_right_cont{float:right; position:relative; width:550px}
.list_area{overflow:hidden; margin-top:15px}
.article {clear:both; position:relative; margin-top:22px}
.article .thumb {float:left; position:relative; margin-right:18px; width:90px; height:90px}
.article .thumb img{width:90px; height:90px}
.article .frame_g{width:88px; height:88px}
.article .tit a{display:block; color:#222; font-size:15px; font-weight:bold; letter-spacing:-0.5px; line-height:18px}
.article .sub {overflow:hidden; padding-top:6px}
.article .sub_txt a{display:block; font-size:13px; line-height:17px; letter-spacing:-0.5px; color:#666}
.article .name{display:block; margin:3px 5px 0 0; color:#929292; font-size:12px; letter-spacing:-0.5px; text-align:right}
.art_line2 {clear:both; border-bottom:1px solid #ddd; padding-bottom:17px}
.list_area .bt_moreview2{display:block; margin:28px 5px 0 0; text-align:right; font-size:12px; font-weight:bold; letter-spacing:-1px; color:#4f4f4f; text-decoration:underline}

/* content_right */
.cont_box{overflow:hidden; position:relative; margin:0 0 25px 30px; width:300px}
.cont_box h3{padding-top:12px;width:300px;height:33px;font-weight:normal;font-size:17px;line-height:20px;letter-spacing:-1px;color:#113fd9;border-top:1px solid #808baf; border-bottom:1px solid #e0e0e0}
.sub_tit2 a{display:block; margin:20px 0 10px;font-size:15px;letter-spacing:-1px; color:#222}
.sub_txt2 a{overflow:hidden; display:block; margin-right:14px; float:left; width:196px; height:90px; font-size:13px; line-height:18px; letter-spacing:-0.5px; color:#666}
.cont_thumb{position:relative; float:right; margin-top:4px; width:90px; height:90px}
.cont_thumb img{width:90px; height:90px}
.cont_thumb .frame_g{width:88px; height:88px}

.list_vod{overflow:hidden; margin-top:22px}	
.list_vod li.fl_art{float:left; width:140px}
.list_vod li.fr_art{float:right; width:140px}
.list_vod .tit a{display:block; width:140px; font-size:14px;font-weight:normal;letter-spacing:-1px;line-height:19px; color:#000}
.vod_thumb{display:block; position:relative; margin-bottom:10px; width:140px; height:140px}
.vod_thumb img{width:140px; height:140px}
.vod_thumb .frame_g{width:138px; height:138px}
.vod_thumb .ico_vod{position:absolute;top:50px;left:46px;width:48px;height:48px;text-indent:-9999px; background:url(http://img.mk.co.kr/2016/mkpremium/bt_play_vod.png) no-repeat 0 0}

.ad_300{overflow:hidden; position:relative; margin:30px 0 30px 30px; width:300px; text-align:center}
.banner_epaper{margin:20px 0 40px 30px; width:300px; text-align:center}

.bestclick_art{overflow:hidden; margin-top:6px; width:300px}
.bestclick_art dl{overflow:hidden; clear:both; padding:10px 0 10px 4px; border-bottom:1px solid #eaeaea}
.bestclick_art dl .thum{position:relative; float:right; margin-left:15px}
.bestclick_art dl .thum .frame_g{width:48px; height:48px}
.bestclick_art dl .num{display:block; float:left; margin-top:-1px; width:34px; height:40px; font-family:Georgia, Tahoma, Geneva, sans-serif; color:#afafaf; font-weight:bold; font-style:italic; font-size:24px}
.bestclick_art dl dt{padding-bottom:3px; letter-spacing:-1px; line-height:20px; text-align:left}
.bestclick_art dl.last{border-bottom:none}

/* news_list */
.list_area2{overflow:hidden; position:relative; width:740px}
.article_list {overflow:hidden; margin-top:25px; clear:both;  width:740px; position:relative}
.article_list .tit a{display:block; padding-top:8px; letter-spacing:-1px; color:#000; font-size:18px; font-weight:normal}
.article_list .sub {overflow:hidden}
.article_list .date {display:block; margin:8px 0 10px; color:#929292; font-size:13px; text-align:left; font-weight:normal}
.article_list .subtxt a{display:block; font-size:14px; line-height:19px; color:#5d5d5d; letter-spacing:-0.5px}
.article_list .thumb {float:left; position:relative; margin-right:18px; width:100px; height:100px}
.article_list .thumb img{width:100px; height:100px}
.article_list .frame_g{width:98px; height:98px}
.art_line {clear:both; border-bottom:1px solid #e4e4e4; padding-bottom:25px}
.article_list .thumb .ico_vod{position:absolute;bottom:4px;right:5px;width:34px;height:34px;text-indent:-9999px; background:url(http://m.mk.co.kr/images/2016/bt_play_video.png) no-repeat 0 0;  background-size:34px 34px; opacity:0.8; filter:alpha(opacity=80)}

.series_photo_list{overflow:hidden; width:740px}
.series_photo_list li{position:relative; float:left; margin:25px 25px 0 0; width:165px}
.series_photo_list li:nth-child(4n){margin-right:0}
.series_photo_list .thumb {margin-left:10px; width:145px; height:145px; text-align:center}
.series_photo_list .thumb img{width:145px; height:145px}
.series_photo_list li .ico_new{display:block; position:absolute; top:58px; left:66px; width:32px; height:32x; z-index:100}
.series_photo_list .frame_g{position:absolute; top:0; left:10px; width:143px; height:143px}
.series_photo_list .cont{overflow:hidden; display:block; margin-top:10px; width:165px; height:52px; text-align:center}
.series_tit{letter-spacing:-1px}
.series_num{display:block; font-size:13px; font-weight:bold; line-height:22px; color:#113fd9}
.tab_series{overflow:hidden;position:absolute; top:-5px; right:14px}
.tab_series li{float:left}
.tab_series li a{display:block; padding-top:3px; width:71px; height:21px; text-align:center; border:1px solid #9bb1d8; font-size:12px; color:#5e84c8; letter-spacing:-1px; text-decoration:none}
.tab_series li.on a{display:block; padding-top:3px; width:71px; height:21px; text-align:center; border:1px solid #9bb1d8; font-size:12px; color:#fff; letter-spacing:-1px; text-decoration:none; background-color:#9bb1d8}
.mask_img{position:relative; display:block}
.mask_img:after{display:block;width:100%;height:100%;position:absolute;bottom:0;left:0;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.6)));background-image:-moz-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,.6));background-image:-o-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,.6));background-image:linear-gradient(to bottom,rgba(0,0,0,.2),rgba(0,0,0,.6));content:'';}
.mask_img .frame_g{position:absolute; top:0; left:0; width:143px; height:143px}

.paginate_prm{font-size:12px;margin-top:40px; text-align:center; overflow:hidden; clear:both; width:100%}
.paginate_prm2{font-size:12px;margin-top:30px; text-align:center; overflow:hidden; clear:both; width:100%}
.num_on {margin-right:10px; color:#ee7700; font-weight:bold}
.num_off {margin-right:10px; color:#404040}

/* news_view */
.view_title{overflow:hidden; position:relative; margin-bottom:40px; padding-top:35px; width:100%; background-color:#fff; border-bottom:1px solid #ddd}
.view_title h2{margin-top:25px; font-size:31px; font-weight:normal; line-height:39px; color:#000; letter-spacing:-2px}
.news_title_author{padding:40px 0 15px; height:20px; font-size:13px; color:#888}
.news_title_author .author{float:left; color:#333}
.news_title_author .lasttime{padding-left:20px; float:left; background:url(http://img.mk.co.kr/main/2015/mk_new/ic_gap.gif) no-repeat 10px 6px}
.view_txt{font-size:17px; color:#222; line-height:29px}
.right_image {margin-left:15px; padding:5px; text-align:left; float:right; border:2px solid #e6e6e6}
.left_image {padding:5px; text-align:left; float:left; border:2px solid #e6e6e6; margin:0 15px 10px 0}
.left_image_ad {padding:15px 15px 15px 0; text-align:left; float:left; margin-right:5px; margin-bottom:15px}
.center_image {padding:5px; text-align:left;  border:2px solid #e6e6e6;  margin:0 auto; margin-bottom:15px}
.img_conti{font-size:12px; color:#747474; line-height:13px; padding:5px 0}
.sns_right{overflow:hidden; position:absolute; right:0; bottom:12px; z-index:1; zoom:1}
.sns_right ul li{float:left; padding-left:6px}
.sns_right ul li:first-child{float:left; padding-left:0}
.sns_right a:link{display:inline-block}

.link_news_area{overflow:hidden; clear:both; margin-top:50px; padding-top:40px; border-top:1px solid #ddd}
.link_news_area h3{margin-left:12px; font-size:14px; letter-spacing:-1px}
.link_news_list{overflow:hidden; margin-left:12px; width:740px}
.link_news_list li{position:relative; float:left; margin:20px 25px 0 0; width:165px}
.link_news_list li:nth-child(4n){margin-right:0}
.link_news_list .thumb {width:145px; height:145px; text-align:center}
.link_news_list .thumb img{width:145px; height:145px}
.link_news_list .frame_g{position:absolute; top:0; left:0; width:143px; height:143px}
.link_news_list .cont{overflow:hidden; display:block; margin-top:10px; width:145px}
.link_news_tit{letter-spacing:-1px; line-height:19px}

/* Ä«µå´º½º */
.card_news {width:650px; height:755px; margin:0 auto; position:relative; background:#6e6f73; overflow:hidden; margin-bottom:35px; text-align:center}
.card_news .card_img {margin:30px 0 20px 0; text-align:center; position:relative}
.card_news .card_prev {position:absolute; left:15px; top:283px}
.card_news .card_next {position:absolute; right:15px; top:283px}
.card_news .card_list { overflow:hidden}
.card_news .card_list li {float:left; margin-right:5px}
.card_news .card_list_left {float:left; margin-left:15px; margin-right:7px}
.card_news .card_list_right {float:left; margin-left:2px; margin-right:10px}
.card_news .img_on {border:3px solid #ee7700}
.card_news .img_off {border:3px solid #6e6f73}


/* layer_¸ÞÀϺ¸³»±â */
.sendnews_wrap{overflow:hidden; position:absolute; top:0; left:50%; margin-left:-260px; width:628px; height:508px; border:1px solid #b0b2bd; background-color:#fff; z-index:100}
.sendnews_tit{width:100%; height:60px; background-color:#ebecf4}
.sendnews_tit h1{position:absolute; top:17px; left:20px}
.sendnews_tit h2{position:absolute; top:18px; left:152px}
.sendnews_wrap .bt_close{position:absolute; top:18px; right:18px}
.article_tit{overflow:hidden; margin:0 15px; padding:20px 0 24px 0; border-bottom:1px solid #dbddeb; font-size:20px; letter-spacing:-2px; text-align:center; font-weight:normal; white-space:nowrap}
.input_box{margin:20px 0 30px 50px; width:515px}
.input_box dt{float:left; width:90px; font-size:15px; letter-spacing:-1px; font-weight:bold; padding:4px 0 0 7px; background:url(http://img.mk.co.kr/mkde/epaper/bu_mailpop.gif) no-repeat 0 11px}
.input_box dd{float:left; width:415px; margin-bottom:15px}
.input_box dd input{width:405px; height:27px; padding-left:5px; font-size:13px; border:1px solid #d3d4da; background-color:#ebecf4}
.input_box dd  textarea{width:405px; height:80px; padding-left:5px; font-size:13px; border:1px solid #d3d4da; background-color:#ebecf4}
.important{line-height:0; font-size:0; vertical-align:middle}
.etc{font-size:12px; color:#777; padding-left:4px; letter-spacing:-1px}
.bt_popup{clear:both; margin:20px 0 0 230px; text-align:center}
.bt_send_mail{float:left; display:block; margin-right:8px; padding-top:4px; width:80px; height:24px; color:#fff; font-size:13px; letter-spacing:-1px; background-color:#ff8a00; border:1px solid #d77c12}
.bt_send_mail:hover, .bt_send_mail:link{color:#fff}
.bt_cancel_mail{float:left; display:block; padding-top:4px; width:80px; height:24px; font-size:13px; letter-spacing:-1px; border:1px solid #b0b0b0; color:#666}

/* °Ë»ö°á°ú */
.srch_re_area{padding:15px 0; font-size:14px; letter-spacing:-0.5px; text-align:center; border-bottom:1px solid #d9d9d9}
.srch_word{color:#3687ff; font-weight:bold}
.srch_num{color:#8a8a8a}
.srch_none{padding-top:100px; text-align:center; color:#222; font-size:21px; font-weight:normal; line-height:26px; letter-spacing:-0.05em}
.srch_none_u{overflow:hidden; padding:50px 0 0 170px}
.srch_none_u li{font-size:14px; line-height:16px; padding:6px 0}
.srch_none_btn{clear:both; position:relative; padding-top:80px; text-align:center}
.srch_none_btn a.btn_prev{display:inline-block; padding:10px 0 9px 0; width:220px; height:20px; font-size:14px; line-height:16px; background-color:#4f8de9; color:#fff; text-align:center}
.srch_none_btn a.btn_home{display:inline-block; padding:10px 0 9px 0; width:230px; height:20px; font-size:14px; line-height:16px; background-color:#6c7180; color:#fff; text-align:center}


/* ŸºÒ¶óÃß°¡ */
.trc_related_container {margin-top:45px;padding-top:40px;border-top:1px solid #ddd}
.alternating-thumbnails-b .trc_rbox_header {margin-bottom:10px !important}
.alternating-thumbnails-b [class*=span] {font-size:14px;margin-left:12px}
.trc_elastic .trc_rbox {width:720px;margin-left:12px}


/* footer */
#footer{overflow:hidden; width:100%; height:60px; background-color:#f0f1f5}
.footer_in{position:relative; margin:0 auto; padding-top:20px; width:1100px; font-size:12px; color:#555; text-align:center}
.footer_bar{color:#b8b8b8}