@charset "utf-8";
/* web font */
@import url(http://hangeul.naver.com/css/font_common.css);

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* common */
body,input, button, textarea {font-size: 12px; color: #545454; font-family: '맑은 고딕','Malgun Gothic',Dotum,'돋움', Helvetica, AppleSDGothicNeo, sans-serif}

a {color: #545454; text-decoration: none;}
legend,caption,.hide {position: absolute; left: -1px; top:-1px; width: 1px; height: 1px; visibility: hidden; font-size: 1px; text-indent: -9999em; color: #fff; overflow: hidden;}
label {cursor: pointer;}
/* layout */
#header,
#contents,
.visual,
.gnb,
.quick,
.info {width: 960px; margin: 0 auto}

/* header */
#header {position: relative;}
#header .quick_menu {height: 21px; padding-top:12px;}
#header .quick_menu .all_menu {float: left; margin-left: -16px; line-height: 1.2;}
#header .quick_menu .all_menu .first {background: none;} 
#header .quick_menu .member {float: right; margin-right: -16px;}

#header .quick_menu .member a:hover {color: #e40e64; text-decoration: underline;}

#header .quick_menu li {float: left; padding: 0 16px; background:  url(/images/www/line_gray.png) 0 center no-repeat; line-height: 1.2;}
#header .quick_menu .member li.first {background: none;}

#header h1 {padding:9px 0 10px;  text-align: center;}
#header h2 {text-align: center; font-weight: bold;}
#header h2 img {margin: 0 5px}
#header .logo {padding-bottom: 37px;}

/*#contents a:hover {text-decoration: underline; color: #e40e64;}*/

.wrap_gnb {background: #e40e64 url(/images/www/bg_gnb.jpg) center center no-repeat;}
.gnb {position: relative;height: 40px; color: #fff; overflow: hidden; background-color: #e40e64; }
.gnb li {float: left;}
.gnb li {display: block; margin-right: 20px; line-height: 40px;}
.gnb li a {color: #fff; font-size: 13px;}

.gnb .menu li a,
.gnb .quicklink li a em {font-weight: bold;}
.gnb li a:hover {text-decoration: underline;}

.wrap_gnb .quicklink {position: absolute; right: 0px; top:0; width: 314px; padding-left: 0px; background-color: #ff0066; text-align: right;}
.wrap_gnb .quicklink li {float:none; display: inline-block;  margin-right: 0; letter-spacing: 1px; margin-left: 6px; }

#header .member_loged {float: right; }
#header .member_loged em {font-weight: bold;}
#header .member_loged .go_hompy {position: relative; margin-top: -6px;}
#header .member_loged .go_hompy a.toggle{display: block;width: 134px; height: 28px; padding-left: 9px; border: 1px solid #d6d6d6; line-height: 28px; margin-right: 14px; background: url(/images/www/bg_dropdown.gif) 100% 0 no-repeat;}
#header .member_loged .go_hompy a.open {background: url(/images/www/bg_dropdown_off.gif) 100% 0 no-repeat;}
#header .member_loged .homepy_list {position: absolute; width: 143px; top: 29px; left: 0; border: 1px solid #d6d6d6;  background-color: #fff;}
#header .member_loged .homepy_list ul {padding: 4px 0;}
#header .member_loged .homepy_list li {float: none;}
#header .member_loged .homepy_list li a{display: block; padding: .5em}
#header .member_loged .homepy_list li a:hover {background-color: #eeeeee;}
#header .member_loged li {background: none; padding: 0;}
#header .member_loged .go_noti {margin-left: 14px; padding-left: 14px; background:  url(/images/www/line_gray.png) 0 center no-repeat;}
#header .member_loged .noti {position: absolute; }

#header .member_loged li {position: relative;}
#header .member_loged li.go_my {margin-top: 4px;}
#header .member_loged li.go_noti {margin-top: 4px;}

#header .member_loged .my {z-index: 999;position: absolute; left:-110px; top:28px; width: 180px; height: 154px;border: 1px solid #d6d6d6;  background-color: #fff; }

#header .member_loged .my a:hover {color: #e40e64;}
#header .member_loged .my .logout {height: 36px; padding: 10px 0 0 20px}
#header .member_loged .my .logout a {display: inline-block; marGgin-left: 10px; border: 1px solid #d6d6d6; padding:0px 10px; line-height: 28px;}
#header .member_loged .my .logout a:hover {color: #e40e64;}
#header .member_loged .my .point {height: 50px; padding: 10px 0; background-color: #f4f4f4;}

#header .member_loged .my .point div {float: left; width: 90px; padding: 7px 0; text-align: center;}
#header .member_loged .my .point div a {display: block; width: 48px; margin: 13px auto 0; padding-right:8px; background: url(/images/www/bu_arrow.gif) 100% 2px no-repeat;}
#header .member_loged .my .point div a:hover {text-decoration: underline;}
#header .member_loged .my .point div em {color: #e40e64;}
#header .member_loged .my .point div {width: 89px;border-left: 1px solid #d6d6d6;}

#header .member_loged .my .links {height: 12px;padding: 13px 0px; text-align: center;}
#header .member_loged .my .links a {text-align: center; padding: 0 7px 0 7px; line-height: 11px;  background: url(/images/www/bu_line.gif)  0 center no-repeat; font-size: 11px;}
#header .member_loged .my .links a.first {background: none; margin-left: 4px;}

#header .member_loged .noti {position: absolute; left:-328px; top: 28px; z-index: 999;width: 360px; border: 1px solid #d6d6d6; background-color: #fff;}
#header .member_loged .noti ul {height: 277px; overflow-y:scroll; }
#header .member_loged .noti li {float: none;}
#header .member_loged .noti a {display: block; padding:8px 16px; line-height: 1.4; border-bottom: 1px solid #d5d5d5; letter-spacing: -1px}
#header .member_loged .noti a:hover {background-color: #eeeeee;}

#header .member_loged .noti a span {display: block; font-size: 11px; color: #c4c3c3; font-weight: 100;}
#header .member_loged .noti a span span {display: inline; margin-left: 8px; padding-left: 8px; background: url(/images/www/line_gray.png) 0 center no-repeat;}

#header .member_loged .go_my .toggle {padding-right:14px; background: url(/images/www/bg_my.gif) 100% center no-repeat;}
#header .member_loged .go_my .toggle.open {background: url(/images/www/bg_my_open.gif) 100% center no-repeat;}

.allview {text-align: center; border-top: 1px solid #d6d6d6; padding: 12px	;}
.arrow {position: absolute; top: -11px; right: 2px;width: 17px; height: 11px;background: url(/images/www/bg_top_tip.png) 0 0 no-repeat;}

/* container */
#container {clear: both; margin-top: 10px; padding-bottom: 50px}

.wrap_visual {background-color: #e8e8e8;}
.visual {position: relative; line-height: 0;}
.visual_list {position: absolute; right: 0; top: 0; }

.visual_list li a {position: relative; width: 314px; height: 90px; display: block;}

.visual_list li a .title {display: none;position: absolute; left: 0; top: 0; width: 100%; height: 50px; padding-top: 40px; line-height: 1.2; text-align: center;  background:transparent url('/images/www/bg_opcity.png') repeat left top ;  color: #fff;}
.visual_list li a:hover .title {display: block;}
.key_viaual .bx-controls {display: none;}
.key_viaual .slider li a {display: block;}

.box {position: relative; border: 1px solid #d6d6d6;}
.box h3 {height: 33px; padding-left:18px; border-bottom: 1px solid #d6d6d6; color: #e40e64; font-size: 14px; line-height: 33px; font-weight: bold;}
.box h3 span {color: #545454;}
.box .more {display: block;position: absolute; right: 14px; top:9px; height: 18px; line-height: 16px; padding-right:21px ; font-size: 12px;}
.box .more span {position: absolute; right:0; top:0; width: 17px; height: 17px; background: url(/images/www/ico_set.png) left 0 no-repeat;}
.box img {display: block;border: 1px solid #c4c3c3;}

.upper_boxes {height: 292px; overflow: hidden;}
.down_boxes a:hover,
.upper_boxes a:hover,
.upper_boxes a:hover h4 {text-decoration: underline; color: #e40e64}
.news {width: 635px; float: left; margin-right: 10px; line-height: 18px; font-size: 13px;}
.news .news_con {padding: 12px 0 13px 12px;}
.news .news_left {float: left; width: 293px; padding-right: 17px;}
.news .news_left h4 {padding:8px 0;font-size: 14px; color: #000;}
.news .news_right {float: left; width: 298px;}
.news .news_right .new_thumb_left {float: left; width: 140px; margin-right: 9px;}
.news .news_right_upper {height: 134px;}
.news .news_right_upper p {padding:10px 0 0 5px;}
.news_right_down {font-size: 14px; color: #000; line-height: 22px;}
.news_right_down li a {padding-left: 10px; background: url(/images/www/bu_dot.gif) 0 8px no-repeat;}
.news_right_down li a:hover {background-position: 0 -14px;}

.news_right_down a {color: #000}
.news_right_down .point {font-size: 15px; font-weight: bold;}

.ranking {height: 171px; overflow: hidden;}
.cs {height:60px; margin-top: 10px; padding-top:47px; padding-left: 17px;}
.cs h3 {position: absolute; left: 13px; top: 0px; height: 33px; line-height: 42px; padding:0 2px; border-bottom: 3px solid #d6d6d6;}
.cs p {font-weight: bold; font-size: 22px; color: #000;}
.cs p.time {padding-top: 10px;font-size: 12px; color: #545454; font-weight: normal;}

.recent_vod .wrap_vod .inner_vod {width: 660px; height: 380px; float: left; background-color: #000;}

.recent_vod .wrap_vod {height:380px;padding: 17px 0px 17px 17px}
.vod_kv {display: none; position: absolute; width:660px; height: 380px; overflow: hidden; background-color: #000;}
.vod_kv#vod01 {display: block;}
.vod_kv .title { z-index:999; position: absolute; top: -88px; width: 100%; height: 68px;  padding-top: 20px; background:transparent url('/images/www/bg_opcity.png') repeat left top ;  color: #fff;}
.vod_kv .title h4 {font-size: 17px; padding-left: 26px}
.vod_kv .title h4 em {color: #ff0066;}
.vod_kv .title p {font-size: 14px; padding-left: 26px; padding-top: 10px}
.vod {position: relative;}
.vod_img .ico_play {position: absolute; width: 69px; height: 70px; left: 50%; top:107px; margin-left: -35px; background:  url(/images/www/ico_play.png) 0 0 no-repeat; }

.vod_list {float: left; width: 258px; padding:0 0 0 20px; }

.vod_list li {position: relative; height: 90px; margin-right: 11px; margin-bottom:7px; overflow: hidden;}
.vod_list li a {display: block;  }
.vod_list li a:hover {text-decoration: underline; color: #e40e64;}
.vod_list li a img {width: 120px; height: 90px; position: absolute; left: 0; top: 0;}

.vod_list li a span {display: block;padding-top: 4px; padding-left: 130px; line-height: 1.2; }
.vod_list li a span em {display: block; color: #e40e64; margin-bottom:7px;}
.vod_list li a:hover span {display: block;}
.vod_list li a span i {color: #868686; display: block; margin-top: 4px; font-size: 11px;}
.vod_list li a:hover span i {color: #e40e64;}

.ranking .page {position: absolute; right: 16px; top: 7px; width: 36px; height: 19px; background: url(/images/www/ico_set.png) left -93px no-repeat;}
.ranking .page a {float: left;display: block; width: 18px; height: 18px;}

.ranklist {padding:17px }
.ranklist li {position: relative; padding-left: 27px;padding-bottom:5px; line-height: 18px;}
.ranklist li span {position: absolute; left: 0; top: 0; display: block; width: 15px; height: 15px;text-align: center; line-height: 16px; font-size: 10px; background-color: #c4c3c3; color: #fff; border: 1px solid #b0b0b0;}
.upeer_right_box2 {float: left; width: 311px;}

.down_boxes .box {width: 311px; height: 123px; margin-right: 10px; font-size: 14px;}
.down_boxes .box.togethe  {margin-right: 0;}
.down_boxes .box .con {padding:17px; line-height: 20px;}
.down_boxes .box.gray_box {background-color: #f7f7f7;}
.down_boxes .box.gray_box p {line-height:20px;}
.down_boxes .box em {font-weight: bold; color: #000;}
.down_boxes {clear: both;}
.down_boxes .box {float: left;}

.recent_photo .con {padding:17px;}
.recent_photo .con ul {width: 940px;}
.recent_photo .con li {float: left; margin-right: 13px;  border: 1px solid #e4e4e4;}
.recent_photo .con li img {border-bottom: 1px solid #ccc;}
.recent_photo .con li a:hover,
.recent_photo .con li a:hover .title {color: #e40e64;}
#contents .recent_photo .con a:hover {text-decoration: none;}

#contents .recomm_prod .con a:hover .title span,
#contents .recomm_prod .con a:hover .txt
#contents .culture .con a:hover .title,
#contents .culture .con a:hover .txt span {text-decoration: underline;}

.recent_photo .con li a i,
.recent_photo .con li a em {text-decoration: none; }

.recomm_prod li img,
.culture li img {border: 0;}

.rp_01.recent_photo .con li a {position: relative; display: block; overflow: hidden; text-decoration: none;}
.rp_01.recent_photo .con li a:hover {text-decoration: none !important; color: #fff !important; }
.rp_01.recent_photo .con li a .title {position: absolute; bottom: -50px; left: 0; background-color: #000;background:transparent url('/images/www/bg_opcity.png') repeat left top ;  width: 200px; height: 30px; color: #fff; padding:10px;} 
.rp_01.recent_photo .con li a h4 {padding-bottom: 5px;}
.rp_01.recent_photo .con li a p em {color:#e40e64;}

.recomm_prod .wrap_txt {display: block; width: 200px; height: 69px; padding: 10px 10px 0 10px; line-height: 1.2;}
.recomm_prod .wrap_txt .title {display: block;height: 30px; color: #010101;}
.recomm_prod .wrap_txt .title em {color: #93cc0a; font-weight: bold;}
.recomm_prod .wrap_txt .price {display: block; margin-top: 10px; text-align: right; color: #e40e64; font-weight: bold; font-size: 15px;}
.recomm_prod .wrap_txt .price i {margin-right: 10px;color: #868686; font-size: 12px; text-decoration: line-through; font-weight: 100;}

.culture li .txt {display: block;padding: 10px; height: 18px; line-height: 22px;}
.culture li .txt em {color: #e40e64; font-weight: bold; margin-right:6px;}

/* float clear */
.recent_photo ul:after,
.quick ul:after,
.upper_boxes:after,
.down_boxes:after,
.news_right_upper:after,
.news_con:after,
.wrap_vod:after {content:""; display:block; clear:both;}

/* boxes gap */
.recent_photo,
.recent_vod,
.down_boxes,
.upper_boxes,
.culture {margin-top: 10px;}

/* footer */
#footer {clear: both;}
#footer .wrap_quick {height: 42px; background-color: #868686;}
#footer .quick {position: relative;}
#footer .quick li {float: left; line-height: 42px; margin-right: 25px; }
#footer .quick a {color: #fff;}
#footer .quick .top {position: absolute; right: 10px; top: 10px; height: 17px; padding-top: 3px; padding-right: 26px; background: url(/images/www/ico_set.png) 38px -46px no-repeat;} 
#footer .info {padding:20px 0 50px;}
#footer .info p {line-height: 19px; text-align: center; margin-bottom: 5px;}
#footer .info p * {vertical-align: middle;}

#footer .quick li:last-child a {margin-top: 16px; background: url("/images/facebook_hover.png")100% 100% no-repeat; display: block; width: 55px; height: 13px;}


/* all menu */
.am {position: fixed; left: -380px; top: 0; width:200px; height: 100%; padding:0px; border-right:1px solid #ccc; background-color: #fff; }
.am h2 {padding: 17px 20px 9px 20px; border-bottom: 1px solid #d6d6d6; font-weight: bold; color: #e40e64; font-size: 13px;}
.am ul {padding: 5px 20px; border-bottom: 1px solid #d6d6d6; }
.am li {position: relative; margin:0px 0;}
.am a {display: block; padding:11px 20px 11px 0 ; }
.am a.has_subs {background: url(/images/www/bg_arrow.gif) 100% 45% no-repeat;}

.am a.has_subs.active,
.am a.has_subs:hover {color: #e40e64; background: url(/images/www/bg_arrow_on.gif) 100% 45% no-repeat; text-decoration: underline;} 

.am a:hover {color: #e40e64; text-decoration: underline;}
.am li .subm {display: none;position: absolute; top:0px; left:180px; width: 154px;background-color: #f4f4f4; padding: 0; border: 1px solid #d6d6d6; }
.am li .subm a {background: none;}
.hoverArea {display: none;z-index:-1;position: absolute; left: 0; top:0; width:380px; height: 100%; background-color: #00f; opacity: 0}

.wrap_layer {position: absolute; left: 0;top: 0; width: 100%; height: 100%; z-index: 999;}
.dimm {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: #000; opacity: 0.7 }
.layer_pop {position: absolute; left: 50%; top: 50%; z-index: 9999; margin: 0 auto; background-color: #fff; border: 1px solid #d6d6d6; }
.layer_pop .close {position: absolute; right: 20px; top: 20px; width: 20px; height: 20px; background: url(/images/www/btn_close.gif) 0 0 no-repeat;}

.pop_login {width: 418px; height: 260px; margin-left: -190px; margin-top: -275px; padding:60px 66px;}
.pop_login h2 {font-size: 19px; color: #e40e64;}
.pop_login .warp_inform {position: relative; padding-top: 20px;}
.pop_login .inputbox {width: 308px; height: 32px; margin-bottom: 8px;  border: 1px solid #c4c3c3;}
.pop_login .inputbox input {display: block; width: 96%; height: 28px; margin: 0 2%; font-size: 16px; border: none;}
.pop_login .btn_login {position: absolute; right: 4px; top: 20px; width: 98px; height: 76px; border: 1px solid #b2074c; font-size: 15px; background-color: #e40e64; color: #fff;}
.pop_login .warp_inform * {vertical-align: middle;}
.pop_login .member_link {position: absolute; bottom: 3px; right: 110px; }
.pop_login .member_link a.find {margin-right:7px;padding-right: 10px;background: url(/images/www/bg_line.gif) 100% center no-repeat;}
.pop_login .sns_login {margin-top: 50px; padding-top: 30px; background: url(/images/www/bg_dotted.gif) 0 0 repeat-x;}
.pop_login .sns_login a {display: block; text-align: center; width: 100%; height: 48px; border: 1px solid #c4c3c3;}
.pop_login .sns_login.btn_fb a span {display: inline-block; margin-top: 15px; height: 20px;padding-left: 28px; background: url(/images/www/ico_fb.gif) 0 center no-repeat; color: #3b5998; line-height: 24px;font-size: 15px;}


.search {position: absolute; left:57px; top:34px; width: 377px; height: 52px; padding: 21px 0 0 28px; border: 1px solid #d6d6d6; background-color: #fff; }
.search * {vertical-align: middle;}
.search .window {display: inline-block; width: 276px; height: 30px; margin-right: 3px; border: 1px solid #d6d6d6;}
.search .window input {width: 94%; height: 21px; margin: 6px 0 0 4%; border: none; line-height: 21px; font-weight: bold; font-size: 13px; outline: none; color: #545454;}
.search button { width: 63px; height:31px; border: 1px solid #b2074c; background-color: #e40e64; color: #fff; font-weight: bold; }

.makehome {position: absolute; right: 0; top: 34px; display: block; width: 123px; height: 137px; background:#e8e8e8 url(/images/www/btn_make_home.png) 0 0 no-repeat;}
.makehome:hover {background-position: -123px 0;}