@charset "euc-kr";
/* CSS Document */

h3 {font-size:18px; font-weight:400; font-family:"Noto Sans KR";}

#main-banner-wrapper {position:relative; padding:0;}

#main-banner {width:100%; position:relative; height:425px; overflow:hidden; background-color:#ddd;}

#main-banner .buttons {width:1100px; height:0; position:relative; margin:auto; z-index:1000;}
#main-banner .buttons .prev {position:absolute; top:180px; left:10px; opacity:0.8;}
#main-banner .buttons .next {position:absolute; top:180px; right:10px; opacity:0.8;}

#main-banner .buttons .prev:hover {opacity:1;}
#main-banner .buttons .next:hover {opacity:1;}

#main-banner #banner-list {position:absolute; height:425px; top:0; left:0;}

#main-notice-wrapper {height:47px;}
#main-notice {height:47px; position:relative; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8;}

#notice-list {background:url(/images/main/t_not.gif) 15px center no-repeat; height:47px;}
#notice-list .scrolling {margin-left:80px; position:absolute; top:12px; left:0; width:85%;}

#notice-control {width:40px; position:absolute; top:0; right:0;}
#notice-control .control-prev {cursor:pointer;}
#notice-control .control-next {cursor:pointer;}

#main-best-wrapper {margin:0;}
#best-title {height:60px; position:relative;}
#best-title ul {width:600px; position:absolute; top:32px; right:0;}
#best-title ul li {float:right; padding:4px 20px 6px 20px; cursor:pointer; background-color:#d8d8d8; margin-left:1px;}
#best-title ul li.on {background-color:#76bb00; color:#fff;}

#best-list {margin:0; padding-top:15px;}
#best-list ul li {border:1px solid #dbdbdb; float:left; margin-left:15px; width:240px;}
#best-list ul li:first-child {margin-left:0; width:327px;}

#best-list ul li .p-image {position:relative; display:block; z-index:0; }
#best-list ul li .p-image img {width:242px; height:181px;}
#best-list ul li .p-ribon {position:absolute; top:-1px; left:15px; display:none; z-index:1;}
#best-list ul li .p-name {padding:5px 9px 0 9px; font-size:16px; font-family:"Noto Sans KR"; font-weight:500; line-height:20px; letter-spacing:-1px; text-align:left;}
#best-list ul li .p-remark {padding:5px 9px; font-size:12px; color:#535353;}
#best-list ul li .p-charge {font-size:18px; font-weight:bold; color:#e8293b; text-align:right; position:absolute; bottom:8px; right:9px; display:block;}
#best-list ul li .p-charge img {vertical-align:middle;}
#best-list ul li .p-grade {padding:5px 9px;}
#best-list ul li .p-category {top:157px; left:0; position:absolute; background-color:#546a91; padding:3px 20px 5px 20px; color:#fff; font-size:12px;}

#best-list ul li:first-child .p-image {position:relative; display:block; z-index:0; }
#best-list ul li:first-child .p-image img {width:308px; height:194px;}
#best-list ul li:first-child .p-category {top:180px; left:10px;}
#best-list ul li:first-child .p-ribon {display:block;}

#best-list .best-item {width:242px; height:341px; margin:-1px 0 0 -1px; position:relative;}


#best-list ul li:first-child .best-item {width:329px;}
#best-list ul li:first-child .p-image {padding:10px 10px 0 10px;}

#event-banner .banner-left {float:left; width:585px; height:329px; display:block;}
#event-banner .banner-right {float:right; width:499px; height:329px; display:block;}

#main-info-wrapper {border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; background-color:#f8f8f8; text-align:center;}
#main-hot-wrapper {border-bottom:1px solid #e8e8e8; background-color:#fff; height:120px;}
#main-hot-wrapper .keyword-list {float:left; width:815px;}
#main-hot-wrapper .keyword-list ul li {float:left; line-height:25px; height:25px; padding:0 15px; background-color:#e0e0e0; margin:11px 0 0 15px; cursor:pointer; font-family:dotum; font-size:12px;}
#main-hot-wrapper .keyword-list ul li:hover {text-decoration:underline; color:#ac283f;}

#main-weekly-wrapper {margin:0;}
#main-weekly-wrapper .weekly-title {width:201px; height:280px; float:left;}
#main-weekly-wrapper .weekly-best {width:898px; height:280px; float:left; position:relative;}

#main-weekly-wrapper .weekly-index {width:898px;}
#main-weekly-wrapper .weekly-index ul {padding-top:15px;}
#main-weekly-wrapper .weekly-index ul li {float:right; padding:5px 15px 8px 15px; cursor:pointer;}
#main-weekly-wrapper .weekly-index ul li.on {background-color:#e31a44; color:#fff;}
#main-weekly-wrapper .weekly-index ul li:first-child {padding-right:0;}

#main-weekly-wrapper .weekly-list {width:898px; height:223px; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; position:absolute; bottom:0; right:0;}
#main-weekly-wrapper .weekly-list ul {padding:20px 0 0 0px;}
#main-weekly-wrapper .weekly-list ul li {float:left; width:178px; height:200px; position:relative; margin-left:37px; cursor:pointer;}

#main-weekly-wrapper .weekly-list ul li .p-image {position:relative; display:block; z-index:0; }
#main-weekly-wrapper .weekly-list ul li .p-image img {width:178px; height:115px;}
#main-weekly-wrapper .weekly-list ul li .p-ribon {position:absolute; top:-1px; left:15px; display:none; z-index:1;}
#main-weekly-wrapper .weekly-list ul li .p-name {padding:5px 9px 0 9px; font-size:14px; font-family:"Noto Sans KR"; font-weight:500; line-height:20px; letter-spacing:-1px; text-align:center;}
#main-weekly-wrapper .weekly-list ul li .p-remark {padding:5px 9px; font-size:12px; color:#535353; display:none;}
#main-weekly-wrapper .weekly-list ul li .p-charge {font-size:16px; font-weight:bold; color:#e8293b; text-align:right; position:absolute; bottom:8px; right:9px; display:block;}
#main-weekly-wrapper .weekly-list ul li .p-charge img {vertical-align:middle;}
#main-weekly-wrapper .weekly-list ul li .p-grade {padding:5px 9px; display:none;}
#main-weekly-wrapper .weekly-list ul li .p-category {top:157px; left:0; position:absolute; background-color:#546a91; padding:3px 20px 5px 20px; color:#fff; font-size:12px; display:none;}

#main-board-wrapper1 {position:relative;}
#main-board-wrapper1 #board-wrapper {width:758px; height:248px; float:left; border:1px solid #dbdbdb;}
#main-board-wrapper1 #board-wrapper .event {width:390px; float:left;}
#main-board-wrapper1 #board-wrapper .notice {width:360px; float:left;}

#main-board-wrapper1 #board-wrapper .event ul {padding-left:20px;}
#main-board-wrapper1 #board-wrapper .notice ul {padding-left:5px;}

#main-board-wrapper1 #board-wrapper ul li {position:relative; height:30px; line-height:30px; cursor:pointer; letter-spacing:-1px; } 
#main-board-wrapper1 #board-wrapper ul li:hover {color:#e32042;}

#main-board-wrapper1 #board-wrapper ul li span {display:block; width:70px; position:absolute; right:0; top:0; color:#d5d5d5;}

#main-board-wrapper1 .banner-wrapper {width:328px; float:right;}

#main-board-wrapper1 .board-event {width:392px; float:left;}
#main-board-wrapper1 .board-notice {width:365px; float:left;}

#main-board-wrapper1 #review-right {width:326px; height:248px; border:1px solid #dbdbdb; float:right; position:relative;}
#main-board-wrapper1 #review-right ul {margin:0;}
#main-board-wrapper1 #review-right ul li {padding-left:16px; cursor:pointer;}
#main-board-wrapper1 #review-right ul li p {width:292px; height:186px; display:block; position:relative;}
#main-board-wrapper1 #review-right ul li p span {width:292px; height:40px; background-color:#000; position:absolute; left:0; bottom:0; opacity:0.5; color:#fff; z-index:10; font-size:12px;}
#main-board-wrapper1 #review-right ul li p span:hover {color:#deb962; opacity:0.7; cursor:pointer;}

#main-board-wrapper1 #review-right .control {width:32px; height:17px; position:absolute; top:15px; right:10px;}
#main-board-wrapper1 #review-right .control .arr-prev {width:16px; height:17px; float:left; display:block;}
#main-board-wrapper1 #review-right .control .arr-next {width:16px; height:17px; float:left; display:block;}

#main-board-wrapper2 #review-left {width:758px; height:248px; border:1px solid #dbdbdb; float:left; position:relative;}
#main-board-wrapper2 #review-left ul {margin:0;}
#main-board-wrapper2 #review-left ul li {padding-left:20px;}

#main-board-wrapper2 #review-left .control {width:32px; height:17px; position:absolute; top:15px; right:10px;}
#main-board-wrapper2 #review-left .control .arr-prev {width:16px; height:17px; float:left; display:block;}
#main-board-wrapper2 #review-left .control .arr-next {width:16px; height:17px; float:left; display:block;}

#main-board-wrapper2 #review-left .review-title {width:540px; height:30px; line-height:25px; background:url(/images/main/t_title.gif) 5px center no-repeat; background-color:#f8f8f8; padding-left:50px; position:relative;}
#main-board-wrapper2 #review-left .review-title span {display:block; width:80px; position:absolute; right:0; top:3px; color:#9f9f9f;}
#main-board-wrapper2 #review-left .review-content {width:580px; height:52px; font-size:12px; color:#767676; padding:0 5px; display:block; position:relative;}
#main-board-wrapper2 #review-left .review-detail {position:absolute; bottom:-6px; right:0; display:block;}
#main-board-wrapper2 #review-left .review-title:hover {color:#e32042;}



#main-monthly-wrapper {background-color:#f8f8f8; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
#main-monthly-wrapper .monthly-index ul {text-align:center;}
#main-monthly-wrapper .monthly-index ul li {width:120px; height:44px; background:url(/images/main/bb_off.png) top no-repeat; cursor:pointer; display:inline-block; *display:inline; zoom:1;}
#main-monthly-wrapper .monthly-index ul li.on {background:url(/images/main/bb_on.png) top no-repeat;}

#main-monthly-wrapper .monthly-index ul li p {padding:10px 0 0;}

#main-monthly-wrapper .monthly-list {padding:0 0 30px; position:relative;}

#main-monthly-wrapper .monthly-list .rolling {position:relative; padding:20px 0 0 0px; width:1032px; height:240px; margin:auto;}
#main-monthly-wrapper .monthly-list .rolling .arr-pr {position:absolute; left:-45px; top:90px;}
#main-monthly-wrapper .monthly-list .rolling .arr-nx {position:absolute; right:-45px; top:90px;}

#main-monthly-wrapper .monthly-list ul li {height:240px;}
#main-monthly-wrapper .monthly-list ul li .p-image {position:relative; display:block; z-index:0; }
#main-monthly-wrapper .monthly-list ul li .p-image img {width:250px; height:170px;}
#main-monthly-wrapper .monthly-list ul li .p-ribon {position:absolute; top:-1px; left:15px; display:none; z-index:1;}
#main-monthly-wrapper .monthly-list ul li .p-name {padding:5px 9px 0 9px; font-size:14px; font-family:"Noto Sans KR"; font-weight:500; line-height:20px; letter-spacing:-1px; text-align:center;}
#main-monthly-wrapper .monthly-list ul li .p-remark {padding:5px 9px; font-size:12px; color:#535353; display:none;}
#main-monthly-wrapper .monthly-list ul li .p-charge {font-size:16px; font-weight:bold; color:#e8293b; text-align:right; position:absolute; bottom:8px; right:9px; display:block;}
#main-monthly-wrapper .monthly-list ul li .p-charge img {vertical-align:middle;}
#main-monthly-wrapper .monthly-list ul li .p-grade {padding:5px 9px; display:none;}
#main-monthly-wrapper .monthly-list ul li .p-category {top:157px; left:0; position:absolute; background-color:#546a91; padding:3px 20px 5px 20px; color:#fff; font-size:12px; display:none;}

#mini-banner {position:relative; width:330px; height:327px;}
#mini-banner .control {width:32px; height:17px; position:absolute; bottom:10px; left:10px;}
#mini-banner .control .arr-prev {width:16px; height:17px; float:left; display:block;}
#mini-banner .control .arr-next {width:16px; height:17px; float:left; display:block;}