@charset "utf-8";

html {overflow-y:scroll;}
html,body {margin:0;padding:0;height:100%;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,legend,img {margin:0;padding:0;} 
table {border-spacing:0;border-collapse:collapse;}
form,fieldset,img {border:0;} 
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;} 
ol,ul,li {list-style:none;} 
caption {display: none;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
abbr,acronym {border:0;} 
hr, legend {display:none;}
input {outline:none;vertical-align:middle;font-family:"돋움",Dotum,sans-serif;font-size:12px;}
textarea {overflow:auto;}
label {display:none;}
a {text-decoration:none;}
body {font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,sans-serif;font-size:12px;color:#222;background:#e9e9e9;}

#wrap {width:100%;min-width:100px}
#header {width:100%;background:#fff;min-width:100px}
#container_type01 {width:100%;}
#container_type02 {max-width:1120px;margin:0 auto;padding:20px 0 0;} 
#footer {width:100%;min-width:100px;background:#4c4c4c;overflow:hidden;margin-top:80px;}


/* common */
.left {float:left;}
.right {float:right;}
.pos_left {position:absolute;left:0;}
.pos_right {position:absolute;right:0;}
.v_top {vertical-align:top;}

.page {margin-top:20px;text-align:center;}
.page .num_page {display:none;}
.page a.btn_page {display:inline-block;text-align:center;width:24px;height:24px;font-family:"돋움",Dotum,sans-serif;color:#606060;font-weight:bold;line-height:27px;background:#fff;border:1px solid #d1d1d1;vertical-align:middle;}
.page a.on {color:#6a2c91;border:1px solid #6a2c91;text-decoration:underline;}


/* header */
.top_menu_wrap {width:100%;height:28px;background:#f1f1f1;border-bottom:1px solid #dfdfdf;}
.top_menu {width:1120px;max-width:1120px;height:28px;margin:0 auto;}
.top_menu li {float:left;height:28px;line-height:28px;background:url(../images/common/top_mn_line.gif) 0 0 no-repeat;padding-left:11px;margin-right:10px;}
.top_menu li a {font-family:"돋움",Dotum,sans-serif;font-size:0.92em;color:#6b6b6b;letter-spacing:-1px;}
.top_menu li a.bookmark {color:#6a2c91;background:url(../images/common/ico_bookmark.gif) 0 0 no-repeat;padding-left:13px;}
.top_menu .right img {padding-top:9px;}
.top_menu .t_menu:after {content:""; display:block; clear:both;}
.top_menu .t_menu {*zoom:1;}

.logo {max-width:1120px;height:77px;padding:34px 0 0 5px;margin:0 auto;}
.logo_main {max-width:1120px;height:81px;padding:30px 0 0 0;margin:0 auto;text-align:center;}

.menu_wrap {width:100%;background:#0093d0;border-bottom:1px solid #0093d0;min-width:320px;position:relative;}
.menu_wrap .menu {width:1120px;max-width:1120px;min-height:38px;margin:0 auto;}

.menu_wrap .menu .top_search {float:right;margin-top:8px}
.menu_wrap .menu .top_search .search_area:after {content:""; display:block; clear:both;}
.menu_wrap .menu .top_search .search_area {float:right;width:190px;height:24px;background:url(http://tvreport.co.kr/images/common/search_bg.gif) 0 0 no-repeat;*zoom:1;}
.menu_wrap .menu .top_search .search_area input {float:left;}
.menu_wrap .menu .top_search .search_area .sc_input {display:inline-block;background:transparent;border:0;width:145px;height:20px;color:#fff;margin:3px 10px;}
.menu_wrap .menu .top_search .search_area .search_btn {margin-top:4px}

.menu_wrap .menu .top_search .msearch_area {display:none;}
.menu_wrap .menu li {float:left;}
.menu_wrap .menu li a{display:block;height:40px;font-size:1.333em;color:#fff;font-weight:600;line-height:40px;padding:0 20px;}
.menu_wrap .menu li a:hover,.head .menu li a.on {border-bottom:3px solid #fff;box-sizing:border-box;}
.menu_wrap .menu .menu_list:after {content:""; display:block; clear:both;}
.menu_wrap .menu .menu_list {*zoom:1;padding-right:200px}
.menu_wrap .menu .btn_close {display:none;}

.m_logo {display:none;}
.m_menu {display:none;}


/* main */
.top_cont {margin:0 0 34px -10px;*zoom:1;}
.top_cont:after {content:""; display:block; clear:both;}
.top_cont div,.pic_list div {float:left;}

.pic_cont .tit_pic {font-size:2.083em;font-weight:800;letter-spacing:-1px;}
.pic_cont .pic_list:after {content:""; display:block; clear:both;}
.pic_cont .pic_list {margin:-3px 0 0 -20px;*zoom:1;}

.box1,.box2,.box3,.w_box45,
.s_box1,.s_box2,.s_box3,.sw_box45 
{margin:0 0 10px 10px;}
.box4,.box5,
.s_box4,.s_box5
{margin-bottom:10px;}
.box6,.box8,.w_box7 {width:360px;margin:20px 0 0px 20px;}
.w_box45 {width:216px;height:294px;}
.w_box7 {width:320px;height:360px;background:#9559bb;border-bottom:1px solid #dbdbdb;padding:0 20px;overflow:hidden;}
.sw_box45 {width:180px;height:246px;}

.box1 {position:relative;width:442px;height:294px;overflow:hidden;}
.box1 span {display:none;word-wrap:break-word;word-break:break-all;}
.box1 a .imgwrap_w {display:block;position:absolute;top:0;left:0;width:442px;height:294px;overflow:hidden;}
.box1 a .imgwrap_w img{width:442px;height:auto;}
.box1 a .mask {display:block;position:absolute;top:0;left:0;width:442px;height:294px;background:url(../images/common/m_shadow_bg_b.png) 0 bottom repeat-x;}
.box1 a .title {display:block;position:absolute;bottom:8px;left:10px;right:10px;font-size:1.833em;line-height:1.3em;font-weight:600;color:#fff;max-height:2.6em;overflow:hidden;}
.box1 a .title span {display:block;}
.box1 a:hover .title{text-decoration:underline;}

.box2 {position:relative;width:216px;height:294px;overflow:hidden;}
.box2 span {display:none;word-wrap:break-word;word-break:break-all;}
.box2 a .imgwrap_h {display:block;position:absolute;top:0;left:0;width:216px;height:294px;overflow:hidden;}
.box2 a .imgwrap_h img{width:216px;height:auto;}
.box2 a .mask {display:block;position:absolute;top:0;left:0;width:216px;height:294px;background:url(../images/common/m_shadow_bg_b.png) 0 bottom repeat-x;}
.box2 a .title {display:block;position:absolute;bottom:8px;left:10px;right:10px;font-size:1.417em;line-height:1.3em;font-weight:600;color:#fff;max-height:2.6em;overflow:hidden;}
.box2 a .title span {display:block;}
.box2 a:hover .title{text-decoration:underline;}

.box3 {position:relative;width:216px;height:294px;overflow:hidden;}
.box3 span {display:none;word-wrap:break-word;word-break:break-all;}
.box3 a .title {display:block;position:relative;font-size:1.833em;line-height:1.3em;font-weight:600;color:#fff;max-height:5.2em;overflow:hidden;padding:27px 10px 0;}
.box3 a .title span {display:block;}
.box3 a {display:block;height:100%;}
.box3 a:hover .title{text-decoration:underline;}
.box3 a .content {display:block;font-family:"돋움",Dotum,sans-serif;color:#fff;line-height:1.5em;text-align:justify;letter-spacing:-1px;max-height:9em;opacity:0.8;filter:alpha(opacity=80);overflow:hidden;padding:20px 10px 0px 10px;}
.box3 a .content span {display:block;}
.box3 a:hover .content {opacity:1;filter:alpha(opacity=100);}

.box4 {position:relative;width:216px;height:142px;}
.box4 span {display:none;word-wrap:break-word;word-break:break-all;}
.box4 a .title {display:block;position:absolute;top:27px;left:10px;right:10px;font-size:1.833em;line-height:1.3em;font-weight:600;color:#fff;height:3.9em;overflow:hidden;}
.box4 a .title span {display:block;}
.box4 a {display:block;height:100%;}
.box4 a:hover .title{text-decoration:underline;}

.box5 {position:relative;width:216px;height:142px;}
.box5 span {display:none;word-wrap:break-word;word-break:break-all;}
.box5 a .imgwrap_w {display:block;position:absolute;top:0;left:0;width:216px;height:142px;overflow:hidden;}
.box5 a .imgwrap_w img{width:216px;height:auto;}
.box5 a .mask {display:block;position:absolute;top:0;left:0;width:216px;height:142px;background:url(../images/common/m_shadow_bg_s.png) 0 bottom repeat-x;}
.box5 a .title {display:block;position:absolute;bottom:8px;left:10px;right:10px;font-size:1.417em;line-height:1.3em;font-weight:600;color:#fff;max-height:2.6em;overflow:hidden;}
.box5 a .title span {display:block;}
.box5 a:hover .title{text-decoration:underline;}

.box6 {position:relative;height:361px;}
.box6 span {display:none;word-wrap:break-word;word-break:break-all;}
.box6 a {display:block;position:absolute;bottom:0;left:0;width:100%;min-width:360px;background:#fff;border-bottom:1px solid #dbdbdb;padding-top:247px;padding-bottom:18px;}
.box6 a:hover {padding-bottom:27px;border-bottom:4px solid #0093d0;padding-top:235px;}
.box6 a .imgwrap_w {display:block;position:absolute;top:0;left:0;width:100%;min-width:360px;max-height:240px;overflow:hidden;}
.box6 a:hover .imgwrap_w {display:block;position:absolute;top:0;left:0;width:100%;min-width:360px;height:230px;}
.box6 a .imgwrap_w img{width:100%;min-width:360px;height:auto;}
.box6 a .icon {display:block;width:69px;padding:5px 0 3px;font-family:"돋움",Dotum;color:#fff;font-size:0.92em;letter-spacing:-1px;text-align:center;border-radius: 26px;-moz-border-radius: 21px;-webkit-border-radius: 21px;margin:17px 20px 0;}
.box6 a .photo {background:#e64575;}
.box6 a .issue {background:#9559bb;}
.box6 a .movie {background:#005fd4;}
.box6 a .interview {background:#32a1c2;}
.box6 a .tstyle {background:#00aea8;}
.box6 a .plan {background:#006160;}
.box6 a .foreign {background:#008234;}
.box6 a .review {background:#66b33d;}
.box6 a .culture {background:#a8bc0d;}
.box6 a .music {background:#ffaf30;}
.box6 a .picture {background:#f37435;}
.box6 a .enter {background:#f4454a;}
.box6 a .title {display:block;font-size:1.667em;line-height:1.3em;color:#222;font-weight:600;padding-top:5px;margin:0 20px;height:2.6em;overflow:hidden;}
.box6 a .title span {display:block;}

.box7 {width:100%;height:50%;border-bottom:1px dotted #fff;}
.box7 span {display:none;word-wrap:break-word;word-break:break-all;}
.box7 a .title {display:table-cell;font-size:2.5em;line-height:1.3em;font-weight:600;color:#fff;text-align:center;vertical-align:middle;}
.box7 a .title span {display:inline-block;word-wrap:break-word;min-height:1.3em;max-height:2.6em;overflow:hidden;}
.box7 a {display:table;width:100%;height:100%;}
.box7 a:hover .title span{text-decoration:underline;}
.box7 a .content {display:none;}

.box8 {position:relative;width:360px;height:360px;overflow:hidden;border-bottom:1px solid #dbdbdb;}
.box8 span {display:none;word-wrap:break-word;word-break:break-all;}
.box8 a .title {display:block;position:relative;font-size:2.5em;line-height:1.3em;font-weight:600;color:#fff;max-height:2.6em;overflow:hidden;padding:41px 20px 0;}
.box8 a .title span {display:block;}
.box8 a {display:block;height:100%;}
.box8 a:hover .title{text-decoration:underline;}
.box8 a .content {display:block;font-family:"돋움",Dotum,sans-serif;font-size:1.25em;color:#fff;line-height:1.5em;letter-spacing:-1px;max-height:10.4em;opacity:0.8;filter:alpha(opacity=80);text-align:justify;overflow:hidden;padding:20px 20px 0 20px;}
.box8 a .content span {display:block;}
.box8 a:hover .content {opacity:1;filter:alpha(opacity=100);}


/*뉴스리스트 * 섹션 */
.content_wrap {min-width:1120px;width:100%;*zoom:1;}
.content_wrap:after {content:""; display:block; clear:both;}
.cont_wrap {max-width:1120px;background:#ddd1e4;overflow:hidden;*zoom:1;}
.cont_wrap:after {content:""; display:block; clear:both;}
.cont_wrap .cont_left {float:left;width:840px;background:#e9e9e9;padding-right:30px;}
.cont_wrap .cont_left li {margin-top:14px;}

.cont_popular {float:right;max-width:250px;width:250px;padding-bottom:20px;}
.cont_popular .popular_list {width:190px;margin:0 auto;}

.popular_title {position:relative;max-width:250px;height:30px;background:#6a2c91;text-align:center;padding-top:10px;}
.popular_title .ico {margin:-2px 3px 0 0;}
.popular_title .ico img {width:20px;height:20px;vertical-align:middle;}
.popular_title .txt {font-size:1.25em;color:#fff;font-weight:600;}
.popular_title .arrow {position:absolute;bottom:-5px;left:50%;margin-left:-5px;}
.popular_title .arrow img {display:block;}

.sec_small {position:relative;width:100%;height:120px;border-bottom:1px solid #dbdbdb;}
.sec_small a {display:block;width:100%;height:120px;background:#fff;}
.sec_small a:hover {border-right:4px solid #0093d0;box-sizing:border-box;}
.sec_small a .imgwrap_w {float:left;display:block;width:180px;margin-right:20px;height:120px;overflow:hidden}
.sec_small a .imgwrap_w img {width:180px;height:auto;}
.sec_small a .imgwrap_h {display:none;}
.sec_small a .icon {display:none;}
.sec_small a .mask {display:none;}
.sec_small a .title {display:inline;}
.sec_small a .title span {display:block;max-width:620px;max-height:1.5em;font-size:1.667em;line-height:1.5em;color:#222;font-weight:600;overflow:hidden;padding:18px 20px 0 0;margin-bottom:13px;word-wrap:break-word;word-break:break-all;}
.sec_small a:hover .title span {color:#0093d0;}
.sec_small a .content {display:inline-block;max-width:620px;height:3em;font-family:"돋움",Dotum,sans-serif;color:#4c4c4c;line-height:1.5em;letter-spacing:-1px;overflow:hidden;}
.sec_small a:hover .content {color:#0093d0;}

.sec_big {position:relative;width:100%;height:300px;border-bottom:1px solid #dbdbdb;overflow:hidden;}
.sec_big a {display:block;width:100%;height:300px;background:#fff;}
.sec_big a:hover {border-right:4px solid #0093d0;box-sizing:border-box;}
.sec_big a .imgwrap_w {float:left;display:block;width:450px;margin-right:20px;}
.sec_big a .imgwrap_w img {width:450px;height:300px;}
.sec_big a .imgwrap_h {display:none;}
.sec_big a .icon {display:none;}
.sec_big a .mask {display:none;}
.sec_big a .title {display:inline;}
.sec_big a .title span {display:block;width:350px;max-height:3.9em;font-size:2.333em;line-height:1.3em;color:#222;font-weight:600;overflow:hidden;word-wrap:break-word;word-break:break-all;padding-top:40px;margin-bottom:20px;}
.sec_big a:hover .title span {color:#0093d0;}
.sec_big a .content {display:inline-block;width:350px;height:7.5em;font-family:"돋움",Dotum,sans-serif;color:#4c4c4c;line-height:1.5em;letter-spacing:-1px;overflow:hidden;}
.sec_big a .content span {word-wrap:break-word;word-break:break-all;}
.sec_big a:hover .content {color:#0093d0;}

.box_190 {position:relative;width:190px;height:190px;margin-top:15px;}
.box_190 span {display:none;word-wrap:break-word;word-break:break-all;}
.box_190 a {display:block;position:absolute;bottom:0;left:0;width:190px;background:#fff;border-bottom:1px solid #c6bccd;padding-top:131px;padding-bottom:8px;}
.box_190 a:hover {padding-bottom:15px;border-bottom:4px solid #6a2c91;padding-top:121px;}
.box_190 a .imgwrap_w {display:block;position:absolute;top:0;left:0;width:190px;height:126px;overflow:hidden;}
.box_190 a:hover .imgwrap_w {display:block;position:absolute;top:0;left:0;width:190px;height:116px;}
.box_190 a .imgwrap_w img{width:190px;height:126px;}
.box_190 a .title {display:block;font-size:1.25em;line-height:1.5em;color:#222;font-weight:600;padding-top:3px;margin:0 10px;height:3em;overflow:hidden;}
.box_190 a .title span {display:block;}


/* 섹션_게임(2015-09-24) */
.menu_wrap .menu .new {display:block;position:relative;}
.menu_wrap .menu .new .ico_n {position:absolute;top:13px;right:8px;}
.menu_wrap .menu #goodgame {display:block;}

.gameIn {width:800px;}
.gameIn > div {margin-bottom:60px;}
.gameIn h1 {font-size:3.75em;color:#002855;font-weight:800;letter-spacing:-1px;line-height:0.95em;}

.emp_01 {*zoom:1;}
.emp_01:after {content:""; display:block; clear:both;}
.emp_01 .sbj {float:left;width:270px;padding-top:15px;}
.emp_01 .cont {float:right;width:490px;}
.emp_01 .cont span {font-size:1.167em;line-height:1.5em;}

.emp_02 .video_wrap {background:#b1b1b1;}
.emp_02 .emp_video {width:450px;margin:0 auto 15px;}
.emp_02 .screenshot ul {margin-left:-34px;*zoom:1;}
.emp_02 .screenshot ul:after {content:""; display:block; clear:both;}
.emp_02 .screenshot ul li {float:left;width:244px;margin-left:34px;}
.emp_02 .screenshot ul li img {width:244px;}
.emp_02 .screenshot .sc_view {margin-top:10px;}

.emp_03 h1 {margin-bottom:60px;}
.emp_03 .content  {overflow:hidden;*zoom:1;}
.emp_03 .content :after {content:""; display:block; clear:both;}
.emp_03 .content {margin-bottom:50px;}
.emp_03 .imgwrap {float:left;width:449px;}
.emp_03 .cont {float:right;width:351px;margin-top:30px;}
.emp_03 .cont h4 {font-size:1.833em;color:#002855;font-weight:800;margin:0 0 20px -20px;}
.emp_03 .cont ul li{font-size:1.167em;list-style-type:square;margin-bottom:20px;}


/* 포토 */
.photo_list_wrap {max-width:1120px;margin:0 auto;}
.photo_list_wrap .photo_list {margin:-18px 0 0 -20px;*zoom:1;}
.photo_list_wrap .photo_list:after {content:""; display:block; clear:both;}
.photo_list_wrap li {float:left;margin:20px 0 0 20px;overflow:hidden;text-align:center;}
.photo_list_wrap .photo_list .sbj{display:block;width:265px;height:3em;font-size:1.25em;line-height:1.5em;font-weight:600;color:#222;text-align:left;margin-top:10px;overflow:hidden;}
.sp_thmb {display:table-cell;width:265px;height:400px;background:#ddd;vertical-align:middle;overflow:hidden;}
.sp_thmb img {display:block;max-width:265px;max-height:400px;margin:0 auto;}
a:hover.sp_thmb {border:0;}

.imgviewer_wrap {margin-bottom:30px;}
.imgviewer {position:relative;display:block;background:#101217;padding:40px 0;}
.imgviewer .imgarea {display:block;width:520px;margin:0 auto;}
.imgviewer .imgarea .img_view {display:table-cell;width:520px;height:520px;vertical-align:middle;text-align:center;overflow:hidden;background:#000;}
.imgviewer .imgarea .img_view img {max-width:520px;max-height:520px;}
.imgviewer .imgarea .sbj {max-width:520px;display:inline-block;height:3em;font-size:1.833em;color:#fff;font-weight:600;line-height:1.5em;text-align:center;margin-top:20px;overflow:hidden;word-wrap:break-word;word-break:break-all;}
.imgviewer .imgarea a:hover.sbj {text-decoration:underline;} 
.imgviewer .btn_b_left {position:absolute;top:50%;left:60px;margin-top:-32px;}
.imgviewer .btn_b_right {position:absolute;top:50%;right:60px;margin-top:-32px;}

.thmb_group {display:block;height:121px;background:#1a1c22;border-bottom:1px solid #000;text-align:center;}
.thmb_group .pg {display:none;}
.thmb_list {position:relative;max-width:1120px;margin:0 auto;}
.thmb_list ul {padding-top:19px;}
.thmb_list li {display:inline-block;width:54px;height:76px;background:#101217;margin:0 4px;}
.thmb_list li .sp_thmb_ss {display:table-cell;width:54px;height:76px;background:#101217;vertical-align:middle;text-align:center;overflow:hidden;border:1px solid #1a1c22;}
.thmb_list li a:hover.sp_thmb_ss {border:1px solid #0093d0;}
.thmb_list li .sp_thmb_ss img {max-width:54px;max-height:76px;}
.thmb_list .btn_s_left {position:absolute;top:50%;left:203px;margin-top:-8px;}
.thmb_list .btn_s_right {position:absolute;top:50%;right:203px;margin-top:-8px;}


/*리드면*/
.cont_area {float:left;width:840px;}
.news_area {float:right;width:560px;padding-left:30px;background:#fff;overflow:hidden;margin-top:-5px;}
.view_cont .title {position:relative;border-top:2px solid #000;border-bottom:1px solid #a9a9a9;padding:14px 0;margin:20px 0 0;}
.view_cont .title h2 {font-size:2.333em;line-height:1.5em;color:#222;font-weight:600;margin-bottom:10px;word-wrap:break-word;word-break:break-all;}
.view_cont .title .sns {position:absolute;bottom:10px;right:0;}
.view_cont .title .sns_list {*zoom:1;}
.view_cont .title .sns_list:after {content:""; display:block; clear:both;}
.view_cont .title .sns li {float:left;margin-left:5px;}
.view_cont .title span {font-family:"돋움",Dotum,sans-serif;color:#757575;margin-top:10px;}
.view_cont .cont {max-width:560px;margin:20px 0 43px;text-align:center;}
.view_cont .cont p {font-family:"굴림",Gulim,sans-serif;font-size:1.417em;color:#333;line-height:1.6em;max-width:560px;word-wrap:break-word;word-break:break-all;text-align:justify;}
.view_cont .cont p img {max-width:520px;text-align:center;}
.related {margin-top:30px;border-bottom:1px solid #cecece;}
.related h3 {font-size:1.417em;font-weight:600;border-bottom:1px solid #cecece;padding-bottom:8px;}
.related h3 span {color:#0093d0;}
.related ul {margin:8px 0 8px 2px}
.related li {background:url(../images/common/news_b.png) 0 10px no-repeat;padding-left:10px;}
.related li a {display:block;font-size:1.25em;font-weight:600;color:#222;padding:5px 0;word-wrap:break-word;word-break:break-all;}
.related li a:hover {text-decoration:underline;}
.top_thmb {margin:30px 0 0 -10px;*zoom:1;}
.top_thmb:after {content:""; display:block; clear:both;}
.top_thmb div {float:left;}
.ad_area {float:right;width:250px;}

.s_box1 {position:relative;width:370px;height:246px;overflow:hidden;}
.s_box1 span {display:none;word-wrap:break-word;word-break:break-all;}
.s_box1 a .imgwrap_w {display:block;position:absolute;top:0;left:0;width:370px;height:246px;overflow:hidden;}
.s_box1 a .imgwrap_w img{width:370px;}
.s_box1 a .mask {display:block;position:absolute;top:0;left:0;width:370px;height:246px;background:url(../images/common/m_shadow_bg_sb.png) 0 bottom repeat-x;}
.s_box1 a .title {display:block;position:absolute;bottom:8px;left:10px;right:10px;font-size:1.5em;line-height:1.5em;font-weight:600;color:#fff;max-height:3em;overflow:hidden;}
.s_box1 a .title span {display:block;}
.s_box1 a:hover .title{text-decoration:underline;}

.s_box2 {position:relative;width:180px;height:246px;overflow:hidden;}
.s_box2 span {display:none;word-wrap:break-word;word-break:break-all;}
.s_box2 a .imgwrap_h {display:block;position:absolute;top:0;left:0;width:180px;height:246px;overflow:hidden;}
.s_box2 a .imgwrap_h img{width:180px;}
.s_box2 a .mask {display:block;position:absolute;top:0;left:0;width:180px;height:246px;background:url(../images/common/m_shadow_bg_sb.png) 0 bottom repeat-x;}
.s_box2 a .title {display:block;position:absolute;bottom:8px;left:10px;right:10px;font-size:1.25em;line-height:1.3em;font-weight:600;color:#fff;max-height:2.6em;overflow:hidden;}
.s_box2 a .title span {display:block;}
.s_box2 a:hover .title{text-decoration:underline;}

.s_box3 {position:relative;width:180px;height:246px;overflow:hidden;}
.s_box3 span {display:none;word-wrap:break-word;word-break:break-all;}
.s_box3 a .title {display:block;position:relative;font-size:1.583em;line-height:1.3em;font-weight:600;color:#fff;max-height:5.2em;overflow:hidden;margin:23px 10px 0;}
.s_box3 a .title span {display:block;}
.s_box3 a {display:block;height:100%;}
.s_box3 a:hover .title{text-decoration:underline;}
.s_box3 a .content {display:block;font-family:"돋움",Dotum,sans-serif;color:#fff;line-height:1.4em;text-align:justify;letter-spacing:-1px;max-height:7em;opacity:0.8;filter:alpha(opacity=80);overflow:hidden;margin:18px 10px 0px 10px;}
.s_box3 a .content span {display:block;}
.s_box3 a:hover .content {opacity:1;filter:alpha(opacity=100);}

.s_box4 {position:relative;width:180px;height:118px;}
.s_box4 span {display:none;word-wrap:break-word;word-break:break-all;}
.s_box4 a .title {display:block;position:absolute;top:22px;left:10px;right:10px;font-size:1.583em;line-height:1.3em;font-weight:600;color:#fff;height:3.9em;overflow:hidden;}
.s_box4 a .title span {display:block;}
.s_box4 a {display:block;height:100%;}
.s_box4 a:hover .title{text-decoration:underline;}

.s_box5 {position:relative;width:180px;height:118px;}
.s_box5 span {display:none;word-wrap:break-word;word-break:break-all;}
.s_box5 a .imgwrap_w {display:block;position:absolute;top:0;left:0;width:180px;height:118px;overflow:hidden;}
.s_box5 a .imgwrap_w img{width:180px;}
.s_box5 a .mask {display:block;position:absolute;top:0;left:0;width:180px;height:118px;background:url(../images/common/m_shadow_bg_ss.png) 0 bottom repeat-x;}
.s_box5 a .title {display:block;position:absolute;bottom:8px;left:10px;right:10px;font-size:1.25em;line-height:1.3em;font-weight:600;color:#fff;max-height:2.6em;overflow:hidden;}
.s_box5 a .title span {display:block;}
.s_box5 a:hover .title{text-decoration:underline;}


/* 리드면:newsAde 추가(2015-08-20) */
.cont_wrap_ade {background:#d7d7d7;overflow:hidden;}

.cont_wrap_ade .box_190 a:hover {border-bottom:4px solid #ff8c8c;}

.cont_wrap_ade .popular_title {background:#939393;}

.cont_wrap_ade .reporter {overflow:hidden;margin-bottom:20px;*zoom:1;}
.cont_wrap_ade .reporter:after {content:""; display:block; clear:both;}
.cont_wrap_ade .reporter .rpt_img {float:left;display:block;margin-right:10px;}
.cont_wrap_ade .reporter .rpt_img img {width:50px;height:50px;}
.cont_wrap_ade .reporter .info {float:left;margin-top:4px;}
.cont_wrap_ade .reporter .info a{display:block;font-size:1.417em;font-weight:600;color:#0077ee;text-align:left;margin-bottom:3px;}
.cont_wrap_ade .reporter .info span {font-size:1.25em;text-align:left;color:#444;}

.cont_wrap_ade .view_cont .title .sns img {width:25px;height:25px;}

.cont_wrap_ade .related h3 span {color:#ff8c8c;}
.cont_wrap_ade .related li {background:url(../images/common/n_news_b.png) 0 10px no-repeat;padding-left:10px;}

.rd_right {float:right;width:250px;}
.rd_right .ranking {border:1px solid #f3d9d9;}
.rd_right .ranking  .rk_title {color:#fa7a7a;font-size:1.167em;font-weight:bold;background:#fff1f1;padding:9px 15px 7px;border-bottom:2px solid #ff8c8c;}
.rd_right .ranking ol {padding:15px 15px 20px;*zoom:1;}
.rd_right .ranking ol:after {content:""; display:block; clear:both;}
.rd_right .ranking a strong {display:block;float:left;width:18px;font-family:Verdana, sans-serif;color:#979797;text-align:center;margin-top:5px;}
.rd_right .ranking a strong.top {color:#fa7a7a;}
.rd_right .ranking a span{display:block;height:2.333em;font-family:"돋움",Dotum,sans-serif;color:#222;line-height:2.333em;overflow:hidden;padding-left:5px;}
.rd_right .ranking a:hover span {text-decoration:underline;}


/* 리드면:실시간 화제 뉴스 추가(2015-10-19) */
.topic {margin:5px 0;}
.topic h3 {font-size:0.45em;font-family:"돋움",Dotum,sans-serif;color:#fff;font-weight:600;line-height:1.5em;background:#fb587e;text-align:left;padding:11px 15px 7px;border:1px solid #f44870;}
.topic ul {padding:0 15px 15px;background:#fcf3ee;overflow:hidden;}
.topic ul li {margin-top:15px;}
.topic ul li a {display:block;overflow:hidden;}
.topic ul li a:hover .sbj {color:#ff6318;font-weight:600;text-decoration:underline;}
.topic ul li a .img {position:relative;float:left;display:block;width:54px;height:54px;margin-right:10px;overflow:hidden;}
.topic ul li a .img img {width:54px;height:54px;}
.topic ul li a .img .mask {position:absolute;top:0;left:0;width:52px;height:52px;border:1px solid #000;opacity:.05;filter:alpha(opacity=5)}
.topic ul li a .sbj {display:inline-block;width:156px;height:3em;;font-size:0.45em;color:#333;line-height:1.5em;text-align:left;overflow:hidden;padding-top:6px;}


/* 실시간 인기 검색어 추가(2015-10-30) */
.keyword {width:186px;border:2px solid #007aac;background:#fff;font-family:"돋움",Dotum,sans-serif;}
.keyword h3 {color:#fff;font-weight:bold;background:#0093d0;padding:10px 0 7px 8px; }
.keyword ul {margin:14px 9px;}
.keyword ul li {margin:5px 0;text-align:left;*zoom:1;}
.keyword ul li:after {content:""; display:block; clear:both;}
.keyword  ul li span {display:block;float:left;}
.keyword  ul li span a {color:#222;line-height:1.3em;letter-spacing:-1px;}
.keyword  ul li span a:hover {color:#004c6b;font-weight:bold;text-decoration:underline;}
.keyword  ul li .num {width:14px;height:14px;font-family:"돋움",Dotum,sans-serif;color:#fff;font-size:12px;line-height:1.3em;font-weight:bold;background:#b5b5b5;border:1px solid #a5a5a5;text-align:center;margin-right:5px;}
.keyword  ul li .first {;background:#0093d0;border:1px solid #007aac;}
.keyword  ul li .sbj {width:120px;height:1.3em;;padding-top:1px;overflow:hidden;}
.keyword  ul li .ico {margin-left:10px;}


/* 실시간 BEST5 추가(2015-11-02) */
#imgbot1 .connect {width:520px;height:188px;overflow:hidden;*zoom:1;}
#imgbot1 .connect:after {content:""; display:block; clear:both;}

#imgbot1 .connect .together {float:left;width:170px;background:#f99c08;padding:40px 0 43px;}
#imgbot1 .connect .together p {font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,sans-serif;font-size:17px;color:#fddcba;letter-spacing:-1px;line-height:1.3em;text-align:center;}
#imgbot1 .connect .together p.num {font-size:35px;color:#fff;font-weight:600;margin-bottom:20px;}
#imgbot1 .connect .together .num a {color:#fff;}

#imgbot1 .connect .list_wrap {float:left;width:350px;}
#imgbot1 .connect .list_wrap .img {display:block;width:10px;height:5px;;background:url(../images/common/img_cnt.png) 0 0 no-repeat;}
#imgbot1 .connect .list_wrap .list {width:320px;background:#222;padding:16px 15px 21px 15px;}
#imgbot1 .connect .list_wrap .list h3 {font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,sans-serif;font-size:16px;color:#ffaf30;font-weight:600;margin-bottom:10px;text-align:left;}
#imgbot1 .connect .list_wrap .list ul li {text-align:left;background:url(../images/common/b_white.png) 0 8px no-repeat;padding:4px 0 4px 10px;}
#imgbot1 .connect .list_wrap .list ul li a {display:block;height:1.3em;;font-family:"돋움",Dotum,sans-serif;font-size:12px;color:#fff;line-height:1.3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#imgbot1 .connect .list_wrap .list ul li a:hover {font-weight:bold;text-decoration:underline;}



/* 방송 */
.brc_top h2 {width:100%;height:40px;font-size:20px;color:#fff;line-height:40px;font-weight:600;background:#2c2f39;text-align:center;}
.b_cont_wrap {width:100%;height:309px;background:#1a1c22;margin-bottom:30px;overflow:hidden;}
.b_cont_wrap .b_cont {position:relative;max-width:1120px;margin:0 auto;}
.b_cont_wrap .b_cont ul {text-align:center;}
.b_cont_wrap .b_cont li {display:inline-block;width:250px;height:250px;margin:0 20px;padding:30px 0;}

.brc_view_top h2 {width:100%;height:40px;background:#78797d;}
.brc_view_top h2 .title {position:relative;max-width:1120px;font-size:20px;color:#fff;line-height:40px;font-weight:600;text-align:center;margin:0 auto;}
.brc_view_top h2 .title .select {width:60px;height:24px;outline:none;}
.brc_view_top h2 .title .btn_view {display:inline-block;height:22px;font-family:"돋움",Dotum,sans-serif;font-size:11px;color:#222;font-weight:normal;letter-spacing:-1px;line-height:24px;background:#fff;padding:0 10px;border:1px solid #707070;}
.b_view_wrap {position:relative;width:100%;}
.b_view_wrap .b_view {max-width:1120px;margin:0 auto;overflow:hidden;padding:30px 0;}
.b_view_wrap .b_view ul {}
.b_view_wrap .b_view .li_list {float:left;width:33.3%;}

.com_list {*zoom:1;}
.com_list:after {content:""; display:block; clear:both;}
.com_wrap a span {display:block;height:36px;font-family:"돋움",Dotum,sans-serif;font-size:12px;color:#fff;letter-spacing:-1px;line-height:18px;font-weight:bold;overflow:hidden;}
.com_reply,.com_twitter {position:relative;height:52px;background:#9559bb;padding:22px 15px 0;margin:10px 40px 32px;}
.com_twitter {background:#55acef;}
.timeline{position:relative;height:240px;}
.timeline .cont {width:165px;text-align:center;}
.timeline .cont .img {width:165px;height:110px;}
.timeline .cont a p{height:45px;font-family:"돋움",Dotum,sans-serif;margin-top:10px;font-size:12px;color:#222;line-height:15px;text-align:left;overflow:hidden;}
.timeline .cont a:hover p {text-decoration:underline;}

.review_wrap {width:100%;background:#dededf;padding:4px 0 30px;}
.review {max-width:1120px;margin:0 auto;}
.review li {float:left;margin:26px 0 0 25px;}
.review_list {margin-left:-26px;*zoom:1;}
.review_list:after {content:""; display:block; clear:both;}
.review_box {position:relative;width:356px;height:110px;border-bottom:1px solid #c7c7c8;background:#fff;overflow:}
.review_box a {display:block;position:absolute;top:0;left:0;bottom:0;width:316pxh;height:50px;font-size:20px;color:#222;line-height:25px;font-weight:600;padding:30px 20px 0;overflow:hidden;}
.review_box a:hover {color:#0093d0;text-decoration:underline;}

.tab .tab_list{margin-left:-7px;*zoom:1;}
.tab .tab_list:after {content:""; display:block; clear:both;}
.tab li {float:left;margin:0 0 10px 7px;}
.tab li a {display:block;position:relative;width:154px;height:43px;font-size:17px;color:#5e3971;font-weight:600;line-height:43px;background:#ddd1e4;text-align:center;}
.tab li a:hover,.week .tab li a.on{color:#fff;background:#6a2c91;}
.tab li a .arr {display:none;}
.tab li a:hover .arr,.week .tab li a.on .arr {display:block;position:absolute;bottom:-7px;left:50%;margin-left:-4px;}

.week {max-width:1120px;margin:30px auto 0;}
.week_cont {overflow:hidden;}
.week_cont .week_list {margin:-5px 0 0 -20px;}
.week_cont li {float:left;margin:20px 0 0 20px;}


/* box */
.box_250 {position:relative;width:250px;height:250px;}
.box_250 span {display:none;word-break:break-all;}
.box_250 a {display:block;position:absolute;bottom:0;left:0;width:250px;background:#fff;border-bottom:1px solid #000;padding-top:168px;padding-bottom:23px;}
.box_250 a:hover {padding-bottom:30px;border-bottom:4px solid #0093d0;padding-top:158px;}
.box_250 a .imgwrap_w {display:block;position:absolute;top:0;left:0;width:250px;height:166px;overflow:hidden;}
.box_250 a:hover .imgwrap_w {display:block;position:absolute;top:0;left:0;width:250px;height:156px;}
.box_250 a .imgwrap_w img{width:250px;height:166px;}
.box_250 a .info {display:block;font-size:13px;color:#e77e23;font-weight:600;margin:20px 10px 0;}
.box_250 a .title {display:block;font-size:17px;line-height:19px;color:#222;font-weight:600;padding-top:5px;margin:0 10px;height:19px;overflow:hidden;}
.box_250 a .title span {display:block;word-wrap:break-word;}

.box_208 {position:relative;width:208px;height:208px;}
.box_208 span {display:none;word-break:break-all;}
.box_208 a {display:block;position:absolute;bottom:0;left:0;width:208px;background:#fff;border-bottom:1px solid #dbdbdb;padding-top:135px;padding-bottom:20px;}
.box_208 a:hover {padding-bottom:25px;border-bottom:4px solid #0093d0;padding-top:127px;}
.box_208 a .imgwrap_w {display:block;position:absolute;top:0;left:0;width:208px;height:138px;overflow:hidden;}
.box_208 a:hover .imgwrap_w {display:block;position:absolute;top:0;left:0;width:208px;height:128px;}
.box_208 a .imgwrap_w img{width:208px;height:138px;}
.box_208 a .info {display:block;font-size:12px;color:#e77e23;font-weight:600;margin:20px 10px 0;}
.box_208 a .title {display:block;font-size:15px;line-height:17px;color:#222;font-weight:600;padding-top:3px;margin:0 10px;height:17px;overflow:hidden;}
.box_208 a .title span {display:block;word-wrap:break-word;}


/* footer */
.footer {max-width:1120px;margin:0 auto;overflow:hidden;}

.f_cont:after {content:""; display:block; clear:both;}
.f_cont {*zoom:1;}
.f_cont .c_logo img {width:142px;height:33px;}
.f_list:after {content:""; display:block; clear:both;}
.f_list {*zoom:1;}

.address {max-width:678px;border-left:1px solid #5f5f5f;border-right:1px solid #5f5f5f;padding:0 25px 0 30px;margin:30px 0;}
.address li {float:left;font-family:"돋움",Dotum,sans-serif;color:#aaa;margin-right:8px;}
.address p {display:none;}

.copyright {display:none;}





/* animation */
.fadeInX{
	animation-duration:1s;
	-webkit-animation-duration:1s;
	animation-name:fadeInX;
	-webkit-animation-name:fadeInX;
    backface-visibility: visible;
	-webkit-backface-visibility: visible;
}

@keyframes fadeInX{
		from { 
			transform:perspective(400px) rotateX(90deg); 
			opacity: 0; 
		} 
		to { 
			transform:perspective(400px) rotateX(0deg); 
			opacity: 1; 
		} 
	}
	
@-webkit-keyframes fadeInX{
		from { 
			-webkit-transform:perspective(400px) rotateX(90deg); 
			opacity: 0; 
		} 
		to { 
			-webkit-transform:perspective(400px) rotateX(0deg); 
			opacity: 1; 
		} 
	}