@charset "utf-8";

*{margin:0;padding:0;}
body{background:#fff;min-width:320px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td,legend,address{margin:0;padding:0;font-weight:normal;-webkit-text-size-adjust:none;font-style:normal;}
section,nav,article,aside,hgroup,header,footer{display:block;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
form,fieldset,img{border:0;}
table{border-spacing:0;border-collapse:collapse;table-layout:fixed;}
em{font-style:normal}
hr,legend,caption{display:none;}
img,fieldset{border:0 none;}
ul,ol,li{list-style:none;}
img,input,select,textarea{vertical-align:middle;}
a{text-decoration:none;color:#222;}
body {font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,sans-serif;font-size:12px;color:#222;background:#e9e9e9;}

#wrap {width:320px;}
#header {width:100%;height:55px;}
#container_type01 {width:100%;}
#container_type02 {max-width:304px;padding:12px 0px 0;}
#footer {width:100%;background:#4c4c4c;overflow:hidden;margin-top:30px;}


/* common */
.page a.btn_page {display:none;}
.page .num_page {display:inline-block;font-family:"돋움",Dotum,sans-serif;font-size:1.25em;color:#9a9ea2;font-weight:bold;margin:4px 20px 0;}
.page .num_page a {color:#9a9ea2;}


/* main */
.top_cont {width:320px;margin:0 0 34px 0px;}
.top_cont > div:nth-last-child(1) {display:block;width:304px;}
.top_cont > div:nth-last-child(1) .imgwrap_w {display:block;position:absolute;top:0;left:0;width:442px;height:294px;overflow:hidden;}
.top_cont > div:nth-last-child(1) .imgwrap_w img {width:304px;}
.top_cont > div:nth-last-child(1) .imgwrap_h {display:none;}
.top_cont > div:nth-last-child(1) .title {display:block;position:absolute;bottom:5px;left:10px;right:10px;font-size:1.333em;line-height:1.3em;font-weight:600;color:#fff;max-height:2.6em;overflow:hidden;}

.pic_cont .tit_pic {font-size:1.75em;font-weight:800;}
.pic_cont .pic_list {width:304px;margin:-3px 0 0 0;}
.pic_cont .pic_list > div {width:100%;min-width:304px;}

.box1,.box2,.box3,.box4,.box5,.w_box45,
.s_box1,.s_box2,.s_box3,.sw_box45 
{margin-bottom:8px;margin-left:0px;}


.top_cont > div:nth-child(3) {margin-left:8px;}
.top_cont > div:nth-child(5) {margin-left:8px;}
.top_cont > div:nth-child(7) {margin-left:8px;}




.box6,.box8,.w_box7 {margin:10px 0 0px 0px;}

.w_box7 {width:100%;margin:10px 0 0px 0px;padding:0;}
.w_box7 > div:nth-last-child(1) {border:0;}

.w_box45 {width:148px;height:202px;}
.sw_box45 {width:180px;height:246px;}

.box1 {width:304px;height:202px;}
.box1 a .imgwrap_w {width:304px;height:202px;}
.box1 a .imgwrap_w img{width:304px;height:auto;}
.box1 a .mask {width:304px;height:202px;}
.box1 a .title {bottom:5px;left:10px;right:10px;font-size:1.333em;}

.box2 {width:148px;height:202px;}
.box2 a .imgwrap_h {width:148px;height:202px;}
.box2 a .imgwrap_h img{width:148px;height:auto;}
.box2 a .mask {d0;width:148px;height:202px;}
.box2 a .title {bottom:5px;font-size:1.083em;max-height:2.5em;}

.box3 {width:148px;height:202px;}
.box3 a .title {font-size:1.333em;max-height:5.1em;padding:20px 10px 0;}
.box3 a .content {line-height:1.3em;max-height:6.3em;opacity:0.8;filter:alpha(opacity=80);padding:5px 10px 0px 10px;}
.box3 a:hover .content {opacity:1;filter:alpha(opacity=100);}

.box4 {width:148px;height:97px;}
.box4 a .title {top:18px;font-size:1.333em;}

.box5 {width:148px;height:97px;}
.box5 a .imgwrap_w {width:148px;height:97px;}
.box5 a .imgwrap_w img{width:148px;height:auto;}
.box5 a .mask {width:148px;height:97px;}
.box5 a .title {bottom:5px;font-size:1.083em;}

.box6 a .icon {width:60px;height:1.2em;font-size:1.083em;line-height:1.05em;}

.box7 {width:264px;height:50%;border-bottom:1px dotted #fff;}
.box7 {margin:0 20px;}
.box7 a .title{line-height:1.3em;min-height:2.6em;max-height:5.2em}
.box7 a .title span{}

.box8 a .content {max-height:9em;}


/*뉴스리스트 * 섹션 */

.cont_wrap {width:304px;}
.cont_wrap .cont_left {float:none;max-width:304px;width:304px;padding-right:0;}
.cont_wrap .cont_left li {margin-top:10px;}

.cont_popular {float:none;max-width:304px;width:304px;background:#ddd1e4;padding-bottom:11px;}
.cont_popular .popular_list {width:284px;height:160px;margin-left:0;overflow:hidden;margin:0 auto;}
.cont_popular .popular_list .list_wrap {margin-left:-10px;*zoom:1;}
.cont_popular .popular_list .list_wrap:after {content:""; display:block; clear:both;}
.cont_popular .popular_list .list_wrap > div {float:left;width:137px;min-width:137px;}

.popular_title {max-width:304px;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;}

.sec_small {width:304px;height:279px;border-bottom:0;}
.sec_small span {display:none;word-wrap:break-word;word-break:break-all;}
.sec_small a {bottom:0;left:0;min-width:290px;background:#fff;border-bottom:1px solid #dbdbdb;padding-top:147px;padding-bottom:11px;}
.sec_small a:hover {border-right:0;box-sizing:content-box;padding-bottom:20px;border-bottom:4px solid #0093d0;padding-top:135px;}
.sec_small a .imgwrap_w {display:block;position:absolute;top:0;left:0;width:100%;min-width:290px;height:196px;margin-right:0;overflow:hidden}
.sec_small a:hover .imgwrap_w {display:block;position:absolute;top:0;left:0;width:100%;min-width:290px;height:186px;overflow:hidden}
.sec_small a .imgwrap_w img {width:100%;min-width:290px;height:auto;}
.sec_small a .title {display:block;font-size:0.9em;line-height:1.3em;color:#222;padding-top:47px;margin:0 20px;height:6.6em;background:#fff;overflow:hidden;}
.sec_small a .title span {display:block;padding-right:0;}
.sec_small a:hover .title span {text-decoration:none;color:#222;}

.sec_big {width:304px;height:278px;margin-bottom:20px;}
.sec_big span {display:none;word-wrap:break-word;word-break:break-all;}
.sec_big a {height:278px;background:#f37435;box-sizing:content-box;}
.sec_big a:hover {border:0;}
.sec_big a .imgwrap_w {display:none;}
.sec_big a .title {display:block;padding:0px 20px 0;}
.sec_big a .title span {width:264px;font-size:2.3em;max-height:2.6em;color:#fff;padding-top:34px;letter-spacing:-1px;}
.sec_big a:hover .title{text-decoration:none;color:#fff;}
.sec_big a:hover .title span {color:#fff;}
.sec_big a .content {display:block;width:264px;font-size:1.25em;color:#fff;max-height:7.5em;opacity:0.8;filter:alpha(opacity=80);text-align:justify;padding:5px 20px 0 20px;}
.sec_big a .content span {display:block;}
.sec_big a:hover .content {opacity:1;filter:alpha(opacity=100);text-decoration:none;color:#fff;}

.sec_list{margin-top:10px;}

.box_190 {position:relative;width:137px;height:141px;margin:15px 0 0 10px;}
.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:137px;background:#fff;border-bottom:1px solid #c6bccd;padding-top:94px;padding-bottom:6px;min-width:137px;}
.box_190 a:hover {padding-bottom:7px;border-bottom:4px solid #6a2c91;padding-top:90px;}
.box_190 a .imgwrap_w {display:block;position:absolute;top:0;left:0;width:137px;height:92px;overflow:hidden;min-width:137px;}
.box_190 a:hover .imgwrap_w {display:block;position:absolute;top:0;left:0;width:137px;height:84px;}
.box_190 a .imgwrap_w img{width:137px;height:92px;}
.box_190 a .icon {display:none;}
.box_190 a .mask {display:none;}
.box_190 a .title {display:block;font-size:1.1em;line-height:1.3em;color:#222;font-weight:600;letter-spacing:-1px;padding-top:6px;margin:0 10px;height:2.6em;overflow:hidden;}
.box_190 a .title span {display:block;}
.box_190 a .content {display:none;}


/* 포토 */
.photo_list_wrap {width:304px;}
.photo_list_wrap .photo_list {margin:-15px 0 0 -10px;}
.photo_list_wrap li {float:left;margin:15px 0 0 10px;width:50%;width:-webkit-calc(50% - 10px);width:-moz-calc(50% - 10px);width:calc(50% - 10px);min-width:147px;}
.photo_list_wrap li.list_mw {width:100%;width:-webkit-calc(100% - 10px);width:-moz-calc(100% - 10px);width:calc(100% - 10px);min-width:304px;}
.photo_list_wrap li.list_mw .sbj {width:304px;font-size:1.3em;margin-top:10px;}
.photo_list_wrap li .v_mw {width:304px;max-height:469px;}
.photo_list_wrap li .v_mw img {max-width:304px;max-height:469px;}

.sp_thmb {width:147px;height:220px;}
.sp_thmb img {max-width:147px;max-height:220px;}

.imgviewer_wrap {margin-bottom:20px;}
.imgviewer {padding:20px 0;}
.imgviewer .imgarea {width:304px;}
.imgviewer .imgarea .img_view {width:304px;height:304px;}
.imgviewer .imgarea .img_view img {max-width:304px;max-height:304px;}
.imgviewer .imgarea .sbj {max-width:304px;font-size:1.5em;margin-top:10px;}
.imgviewer .btn_b_left {left:10px;}
.imgviewer .btn_b_right {right:10px;}

.thmb_group {height:0;padding:16px 0 34px;}


/* footer */
.btns {display:block;text-align:center;margin-bottom:15px;}
.btn_cp {display:inline-block;text-align:center;width:60px;height:24px;font-size:11px;line-height:24px;letter-spacing:-1px;color:#aaa;background:#595959;border:1px solid #3a3a3a;}