@charset "utf-8";

/* layout */
#wrapper {min-width:960px; background:#fff;}
#header {height:100px; border-bottom:2px solid #f15a22; margin-bottom:18px;}
#utility {height:18px; background:#000; padding:7px 0 0 0;}
#utility_inner li.gm {margin:0 0 0 5px;}
#logo {position:absolute; top:40px; left:50%; margin-left:-480px; z-index:100;}
#gnb {height:75px; background:#fff; clear:both;}
#gnb_inner {width:960px; height:75px; margin:0 auto;}
#gnb_inner ul {float:right; padding:30px 0 0 0;}
#gnb_inner li {float:left; line-height:1.6em; font-weight:bold; padding:0; font-size:16px; font-family:Arial, sans-serif, Verdana; margin:0 0 0 22px; background:none;}
#gnb_inner li a {display:inline-block; padding:0 10px; color:#1c2136; text-decoration:none;}
#gnb_inner li a:hover {color:#f15a22;}
#gnb_inner li.active a {color:#f15a22;}
#container {width:960px; background:#fff; border:0; padding:0 0 40px 0;}
#sub_title {font-size:20px; font-family:Arial, sans-serif, Verdana; padding:30px 0 30px 0;}
#footer {background:#f15a22; padding-top:25px; clear:both;}
#foot_content {background:#000;}
#foot_logo {left:0px;}
#f_menu li {background:url('../images/foot_vline2.gif') 7px 4px no-repeat;}
#f_menu a {color:#f15a22;}


/* main */
.magazine_content_top {width:100%; padding:0 0 80px 0; background:url('/images/magazine/shadow.gif') 50% 100% no-repeat; overflow:hidden; clear:both;}
.magazine_content_top .column_left {float:left; display:inline; width:440px; height:380px; background:url('/images/magazine/guide_bg.gif') 0 12px no-repeat;}
.magazine_content_top .column_right {float:right; display:inline; width:480px;}
.magazine_content_middle {width:100%; overflow:hidden; clear:both;}
.magazine_content_middle .column_left {float:left; display:inline; width:570px;}
.magazine_content_middle .column_right {float:right; display:inline; width:340px; margin:0 5px 0 0;}

.magazine_language {width:100%; padding:0 0 0 10px; overflow:hidden;}
.magazine_language li {float:left; display:inline; margin:0 4px 0 0;}
.magazine_guide {position:relative; padding:15px 12px;}
.magazine_guide dl {padding:15px 0;}
.magazine_guide dt {height:35px; font-size:14px; font-weight:bold; padding:0 0 0 16px; background:url('/images/magazine/dot.gif') 7px 6px no-repeat;}
.magazine_guide dd {height:75px; padding:0 0 0 113px;}
.magazine_guide ol li {position:relative; display:block; line-height:1.5em;}
.magazine_guide ol li span {display:inline-block; padding:0 0 0 22px;}
.magazine_guide ol li img {position:absolute; top:1px; left:0;}
.magazine_guide ul {padding:10px 0 0 0; width:280px;}
.magazine_guide ul li {float:left; display:inline; width:127px; height:18px; background:url('/images/magazine/dot.gif') 0 7px no-repeat; padding:0 0 0 10px; overflow:hidden;}
.magazine_guide .guide1 {background:url('/images/magazine/line.gif') 0 100% repeat-x;}
.magazine_guide .guide1 dd {background:url('/images/magazine/guide_img1.jpg') 0 0 no-repeat;}
.magazine_guide .guide1 li {float:left; display:inline-block !important;}
.magazine_guide .guide2 dt {height:30px;}
.magazine_guide .guide2 dd {height:90px; padding:0 0 0 20px;}
.magazine_guide .txt {margin:0 0 0 15px; padding:0 0 0 37px; background:url('/images/magazine/icon_notice.gif') 0 0 no-repeat; line-height:27px;}
.magazine_guide .btn_app {position:absolute; bottom:12px; right:18px; display:inline-block; width:177px; height:31px; background:url('/images/magazine/btn_app.gif') 0 0 no-repeat; color:#fff; line-height:31px; font-weight:bold; text-indent:40px; text-decoration:none;}
.magazine_guide img {vertical-align:middle;}

.magazine_about h2 {font-size:36px; font-family:Arial, sans-serif, Verdana; font-weight:bold; line-height:100%; margin-bottom:7px;}
.magazine_about h2 span {color:#f15a22;}
.magazine_about p {line-height:1.5em; font-size:11px;}
.magazine_about p em {color:#f15a22; font-style:normal;}
.magazine_about p.img {margin-top:40px;}

.magazine_vod {margin:0 0 30px 0;}
.magazine_vod h2 {height:20px; padding:0 0 0 10px;}

.magazine_main h2 {position:absolute; top:17px; left:129px; font-size:20px; font-family:Arial, sans-serif, Verdana; font-weight:bold; line-height:100%;}
.magazine_main .monthly {position:relative; height:195px; background:url('/images/magazine/monthly_magazine_bg.jpg') 0 0 no-repeat; margin:0 0 35px 0; overflow:hidden;}
.magazine_main .monthly h2 {color:#f15a22;}
.magazine_main .monthly h2 span {color:#231815;}
.magazine_main .weekly {position:relative; height:195px; background:url('/images/magazine/weekly_magazine_bg.jpg') 0 0 no-repeat; overflow:hidden;}
.magazine_main .weekly h2 {color:#f9bc11;}
.magazine_main .weekly h2 span {color:#f15a22;}
.magazine_main .list {padding:65px 0 0 134px;}
.magazine_main .list li {float:left; display:inline; width:154px; text-align:center; margin:0 7px 0 0; overflow:hidden;}
.magazine_main .list li a {display:block; cursor:pointer; overflow:hidden; text-decoration:none;}
.magazine_main .list li a:hover {color:#f15a22;}
.magazine_main .list li .thumb {display:block; margin:0 0 26px 0;}
.magazine_main .more {position:absolute; top:20px; right:0; font-size:11px; color:#f15a22; text-decoration:none;}

.magazine_main_v2 h2 {position:absolute; top:17px; left:129px; font-size:20px; font-family:Arial, sans-serif, Verdana; font-weight:bold; line-height:100%;}
.magazine_main_v2 .monthly_v2 {position:relative; height:255px; background:url('/images/magazine/monthly_magazine_bg_v2.jpg') 0 0 no-repeat; margin:0 0 35px 0; overflow:hidden;}
.magazine_main_v2 .monthly_v2 h2 {color:#f15a22;}
.magazine_main_v2 .monthly_v2 h2 span {color:#231815;}
.magazine_main_v2 .weekly_v2 {position:relative; height:255px; background:url('/images/magazine/weekly_magazine_bg_v2.jpg') 0 0 no-repeat; overflow:hidden;}
.magazine_main_v2 .weekly_v2 h2 {color:#f9bc11;}
.magazine_main_v2 .weekly_v2 h2 span {color:#f15a22;}
.magazine_main_v2 .list {padding:65px 0 0 134px;}
.magazine_main_v2 .list li {float:left; display:inline; width:100px; text-align:center; margin:0 8px 0 0; overflow:hidden;}
.magazine_main_v2 .list li a {display:block; cursor:pointer; overflow:hidden; text-decoration:none;}
.magazine_main_v2 .list li a:hover {color:#f15a22;}
.magazine_main_v2 .list li .thumb {display:block; margin:0 0 26px 0;}
.magazine_main_v2 .more {position:absolute; top:20px; right:0; font-size:11px; color:#f15a22; text-decoration:none;}