@charset "utf-8";



#wrap {width:100%;min-width:100px}
#header {width:100%;min-width:100px;}
#container_type01 {width:100%;min-width:100px;}
#container_type02 {max-width:894px;margin:0 auto;padding:17px 0 0;} 
#footer {width:100%;min-width:100px;background:#4c4c4c;overflow:hidden;margin-top:80px;}


/* header */
#header .top_menu_wrap {display:none;}
#header .logo {display:none;}
#header .logo_main {display:none;}

#header .m_logo {display:block;position:absolute;top:11px;left:12px;}
#header .m_logo img {width:132px;height:30px;}
#header .m_menu {display:block;position:absolute;top:0;right:0;}
#header .m_menu img {width:97px;height:55px;}

#header .menu{position:fixed;top:0;right:0;bottom:0;background:#6c6d6d;z-index:9999;-webkit-overflow-scrolling: touch;}
#header .menu .btn_close {display:block;height:55px;background:#fff;overflow:hidden;}
#header .menu .btn_close a {display:block;text-align:right;padding:19px 15px;}
#header .menu .btn_close a img {width:74px;height:17px;}


#header .menu_wrap .menu .top_search .search_area {position:absolute;top:14px;left:15px;height:30px;background:url(../../../images/common/msearch_bg.png) 0 0 no-repeat;}
#header .menu_wrap .menu .top_search .search_area .sc_input {background:transparent;border:0;height:24px;font-size:1.333em;color:#fff;margin:2px 0 0 35px;}
#header .menu_wrap .menu .top_search .search_area .search_btn {display:none}

#header .menu_wrap {width:100%;height:55px;background:#0093d0;border-bottom:0px solid #0093d0;}
#header .menu_wrap .menu {width:206px;right:-206px;}
#header .menu_wrap .menu .btn_close {width:206px;}

#header .menu_wrap .menu .top_search {position:relative;height:58px;background:#007aad;float:none;margin-top:0px}
#header .menu_wrap .menu .top_search .search_area {width:176px;background-size:176px 30px;}
#header .menu_wrap .menu .top_search .search_area .sc_input {width:123px;}

#header .menu_wrap .menu ul{border-bottom:1px solid #1a9ed5;*zoom:1;width:206px}
#header .menu_wrap .menu ul:after {content:""; display:block; clear:both;}
#header .menu_wrap .menu li {float:left;}
#header .menu_wrap .menu li a {display:block;width:101px;height:24px;line-height:0;color:#fff;font-size:1.25em;font-weight:600;text-align:center;padding:26px 0 3px;border-top:1px solid #1a9ed5;border-left:1px solid #1a9ed5;border-right:1px solid #007aad;border-bottom:1px solid #007aad;}
#header .menu_wrap .menu li a:hover,.menu li a.on {border-bottom:1px solid #007aad;font-size:1.55em;box-sizing:content-box;}

#header .menu_wrap .menu .new {position:relative;}
#header .menu_wrap .menu .new .ico_n {position:absolute;top:20px;right:25px;}
#header .menu_wrap .menu #goodgame {display:block;}


/* 카테고리 개편 2016-10-26  한줄*/
#header .menu_wrap_1610 {width:100%;height:55px;background:#0c0c0c;border-bottom:0px solid #0c0c0c;}
#header .menu_wrap_1610 .menu {width:100%;right:-100%;}
#header .menu_wrap_1610 .menu .btn_close {width:100%;}

#header .menu_wrap_1610 .menu .top_search {position:static;background:#0c0c0c;float:inherit;margin-top:0px;padding:13px 20px;overflow:hidden;}
#header .menu_wrap_1610 .menu .top_search .search_area {width:100%;height:32px;background:#fff;}
#header .menu_wrap_1610 .menu .top_search .search_area:after {content:""; display:block; clear:both;}
#header .menu_wrap_1610 .menu .top_search .search_area .sc_input {float:left;display:block;width:calc(100% - 55px);height:30px;outline:none;font-size:1.25em;}
#header .menu_wrap_1610 .menu .top_search .search_area .search_btn{float:left;display:block;width:25px;height:25px;}

#header .menu_wrap_1610 .menu .menu_list_wrap_1610{overflow-y:auto;position:absolute;top:113px;right:0;bottom:0;left:0;}

#header .menu_wrap_1610 .menu .menu_list_1610{border-bottom:1px solid #b3aaaa;}
#header .menu_wrap_1610 .menu .menu_list_1610 .mn_m{display:block;}
#header .menu_wrap_1610 .menu .menu_list_1610 .depth1{display:block;float:inherit;}
#header .menu_wrap_1610 .menu .menu_list_1610 .depth1 a {display:block;color:#fff;font-size:1.25em;font-weight:600;border-top:1px solid #b3aaaa;border-left:1px solid #b3aaaa;border-right:1px solid #b3aaaa;border-bottom:1px solid #b3aaaa;}
#header .menu_wrap_1610 .menu .menu_list_1610 .depth1 a:hover,.menu_wrap_1610 .menu .menu_list_1610 .depth1 a.on {background:none;box-sizing:content-box;}
#header .menu_wrap_1610 .menu .menu_list_1610 .depth1 .submenu_list{position:static;width:100%;margin-left:0;}
#header .menu_wrap_1610 .menu .menu_list_1610 .depth1 .submenu_list ul{position:static;width:calc(100% - 40px);margin-left:0px;padding:0 20px;text-align:left;background:#0073a3;}
#header .menu_wrap_1610 .menu .menu_list_1610 .depth1 .submenu_list ul .depth2 a{font-size:1.167em;color:#c4e2ee;border:0;font-weight:normal;padding:0 15px 0 15px;background:url(../images/common/mmenu_line.png) 0 14px no-repeat;background-size:1px 14px;}
#header .menu_wrap_1610 .menu .menu_list_1610 .depth1 .submenu_list ul > li:first-child a {background:none;padding-left:0;}
#header .menu_wrap_1610 .menu .bg_depth2{display:none;}

#header .menu_wrap_1610 .menu .new {display:block;position:relative;}
#header .menu_wrap_1610 .menu .new .ico_n {position:absolute;top:13px;left:55px;}
#header .menu_wrap_1610 .menu #goodgame {display:block;}




.top_cont > div:nth-child(3) {margin-left:8px;}

/* main */
.top_cont > div:nth-last-child(1) {display:none;}

.pic_cont .pic_list {width:-webkit-calc(100% + 12px);width:-moz-calc(100% + 12px);width:calc(100% + 12px);margin:-3px 0 0 -12px;*zoom:1;}
.pic_cont .pic_list > div {width:33.3%;width:-webkit-calc(33.3% - 12px);width:-moz-calc(33.3% - 12px);width:calc(33.3% - 12px);min-width:290px;}

.box6,.box8,.w_box7 {margin:12px 0 0px 12px;}
.w_box7 {height:300px;padding:0;}

.box6 {height:301px;}
.box6 a {min-width:290px;padding-top:198px;padding-bottom:14px;}
.box6 a:hover {padding-bottom:20px;padding-top:188px;}
.box6 a .imgwrap_w {min-width:290px;max-height:196px;}
.box6 a:hover .imgwrap_w {display:block;position:absolute;top:0;left:0;width:100%;min-width:290px;height:186px;}
.box6 a .imgwrap_w img{width:100%;min-width:290px;}
.box6 a .title {font-size:1.5em;padding-top:3px;}

.box7 {width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px);margin:0 20px;}
.box7 a .title {font-size:2.083em;}
.box7 a {display:table;}

.box8 {height:300px;}
.box8 a .title {font-size:2.083em;padding:32px 20px 0;}
.box8 a .title span {display:block;}
.box8 a .content {max-height:9em;}
.box8 a .content span {display:block;}


/*뉴스리스트&섹션 */
.cont_wrap {max-width:894px;background:#e9e9e9;}
.cont_wrap .cont_left {float:none;width:894px;padding:0 0 30px 0;}

.cont_popular {float:none;max-width:894px;width:894px;background:#0c0c0c;}
.cont_popular .popular_list {width:849px;*zoom:1;}
.cont_popular .popular_list:after {content:""; display:block; clear:both;}
.cont_popular .popular_list .list_wrap {margin-left:-15px;overflow:hidden;}
.cont_popular .popular_list .list_wrap > div {float:left;width:33.3%;width:-webkit-calc(33.3% - 15px);width:-moz-calc(33.3% - 15px);width:calc(33.3% - 15px);min-width:190px;}

.popular_title {max-width:894px;width:894px;}

.sec_small a .title span {max-width:674px;}
.sec_small a .content {max-width:674px;}

.sec_big a .title span {width:404px;}
.sec_big a .content {width:404px;}

.box_190 {height:254px;margin:15px 0 0 15px}
.box_190 a {width:100%;min-width:190px;background:#fff;padding-top:182px;padding-bottom:13px;}
.box_190 a:hover {padding-bottom:20px;padding-top:172px;}
.box_190 a .imgwrap_w {width:100%;min-width:190px;height:177px;}
.box_190 a:hover .imgwrap_w {width:100%;min-width:190px;height:167px;}
.box_190 a .imgwrap_w img{width:100%;height:177px;}
.box_190 a .title {font-size:1.417em;padding-top:7px;}




/* 포토 */
.photo_list_wrap {width:892px;}
.photo_list_wrap .photo_list {margin:-20px 0 0 -22px;}
.photo_list_wrap li {width:33.3%;width:-webkit-calc(33.3% - 20px);width:-moz-calc(33.3% - 20px);width:calc(33.3% - 20px);min-width:284px;}
.photo_list_wrap .photo_list .sbj{width:284px;}
.sp_thmb {width:284px;height:213px;}
.sp_thmb img {max-width:284px;max-height:213px;margin:0 auto;}

.thmb_list {max-width:894px;}
.thmb_list .btn_s_left {left:100px;}
.thmb_list .btn_s_right {right:100px;}



/* footer */
.footer {max-width:894px;font-family:"돋움",Dotum,sans-serif;color:#aaa;}
.footer > div:nth-last-child(1) {display:none;}

.address {max-width:665px;border-right:0;padding:0 5px 0 30px;}
.address li:nth-child(2),
.address li:nth-child(5),
.address li:nth-child(6),
.address li:nth-child(7){display:none;}
.address p {display:block;}