/* 공통 */
*{margin:0;padding:0}
* html { height: 1px; }
html,body{width:100%;height:100%;_text-align:center}
html{overflow-y:scroll}
div,ul,li,td{margin:0; padding:0; font-size:12px; font-family:'맑은 고딕','Malgun Gothic','돋움','Dotum',sans-serif;}
img{border:none;}
input.text_id {height:21px; _height /**/:21px; *margin:-1px 0 0; _margin /**/:0; padding:1px 3px 0; border:1px solid #cbd1d4; font-size:11px; _font-size /**/:12px; color:#666; line-height:15px;background:url(/images/img/id_bg.gif) no-repeat ;}
input.join_put {height:22px;padding:2px 3px 0; border:1px solid #cccccc; font-size:14px; color:#dcdcdc;font-weight:bold;}
input.cjoin_put {height:18px;padding:2px 3px 0; border:1px solid #D1D1D1; font-size:12px; color:#333; background-color:#F9F9F9;}
input.text_id_nobg {height:21px; _height /**/:21px; *margin:-1px 0 0; _margin /**/:0; padding:1px 3px 0; border:1px solid #d4d4d4; border-top:1px solid #9A9A9A; border-left:1px solid #9A9A9A; font-size:11px; _font-size /**/:12px; color:#666; line-height:15px;}
input.text_pwd {height:21px; _height /**/:21px; *margin:-1px 0 0; _margin /**/:0; padding:1px 3px 0; border:1px solid #cbd1d4; font-size:11px; _font-size /**/:12px; color:#666; line-height:15px;background:url(/images/img/pw_bg.gif) no-repeat ;}
textarea.text {padding:5px; border:1px solid #d4d4d4; border-top:1px solid #333333; border-left:1px solid #333333; color:#666;}
textarea.wr_con{background-color:blue; font-size:11px; _font-size /**/:12px; color:#666; line-height:15px;background:url(/images/img_sub/coment_bg1.gif) no-repeat ;}
a {selector-dummy : expression(this.hideFocus=true);}
body {
margin: 0;
padding: 0;
font-size: 75%;
line-height: 1.5em;
font-family: '맑은 고딕','Malgun Gothic','돋움','Dotum',sans-serif;
color: #363636;
}
form {
margin: 0;
padding: 0;
}
hr {
display: none;
}
p, div, th, td, select, input {
color: #363636;
}
a img,
input.type-image {
border: 0 none;
}
input.type-text,
textarea {
border: 1px solid #ddd;
background: #fff;
padding: 1px;
}
input.type-text:hover,
input.type-text:focus,
textarea:hover,
textarea:focus {
background-color: #ffd;
}
input, select, textarea {
vertical-align: middle;
font-size: 1em;
color: #363636;
}
select {
font-size: 11px;
font-family: Dotum, "돋움", sans-serif;
}
span.button,
img.button,
a.button {
cursor: pointer;
vertical-align: middle;
}
ol,ul,li{list-style:none;}
a:link, a:visited {
color: #363636;
text-decoration: none;
}
a:active, a:hover {
color: #363636;
text-decoration: none;
}
/*################################### 추가 css ############################## */
#header_wrap {width:100%;min-width:1018px;height:auto;margin:0 auto; text-align:center;}
#wrap {width:100%;height:auto;margin:0 auto; text-align:center; }
#container { clear:both; width:1018px; height:auto; margin:0 auto; text-align:center; margin-top:5px; position:relative; }
#container #leftarea {width:203px; display:block; float:left;}
#container #centerarea{width:618px; display:block; float:left;}
#container #rightarea {width:197px; display:block; float:right; vertical-align:top; }
/*##### 헤더 */
#header_wrap .gnb_menu {width:100%;height:25px;background:#fbfbfb;border-bottom:1px solid #dcdcdc;}
#header_wrap .gnb_menu .gnb_menu_s { width:1000px; height:25px; line-height:25px; margin:0 auto; color:#666666; }
#header_wrap .gnb_menu .gnb_menu_s span { font-size:11px; color:#666; letter-spacing:-.3px}
.gnb_menu .gnb_menu_s .gnb_L {float:left;}
.gnb_menu .gnb_menu_s .gnb_L li {float:left; cursor:pointer;}
.gnb_menu .gnb_menu_s .gnb_L .gnb_L1 { background:url(/images/main/icon_gnb_home.jpg) no-repeat 0 4px ; padding:0 15px; }
.gnb_menu .gnb_menu_s .gnb_L .gnb_L2 { background:url(/images/main/icon_gnb_star.jpg) no-repeat 0 4px; padding:0 15px;}
.gnb_menu .gnb_menu_s .gnb_R {float:right;}
.gnb_menu .gnb_menu_s .gnb_R li {float:left;cursor:pointer;}
.gnb_menu .gnb_menu_s .gnb_R .gnb_R1 { padding:0 8px;}
.gnb_menu .gnb_menu_s .gnb_R .gnb_R2 { background:url(/images/main/line.gif) no-repeat 0; padding:0 8px;}
.gnb_menu .gnb_menu_s .gnb_R .gnb_R3 { background:url(/images/main/line.gif) no-repeat 0; padding:0px 0px 0px 8px;}
.gnb_menu .gnb_menu_s .gnb_R .gnb_R3 span { background:#5c85c7; padding:4px 6px 2px; border-radius:15px; color:#fff; letter-spacing:-0.6px; }
.gnb_menu .gnb_menu_s .gnb_R .gnb_R4 { background:url(/images/main/line.gif) no-repeat 0; padding:0 8px;}
.gnb_menu .gnb_menu_s .gnb_R .gnb_R5 { background:url(/images/main/line.gif) no-repeat 0; padding:0 8px;}
.gnb_menu .gnb_menu_s .gnb_R .gnb_R6 { background:url(/images/main/line.gif) no-repeat 0; padding:0 8px;}
/*로고*/
#header_wrap .top {clear:both;width:1018px; min-width:1018px;height:60px;margin:0 auto; padding-top:20px; position:relative ;}
#header_wrap .top .logo {float:left;width:300px; height:80px;text-align:left; }
.top_logo{width:240px;height:80px;display:inline-block; cursor:pointer;}
/*미리보기영상 */
#header_wrap .top .open_mov_layer { width:330px;height:280px; margin:0 auto; padding: 0px; text-align: center; position:absolute; top:400px; left:207px; z-index:1000; }
#header_wrap .top .open_mov_layer .open_mov_tot{ width:330px;height:280px; margin:0 auto; position:relative ;}
#header_wrap .top .open_mov_layer .open_mov_tot .tbg_close { width:38px; height:38px; background:url(../images/popup/popup_seller_close.png) no-repeat; cursor:pointer; position:absolute; top:-13px; right:-13px; z-index:500 }
.open_mov_layer .open_mov_tot li { list-style:none; }
.open_mov_layer .open_mov_tot .tbg_tit {width:100%;height:40px; line-height:40px;text-align: center; margin:0 auto; background:url(../images/popup/popmov_tbg2.png) no-repeat; background-position:center; }
.open_mov_layer .open_mov_tot .tbg1 {width:100%; height:16px; background:url(../images/popup/popmov_tbg1.png) repeat-x}
.open_mov_layer .open_mov_tot .tbg2 {width:100%; height:180px;}
.open_mov_layer .open_mov_tot .tbg_btn {width:100%;height:40px; line-height:40px; margin:0 auto; margin-top:0px;background-color:#cc181e;text-align:center; font-size:1.2em; font-family: Verdana, Geneva, sans-serif; color:#FFFFFF; font-weight:bold;
letter-spacing:-1px; cursor:pointer }
/*방통위 몰카금지 레이어 */
.popup_b1127 { width:247px; height:246px; position:absolute; top:330px; right:0px;z-index:1000}
.popup_b1127 li { list-style:none; }
.popup_b1127 .btn_b1127 { width:247px; height:246px; background:url('../images/popup/popup_1127.png') no-repeat; position:absolute; top:50px; z-index:100; cursor:pointer}
.popup_b1127 .btn_close_1127 { width:39px; height:39px; background:url('../images/popup/btn_close_1127.png') no-repeat; position:absolute; top:70px; left:190px; z-index:200; cursor:pointer}
.popup_b1127 .btn_b1127_txt { width:247px; height:20px; line-height:20px; text-align:center; color:#ffffff; cursor:pointer;position:absolute; top:250px; z-index:200; }
.popup_b1127 .btn_b1127_txt span { padding-left:5px;}
/* 빼빼로데이 레이어 201811 */
.blackbg_ch181111_layer { clear:both; position:absolute; top:0; left:0; z-index:999; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; background:url('/images/popup/bg_gra.png') repeat; }
.blackbg_ch181111_wrap { position:relative; width:520px; height:100%; margin:0 auto; }
.ch181111_close { z-index:1000; position:absolute; top:50px; right:50px; width:47px; height:47px; background:url(/images/event/charge_ppr2018/pop_close_btn.png) no-repeat; cursor:pointer; }
.blackbg_ch181111 { position:relative; width:520px; height:520px; margin:150px auto 0; background:url(/images/event/charge_ppr2018/charge_ppr2018.png) no-repeat; cursor:pointer; }
/* 제주도1903 */
.blackbg_jeju1903_layer { clear:both; position:absolute; top:0; left:0; z-index:999; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; background:url('/images/popup/bg_gra.png') repeat; }
.blackbg_jeju1903_wrap { position:relative; width:554px; height:100%; margin:0 auto; }
.blackbg_jeju1903_wrap .jeju1903_close { width:47px; height:47px; background:url(/images/event/jeju1903/popup_jeju1903_close.png) no-repeat; background-size:100%; cursor:pointer; z-index:1000; position:absolute; top:30px; right:50px; }
.blackbg_jeju1903_wrap .blackbg_jeju1903 { position:relative; width:554px; height:503px; margin:150px auto 0; background:url(/images/event/jeju1903/popup_charge_jeju1903.png) no-repeat; cursor:pointer; }
/* 럭키데이 1905 */
.blackbg_1905_layer { clear:both; position:absolute; top:0; left:0; z-index:999; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; background:url('/images/popup/bg_gra.png') repeat; }
.blackbg_1905_wrap { position:relative; width:573px; height:100%; margin:0 auto; }
.blackbg_1905_wrap .evt1905_close { width:52px; height:52px; background:url(/images/event/evt1905/popup_close.png) no-repeat; background-size:100%; cursor:pointer; z-index:1000; position:absolute; top:30px; right:50px; }
.blackbg_1905_wrap .blackbg_evt1905{ position:relative; width:573px; height:531px; margin:150px auto 0; background:url(/images/event/evt1905/popup_evt1905.png) no-repeat; cursor:pointer; }
/* 여름방학 1907 */
.blackbg_1907_layer { clear:both; position:absolute; top:0; left:0; z-index:999; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; background:url('/images/popup/bg_gra.png') repeat; }
.blackbg_1907_wrap { position:relative; width:560px; height:100%; margin:0 auto; }
.blackbg_1907_wrap .evt1907_close { width:52px; height:52px; background:url(/images/popup/popup_close_n.png) no-repeat; background-size:100%; cursor:pointer; z-index:1000; position:absolute; top:90px; right:60px; }
.blackbg_1907_wrap .blackbg_evt1907 { position:relative; width:560px; height:560px; margin:150px auto 0; background:url(/images/popup/popup_charge_1907_me.png) no-repeat; cursor:pointer; }
/* 설날 복주머니 레이어 201802 */
.blackbg_ch1802_layer {clear:both; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; position:absolute; top:0; left:0;z-index:9999;background:url('/images/popup/bg_gra.png') repeat;}
.blackbg_ch1802 { width:450px; height:400px; margin:0 auto; text-align:center; margin-top:250px; position:relative; }
.blackbg_ch1802 .ch1802_close { width:47px; height:47px; background:url(/images/event/charge_201802/pop1802_btn.png) no-repeat; position:absolute; top:100px; right:50px;cursor:pointer; z-index:1000;}
.blackbg_ch1802 .ch1802_img_open { width:450px; height:400px; margin:0 auto; background:url(/images/event/charge_201802/pop1802_on.png) no-repeat; position:relative; }
.blackbg_ch1802 .ch1802_img_open li { list-style:none}
.blackbg_ch1802 .ch1802_img_off { width:450px; height:400px; margin:0 auto; background:url(/images/event/charge_201802/pop1802_offm.png) no-repeat; position:relative; cursor:pointer}
.blackbg_ch1802 .ch1802_img_off li { list-style:none}
.blackbg_ch1802 .ch1802_info_open {width:100%; margin:0 auto; text-align:center;position:absolute; top:210px; color:#ffea00; font-size:1.5em; font-weight:bold; letter-spacing:-1px;font-family:Verdana, Geneva, sans-serif; }
.blackbg_ch1802 .ch1802_info_off {width:100%; margin:0 auto; text-align:center;position:absolute; top:190px; color:#ffea00; font-size:1.2em; font-weight:bold; letter-spacing:-1px;font-family:Verdana, Geneva, sans-serif; }
.blackbg_ch1802 .ch1802_txt { margin:0 auto; text-align:center;position:absolute; top:260px; right:70px; color:#f11714; font-size:2em; font-weight:bold; letter-spacing:-1px;font-family:Verdana, Geneva, sans-serif; }
/* 수험생 정액권 레이어 20181115 */
.blackbg_su181115_layer { clear:both; position:absolute; top:0; left:0; z-index:999; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; background:url(/images/popup/bg_gra.png) repeat; }
.blackbg_su181115_wrap { position:relative; width:684px; height:486px; margin:0 auto; }
.blackbg_su181115_wrap .blackbg_su181115 { position:relative; width:684px; height:486px; background:url(/images/event/su181115/popup_181115su.png) no-repeat; cursor:pointer; }
.blackbg_su181115_wrap .su181115_close { z-index:1000; position:absolute; top:160px; right:70px; width:54px; height:54px; background:url(/images/event/su181115/popup_layerx.png) no-repeat; cursor:pointer; }
/*제주도 이벤트 레이어 */
.popup_jeju1804_layer {clear:both; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; position:absolute; top:0; left:0;z-index:9999;background:url('/images/popup/bg_gra.png') repeat;}
.popup_jeju1804 { width:554px; height:485px; margin:0 auto; margin-top:250px; position:relative;cursor:pointer}
.popup_jeju1804 .btn_jeju1804x { width:70px; height:70px; background:url('../images/event/jeju1804/popup_charge_jeju1804x.png') no-repeat; position:absolute; top:50px; right:60px; z-index:1000; cursor:pointer}
.popup_jeju1804 .jeju1804_img { width:100%; height:485px;background:url('../images/event/jeju1804/popup_charge_jeju1804.png') no-repeat; position:absolute; top:00px; right:00px; z-index:500; cursor:pointer; }
/* 월드컵 이벤트 레이어 */
.popup_180622_layer {clear:both; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; position:absolute; top:0; left:0;z-index:9999;background:url('/images/popup/bg_gra.png') repeat;}
.popup_180622 { width:554px; height:485px; margin:0 auto; margin-top:250px; position:relative;cursor:pointer}
.popup_180622 .btn_180622x { width:70px; height:70px; background:url('../images/popup/popup_layerx.png') no-repeat; position:absolute; top:50px; right:60px; z-index:1000; cursor:pointer}
.popup_180622 .world180622_img { width:100%; height:485px;background:url('../images/popup/popup_charge_180622n.png') no-repeat; position:absolute; top:00px; right:00px; z-index:500; cursor:pointer; }
/*날개배너 */
#header_wrap .quick_layer {width:1018px; min-width:1000px; margin:0 auto; position:relative; }
#header_wrap .quick_layer .quick_menu { height:230px; width:90px; position:absolute; top:30%; right:-100px; text-align: left; padding: 0px; z-index:100;}
#header_wrap .quick_layer .quick_menu .banner_quick {width:90px; height:auto; background-color:#ffffff; position:absolute; right:0px; top:220px; }
.banner_quick .quick_bg {width:65px; height:auto; position:relative; -webkit-border-radius: 50px;-moz-border-radius: 50px; border-radius:50px;}
.banner_quick .quick_bg .banner_quick_top {width:65px; height:72px; background:url(/images/banner/quick1_top.png) 0px 0px no-repeat; position:absolute; top:-72px}
.banner_quick .quick_bg .banner_quick_q1 {width:65px; height:64px; background:url(/images/banner/quick1_01.png) no-repeat; background-position:0px 0px ;border-bottom:1px #dddddd solid; cursor:pointer;}
.banner_quick .quick_bg .banner_quick_q1:hover {width:65px; height:64px; background:url(/images/banner/quick1_01.png) no-repeat; background-position:-70px 0px ;border-bottom:1px #dddddd solid; }
.banner_quick .quick_bg .banner_quick_q1.on {width:65px; height:64px; background:url(/images/banner/quick1_01.png) no-repeat; background-position:-70px 0px ;border-bottom:1px #dddddd solid; }
.banner_quick .quick_bg .banner_quick_q2 {width:65px; height:64px; background:url(/images/banner/quick1_02.png) no-repeat; background-position:0px 0px; border-bottom:1px #dddddd solid;cursor:pointer;}
.banner_quick .quick_bg .banner_quick_q2:hover{width:65px; height:64px; background:url(/images/banner/quick1_02.png) no-repeat; background-position:-70px 0px ;border-bottom:1px #dddddd solid; }
.banner_quick .quick_bg .banner_quick_q2.on {width:65px; height:64px; background:url(/images/banner/quick1_02.png) no-repeat; background-position:-70px 0px ;border-bottom:1px #dddddd solid; }
.banner_quick .quick_bg .banner_quick_q3 {width:65px; height:64px; background:url(/images/banner/quick1_03.png?ver=210623183642) no-repeat; background-position:0px 0px; border-bottom:1px #dddddd solid;cursor:pointer;}
.banner_quick .quick_bg .banner_quick_q3:hover {width:65px; height:64px; background:url(/images/banner/quick1_03.png) no-repeat; background-position:-70px 0px ; border-bottom:1px #dddddd solid;}
.banner_quick .quick_bg .banner_quick_q3.on {width:65px; height:64px; background:url(/images/banner/quick1_03.png) no-repeat; background-position:-70px 0px ; border-bottom:1px #dddddd solid;}
.banner_quick .quick_bg .banner_quick_q4 {width:65px; height:64px; background:url(/images/banner/quick1_04.png) no-repeat; background-position:0px 0px; border-bottom:1px #dddddd solid;cursor:pointer;}
.banner_quick .quick_bg .banner_quick_q4:hover {width:65px; height:64px; background:url(/images/banner/quick1_04.png) no-repeat; background-position:-70px 0px; border-bottom:1px #dddddd solid;}
.banner_quick .quick_bg .banner_quick_q4.on {width:65px; height:64px; background:url(/images/banner/quick1_04.png) no-repeat; background-position:-70px 0px; border-bottom:1px #dddddd solid;}
.banner_quick .quick_bg .banner_quick_q5 {width:65px; height:64px; background:url(/images/banner/quick1_05.png) no-repeat; background-position:0px 0px; border-bottom:1px #dddddd solid;cursor:pointer;}
.banner_quick .quick_bg .banner_quick_q5:hover {width:65px; height:64px; background:url(/images/banner/quick1_05.png) no-repeat; background-position:-70px 0px; border-bottom:1px #dddddd solid;}
.banner_quick .quick_bg .banner_quick_q5.on {width:65px; height:64px; background:url(/images/banner/quick1_05.png) no-repeat; background-position:-70px 0px; border-bottom:1px #dddddd solid;}
.banner_quick .quick_bg .banner_quick_q6 {width:65px; height:64px; background:url(/images/banner/quick1_06nn.png) no-repeat; background-position:0px 0px; border-bottom:1px #dddddd solid;cursor:pointer;}
.banner_quick .quick_bg .banner_quick_q6:hover {width:65px; height:64px; background:url(/images/banner/quick1_06nn.png) no-repeat; background-position:-70px 0px; border-bottom:1px #dddddd solid;}
.banner_quick .quick_bg .banner_quick_q6.on {width:65px; height:64px; background:url(/images/banner/quick1_06nn.png) no-repeat; background-position:-70px 0px; border-bottom:1px #dddddd solid;}
/*날개배너 이벤트*/
.banner_quick .quick_bg .banner_quick_q7 {width:65px; height:64px; background:url(/images/banner/quick1_03n.png) no-repeat; background-position:0px 0px; border-bottom:1px #dddddd solid;cursor:pointer;}
.banner_quick .quick_bg .banner_quick_q7:hover {width:65px; height:64px; background:url(/images/banner/quick1_03n.png) no-repeat; background-position:-70px 0px ; border-bottom:1px #dddddd solid;}
.banner_quick .quick_bg .banner_quick_q7.on {width:65px; height:64px; background:url(/images/banner/quick1_03n.png) no-repeat; background-position:-70px 0px ; border-bottom:1px #dddddd solid;}
.banner_quick .quick_bg .banner_quick_q8 {width:65px; height:64px; background:url(/images/banner/quick1_08new.png) no-repeat; background-position:0px 0px; border-bottom:1px #dddddd solid;cursor:pointer;}
.banner_quick .quick_bg .banner_quick_q8:hover {width:65px; height:64px; background:url(/images/banner/quick1_08new.png) no-repeat; background-position:-70px 0px ; border-bottom:1px #dddddd solid;}
.banner_quick .quick_bg .banner_quick_q8.on {width:65px; height:64px; background:url(/images/banner/quick1_08new.png) no-repeat; background-position:-70px 0px ; border-bottom:1px #dddddd solid;}
/* .banner_quick .quick_bg .banner_quick_q9{width:65px; height:76px; background:url(/images/banner/quick1_09.png) no-repeat; background-position:0px 0px; border-bottom:0px #dddddd solid;cursor:pointer;}
.banner_quick .quick_bg .banner_quick_q9:hover {width:65px; height:76px; background:url(/images/banner/quick1_09.png) no-repeat; background-position:-70px 0px ; border-bottom:0px #dddddd solid;}
.banner_quick .quick_bg .banner_quick_q9.on {width:65px; height:76px; background:url(/images/banner/quick1_09.png) no-repeat; background-position:-70px 0px ; border-bottom:0px #dddddd solid;} */
.banner_quick .quick_bg .banner_quick_q9_new {width:65px; height:64px; background:url(/images/banner/quick1_09_new.png) no-repeat; background-position:0px 0px; border-bottom:1px #dddddd solid;cursor:pointer;}
.banner_quick .quick_bg .banner_quick_q9_new:hover {width:65px; height:64px; background:url(/images/banner/quick1_09_new.png) no-repeat; background-position:-70px 0px ; border-bottom:1px #dddddd solid;}
.banner_quick .quick_bg .banner_quick_q9_new.on {width:65px; height:64px; background:url(/images/banner/quick1_09_new.png) no-repeat; background-position:-70px 0px ; border-bottom:1px #dddddd solid;}
.banner_quick .quick_bg .banner_quick_q10{width:65px; height:84px; background:url(/images/banner/quick1_10.png) no-repeat; background-position:0px 0px; border-bottom:0px #dddddd solid;cursor:pointer;}
.banner_quick .quick_bg .banner_quick_q10:hover {width:65px; height:84px; background:url(/images/banner/quick1_10.png) no-repeat; background-position:-70px 0px ; border-bottom:0px #dddddd solid;}
.banner_quick .quick_bg .banner_quick_q10.on {width:65px; height:84px; background:url(/images/banner/quick1_10.png) no-repeat; background-position:-70px 0px ; border-bottom:0px #dddddd solid;}
.banner_quick .quick_bg .banner_quick_bot {width:80px; height:61px; background:url(/images/banner/banner_quick_bg_bot.png) no-repeat; background-position:1px 0px;border-bottom:1px #dddddd solid; cursor:pointer;}
.banner_quick .quick_bg .banner_quick_bot:hover {width:80px; height:61px; background:url(/images/banner/banner_quick_bg_bot.png) no-repeat; background-position:-99px 0px;border-bottom:1px #dddddd solid;}
.banner_quick .quick_bg .banner_quick_bot.on {width:80px; height:61px; background:url(/images/banner/banner_quick_bg_bot.png) no-repeat; background-position:-99px 0px;border-bottom:1px #dddddd solid;}
#header_wrap .quick_layer .quick_tree { width:88px; height:128px; position:absolute; top:445px; right:-100px; text-align: left; padding: 0px; }
#header_wrap .quick_layer .quick_tree li {list-style:none}
#header_wrap .quick_layer .quick_tree .quick_tree_img {width:85px; height:128px; background:url(/images/banner/quick_tree.gif ) no-repeat; cursor:pointer; }
/*날개배너 투데이몰*/
#header_wrap .quick_layer .banner_quick_2daymall {width:70px; height:155px; background:url(../images/banner/banner_quick_2dm_me.jpg) no-repeat; position:absolute; right:-77px; top:690px; cursor:pointer; }
/*날개배너 좌측*/
#header_wrap .quick_layer {width:1018px; min-width:1000px; margin:0 auto; position:relative; }
#header_wrap .quick_layer .quick_menu_L { height:260px; width:90px; position:absolute; top:0%; left:-100px; text-align: left; padding: 0px; }
.quick_menu_L .banner_quick_L{width:90px; height:auto;position:absolute; left:0px; top:162px; }
.quick_menu_L .banner_quickL_app {width:90px; height:261px; background:url(../images/banner/banner_quick_app_1208.png) repeat-y; cursor:pointer;}
.quick_menu_L .banner_quickL_app2 {width:90px; height:191px; background:url(../images/banner/banner_quick_app.png) no-repeat; cursor:pointer;}
/* .quick_menu_L .banner_quickL_appdown {width:90px; height:191px; background:url(../images/banner/banner_quick_appdown.png) no-repeat; cursor:pointer;} */
.quick_menu_L .banner_quickL_appdown {width:90px; height:220px; background:url(../images/banner/banner_quick_appdown2022.png) no-repeat; cursor:pointer;}
.quick_menu_L .banner_quickL_mobile {width:90px; height:220px; background:url(../images/banner/banner_quick_mome3.png) no-repeat; cursor:pointer;}
.quick_menu_L .banner_quickL_ad181130 {width:75px; height:100px; margin:0 auto; background:url(../images/banner/banner_quick_ad181130n.png) no-repeat; cursor:pointer; }
.quick_menu_L .banner_quickL_smartup { width:90px; height:212px; background:url(../images/banner/banner_quick_smartup.png) no-repeat; cursor:pointer; }
.quick_menu_L .banner_quickKL_new_app { width:90px; height:212px; background:url(../images/banner/pc_main_quickKL_93x210.gif) no-repeat; cursor:pointer; }
.quick_menu_L .wingLeftItem { width:90px; height:220px; cursor:pointer; }
.quick_menu_L .wingLeftItem img{display: block; width: 100%; box-sizing: border-box;}
.quick_menu_L .pagerArea{top: 230px;}
.quick_menu_L .pagerArea>span{display: inline-block;vertical-align: middle;width: 14px;height: 18px;font: inherit;font-size: 28px;text-align: center !important;text-indent: 3px;color: #abb1be;margin: 0 !important;padding: 0 !important;box-sizing: border-box !important;}
.quick_menu_L .pagerArea> span.cycle-pager-active { color: #444; }
/* 2024.07.04 맥일경우 인디케이터 커스텀 */
.quick_menu_L.mac-os .pagerArea>span{text-indent: -4px;}
/*날개배너 좌측 n번*/
.quick_menu_L .banner_quickL_n200402 {width:90px; height:105px; margin:0 auto; background:url(../images/popup/icon_ntno.png) no-repeat; cursor:pointer; }
/*날개배너 2021 한국고객만족도1위*/
.quick_menu_L .banner_quickL_2021emblem{ width:90px; height:164px; background:url(/images/img_medal_90x164.png) no-repeat; cursor:pointer; }
/*날개배너 좌측 롤링영역*/
.wingLeft_slideList { position:relative; width:100%; height:230px; padding-bottom:11px; overflow:hidden; }
.wingLeft_slideList > li { position:absolute; left:0; top:0; }
/*날개배너 좌측 핫영화*/
#header_wrap .quick_evt { height:100%; width:151px; position:absolute; top:0px; left:730px; text-align: left; padding-top:0px; z-index:500}
#header_wrap .quick_evt .quick_evt_banenr {width:151px; height:100%; position:fixed; top:55%; }
#header_wrap .quick_evt_banenr .banner_evtimg {width:151px; height:122px; background:url(../images/banner/banner_quick_evt_170202.png) no-repeat; cursor:pointer; position:relative ;}
#header_wrap .quick_evt_banenr .banner_evtx {width:22px; height:22px; background:url(../images/popup/banner_quick_evtx.png) no-repeat; cursor:pointer; position:absolute; right:5px; top:0px; z-index:100}
/*플로팅 배너 이벤트 */
#header_wrap .quick_evt2 { height:100%; width:124px; position:absolute; top:0px; left:730px; text-align: left; padding-top:0px; z-index:500}
#header_wrap .quick_evt2 .quick_evt_banenr2 {width:124px; height:100%; position:fixed; top:55%; }
#header_wrap .quick_evt_banenr2 .banner_evtimg {width:124px; height:104px; background:url(/images/banner/banner_float_01.png) no-repeat; cursor:pointer; position:relative ;}
#header_wrap .quick_evt_banenr2 .banner_evtx {width:22px; height:22px; background:url(/images/popup/banner_quick_evtx.png) no-repeat; cursor:pointer; position:absolute; right:5px; top:0px; z-index:100}
/*서치박스 */
#header_wrap .top .search {float:left;width:400px;height:90px; margin-top:5px; margin:0 auto;}
#header_wrap .top .search .cMenu_sh { margin-left:50px; height:19px; margin-bottom:5px;}
/* #header_wrap .top .search .cMenu_sh li { float:left; height:19px;cursor:pointer } */
#header_wrap .top .search .cMenu_sh li { float:left; height:19px; line-height:19px; cursor:pointer; padding:0px 10px;}
#header_wrap .top .search .cMenu_sh li span {font-size:14px; color:#5c6879;font-family:"맑은 고딕", "Malgun Gothic", Dotum, sans-serif;font-weight:bold;}
#header_wrap .top .search .cMenu_sh li span:hover {color:#000000;}
#header_wrap .top .search .cMenu_sh .adt_on { width:50px;height:18px; background:url(/images/icon/icon_adtonoff.png) no-repeat ; background-position:bottom; padding:0px 9px;}
#header_wrap .top .search .cMenu_sh .adt_off { width:50px;height:18px; background:url(/images/icon/icon_adtonoff.png) no-repeat ;background-position:top; padding:0px 9px;}
#header_wrap .top .search .cMenu_sh .m1 { padding:0px 10px;}
#header_wrap .top .search .cMenu_sh .m2 { background:url(/images/main/line.gif) no-repeat 0px 0px; padding:5px 10px;}
#header_wrap .top .search .cMenu_sh .m3 { background:url(/images/main/line.gif) no-repeat 0px 0px; padding:5px 10px;}
#header_wrap .top .search .cMenu_sh .m4 { background:url(/images/main/line.gif) no-repeat 0px 0px; padding:5px 10px;}
#header_wrap .top .search .cMenu_sh .m5 { background:url(/images/main/line.gif) no-repeat 0px 0px; padding:5px 10px;}
#header_wrap .top .search .cMenu_sh .m6 { background:url(/images/main/line.gif) no-repeat 0px 0px; padding:5px 10px;}
/* 2024.07.18 상단바 수정 */
/* #header_wrap .top .search .searchBox { clear:both; width:100%; height:40px; background-color:#6a92d5; margin-top:5px; margin:0 auto; text-align:center; position:relative;}
#header_wrap .top .search .searchBox li {float:left;height:30px; margin:0 auto; margin-top:5px;margin-left:0px;}
#header_wrap .top .search .searchBox li.sh_le {width:100px;height:30px; background:#ffffff; margin-left:5px; }
#header_wrap .top .search .searchBox li.sh_le .inupt_select { width:100px;height:27px; color:#666; border:#FFFFFF 1px solid; margin-top:3px;}
#header_wrap .top .search .searchBox li.sh_ce {width:230px;height:30px; background:#FFFFFF;}
#header_wrap .top .search .searchBox li.sh_ce .inupt_sh{ width:95%;height:28px; background-color:#fff; color:#666; border:#FFFFFF 1px solid}
#header_wrap .top .search .searchBox li.sh_ri { width:50px; height:30px; background:url(/images/main/btn_top_sh.jpg) no-repeat; padding:3px 0px; }
#header_wrap .top .banner_top_rig { float:right; width:220px; height:74px;} */
#header_wrap .top .search .searchBox { clear:both; width:100%; height:40px; box-sizing: border-box; border: 1.5px solid #6a92d5; border-radius: 9999px; margin-top:5px; margin:0 auto; text-align:center; position:relative; -webkit-border-radius: 9999px; -moz-border-radius: 9999px; -ms-border-radius: 9999px; -o-border-radius: 9999px; }
#header_wrap .top .search .searchBox li {float:left; margin:0 auto;}
#header_wrap .top .search .searchBox li.sh_le { width:90px; height:30px; background:#ffffff; margin-left:5px; border-radius: 999px; -webkit-border-radius: 999px; -moz-border-radius: 999px; -ms-border-radius: 999px; -o-border-radius: 999px; }
#header_wrap .top .search .searchBox li.sh_le .inupt_select { width:100px;height:27px; color:#666; border:#FFFFFF 1px solid; margin-top:3px;}
#header_wrap .top .search .searchBox li.sh_ce {width:250px;height:30px; background:#FFFFFF; padding-top: 4px;}
#header_wrap .top .search .searchBox li.sh_ce .inupt_sh{width:100%;height:28px;padding-left:6px; box-sizing:border-box; background-color:#fff; color:#666; border:#FFFFFF 1px solid; outline: none;}
/* #header_wrap .top .search .searchBox li.sh_ri { width:50px; height:30px; background:url(/images/main/btn_top_sh.jpg) no-repeat; padding:3px 0px; } */
#header_wrap .top .search .searchBox li.sh_ri { width:24px; height:24px; background:url("/images/icon/icon_search_m2.png") no-repeat center center; position: absolute; top: 7px; right: 16px;}
#header_wrap .top .banner_top_rig { float:right; width:220px; height:74px;}
#header_wrap .top .search .searchBox.change-border{ border-radius:9999px 9999px 9999px 0px ; -webkit-border-radius:9999px 9999px 9999px 0px ; -moz-border-radius:9999px 9999px 9999px 0px ; -ms-border-radius:9999px 9999px 9999px 0px ; -o-border-radius:9999px 9999px 9999px 0px ; }
#header_wrap .top .search .searchBox li.sh_le .sc_n{ float:left; margin:0; width:80px;}
#header_wrap .top .search .searchBox li.sh_le .sc_n .category_m{text-align:left; width:80px;}
/* 2024.07.18 상단바 수정 */
/* #header_wrap .top .search .searchBox li.sh_le .sc_n td{text-align:left;} */
#header_wrap .top .search .searchBox li.sh_le .sc_n td{text-align:left;}
#Link {display:inline;z-index:2;}
#header_wrap .top .search .searchBox .selectlayer{text-align:left; font-size:11px;display:block;position:relative; height:18px; border:0; cursor:pointer; z-index:999;}
#header_wrap .top .search .searchBox .selectlayer *{-webkit-user-drag: none;}
#header_wrap .top .search .searchBox .selectlayer .pdefault {display:inline-block; width:80px; position:absolute; top:6px; -webkit-user-drag: none;}
#header_wrap .top .search .searchBox .selectlayer .pdefault *{-webkit-user-drag: none;}
/* 2024.07.18 상단바 수정 */
/* #header_wrap .selectlayer #ulLayer {width:80px; border-left:3px solid #6a92d5; border-right:3px solid #6a92d5;border-bottom:3px solid #6a92d5;position:absolute; top:30px;}
#header_wrap .selectlayer #ulLayer li{display:inline-block; height:17px; line-height:17px; color:#666566; font-family:"돋움";font-size:11px;text-decoration:none;}
#header_wrap .selectlayer #ulLayer li:hover {background-color:#f4f4f4;color:#141517;text-decoration:none;} */
#header_wrap .selectlayer .pdeulLayer { width:88px; box-sizing: border-box; padding-top: 4px; top:38px; border-top: none !important; border-left:1.5px solid #6a92d5; border-right:1.5px solid #6a92d5; border-bottom:1.5px solid #6a92d5; position:absolute; border-radius: 0px 0px 12px 12px; -webkit-border-radius: 0px 0px 12px 12px; -moz-border-radius: 0px 0px 12px 12px; -ms-border-radius: 0px 0px 12px 12px; -o-border-radius: 0px 0px 12px 12px; }
#header_wrap .selectlayer .pdeulLayer li{display:inline-block;color:#333; font-family:"돋움";font-size:11px;text-decoration:none;}
#header_wrap .selectlayer .pdeulLayer li:last-of-type{ box-sizing: border-box; padding-bottom: 8px; border-radius:0px 0px 12px 12px ; -webkit-border-radius:0px 0px 12px 12px ; -moz-border-radius:0px 0px 12px 12px ; -ms-border-radius:0px 0px 12px 12px ; -o-border-radius:0px 0px 12px 12px ; }
#header_wrap .selectlayer .pdeulLayer li:hover {background-color:#E7EFFD;text-decoration:none;}
#header_wrap .top .search .hotsearch_keyword {width:100%; text-align:left; margin-top:5px; float:left;}
#header_wrap .top .search .hotsearch_keyword {width:100%; text-align:left; margin-top:5px;}
#header_wrap .top .search .hotsearch_keyword .keywords {display:inline-block}
#header_wrap .top .search .hotsearch_keyword .keywords li{float:left}
#header_wrap .top .search .hotsearch_keyword .keywords .item {height:16px;}
#header_wrap .top .search .hotsearch_keyword .left{float:left; font-size:11px; color:#bfbfbf; width:370px; overflow:hidden; height:16px;}
#header_wrap .top .search .hotsearch_keyword .right{float:left; width:30px; text-align:left;}
#header_wrap .top .search .hotsearch_keyword .left a{color:#6a6a6a;font-size:11px; margin:0 3px;}
#header_wrap .top .search .hotsearch_keyword .left a:hover{text-decoration:underline;}
#header_wrap .top .search .hotsearch_keyword .right a{display:inline-block; margin-top:2px;}
#header_wrap .top .search .hotsearch_keyword .right .btn_keyword_left_on{background:url(/images/moon/main/renew/btn_keyword_lefton.png) no-repeat; width:13px; height:13px;}
#header_wrap .top .search .hotsearch_keyword .right .btn_keyword_left_off{background:url(/images/moon/main/renew/btn_keyword_leftoff.png) no-repeat; width:13px; height:13px;}
#header_wrap .top .search .hotsearch_keyword .right .btn_keyword_right_on{background:url(/images/moon/main/renew/btn_keyword_righton.png) no-repeat; width:13px; height:13px;}
#header_wrap .top .search .hotsearch_keyword .right .btn_keyword_right_off{background:url(/images/moon/main/renew/btn_keyword_rightoff.png) no-repeat; width:13px; height:13px;}
/*메뉴 - 탑*/
#header_wrap .vmenu {width:100%; min-width:1018px; height:67px; background:url(/images/main/top_bg.jpg) repeat-x ;overflow:hidden;}
#header_wrap .vmenu .vmenuBox {width:1018px;min-width:1018px; height:70px;margin:0 auto;}
#header_wrap .vmenu .vmenuBox .topMenuBox {float:left;width:1050px;height:40px; position:relative; }
#header_wrap .vmenu .vmenuBox .topMenuBox li {float:left;height:40px; list-style:none; cursor:pointer}
#header_wrap .vmenu .vmenuBox .topMenuBox li span { display:none}
/*TOP100할인전 mainMenu_20201111 반값 mainMenu_190909.jpg*/
.topMenuBox .vmenuTop_TOP {width:105px; background:url(/images/main/mainMenu_20231006.png) no-repeat 0 -40px; }
.topMenuBox .vmenuTop_TOP:hover{width:105px; background-position:0px 0px}
.topMenuBox .vmenuTop_TOP.TOP_on {width:105px; background-position:0px 0px}
.topMenuBox .vmenuTop_MOB {width:57px;background:url(/images/main/mainMenu_20220923.jpg) no-repeat -154px -40px}
.topMenuBox .vmenuTop_MOB:hover {width:57px; background-position: -154px 0px}
.topMenuBox .vmenuTop_MOB.MOB_on {width:57px; background-position: -154px 0px}
.topMenuBox .vmenuTop_ALL {width:47px;background:url(/images/main/mainMenu_20220923.jpg) no-repeat -209px -40px}
.topMenuBox .vmenuTop_ALL:hover {width:47px; background-position: -209px 0px}
.topMenuBox .vmenuTop_ALL.ALL_on {width:47px; background-position: -209px 0px}
.topMenuBox .vmenuTop_MVO {width:47px;background:url(/images/main/mainMenu_20231006.png) no-repeat -256px -40px}
.topMenuBox .vmenuTop_MVO:hover {width:47px; background-position: -256px 0px}
.topMenuBox .vmenuTop_MVO.MVO_on{width:47px; background-position: -256px 0px}
.topMenuBox .vmenuTop_DRA {width:57px;background:url(/images/main/mainMenu_20231006.png) no-repeat -303px -40px }
.topMenuBox .vmenuTop_DRA:hover {width:57px; background-position: -303px 0px}
.topMenuBox .vmenuTop_DRA.DRA_on {width:57px; background-position: -303px 0px}
.topMenuBox .vmenuTop_MED {width:57px;background:url(/images/main/mainMenu_20231006.png) no-repeat -360px -40px }
.topMenuBox .vmenuTop_MED:hover {width:57px; background-position: -360px 0px}
.topMenuBox .vmenuTop_MED.MED_on{width:57px; background-position: -360px 0px}
.topMenuBox .vmenuTop_GME {width:47px;background:url(/images/main/mainMenu_20231006.png) no-repeat -417px -40px }
.topMenuBox .vmenuTop_GME:hover {width:47px; background-position: -417px 0px}
.topMenuBox .vmenuTop_GME.GME_on{width:47px; background-position: -417px 0px}
.topMenuBox .vmenuTop_ANI {width:47px;background:url(/images/main/mainMenu_20231006.png) no-repeat -464px -40px }
.topMenuBox .vmenuTop_ANI:hover {width:47px; background-position: -464px 0px}
.topMenuBox .vmenuTop_ANI.ANI_on{width:47px; background-position: -464px 0px}
.topMenuBox .vmenuTop_UTL {width:47px;background:url(/images/main/mainMenu_20231006.png) no-repeat -511px -40px}
.topMenuBox .vmenuTop_UTL:hover {width:47px; background-position: -511px 0px}
.topMenuBox .vmenuTop_UTL.UTL_on{width:47px; background-position: -511px 0px}
.topMenuBox .vmenuTop_CTN {width:47px;background:url(/images/main/mainMenu_20231006.png) no-repeat -558px -40px}
.topMenuBox .vmenuTop_CTN:hover {width:47px; background-position: -558px 0px}
.topMenuBox .vmenuTop_CTN.CTN_on{width:47px; background-position: -558px 0px}
.topMenuBox .vmenuTop_DOC {width:47px; background:url(/images/main/mainMenu_20231006.png) no-repeat -605px -40px}
.topMenuBox .vmenuTop_DOC:hover {width:47px; background-position: -605px 0px}
.topMenuBox .vmenuTop_DOC.DOC_on{width:47px; background-position: -605px 0px}
.topMenuBox .vmenuTop_EDU {width:47px;background:url(/images/main/mainMenu_20231006.png) no-repeat -652px -40px}
.topMenuBox .vmenuTop_EDU:hover {width:47px; background-position: -652px 0px}
.topMenuBox .vmenuTop_EDU.EDU_on {width:47px; background-position: -652px 0px}
.topMenuBox .vmenuTop_IMG {width:57px;background:url(/images/main/mainMenu_20231006.png) no-repeat -699px -40px}
.topMenuBox .vmenuTop_IMG:hover {width:57px; background-position:-699px 0px}
.topMenuBox .vmenuTop_IMG.IMG_on {width:57px;background-position: -699px 0px}
.topMenuBox .vmenuTop_PTB {width:69px;background:url(/images/main/mainMenu_20220923.jpg) no-repeat -985px -40px}
.topMenuBox .vmenuTop_PTB:hover {width:69px; background-position: -985px 0px}
.topMenuBox .vmenuTop_PTB.PTB_on{width:69px; background-position: -985px 0px}
.topMenuBox .vmenuTop_MUS {width:47px;background:url(/images/main/mainMenu_20220923.jpg) no-repeat -1052px -40px}
.topMenuBox .vmenuTop_MUS:hover {width:47px; background-position: -1052px 0px}
.topMenuBox .vmenuTop_MUS.MUS_on{width:47px; background-position: -1052px 0px}
.topMenuBox .vmenuTop_ETC {width:47px;background:url(/images/main/mainMenu_20231006.png) no-repeat -936px -40px}
.topMenuBox .vmenuTop_ETC:hover {width:47px; background-position: -936px 0px}
.topMenuBox .vmenuTop_ETC.ETC_on{width:47px; background-position: -936px 0px}
.topMenuBox .vmenuTop_REQ {width:69px; background:url(/images/main/mainMenu_20231006.png) no-repeat -983px -40px}
.topMenuBox .vmenuTop_REQ:hover {width:69px; background-position: -983px 0px}
.topMenuBox .vmenuTop_REQ.REQ_on{width:69px; background-position: -983px 0px}
.topMenuBox .vmenuTop_ADT {width:64px;background:url(/images/main/mainMenu_20231006.png) no-repeat -756px -40px}
.topMenuBox .vmenuTop_ADT:hover {width:64px; background-position: -756px 0px}
.topMenuBox .vmenuTop_ADT.ADT_on{width:64px; background-position: -756px 0px}
.topMenuBox .vmenuTop_CTV {width:43px;background:url(/images/main/mainMenu_20220923.jpg) no-repeat -1194px -40px}
.topMenuBox .vmenuTop_CTV:hover {width:43px; background-position: -1194px 0px}
.topMenuBox .vmenuTop_CTV.CTV_on{width:43px; background-position: -1194px 0px}
.topMenuBox .vmenuTop_PTV {width:68px;background:url(/images/main/mainMenu_20231006.png) no-repeat -1194px -40px}
.topMenuBox .vmenuTop_PTV:hover {width:68px; background-position: -1194px 0px}
.topMenuBox .vmenuTop_PTV.PTV_on{width:68px; background-position: -1194px 0px}
.topMenuBox .vmenuTop_WIP {width:77px;background:url(/images/main/mainMenu_20240417.png) no-repeat -1355px -40px}
.topMenuBox .vmenuTop_WIP:hover {width:77px; background-position: -1355px 0px}
.topMenuBox .vmenuTop_WIP.WIP_on{width:77px; background-position: -1355px 0px}
.topMenuBox .vmenuTop_PIC {width:45px;background:url(/images/main/mainMenu_20240417.png) no-repeat -1310px -40px}
.topMenuBox .vmenuTop_PIC:hover {width:45px; background-position: -1310px 0px}
.topMenuBox .vmenuTop_PIC.PIC_on{width:45px; background-position: -1310px 0px}
.topMenuBox .vmenuTop_TON {width:47px;background:url(/images/main/mainMenu_20240417.png) no-repeat -820px -40px}
.topMenuBox .vmenuTop_TON:hover {width:47px; background-position: -820px 0px}
.topMenuBox .vmenuTop_TON.TON_on{width:47px; background-position: -820px 0px}
.topMenuBox .vmenuTop_BOK {width:52px;background:url(/images/main/mainMenu_20240417.png) no-repeat -1142px -40px}
.topMenuBox .vmenuTop_BOK:hover {width:52px; background-position: -1142px 0px}
.topMenuBox .vmenuTop_BOK.BOK_on{width:52px; background-position: -1142px 0px}
.topMenuBox .vmenuTop_WGE {width:43px;background:url(/images/main/mainMenu_20220923.jpg) no-repeat -1099px -40px}
.topMenuBox .vmenuTop_WGE:hover {width:43px; background-position: -1099px 0px}
.topMenuBox .vmenuTop_WGE.WGE_on{width:43px; background-position: -1099px 0px}
/*메뉴 - 서브*/
#header_wrap .vmenu .vmenuBox .subMenuBox {clear:both;float:left;width:1000px;height:30px; line-height:30px; vertical-align:middle}
.subMenuBox div {display:none;}
.subMenuBox div a {display:inline-block;padding-left:17px;color:#fff;font-size:11px; background:url(/images/main/line2.gif) no-repeat 5px 10px;}
.subMenuBox div a:first-child { padding-left:0; }
.subMenuBox div a.first {background:url(/images/main/line2.gif) no-repeat 5px 100px;}
.subMenuBox div a:hover,.subMenuBox div *:hover {color:yellow;font-weight:bold}
.subMenuBox div *:hover{cursor: pointer;}
#header_wrap .vmenu .vmenuBox .subMenuBox { width:100%;text-align:left}
/* .subMenuBox #menu_TOP {padding-left:20px;} */
.subMenuBox #menu_TOP {padding-left:8px;}
.subMenuBox #menu_MOB {padding-left:117px;}
.subMenuBox #menu_ALL {padding-left:165px;}
/* .subMenuBox #menu_MVO {padding-left:118px;} */
.subMenuBox #menu_MVO {padding-left:89px;}
/* .subMenuBox #menu_DRA {padding-left:160px;} */
.subMenuBox #menu_DRA {padding-left:129px;}
/* .subMenuBox #menu_MED {padding-left:222px;} */
.subMenuBox #menu_MED {padding-left:182px;}
/* .subMenuBox #menu_GME {padding-left:280px;} */
.subMenuBox #menu_GME {padding-left:235px;}
/* .subMenuBox #menu_ANI {padding-left:325px;} */
.subMenuBox #menu_ANI {padding-left:275px;}
/* .subMenuBox #menu_UTL {padding-left:372px;} */
.subMenuBox #menu_UTL {padding-left:314px;}
/* .subMenuBox #menu_CTN {padding-left:420px;} */
.subMenuBox #menu_CTN {padding-left:355px;}
.subMenuBox #menu_MUS {padding-left:470px;}
/* .subMenuBox #menu_DOC {padding-left:468px;} */
.subMenuBox #menu_DOC {padding-left:420px;}
/* .subMenuBox #menu_EDU {padding-left:515px;} */
.subMenuBox #menu_EDU {padding-left:436px;}
/* .subMenuBox #menu_IMG {padding-left:560px;} */
.subMenuBox #menu_IMG {padding-left:510px;}
.subMenuBox #menu_ETC {padding-left:616px;}
/* .subMenuBox #menu_ADT {padding-left:682px;} */
.subMenuBox #menu_ADT {padding-left:590px;}
.subMenuBox #menu_CTV {padding-left:827px;}
.subMenuBox #menu_TON {padding-left:860px;}
.subMenuBox #menu_PTB {padding-left:740px;}
/* .subMenuBox #menu_REQ {padding-left:618px;} */
.subMenuBox #menu_REQ {padding-left:529px;}
/* .subMenuBox #menu_BOK {text-align:right; padding-right:30px;} */
/* .subMenuBox #menu_BOK {display: flex; justify-content: flex-end; align-items: center; text-align:right; padding-right:62px;} */
.subMenuBox #menu_BOK {display: flex; justify-content: flex-end; align-items: center; text-align:right; height: 30px;}
.subMenuBox .submenu_on{color:yellow;font-weight:bold}
/*### 본문-왼쪽 */
/*로그인*/
#container #leftarea .login_wrap { position: relative; width:201px; height:198px;border:1px solid #dddddd;background:#f8f8f8;}
.login_wrap table {width:180px; margin:0 auto;}
.login_wrap table span { font-size:11px; letter-spacing:-1px;color:#666;cursor:pointer}
.login_wrap table span:hover { color:#000}
.login_wrap .login_m {width:170px; height:20px; margin:0 auto; margin-top:10px;margin-bottom:10px;}
.login_wrap .login_m li {list-style:none;float:left; font-size:11px; letter-spacing:-1px;color:#666;}
.login_wrap .login_m .login_idsave {height:20px; line-height:20px; text-align:left; }
.login_wrap .login_m .login_find {float:right;height:20px; line-height:20px; text-align:right;}
.login_wrap .login_m .login_ck {width:13px; height:13px;margin:0 auto;}
.login_boxn {width:175px; height:55px; position:relative; margin:0 auto;}
.login_boxn li { list-style:none; }
.login_boxn .login_select{float:right;width:70px;height:26px;line-height:26px;background-color:#fff;border:#ccc 1px solid}
.login_boxn .input_login { float:left;width:100px; height:27px; line-height:26px; background-color:#FFF; border:#CCC 1px solid; text-indent:5px;ime-mode:disabled}
.login_boxn .input_login:focus { background-color:#f0f4e3; border:#81a412 1px solid }
.login_boxn .input_pass { float:left; width:100px;height:26px; line-height:26px; background-color:#FFF; border:#CCC 1px solid; text-indent:5px}
.login_boxn .input_pass:focus { background-color:#f0f4e3; border:#81a412 1px solid }
.login_boxn .btn_login { width:70px; height:26px; line-height:26px; position:absolute; top:29px; right:0px; background:url(/images/main/btn_login_bg.jpg) repeat-x; color:#FFFFFF; font-weight:bold; border:#707582 1px solid; text-align:center; cursor:pointer }
/* .login_tit_img { width:100%; height:50px; background:url(/images/main/main_tit_login.jpg) no-repeat; background-position:7px 20px;} */
/* 2024.07.01 이미지 텍스트로 변경 */
.login-title-word { display: flex; justify-content: flex-start; align-items: center; gap: 2px; width:100%; height:50px; background-color: transparent; color: #6e6e6e; box-sizing: border-box; padding: 0px 14px; font-size: 12px; letter-spacing: -0.5px;}
.login-title-word>b:last-of-type{ color: #fe7264;}
.login_btn_join { width:175px; height:37px; margin:0 auto; background:url(/images/main/btn_main_join_n.jpg) no-repeat; background-position:center; cursor:pointer;border:#2f5ba4 1px solid; margin-top:8px; }
.login_btn_join:hover{ width:175px; height:37px; margin:0 auto; background:url(/images/main/btn_main_join_over_n.jpg) no-repeat; background-position:center; cursor:pointer; border:#e1223b 1px solid;margin-top:8px; }
.login_wrap .site_tit_wrap {
margin-top: 5px;
}
.login_wrap .site_tit {
display: inline-block;
position: absolute;
top: 21px;
right: 3px;
z-index: 10;
padding: 1px 6px;
height: 18px;
line-height: 19px;
border-radius: 4px;
/*background-color: #2775f7;*/
font-size: 11px;
letter-spacing: -0.1em;
color: #fff;
font-weight: bold;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2775f7+0,26a0f2+100 */
background: rgb(39,117,247); /* Old browsers */
background: -moz-linear-gradient(left, rgb(39,117,247) 0%, rgb(38,160,242) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgb(39,117,247) 0%,rgb(38,160,242) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgb(39,117,247) 0%,rgb(38,160,242) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2775f7', endColorstr='#26a0f2',GradientType=1 ); /* IE6-9 */
animation: motion 0.3s linear 0s infinite alternate; margin-top: 0;
}
@keyframes motion {
0% { margin-top: 0;}
100% { margin-top: 5px;}
}
.login_wrap .site_tit:after {
display: inline-block;
content: '';
position: absolute;
bottom: -5px;
left: 0;
right: 0;
margin: 0 auto;
width: 0px;
height: 0px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #2775f7;
}
/*로그인후*/
.login_wrap_info {width:201px; /* max-height:225px; */ border:1px solid #dddddd;background:#f8f8f8; position:relative;}
.login_wrap_info .login_info_tit {width:100%; height:35px; margin:0 auto;text-align:left; border-bottom:#ccc 1px solid; }
.login_wrap_info .login_info_tit li { list-style:none; line-height:35px; }
.login_wrap_info .login_info_tit .name {width:115px; float:left; list-style:none; width:auto; margin:0 auto; }
.login_wrap_info .login_info_tit .mame_txt { float:left; padding-left:8px; width:115px; text-align:left;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:bold;}
.login_wrap_info .login_info_tit .memo { max-width:85px; list-style:none; float:right; padding-right:8px; letter-spacing:-1px; font-size:11px; }
.login_wrap_info .info_tb { width:100%; /* max-height:154px; */ padding:2px 0 32px; margin:0 auto; background-color:#fff; }
.login_wrap_info .info_tb table { width:100%; margin:0 auto; border-collapse:collapse; border-spacing:0; }
.login_wrap_info .info_tb table td { height:22px; font-size:12px }
.login_wrap_info .info_tb table .td_le { font-weight:bold; text-align:left; padding-left:8px; }
.login_wrap_info .info_tb table .td_ri { font-weight:bold; text-align:right; padding-right:8px; }
.login_wrap_info .login_menu {width:100%;margin:0 auto; text-align:center; border-top:#ccc 1px solid; position:absolute; bottom:0; background:#f8f8f8; }
.login_wrap_info .login_menu li{ list-style:none; color:#727987; cursor:pointer; line-height:28px; }
.login_wrap_info .login_menu li:hover { background-color:#efefef}
.login_wrap_info .login_menu .mymenu {float:left; width:55px; text-align:center; font-size:11px; border-right:#d9d9d9 1px solid; }
.login_wrap_info .login_menu .btn_logout {float:right;width:89px; text-align:center; font-size:11px; color:#727987; font-weight:bold }
/*왼쪽메뉴 시작*/
#leftarea .left_banner {width:201px; height:auto; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:1px solid #dddddd; background:#ffffff; margin-top:5px; }
#leftarea .left_banner li { list-style:none; height:60px; line-height:60px;cursor:pointer }
#leftarea .left_banner li:hover { background-position:1px 1px }
#leftarea .left_banner .btn_down { width:100%; height:50px; background:url(/images/main/btn_download.jpg) no-repeat; display:block;}
#leftarea .left_banner .left_menu_attend { width:100%; height:50px;background:url(/images/main/left_menu_attend.jpg) no-repeat; display:block;}
/*보험사 */
#leftarea .left_banner .left_menu_3000p { width:100%; height:50px;background:url(/images/main/left_menu_1006_3000b.jpg) no-repeat; display:block;}
#leftarea .left_banner .left_menu_6000p { width:100%; height:50px;background:url(/images/main/left_menu_1006_6000b.jpg) no-repeat; display:block;}
#leftarea .left_banner .left_menu_9000p { width:100%; height:50px;background:url(/images/main/left_menu_1006_9000b.jpg) no-repeat; display:block;}
#leftarea .left_banner .left_menu_charge { width:100%; height:50px; background:url(/images/main/main_left_menu_charge.jpg) no-repeat; display:block;}
#leftarea .left_banner .left_menu_flat { width:100%; height:50px; background:url(/images/main/main_left_flatn_20200703.jpg) no-repeat; display:block;}
#leftarea .left_banner .left_menu_free { width:100%; height:50px; background:url(/images/main/main_left_menu_free.jpg) no-repeat; display:block;}
#leftarea .left_banner .left_menu_ppk { width:100%; height:50px; background:url(/images/main/main_left_menu_ppk.jpg) no-repeat; display:block;}
#leftarea .left_banner .left_menu_ppkon { width:100%; height:50px; background:url(/images/main/left_menu_ppkon.jpg) no-repeat; display:block;}
#leftarea .left_banner .left_menu_okcsb { width:100%; height:50px; background:url(/images/main/main_left_ok_20201130.jpg) no-repeat; display:block;}
#leftarea .left_banner .left_menu_cardpoint { width:100%; height:50px; background:url(/images/main/main_left_cardpoint_20201130.jpg) no-repeat; display:block;}
/*회원별 충전배너 */
#leftarea .left_banner .left_m_event { width:100%; height:101px; background:url(/images/main/main_left_m_event.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; }
#leftarea .left_banner .left_m_normal { width:100%; height:101px; background:url(/images/main/main_left_m_normal.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; }
#leftarea .left_banner .left_m_first { width:100%; height:101px; background:url(/images/main/main_left_m_first_1907.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; }
#leftarea .left_banner .left_m_flat { width:100%; height:101px; background:url(/images/main/main_left_m_flat.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; }
#leftarea .left_banner .left_m_charge { width:100%; height:101px; background:url(/images/main/main_left_m_charge.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; }
#leftarea .left_banner .left_m_sleep { width:100%; height:101px; background:url(/images/main/main_left_m_sleep.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; }
#leftarea .left_banner .left_m_evt1802 { width:100%; height:101px; background:url(/images/main/main_left_m_charge_1802.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; }
#leftarea .left_banner .left_m_evt1804 { width:100%; height:101px; background:url(/images/main/main_left_m_charge_1804.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; }
#leftarea .left_banner .left_m_evt1806 { width:100%; height:101px; background:url(/images/main/main_left_m_charge_180622n.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; }
#leftarea .left_banner .left_m_evt1812 { width:100%; height:101px; background:url(/images/main/main_left_m_charge_1812.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; }
#leftarea .left_banner .left_m_evt1902 { width:100%; height:101px; background:url(/images/main/main_left_m_charge_1902n.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; }
#leftarea .left_banner .left_m_evt1903 { width:100%; height:101px; background:url(/images/main/main_left_m_charge_1903.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; }
#leftarea .left_banner .left_m_evt1907 { width:100%; height:101px; background:url(/images/main/main_left_m_charge_1907.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; }
#leftarea .left_banner .left_m_evt1909 { width:100%; height:101px; background:url(/images/main/main_left_m_chu2019_me2.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; }
#leftarea .left_banner .left_m_evt1911 { width:100%; height:101px; background:url(/images/main/main_left_m_charge1911_n.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; }
#leftarea .left_banner .left_m_evt1912 { width:100%; height:101px; background:url(/images/main/main_left_m_charge_xmas2019.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; }
#leftarea .left_banner .left_m_evt2001 { width:100%; height:101px; background:url(/images/main/main_left_m_charge_new2020.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; }
#leftarea .left_banner .left_m_evt2005 { width:100%; height:101px; background:url(/images/main/main_left_m_gift2005.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; }
/* 회원별 충전배너 리뉴얼 2020 */
#leftarea .left_banner .left_default { height:101px;}
#leftarea .left_banner .left_first { height:101px;}
#leftarea .left_banner .left_normal { height:101px;}
#leftarea .left_banner .left_first_new { height:101px;}
#leftarea .left_banner .left_normal_new { height:101px;}
#leftarea .left_banner .left_normal_hon { height:101px;}
/* BJ 이벤트 좌측 사각배너 */
#leftarea .left_banner .mafiatv_left { height:101px;}
#leftarea .left_banner .mafiatv_left2 { height:101px;}
#leftarea .left_banner .left_menu_adt { width:100%; height:57px; background:url(/images/main/banner_main_left_adt.jpg) no-repeat; background-position:center; display:block;border-top:#dddddd 1px solid; }
#leftarea .left_banner .left_menu_bot { width:100%; height:50px; background:url(/images/main/banner_main_left_botn.jpg) no-repeat; background-position:center; display:block;border-top:#dddddd 1px solid; border-bottom:#dddddd 1px solid; }
#leftarea .left_botline {border-bottom:#dddddd 1px solid;}
#leftarea .noti { clear:both; width:100%; height:130px; background:#ffffff; }
#leftarea .noti li { list-style:none; height:35px;}
#leftarea .noti .noti_le { width:50%; float:left; height:35px; line-height:35px; border-right:#ddd 1px solid; text-align:center; font-weight:bold;border-bottom:#ffffff 1px solid; margin-bottom:10px;}
#leftarea .noti .noti_ri { width:49%; float:right; height:35px; line-height:35px; text-align:center; color:#999;border-bottom:#dddddd 1px solid;background-color:#f9f9f9; margin-bottom:10px;}
#leftarea .noti .noti_list {clear:both; width:180px; text-align:left; margin:0 auto; height:18px;line-height:18px; font-size:11px; color:#999; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-top:5px;}
#leftarea .my_menu_list_toon { width:180px; text-align:left; line-height:20px; height:85px; font-size:11px; margin-left:0px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; cursor:pointer;}
#leftarea .my_menu_list_toon .toon_img { float:left; width:60px; height:80px; text-align:left; }
#leftarea .my_menu_list_toon .toon_txt1 { float:left; width:95px; text-align:left;line-height:20px; height:20px; letter-spacing:-.5px; font-size:11px; margin-left:5px; margin-top:10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
#leftarea .my_menu_list_toon .toon_txt2 { float:left; width:95px; text-align:left; line-height:20px; height:20px; color:#666; letter-spacing:-.5px; font-size:11px; margin-left:5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
/* 고객센터 로그인전 주말운영 안함 이미지 main_cs_img_151123.jpg */
#leftarea .cs_center { clear:both; width:100%; height:200px; background:url(/images/main/main_cs_img_center_20200619.jpg) 0px 0px no-repeat; }
#leftarea .cs_center li {list-style:none; float:left; background-color:#C33; margin-top:150px; margin-left:5px;}
#leftarea .cs_center .btn_1to1 { width:87px; height:30px; background:url(/images/main/main_cs_btn1_h30.jpg) no-repeat; display:block; border:#adadad 1px solid}
#leftarea .cs_center .btn_one { width:92px; height:30px; background:url(/images/main/main_cs_btn2_h30.jpg) no-repeat; display:block; border:#adadad 1px solid}
/* 고객센터 로그인후 주말운영 안함 이미지 main_cs_img_151123.jpg*/
#leftarea .cs_center_hu { clear:both; width:100%; height:200px; background:url(/images/main/main_cs_img_center_20200619.jpg) 0px 0px no-repeat; }
#leftarea .cs_center_hu li {list-style:none; float:left; background-color:#C33; margin-top:150px; margin-left:5px;}
#leftarea .cs_center_hu .btn_1to1 { width:87px; height:30px; background:url(/images/main/main_cs_btn1_h30.jpg) no-repeat; display:block; border:#adadad 1px solid}
#leftarea .cs_center_hu .btn_one { width:92px; height:30px; background:url(/images/main/main_cs_btn2_h30.jpg) no-repeat; display:block; border:#adadad 1px solid}
#leftarea .hig5 {width:100%; height:5px;margin:0 auto; }
#leftarea .left_evtzone {clear:both; background:#ffffff; border:1px solid #dddddd; }
#leftarea .left_evtzone ul { width:90%;margin-left:15px; margin-bottom:10px; padding-top:1px;}
#leftarea .left_evtzone li { display:block; }
#leftarea .left_evtzone .evtzone { text-align:left; line-height:20px; height:20px; font-weight:bold; font-size:12px ; border-bottom:#999 1px dotted; margin-bottom:10px;margin-top:10px; background:url(/images/main/icon_list.gif) no-repeat 0px 3px; padding-left:15px;}
#leftarea .left_evtzone .evtzone_list { width:170px; text-align:left; line-height:20px; height:20px; font-size:11px; margin-left:0px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
#leftarea .left_evtzone .evtzone_list .icon_new { text-align:center; line-height:20px; height:20px; font-size:.8em;background:#f40a0a; color:#ffffff; padding:1px 3px; font-weight:bold; letter-spacing:-.5px;}
#leftarea .left_evtzone .pton { background:#fff3f3; }
/*카테고리 top10 */
#leftarea .left_top10 {clear:both; width:100%; background:#ffffff; border:1px solid #dddddd; }
#leftarea .left_top10 ul { width:90%;margin-left:15px; margin-bottom:10px; padding-top:1px;}
#leftarea .left_top10 li { display:block; }
#leftarea .left_top10 .cat_top_tit { text-align:left; line-height:20px; height:20px; font-weight:bold; font-size:12px ; border-bottom:#999 1px dotted; margin-bottom:10px;margin-top:10px; background:url(/images/main/icon_list.gif) no-repeat 0px 3px; padding-left:15px;}
#leftarea .left_top10 .cat_top_list { width:170px; text-align:left; line-height:20px; height:20px; font-size:11px; margin-left:0px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; cursor:pointer }
#leftarea .left_top10 .rank_nom1 { width:15px;line-height:20px; height:20px; background:url(/images/main/icon_mno1.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;}
#leftarea .left_top10 .rank_nom2 { width:15px;line-height:20px; height:20px; background:url(/images/main/icon_mno2.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;}
#leftarea .left_top10 .rank_nom3 { width:15px;line-height:20px; height:20px; background:url(/images/main/icon_mno3.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;}
#leftarea .left_top10 .rank_nom4 { width:15px;line-height:20px; height:20px; background:url(/images/main/icon_mno4.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;}
#leftarea .left_top10 .rank_nom5 { width:15px;line-height:20px; height:20px; background:url(/images/main/icon_mno5.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;}
#leftarea .left_top10 .rank_nom6 { width:15px;line-height:20px; height:20px; background:url(/images/main/icon_mno6.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;}
#leftarea .left_top10 .rank_nom7 { width:15px;line-height:20px; height:20px; background:url(/images/main/icon_mno7.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;}
#leftarea .left_top10 .rank_nom8 { width:15px;line-height:20px; height:20px; background:url(/images/main/icon_mno8.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;}
#leftarea .left_top10 .rank_nom9 { width:15px;line-height:20px; height:20px; background:url(/images/main/icon_mno9.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;}
#leftarea .left_top10 .rank_nom10 { width:15px;line-height:20px; height:20px; background:url(/images/main/icon_mno10.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;}
/*좌 메뉴 배너타입 레이아웃 */
#leftarea .left_mypage_evt {clear:both; width:100%; background:#ffffff;border-top:#dddddd 1px solid; border-left:#dddddd 1px solid; border-right:#dddddd 1px solid;border-bottom:#dddddd 0px solid; position:relative;}
#leftarea .left_mypage_evt ul { width:100%;margin-left:0px; }
#leftarea .left_mypage_evt li {width:100%;height:70px; display:block; overflow:hidden; border-bottom:#dddddd 1px solid; cursor:pointer; }
#leftarea .left_mypage_evt li:hover { background-position:1px 1px }
/*###우측배너_죄측공용사용 ###*/
.hom_rig_banner1 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m01.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner2 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m02.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner3 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m03.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner4 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m04.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner5 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m05.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer;}
.hom_rig_banner6 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m06.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner7 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m07.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner8 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m08.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner9 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m09n.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner10 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m10.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner11 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m11.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner12 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m12.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner13 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m13.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner14 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m14.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner15 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m15.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner16 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m16.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner17 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m17.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner18 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m18n.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner19 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m19.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner20 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m20.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner21 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m21.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner22 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m22.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner23 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m23.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner24 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m24.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner25 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m25.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner26 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m26.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner27 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m27.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner28 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m28.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner29 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m29.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner30 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m30.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner31 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m31.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner32 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m32.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner33 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m33.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner34 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m34.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner35 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m35.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner36 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m36.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner37 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m37.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner38 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m38.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner39 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m39.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner39n { width:195px; height:70px; background:url(../images/main/banner_main_rig_m39n.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner40 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m40.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner41 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m41.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner42 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m42.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner43 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m43.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner44 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m44.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner45 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m45.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner46 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m46.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner47 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m47.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner48 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m48.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner49 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m49.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner50 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m50.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner51 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m51.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner52 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m52.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner53 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m53.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner54 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m54.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner55 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m55.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner56 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m56.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner57 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m57.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner58 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m58.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner62 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m62.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner63 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m63n.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner64 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m64.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner65 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m65.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner66 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m66.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner67 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m67.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner68 { width:195px; height:70px; background:url(../images/main/banner_main_rig_m68.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner69 { width:195px; height:70px; background:url(../images/main/main_right_jtbc_20200709.jpg) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner70 { width:195px; height:70px; background:url(../images/main/banner_main_rig_point_20201130.jpg) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner71 { width:195px; height:70px; background:url(../images/main/banner_main_rig_comment.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
/* 신규 다운로드 베스트 */
#centerarea .down_ctn { width:600px; height:200px; margin:0 auto; position:relative ; margin-top:20px;}
/* 2024.07.01 타이틀 이미지를 텍스트로 변경 */
.down_ctn .down_ctn_tit_mov, .down_ctn .down_ctn_tit_tv { display: flex; justify-content: space-between; align-items: center; width:100%; height:30px; line-height:30px; position:relative; border-bottom: 1px solid #ccc;}
.down_ctn .down_ctn_tit_mov>p, .down_ctn_tit_tv>p{color: #6a727e; font-size: 16px; letter-spacing: -0.5px;}
.down_ctn .down_ctn_tit_mov .down_ctn_rig { float:right; text-align:right; }
.down_ctn .down_ctn_tit_mov .down_ctn_rig li { list-style:none; padding:0px 10px; float:left; font-size:12px; background:url(/images/main/line2.gif) 0px 10px no-repeat; cursor:pointer; font-weight:bold; letter-spacing:-.5px }
.down_ctn .down_ctn_tit_mov .down_ctn_rig li:hover { border-bottom:#CC0000 2px solid; color:#CC0000}
.down_ctn .down_ctn_tit_mov .down_ctn_rig li.down_on { border-bottom:#CC0000 2px solid; color:#CC0000}
.down_ctn .down_ctn_tit_mov .down_ctn_rig li.bgno { background:url(/images/main/line2.gif) 0px 60px no-repeat;}
/* .down_ctn .down_ctn_tit_tv { width:100%; height:30px; line-height:30px;background:url(/images/main/title_tv.jpg) no-repeat; background-position:left; border-bottom:1px #CCC solid ;position:relative} */
.down_ctn .down_ctn_tit_tv>p {color:#0b0d2a;}
.down_ctn .down_ctn_tit_tv>p>strong+b { margin-left: 2px;}
.down_ctn .down_ctn_tit_tv>p strong{color: #6591d9;}
.down_ctn .down_ctn_tit_tv .tv_ctn_rig { float:right; text-align:right; }
.down_ctn .down_ctn_tit_tv .tv_ctn_rig li { list-style:none; padding:0px 10px; float:left; font-size:12px; background:url(/images/main/line2.gif) 0px 10px no-repeat; cursor:pointer; font-weight:bold; letter-spacing:-.5px }
.down_ctn .down_ctn_tit_tv .tv_ctn_rig li:hover { border-bottom:#CC0000 2px solid; color:#CC0000}
.down_ctn .down_ctn_tit_tv .tv_ctn_rig li.down_on { border-bottom:#CC0000 2px solid; color:#CC0000}
.down_ctn .down_ctn_tit_tv .tv_ctn_rig li.bgno { background:url(/images/main/line2.gif) 0px 60px no-repeat;}
#centerarea .down_ctn .sum_list{text-align:center; margin-top:10px; display:inline-block; }
#centerarea .down_ctn .sum_list li{float:left; display:inline-block; margin:0 5px 0 6px; text-align:center; }
#centerarea .down_ctn .sum_list li .thumb{position:relative;height:146px; width:106px;overflow:hidden;}
#centerarea .down_ctn .sum_list li .thumb .movieposter_img img{height:146px; width:106px;}
#centerarea .down_ctn .sum_list li .thumb .movieposter_img .ico_event_dc{position:absolute; background:url(/images/event/sale/ico_kbscont_rol_bg.png); width:106px; height:25px; margin-top:121px; font-size:12px; font-weight:bold; color:#fff; line-height:25px; text-align:center;}
#centerarea .down_ctn .sum_list li .thumb .thumb_dsc {height:146px; width:106px;background:url(/images/moon/tvschedule/cover.png); text-align:center; position:absolute; top:-146px; left:0; display:inline-block;}
#centerarea .down_ctn .sum_list li .thumb .thumb_dsc .coverlink{display:inline-block; position:absolute; height:146px; width:106px; left:0; text-decoration:none; cursor:pointer;}
#centerarea .down_ctn .sum_list li .thumb .thumb_dsc .t_dsc_mov{position:absolute; left:7px; width:92px; margin-top:89px; text-align:center;}
#centerarea .down_ctn .sum_list li .thumb .thumb_dsc .t_dsc_dra{position:absolute; left:7px; width:92px; margin-top:90px; text-align:center;}
#centerarea .down_ctn .sum_list li .thumb .thumb_dsc .t_dsc_mov .dsc1{font-size:11px; color:#f6e807; font-weight:bold; height:24px; line-height:24px; width:92px;text-overflow: ellipsis; overflow:hidden; white-space:nowrap; margin-bottom:5px; border-bottom:1px solid #fff;}
#centerarea .down_ctn .sum_list li .thumb .thumb_dsc .t_dsc_dra .dsc1{font-size:11px; color:#f6e807; font-weight:bold; height:24px; line-height:24px; width:92px;text-overflow: ellipsis; overflow:hidden; white-space:nowrap;}
#centerarea .down_ctn .sum_list li .thumb .thumb_dsc .t_dsc_dra .dsc2{font-size:11px; color:#fff; font-weight:bold; height:22px; line-height:20px; width:92px;text-overflow: ellipsis; overflow:hidden; white-space:nowrap; border-bottom:1px solid #fff; margin-bottom:3px;}
#centerarea .down_ctn .sum_list li .thumb .thumb_dsc .dsc2{font-size:11px; color:#fff; font-weight:bold; height:20px; line-height:20px; width:92px;text-overflow: ellipsis; overflow:hidden; white-space:nowrap;}
#centerarea .down_ctn .sum_list li .thumb .thumb_dsc .dsc3{font-size:11px; color:#fff; width:92px;display:block;text-overflow: ellipsis; overflow:hidden; white-space:nowrap;}
/* 중앙 신규 최신등록 자료
#centerarea .newcontents { width:600px; height:auto; margin:0 auto; position:relative ; }
.newcontents .hot_ctn_tit { width:100%; height:30px; line-height:30px;background:url(/images/main/title_hot.jpg) no-repeat; background-position:left; border-bottom:1px #CCC solid;position:relative; margin-top:15px;}
.newcontents .hot_ctn_tit .hot_ctn_rig {float:right; text-align:right;}
.newcontents .hot_ctn_tit .hot_ctn_rig li { list-style:none; padding:0px 10px; float:left; font-size:11px; background:url(/images/main/line2.gif) 0px 10px no-repeat; cursor:pointer; font-weight:bold; letter-spacing:-.5px }
.newcontents .hot_ctn_tit .hot_ctn_rig li:hover { border-bottom:#CC0000 2px solid; color:#CC0000}
.newcontents .hot_ctn_tit .hot_ctn_rig li.hot_on { border-bottom:#CC0000 2px solid; color:#CC0000}
.newcontents .hot_ctn_tit .hot_ctn_rig li.bgno { background:url(/images/main/line2.gif) 0px 60px no-repeat;}
.newcontents .nclist{width:593px;}
.newcontents .nclist li{float:left;}
.newcontents .nc_sum{width:160px; text-align:center;}
.newcontents .nc_sum div{margin-top:5px;}
.newcontents .nc_sum img{border:1px solid #c3c3c3; margin-bottom:3px;}
.newcontents .nc_sum span{background:#a1a1a1; font-size:12px; color:#fff;}
.newcontents .nc_list{width:578px; margin-top:3px; margin-left:15px;}
.newcontents .nc_list li{width:578px; text-align:left; height:30px; line-height:30px;background-color:#cccccc}
.nc_list .r_phone{background:url(/images/moon/main/renew/icon_phone.png) 0 -2px no-repeat; display:inline-block; width:11px; height:30px; float:left;}
.nc_list .g_phone{background:url(/images/moon/main/renew/icon_phone.png) 0 -28px no-repeat; display:inline-block; width:11px; height:30px; float:left;}
.nc_list li .genre{width:50px; position:absolute; font-size:11px; margin-left:515px;}
.nc_list li a{margin-left:5px; line-height:30px; height:30px; text-decoration:none; color:#777777; width:505px; overflow:hidden; position:absolute;}
.nc_list li a:hover{text-decoration:underline;}
li a.redfont{color:#e02c2c;}
*/
/*################################### 추가 css end ############################## */
/* 자료실 이미지 리스트 메뉴 시작 */
#iListBG{margin-bottom:0px;height:26px;clear:both;}
#iListBG, #iListBG li { background-image:url(/images/nnew/img_con.gif);background-repeat:no-repeat; }
#iListBG { background-position:0 0px;width:803px;height:26px;position:relative; }
#iListBG li {float:left;height:26px;}
#iListBG li.chkoff { width:30px; background-position: 0px 0px; }
#iListBG li.chkon { width:30px; background-position: 0px -28px; }
#iListBG li a {width:100%;height:100%;display:block;overflow:hidden;text-indent:-803em;}
/* 메인카테고리 */
#menu_left {width:195px; float:left; padding-top:13px;}
.main_cate { width:805px; float:left; padding: 9px 0px 0px 0px;text-align:left;}
.main_cate a { margin-left:-2px; display:inline-block; vertical-align:middle; padding:3px 11px 3px 11px; color:#000000; text-decoration:none; background:url(/images/img/menu_line.gif) no-repeat left center; font-weight:bold;}
.main_cate a:hover { text-decoration:none; color:#990000;}
.main_cate .first {position:relative; margin-left:0px; display:inline-block; vertical-align:middle; padding:3px 13px 3px 13px; color:#000000; text-decoration:none; background:url(/images/img/submenu_line.gif) no-repeat left center; font-weight:bold;}
/* 서브카테고리 */
#top_sub {width:1000px; margin: 0 auto;}
#sub_left {width:194px;height:24px;float:left; text-align:left; }
#sub_left a{width:188px;height:19px; background:url(/event/images/tom_cate_on.gif) no-repeat; padding:5 0 0 5px;color:#868686;font-size:11px;float:left;}
#sub_left a:hover{text-decoration:none;color:#333;}
.sub_ment {width:100%; height:30px; padding:0px; list-style:none;border-bottom:2px solid #d5d5d5;text-align:left;}
.sub_ment li {position:absolute;float:left;text-align:left; padding:7 5 5 19px; background:url(/images/img/sub_title_dot.gif) no-repeat 10 13px; font:normal 12px/1.5; vertical-align:top; text-align:left;font-weight:bold;color:#464646;}
.sub_ment strong {}
.sub_cate { width:805px; float: left; margin-top:7px; text-align:left; vertical-align:middle; font-size:11px; border-bottom:1px solid #bfcbfd; margin-bottom:2px; padding-bottom:3px;}
.sub_cate a {margin-left:-5px; display:inline-block; vertical-align:middle; padding:3px 12px 3px 10px; color:#000000; text-decoration:none; background:url(/images/img/menu_line.gif) no-repeat left center;}
.sub_cate a:hover { text-decoration:underline; color:#4f6be5;}
.sub_cate .first { position:relative; margin-left:0px; display:inline-block; vertical-align:middle; padding:3px 13px 3px 8px; color:#000000; text-decoration:none; background:url(/images/img/sub_arrow.gif) no-repeat 0 5px;}
.sub_cate1 { width:100%; float: left; margin-top:7px; text-align:left; vertical-align:middle; font-size:11px; border-bottom:1px solid #bfcbfd; margin-bottom:2px; padding-bottom:3px;}
.sub_cate1 a {margin-left:0px; display:inline-block; vertical-align:middle; padding:3px 12px 3px 10px; color:#000000; text-decoration:none; background:url(/images/img/menu_line.gif) no-repeat left center;}
.sub_cate1 a:hover { text-decoration:underline; color:#4f6be5;}
.sub_cate1 .first { position:relative; margin-left:0px; display:inline-block; vertical-align:middle; padding:3px 13px 3px 8px; color:#000000; text-decoration:none; background:url(/images/img/sub_arrow.gif) no-repeat 0 5px;}
.sub_cate1 .over {margin:0; padding:0; font-size:11px; display:none;}
.sub_cate1 .out {margin:0; padding:0; font-size:11px; display:none;}
/* #gBtn2 */
#gBtn2 a{display:block; background:url('/images/img_sub/btn1.gif') left 0; float:left; font:11px 돋움; color:#333333; padding-left:6px; text-decoration:none; height:21px; cursor:pointer; margin-right:3px; overflow:hidden}
#gBtn2 a:hover{background:url('./btn1.gif') left -21px}
#gBtn2 a span{display:block; float:left; background:url('/images/img_sub/btn1.gif') right 0; line-height:200%; padding-right:6px; height:21px; overflow:hidden}
#gBtn2 a:hover span{background:url('/images/img_sub/btn1.gif') right -21px; color:#333}
/* 좌측메뉴*/
.left_main_cate{padding-left:10px;}
.left_main_cate a{width:150px;height:22px;padding: 5px 0 0 0px; color:#868686;font-size:11px;float:left;text-decoration:none;}
.left_main_cate a:hover{text-decoration:underline;color:#333;}
/* 메인 */
#main_main {width:1018px; clear:both; }
#main_left {width:203px; float:left; text-align:left; z-index:6; margin-top:10px;}
#main_right {width:805px; float:right; text-align:center; z-index:2; margin-top:10px;}
.main_cmenu { width:585px; float:left; padding: 3px 0px 5px 0px;text-align:left;border:1 solid #cccccc;}
.main_cmenu a { margin-left:-2px; font-size:11px; display:inline-block; vertical-align:middle; padding:8px 7px 5px 7px; color:#666666; text-decoration:none; background:url(/images/img/main_gline.gif) no-repeat left center;}
.main_cmenu a:hover { text-decoration:none; color:#990000;}
.main_cmenu .first {margin-left:10px; display:inline-block; vertical-align:middle; padding:8px 7px 5px 190px; color:#666666; text-decoration:none; background:url(/images/img/index_m_1.gif) no-repeat left center;}
.main_copy {width:585px;height:35px;text-align:center;border:1 solid #cccccc;font-size:11px;color:#777777; padding-top:10px;}
.main_copy span{margin-right:220px;}
.main_map {width:585px;height:35px;text-align:center;border:1 solid #cccccc;font-size:11px;color:#777777; padding-top:10px;}
.main_map span{margin-right:325px;}
#main_contents {width:585px;height:210px;text-align:center; float: left; border-bottom:1 solid #cccccc;border-left:1 solid #cccccc;border-right:1 solid #cccccc;padding-top:15px;}
.main_contents_all{background:blue;background:url(/images/img/main_con_icon.gif) no-repeat 46px 2px;width:70px;}
.main_contents_all a{color:#868686;font-size:11px;text-decoration:none;}
.main_contents_all a:hover{text-decoration:underline;color:#333;}
.main_txt {padding:0 0 0 0px; list-style:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.main_txt li { padding:0 0 0 10px; background:url(/images/img/bu_list1.gif) no-repeat 0 4px; font:normal 12px/1.5 돋움, Dotum; vertical-align:top; text-align:left;}
.main_txt li a {color:#333333; text-decoration:none;}
.main_txt li a:hover {text-decoration:underline;color:#cc0000;}
a.main_t:link,a.main_t:visited,a.main_t:active{height:28px;width:185px;overflow:hidden;padding-left:5px;word-break:break-all;text-decoration:none;color:#333333;}
a.main_t:hover{text-decoration:underline;color:#cc0000;}
a.cate_btn:link,a.cate_btn:visited,a.cate_btn:active{height:25px;padding:4 0 0 5px;color:#d54c7a;font-weight:bold;}
a.cate_btn:hover{color:#d54c7a;}
.cate_sub {height:0px;}
a.cate_sub:link,a.cate_sub:visited,a.cate_sub:active{font-size:11px;padding-left:5px;padding-top:3px; color:#888888;text-decoration:none;}
a.cate_sub:hover{text-decoration:none;background:url(/event/images/cate_arrow.gif) no-repeat left center;color:#d54c7a;}
a.delete_lin:link,a.delete_lin:visited,a.delete_lin:active{font-size:12px;color:#cccccc;text-decoration:line-through;}
a.delete_lin:hover{text-decoration:underline;color:#cc0000;}
a.ctn:link,a.ctn:visited,a.ctn:active{color:#333333;text-decoration:none;}
a.ctn:hover{text-decoration:underline;}
a.cts:link,a.cts:visited,a.cts:active{font-size:11px;color:#858891;text-decoration:none;}
a.cts:hover{text-decoration:underline;}
a.csstest:link,a.csstest:visited,a.csstest:active{font-size:12px;color:#000;text-decoration:none;}
a.csstest:hover{text-decoration:underline;}
a.uploader:link,a.uploader:visited,a.uploader:active{font-size:11px;color:#666666;text-decoration:none;}
a.uploader:hover{text-decoration:underline;color:#000;}
.c_mt {font-size:11px;color:#FF3300;}
.c_mm {font-size:12px;color:#333333;font-weight:bold;}
.c_md {font-size:11px;color:#666666;vertical-align:top;}
/* 검색 */
.type-text {float:left;border:0px dotted #4264f8;padding: 1px 0 0 2px;background:#fff;width:340px;font-size:13px;font-family:굴림,gulim,sans-serif;color:#333; ime-mode:active;}
.search_cate {width:77px; top:5px; background-color:#fff; font-size:12px; float:left; z-index:1999}
.search_cate a {position:relative;width:100%;height:22px; color:#d9d9d9; text-decoration:none; text-align:left;float:left;background-color:#fff;}
.search_cate a:link {color:#d9d9d9; text-decoration:none;}
.search_cate a:visited {color:#d9d9d9; text-decoration:none;}
.search_cate a:active { text-decoration:none; color:#d9d9d9;}
.search_cate a:hover {text-decoration:underline; ;color:#ffa0c0;}
.search_cate li {padding-left:12px; padding-top:1px;}
.cate_box_line {position:absolute;width:80px;z-index:1000;background-color:#fff;left:0px;top:28px; border-bottom:2px solid #000;border-left:2px solid #000;border-right:2px solid #000;}
.cate_box {position:relative;width:70px;height:20px;z-index:999; color:#333333; margin:0 0 0 0px; text-align:left; cursor:pointer;padding-left:5px;}
/* 베스트검색어 */
.keyword { width:365px; float: left; margin-top:7px; text-align:left;list-style:none;white-space:nowrap;overflow:hidden;}
.keyword a {padding:0 5 0 5px; color:#696969; text-decoration:none; font-size:8pt;vertical-align:top;}
.keyword a:hover { text-decoration:none; color:#000000;}
.keyword .first { background:none;}
#container1{_display:inline-block;width:805px}
#container1:after{display:block;clear:both;content:''}
.rightAreaAlign{float:right;margin:0 0 0 10px;} /* 리뉴얼 후 서브 페이지 우측 영역이 밀려서 떨어지거나 어긋나는 문제가 있는 페이지들을 해결하기 위해 추가 */
/* 메뉴바 관련 CSS 변경 By Crazy 2012. 11. 08 */
#contents_navi {background:url(/images/moon/content/request/icon_arrow.png) no-repeat 0 8px; padding-left:15px; width:440px; height:30px; float:left;text-align:left;line-height:30px;font-size:11px;font-family:돋움;color:#666666;}
/*#contents_bar { width:805px; height:27px; clear:both; }
#contents_left { width:342px;height:27px;text-align:left;float:left;line-height:30px;}
#contents_right { width:463px;height:27px;text-align:right;float:left;line-height:30px;}*/
/* 메뉴바 관련 CSS 변경 By narigom 2015. 04. 02 */
#contents_bar { width:805px; height:32px; clear:both; }
#contents_left {height:32px;text-align:left;float:left;line-height:30px;}
#contents_right {;height:32px;text-align:right;float:right;line-height:30px;}
#contents_left .tab-list{ display:inline-block;}
#contents_left .tab-list li{ float:left; }
#contents_left .ad_mobile{ display:inline-block; vertical-align:top; margin-top:5px;}
#contents_left .tab-list li.active{ cursor:pointer; width:91px; height:32px;}
#contents_left .tab-list li.new_on{background:url(/images/img/tab_01_on.jpg) no-repeat;}
#contents_left .tab-list li.new_off{background:url(/images/img/tab_01_off.jpg) no-repeat; }
#contents_left .tab-list li.new_off:hover{background:url(/images/img/tab_01_active.jpg) no-repeat;}
#contents_left .tab-list li.best_on{background:url(/images/img/tab_02_on.jpg) no-repeat;}
#contents_left .tab-list li.best_off{background:url(/images/img/tab_02_off.jpg) no-repeat;}
#contents_left .tab-list li.best_off:hover{background:url(/images/img/tab_02_active.jpg) no-repeat;}
#contents_left .tab-list li.cmt_on{background:url(/images/img/tab_03_on.jpg) no-repeat;}
#contents_left .tab-list li.cmt_off{background:url(/images/img/tab_03_off.jpg) no-repeat;}
#contents_left .tab-list li.cmt_off:hover{background:url(/images/img/tab_03_active.jpg) no-repeat;}
#contents_left .tab-list li.evtmov_on{background:url(/images/img/evtmov_on.jpg) no-repeat;}
#contents_left .tab-list li.evtmov_off{background:url(/images/img/evtmov_off.jpg) no-repeat;}
#contents_left .tab-list li.evtmov_off:hover{background:url(/images/img/evtmov_active.jpg) no-repeat;}
#contents_left .tab-list li.evtsale_on{background:url(/images/img/evtsale_on.jpg) no-repeat;}
#contents_left .tab-list li.evtsale_off{background:url(/images/img/evtsale_off.jpg) no-repeat;}
#contents_left .tab-list li.evtsale_off:hover{background:url(/images/img/evtsale_active.jpg) no-repeat;}
#contents_left .tab-list li.evt1dra_on{background:url(/images/img/evtsale_1dra_on.jpg) no-repeat;}
#contents_left .tab-list li.evt1dra_off{background:url(/images/img/evtsale_1dra_off.jpg) no-repeat;}
#contents_left .tab-list li.evt1dra_off:hover{background:url(/images/img/evtsale_1dra.jpg) no-repeat;}
#contents_left .tab-list li span.hidden{ display: block; font-size: 0; line-height: 0; visibility: hidden; text-indent: -9999999999999px;}
/*### 서브리스트_탭 리뉴얼 2018.12 ###*/
#container1 .sub_list_tab { clear:both; display:inline-block; width:100%; margin:4px 0 5px; }
.rightAreaAlign .sub_list_tab { clear:both; display:inline-block; width:100%; margin:4px 0 5px; }
.sub_list_tab .sub_list_tab_l { float:left; }
.sub_list_tab li { list-style:none; float:left; display:inline-block; box-sizing:border-box; cursor:pointer; }
.sub_list_tab .sub_list_tab_l li { height:31px; line-height:31px; margin-right:3px; padding:0 10px; border:#cccccc 1px solid; background-color:#f9f9f9; color:#888888; font-weight:bold; }
.sub_list_tab .sub_list_tab_l li.sale { padding-left:20px; background:url(/images/sub/sub_list_tab_181218.png)no-repeat 0px 0px; background-color:#f9f9f9; }
.sub_list_tab .sub_list_tab_l li.hot { padding-left:20px; background:url(/images/sub/sub_list_tab_181218.png)no-repeat 0px -30px; background-color:#f9f9f9; }
.sub_list_tab .sub_list_tab_l li.free { padding-left:20px; background:url(/images/sub/sub_list_tab_181218.png)no-repeat 0px -60px; background-color:#f9f9f9; }
.sub_list_tab .sub_list_tab_l li:hover { border:#ff0000 1px solid; border-bottom:none; background-color:#ffffff; color:#ff0000; }
.sub_list_tab .sub_list_tab_l li.on { border:#ff0000 1px solid; border-bottom:none; background-color:#ffffff; color:#ff0000; }
.sub_list_tab .sub_list_tab_r { float:right; }
.sub_list_tab .sub_list_tab_r li { height:25px; line-height:25px; margin-top:3px; margin-right:5px; padding:0 6px; border-radius:3px; border:#cccccc 1px solid; background-color:#f9f9f9; color:#656565; font-size:11px; letter-spacing:-0.5px; }
.sub_list_tab .sub_list_tab_r li:hover { border:#cfdbe2 1px solid; background-color:#edf3fa; }
.sub_list_tab .sub_list_tab_r li.on { border:#cfdbe2 1px solid; background-color:#edf3fa; }
.sub_list_tab .sub_list_tab_r li input { width:11px; height:11px; margin-right:5px; }
.sub_list_tab #viewcount { visibility:visible; width:100px; height:25px; margin-top:3px; }
.b_t {color:#4E4E4E;font-size:11px;font-family:돋움;font-weight:bold;}
.b_g {color:#606060;font-size:11px;padding-left:5px;}
.b_l {color:#000;font-size:11px;}
.logon {color:#595959;font-size:11px;}
/* Boardlist */
/* /contents/episode.php?cidx=6 버튼 등*/
#contentsListWrap .css_btn{border-radius:3px;color:#f4f06d;font-weight:bold;height:21px; line-height:21px;padding-top:2px; text-align:center; display:inline-block;cursor:pointer;}
#contentsListWrap .ctn:hover {text-decoration:none}
#contentsListWrap .btn_cash{background-color:#ef3633;width:77px;}
#contentsListWrap .btn_cash:hover{opacity:0.5;}
#contentsListWrap .btn_download{background-color:#012231;width:67px;}
#contentsListWrap .btn_download:hover{opacity:0.5;}
#contentsListWrap .btn_redown{background-color:#666666;width:67px;}
#contentsListWrap .btn_redown:hover{opacity:0.5;}
#contentsListWrap .btn_sale{background-color:#2b366b;color:white;width:64px;height:17px;line-height:17px;padding:1px 2px;font-size:11px;}
#contentsListWrap tr.is_opened{ background-color:#f6f3ec } /* 열어본 게시물리스트 색상*/
.banner_sub { clear:both; width:805px; height:100px; margin-bottom:5px; background-color:#ffffff; position:relative;cursor:pointer}
.banner_sub2{ clear:both; width:805px; height:60px; margin-bottom:5px; background-color:#ffffff; position:relative;}
.boardtype1{width:805px; border-bottom:1px solid #eee; color:#666; font-size:12px; border-collapse:collapse;}
.boardtype1 caption{display:none;}
.boardtype1 th{font-size:11px; font-weight:bold; background-image:url(/images/moon/content/p_bg_boardtop.png); height:25px; padding-top:5px; color:#2e2e2e; background-repeat:repeat-x;line-height:25px;}
.boardtype1 tbody td{text-align:center; border-bottom:solid 1px #eee;}
.boardtype1 tbody td.num{font:normal 11px tahoma; padding:0;}
.boardtype1 tbody td.da1{text-align:right;padding-right:5px;font:normal 11px tahoma; padding:0;}
.boardtype1 tbody td.da2{padding-right:5px;font:normal 11px 돋움; padding:0;overflow:hidden;display:inline;white-space:nowrap;}
.boardtype1 tbody td.da2 a{color:#666;padding-right:5px;font:normal 11px 돋움; padding:0;}
.boardtype1 tbody td.da3{padding-right:5px;font:normal 11px 돋움; padding:0;overflow:hidden;white-space:nowrap; color:#989898; text-align:center;}
.boardtype1 tbody td.title{text-align:left;padding-left:5px;}
.boardtype1 tbody td .ellipsis {max-width:470px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle;}
.boardtype1 tbody td .ellipsis2 {display:inline-block; vertical-align:middle;padding-top:3px;}
/* LEFT FRAME */
.login_box {position:relative;width:195px;float:left;text-align:center;border-left: 1px solid #cccccc;border-right: 1px solid #cccccc;border-bottom: 1px solid #ccc; padding:10 0 10 0px; top:-2px;}
#left_frame {position:relative;width:195px;height:130px;float:left;top: -1px; border: 1px solid #cccccc;}
.txt_list {width:160px;text-align:left;}
.txt_list li {width:160px;height:30px; font:normal 12px/1.5 돋움, Dotum; !important; line-height:240%; float:left;background:url(/images/img/left_bar_bg.gif) no-repeat;}
.txt_list li a {width:160px;height:30px;color:#333; text-decoration:none;padding:0 0 0 5px;}
.txt_list li a:hover {width:160px;height:30px;background:url(/images/img/left_bar_bg_on.gif) no-repeat;text-decoration:none;color:red;}
.txt_list li.on {width:160px;height:30px; font:normal 12px/1.5 돋움, Dotum; !important; line-height:240%; float:left;background:url(/images/img/left_bar_last_on.gif) no-repeat;}
.txt_list li.on a {width:160px;height:30px;color:#333; text-decoration:none;padding:0 0 0 5px;}
.txt_list li.on a:hover {width:160px;height:30px;background:url(/images/img/left_bar_last.gif) no-repeat;text-decoration:none;color:red;}
a.gray:link,a.gray:visited,a.gray:active{font-size:11px;text-decoration:none;color:#666;}
a.gray:hover{font-size:11px;color:#000;text-decoration:none;}
a.count:link,a.count:visited,a.count:active{font-size:11px;text-decoration:none;color:#333;font-weight:bold;}
a.count:hover{font-size:11px;color:red;text-decoration:underline;}
.notice {width:175px; padding:0px; list-style:none;}
.notice li { padding:0 0 0 19px; background:url(/images/img/bu_list1.gif) no-repeat 12 6px; font:normal 11px/1.5 돋움, Dotum; vertical-align:top; text-align:left;}
.notice li a {color:#666666; text-decoration:none;}
.notice li a:hover {text-decoration:underline;}
/* page */
.paginate{ padding:15px 0; text-align:center;}
.paginate *{ margin:0; padding:0;}
.paginate a,
.paginate strong{ _position:relative; display:inline-block; margin-right:-6px; padding:7px 15px 6px 11px; color:#333; text-decoration:none !important; line-height:normal; font:bold 11px Tahoma, Serif; background:#fff url(/images/img/line_pg4.gif) no-repeat 0 9px;}
.paginate strong{ color:#ff1315 !important;}
.paginate a:hover,
.paginate a:active,
.paginate a:focus{ background-color:#f7f7f7;}
.paginate a.pre,
.paginate a.pre_end,
.paginate a.next,
.paginate a.next_end{ font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
.paginate a.pre{ padding:7px 10px 6px 17px; background:url(/images/img/bu_pg4_l1.gif) no-repeat right 8px !important;}
.paginate a.pre_end{ padding:7px 10px 6px 16px; background:url(/images/img/bu_pg4_l2.gif) no-repeat right 8px !important;}
.paginate a.next{ padding:7px 18px 6px 11px; background:url(/images/img/bu_pg4_r1.gif) no-repeat left 8px !important;}
.paginate a.next_end { padding:7px 16px 6px 9px; background:url(/images/img/bu_pg4_r2.gif) no-repeat left 8px !important;}
/*게시판(그누보드)*/
.list_font01{font-family:"돋움";font-size:12px;font-weight:none;color:#333;}
.list_color{font-family:"돋움";font-size:12px;font-weight:none;color:#333;background-color:#F9F9F9;}
.lbox_font01{font-family:"돋움";font-size:11px;font-weight:700;}.left_box{background-color:#f7f7f7;border-left-width:1px;border-left-style:solid;border-left-color:#d5d5d5;border-right-width:1px;border-right-style:solid;border-right-color:#d5d5d5;}.tab_box02{background-color:#FFF;border-left-width:1px;border-left-style:solid;border-left-color:#dedede;border-right-width:1px;border-right-style:solid;border-right-color:#dedede;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#f1f1f1;}.footer_box{background-color:#f6f6f6;border-top-width:1px;border-top-style:solid;border-top-color:#e0e0e0;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#e0e0e0;}.cate_gubun{border-right-width:1px;border-right-style:solid;border-right-color:#b6dced;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#b6dced;}.cate_gubun00{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#b6dced;}.cate_gubun01{border-right-width:1px;border-right-style:solid;border-right
-color:#b6dced;}.cate_newbg{border-left-width:1px;border-left-style:solid;border-left-color:#62b8df;border-right-width:1px;border-right-style:solid;border-right-color:#62b8df;background-color:#FFF;}.cate_newbg_right{border-right-width:1px;border-right-style:solid;border-right-color:#62b8df;background-color:#FFF;}.cate_newbg_left{border-left-width:1px;border-left-style:solid;border-left-color:#62b8df;background-color:#FFF;}.cate_gubun_new{border-left-width:1px;border-left-style:solid;border-left-color:#cce6f2;border-right-width:1px;border-right-style:solid;border-right-color:#cce6f2;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#cce6f2;background-color:#f5f9fb;}.cate_gubun_sub{border:1px #cce6f2 solid;background-color:#f5f9fb;}.cate_s_box{border:1px #cce6f2 solid;}.style01_01{font-family:"돋움";font-size:12px;color:#4a4a4a;font-weight:700;padding-left:14px;}.style02_01{font-family:"돋움";font-size:12px;font-weight:700;color:#df6900;}.style03{font-family:"돋움";font-size:12px;color:#4a4a
4a;background-color:#fff;border-bottom:1px #d3d3d3 solid;text-align:center;}.f_orange{font-family:"돋움";font-size:12px;font-weight:700;color:#de6800;}.f_blue{font-family:"돋움";font-size:12px;font-weight:700;color:#116aad;}.f_black{font-family:"돋움";font-size:12px;font-weight:700;color:#404040;}.paginate{text-align:center;padding:16px 0;}.paginate *{margin:0;padding:0;}.paginate a,.paginate strong{_position:relative;display:inline-block;margin-right:-6px;color:#000;text-decoration:none !important;line-height:normal;font:bold 11px Tahoma, Serif;background:#fff url(/images/img/line_pg4.gif) no-repeat 0 5px;padding:3px 15px 2px 11px;}.paginate strong{color:#ff1315 !important;}.paginate a.pre,.paginate a.pre_end,.paginate a.next,.paginate a.next_end{font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}.paginate a.pre{background:url(/images/img/bu_pg4_l1.gif) no-repeat right 4px !important;padding:4px 10px 2px 17px;}.paginate a.next{background:url(/images/img/bu_pg4_r1.gif) no-repeat left 4px !import
ant;padding:4px 10px 2px 11px;}.paginate a.pre_end{background:url(/images/img/bu_pg4_l2.gif) no-repeat right 4px !important;padding:4px 10px 2px 16px;}.paginate a.next_end{background:url(/images/img/bu_pg4_r2.gif) no-repeat left 4px !important;padding:4px 16px 2px 9px;}a.menu:hover,a.imglin:link,a.imglin:visited,a.imglin:active{text-decoration:none;}a.top:hover,a.top02:hover{font-size:12px;font-weight:700;text-decoration:none;position:relative;top:1px;right:-1px;}a.left:hover,a.tablin:hover,a.footer:hover,a.cenlin01:hover,a.cenlin_new:hover,a.cenlin02:hover{font-size:12px;text-decoration:none;position:relative;top:1px;right:-1px;}a.tablin:link,a.tablin:visited,a.tablin:active,a.cenlin01:link,a.cenlin01:visited,a.cenlin01:active,a.cenlin_new:link,a.cenlin_new:visited,a.cenlin_new:active,a.cenlin02:link,a.cenlin02:visited,a.cenlin02:active,a.sublin:link,a.sublin:visited,a.sublin:active{font-size:12px;text-decoration:none;color:#333;}.cencolor01,.cen_color01,.paginate a:hover,.paginate a:active,.paginate a:focus
{background-color:#f7f7f7;}.flat_grayfont,.grayfont01{font-family:"돋움";font-size:12px;line-height:18px;color:#333;}.nik_b,.solidline{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#d3d3d3;}a.font_point:link,a.font_point:visited,a.font_point:active,a.font_bpoint:link,a.font_bpoint:visited,a.font_bpoint:active{font-size:12px;text-decoration:none;color:#3a46bf;font-weight:700;}a.font_point:hover,a.font_bpoint:hover{font-size:12px;text-decoration:none;position:relative;top:1px;right:-1px;font-weight:700;color:#3a46bf;}.font_layerlist,.category{font-family:"돋움";font-size:11px;color:#595959;}a.rollover img,a.rollover:hover img.rollover{display:inline;}a.rollover img.rollover,a.rollover:hover img{display:none;}.ed,.tx{border:1px solid #CCC;}.tab_box,.tab_box03{background-color:#FFF;border-left-width:1px;border-left-style:solid;border-left-color:#dedede;border-right-width:1px;border-right-style:solid;border-right-color:#dedede;}.list_category{font-family:"돋움";font-size:11px;font-weight:no
ne;color:#333;}
.blue_bold{font-family:"Tahoma";font-size:12px;color:red;font-weight:700;}
.board_font01{font-family:"돋움";font-size:12px;font-weight:700;color:#414141;}
#main_ltab {top:0px;width:599px;float:left;text-align:left;z-index:1;margin: 0 0 0 0px;}
#main_rtab {position:relative;top:0px;width:206px;float:left;text-align:left;}
#tabsB {float:left;width:585px;}
#tabsB li {display:inline;margin:0;padding:0;}
#tabsB a {float:left;background:url("/images/img/tableftB.gif") no-repeat left top; margin:0; padding:0 0 0 4px;text-decoration:none;}
#tabsB a span {float:left;display:block;background:url("/images/img/tabrightB.gif") no-repeat right top;padding:8px 15px 4px 9px;color:#666;}
#tabsB a span {float:none;}
#tabsB a:hover span {color:#000;}
#tabsB a:hover {background-position:0% -27px;}
#tabsB a:hover span {background-position:100% -27px;}
#tabsB #current a {background-position:0% -27px;}
#tabsB #current a span {background-position:100% -27px;}
a.pay_btn:link,a.pay_btn:visited,a.pay_btn:active{float:left;width:109px; height:27px; background:url('/images/img/select_btn_off.gif') no-repeat;font-size:12px;line-height:230%;text-decoration:none;color:#444;font-weight:bold;padding:0 0 0 11px; text-align:left;}
a.pay_btn:hover{font-size:12px;color:#000;text-decoration:none; background:url('/images/img/select_btn_on.gif') no-repeat;}
a.btn:link,a.btn:visited,a.btn:active{display:inline-block;width:70px; height:21px; background:url('/images/img/ap_btn_bg.gif') no-repeat;font-size:11px;text-align:center;float:center;line-height:21px;text-decoration:none;color:#464545;font-weight:bold;padding:1 0 0 0px;}
a.btn:hover{font-size:11px;color:#000;display:inline-block;text-decoration:none; background:url('/images/img/ap_btn_bg_on.gif') no-repeat;}
a.btn1:link,a.btn1:visited,a.btn1:active{float:left;width:81px; height:22px; background:url('/images/img/ap_btn_bg.gif') no-repeat;font-size:11px;line-height:220%;text-decoration:none;color:#464545;font-weight:bold;padding:0 0 0 11px; text-align:left;}
a.btn1:hover{font-size:11px;color:#000;text-decoration:none; background:url('/images/img/ap_btn_bg_on.gif') no-repeat;}
#btn2 a{display:block; background:url('/images/img_sub/btn_bg.gif') left 0; float:left; font-size:11px 돋움; color:#464545; font-weight:bold; padding-left:6px; text-decoration:none; height:25px; cursor:pointer; margin-right:6px; overflow:hidden}#btn2 a span{display:block; float:left; background:url('/images/img_sub/btn_bg.gif') right 0; line-height:220%; padding-right:6px; font-size:12px; height:25px; overflow:hidden}#my_span_btn2{ margin:0px; padding:0px; font-size:12px; color:#464545;}
.point {font-size:11pt;font-weight:bold;color:red;}
.point1 {font-size:11px;font-weight:bold;}
.point2 {font-size:11px;font-weight:bold;color:#0066cc;}
/* 결제 임시 스타일 - S */
.dotline{border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#c2c2c2;}
.result{font-family:"돋움";font-size:12px;font-weight:700;border-top-color:#117ac9;border-top-style:solid;border-top-width:1px;border-bottom-color:#117ac9;border-bottom-style:solid;border-bottom-width:1px;}
.real_box02{font-family:"돋움";font-size:12px;line-height:160%;color:#656565;background-color:#fcfcfc;border:1px solid #e4e4e4;padding:0 0 0 10px;}
.pay01{border-top-color:#d3d3d3;border-top-style:solid;border-top-width:1px;border-bottom-color:#b0b0b0;border-bottom-style:dotted;border-bottom-width:1px;}
.pay02{border-bottom-color:#d3d3d3;border-bottom-style:solid;border-bottom-width:1px;}
.card_box{border-left-width:1px;border-left-style:solid;border-left-color:#ececec;border-right-width:1px;border-right-style:solid;border-right-color:#ececec;background-color:#f7f7f7;}
.white_box{font-family:"돋움";font-size:12px;line-height:160%;color:#656565;background-color:#fff;border:1px solid #e4e4e4;}
.left02{font-family:"돋움";font-size:12px;font-weight:700;color:#4a4a4a;border-bottom-color:#d3d3d3;border-bottom-style:solid;border-bottom-width:1px;}
.left01{font-family:"돋움";font-size:12px;font-weight:700;color:#4a4a4a;padding-left:37px;background-color:#f7f7f7;border-bottom-color:#d3d3d3;border-bottom-style:solid;border-bottom-width:1px;}
.left04{font-family:"돋움";font-size:12px;font-weight:700;color:#4a4a4a;text-decoration:line-through;border-bottom-color:#d3d3d3;border-bottom-style:solid;border-bottom-width:1px;}
.left03{font-family:"돋움";font-size:12px;font-weight:700;color:#116aad;border-bottom-color:#d3d3d3;border-bottom-style:solid;border-bottom-width:1px;}
.charge_left{font-size:12px;color:#5f5f5f;background-color:#f8f8f8;padding-left:13px;}
.charge_right{font-size:12px;color:#333;background-color:#fff;padding-left:9px;}
.input_box{font-family:"돋움";font-size:12px;color:#333;text-indent:3px;margin:2 2 2 2px;padding:4 4 4 4px;height:22px;border-top:1px solid #9A9A9A;border-left:1px solid #9A9A9A;border-right:1px solid #D4D4D4;border-bottom:1px solid #D4D4D4;}
.autopay_box{border:1px solid #e5e5e5;background-color:#f8f8f8;}
.blue_normal{font-family:"Tahoma";font-size:12px;color:#116aad;}
.bottom_box{border-left-width:1px;border-left-style:solid;border-left-color:#e5e5e5;border-right-width:1px;border-right-style:solid;border-right-color:#e5e5e5;background-color:#FFF;}
font01_11px{font-family:"돋움";color:#707070;font-size:11px;line-height:13px;}
.mem_font01{font-family:"돋움";font-size:12px;color:#000;background-color:#F7F7F7;padding:0 0 0 10px;}
.mem_font02{font-family:"Tahoma";font-size:12px;font-weight:none;color:#444;background-color:#FCFCFC;padding:0 0 0 10px;}
/* 결제 임시 스타일 - E */
/*
* Jongseok-Seo
*/
.on {display:block;}
.off {display:none;}
/* 선 */
.borderNone {border:none;}
/* 바탕색 */
.bgFFF {background:#fff;}
.bgD15019 {background-color:#d15019;}
.bgEE730F {background-color:#ee730f;}
.bgA1A1A1 {background-color:#a1a1a1;}
.bgFBE7BC {background-color:#fbe7bc;}
.bgB5CCE0 {background-color:#b5cce0;}
.bg2B2C2C {background-color:#2b2c2c;}
/* 글자 크기 */
.font11 {font-size:11px;}
.font12 {font-size:12px;}
/* 마우스 포인터 */
.cursorHand {cursor:pointer;}
/* div position */
.posAbsolute {position:absolute;}
/* 세로 사이즈 */
.hs20px {height:20px;}
.hs30px {height:30px;}
.hs40px {height:40px;}
.hs50px {height:50px;}
.hs60px {height:60px;}
/* 가로 사이즈 */
.ws0per {width:0%;}
.ws100per {width:100%;}
.ws10px {width:10px;}
.ws20px {width:20px;}
.ws30px {width:30px;}
.ws40px {width:40px;}
.ws50px {width:50px;}
.ws60px {width:60px;}
.ws70px {width:70px;}
.ws80px {width:80px;}
.ws100px {width:100px;}
.ws120px {width:120px;}
.ws130px {width:130px;}
.ws140px {width:140px;}
.ws150px {width:150px;}
.ws200px {width:200px;}
.ws300px {width:300px;}
/* Back Image */
.bgImgSearchBox {background:url(/images/img/tom_search_bg.gif) no-repeat;}
/* 미투디스크 충전소*/
.charge { width:805px; height:37px; margin:auto; position:relative; margin-top:60px; background-image:url(/images/filebon/charge/img_tabbg.gif);}
.charge li{ float:left; font-size:12px; color:#f7caff; width:130px; height:37px; background-image:url(/images/filebon/charge/imgtab_none.gif); margin-right:3px; text-align:center; font-weight:bold; line-height:35px;}
.charge a {display:block;overflow:hidden;position:relative;z-index:1;line-height:35px;text-align:center; text-decoration:none;color:#ffd5e3;height:37px;}
.charge .on{ background-image:url(images/imgtab_over.gif); color:#ab3c8c;height:37px;}
/*캐시충전내용*/
#tab1_conwarp { width:805px; height:auto; position:relative; margin:auto; float:right;}
#tab1_conwarp .bn { margin:auto;}
#tab1_conwarp .ltitle { font-size:14px; font-weight:bold; color:#1e1e1e; padding-left:5px; margin-top:12px;}
.stitle { font-size:11px; color:#535353; padding-left:5px; margin-top:12px;}
/*캐시충전금액리스트*/
#cashlist1 { width:805px;border-bottom:1px solid #fff;border-top:2px solid #030303; position:relative; margin-top:5px;}
#cashlist1 .listtt {font-size:12px; background-color:#fafafb; color:#000; text-align:center;}
#cashlist1 td { text-align:center; font-size:12px; color:#0d0d0d; line-height:27px;border-bottom:1px solid #d6d6d6;}
.ttlist01 { color:#666; text-decoration:line-through;}
.ttlist02 { color:#18192c; font-weight:bold; font-size:14px;}
.ttlist03 { color:#c416d4;}
.ttlist04 { color:#4c8e04;}
.ttlist05 { color:#db2e00;}
.ttlist06 { color:#325bc0;}
.ttlist07 { color:#d3265d; font-weight:bold; font-size:14px; text-decoration:underline;}
.ttlist08 { color:#656565; font-size:11px; letter-spacing:-1px;}
/*라디오버튼이미지 선택시 bg변경값*/
.clickbg { background-color:#fdf3f3;}
/*충전수단*/
#tab1_conwarp .how {width:790px; border:1px solid #d6d6d6;margin-top:3px;}
#tab1_conwarp .how .listtt1{font-size:14px; font-weight:bold; background-color:#fafafb; color:#5d5d5d; text-align:center;border-top:1px solid #95969e; line-height:42px;}
#tab1_conwarp .how td { text-align:center; height:40px;}
#tab1_conwarp .how .selectline{border-right:1px solid #d6d6d6;border-top:1px solid #d6d6d6; width:131px;height:70px;}
/*20130311추가_캐시충전금액리스트*/
.ttlist09 { color:#ff3399; font-weight:bold;}
.ttlist10 { color:#3399ff; font-weight:bold;}
.ttlist12 { color:#339933; font-weight:bold;}
.ttlist11 { color:#ff0000; font-weight:bold;}
/* 월정액충전소 */
#monthpay { width:790px; height:auto; margin:auto; position:relative;}
#monthpay .monthcoupon { width:790px; height:200px;margin-top:12px;}
#monthpay .monthcoupon .copon_con { width:389px; height:200px; float:left; position:relative;}
#monthpay .monthcoupon .copon_con .list { width:316px; height:63px;}
#monthpay .monthcoupon .copon_con .list td{ height:21px; font-size:12px; text-align:left;}
.coupontt01{ font-size:14px; font-weight:bold;}
.coupontt02{ font-weight:bold; font-size:14px;text-decoration:line-through;}
.coupontt03{ font-size:14px; font-weight:bold; color:#d93993;}
#monthpay .month_notice{ width:790px; background-color:#f9f9f9;border:1px solid #d6d6d6; margin-top:12px;}
#monthpay .month_notice li { font-size:11px; color:#828282; padding-left:10px;text-align:left;line-height:18px;}
.bttn {-moz-border-bottom-colors: none;-moz-border-image: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background-image: -moz-linear-gradient(center top , #EE5F5B, #BD362F);background-repeat: repeat-x;border-radius: 4px 4px 4px 4px;border-style: solid;border-width: 0px;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);color: #fff;cursor: pointer;display: inline-block;font-size: 13px;line-height: 18px;margin-bottom: 0;padding: 4px 10px;text-align: center;vertical-align: middle;}
/* 미투디스크 충전소 - 20141114 리녈추가*/
#tab1_conwarp .charge_top_banner{margin-top:10px;}
#tab1_conwarp .pr_charge_title{margin-top:5px;}
#tab1_conwarp .c_pr_charge_table th{background:#3d4c63; text-align:center; height:30px;}
#tab1_conwarp .c_pr_charge_table tbody td{height:40px; border-bottom:1px solid #c6c6c6; text-align:center;}
#tab1_conwarp .c_pr_charge_table img{vertical-align:middle;}
#tab1_conwarp .c_pr_charge_table tbody td.last{height:40px; border-bottom:0;}
#tab1_conwarp .c_pr_charge_table tbody td .cd_pm_thr{text-decoration:line-through; font-size:12px; color:#696866;}
#tab1_conwarp .c_pr_charge_table tbody .b_tx_center{text-align:center; font-weight:bold; color:#777777;}
#tab1_conwarp .c_pr_charge_table tbody .tx_bl_b{font-weight:bold; color:#010101;}
#tab1_conwarp .c_pr_charge_table tbody .tx_gr_b{font-weight:bold; color:#50920e;}
#tab1_conwarp .c_pr_charge_table tbody td .cd_pm_r{font-weight:bold; color:#c42529; margin-right:20px;}
#tab1_conwarp .c_pr_charge_table tbody .cd_pm_r2{font-weight:bold; color:#c42529;}
#tab1_conwarp .c_pr_charge_table tbody .select_ip{text-align:center;}
#tab1_conwarp .c_pr_charge_table .txt_ar_bl50{display:inline-block; width:50px; text-align:right;}
#tab1_conwarp .c_pr_charge_table .txt_ar_bl60{display:inline-block; width:60px; text-align:right;}
#tab1_conwarp .c_pr_charge_table tr.c_bg_y{background:#fffbd8;}
#tab1_conwarp .c_pr_charge_table tfoot td{border-top:1px solid #000000; height:48px; background:#3d4c63; text-align:center; font-size:14px; font-weight:bold; color:#fff;}
#tab1_conwarp .c_pr_charge_table tfoot td .c_t_tf_y{color:#fbf700;}
#tab1_conwarp .c_pr_charge_table tfoot td .c_t_tf_b{color:#39fffb;}
#tab1_conwarp .c_charge_select_tit{margin:30px 0 0 0; text-align:left;}
#tab1_conwarp .c_charge_select td{text-align:center;}
#tab1_conwarp .c_charge_select .cs_title{background:#f3f3f3;padding-left:15px;font-weight:bold;font-size:12px;color:#848484;}
#tab1_conwarp .c_charge_select .cs_img_select{text-align:center;padding-top:10px;padding-bottom:5px;border:solid 2px #ffffff;}
#tab1_conwarp .tc_charge_guide{text-align:left; padding:5px 0 10px 10px;}
#tab1_conwarp .tc_charge_guide ul{margin:10px 0 0 38px;}
#tab1_conwarp .tc_charge_guide li{line-height:18px; margin-bottom:2px; color:#5e5e5e;}
/* 미투 정액제리뉴 201509*/
.me2_flat { width:805px; margin:0 auto; background:#ebebeb; }
.me2_flat .me2_flat_01 { width:100%; height:360px; background:url(/images/charge/banner_flat_top_me2018nn.jpg) no-repeat; margin:0 auto}
.me2_flat .me2_flat_02n { width:100%; height:auto; margin:0 auto; text-align:center; margin-top:50px; }
.me2_flat .me2_flat_02n li {width:100%; margin-bottom:20px; list-style:none; margin:0 auto; text-align:center; display:block; cursor:pointer; }
.me2_flat .me2_flat_02n .me2_m1n {width:681px; height:150px; background:url(/images/charge/flat_me2_n1.png) no-repeat; margin-top:20px;}
.me2_flat .me2_flat_02n .me2_m2n {width:681px; height:150px; background:url(/images/charge/flat_me2_n2.png) no-repeat; margin-top:20px;}
.me2_flat .me2_flat_02n .me2_m3n {width:681px; height:150px; background:url(/images/charge/flat_me2_n3.png) no-repeat; margin-top:20px;}
.me2_flat .me2_flat_02n .me2_m4n {width:681px; height:150px; background:url(/images/charge/flat_me2_n4.png) no-repeat; margin-top:20px;}
.me2_flat .me2_flat_02n .me2_m5n {width:681px; height:150px; background:url(/images/charge/flat_me2_n5.png) no-repeat; margin-top:20px;}
.me2_flat .me2_flat_02n .me2_m6n {width:681px; height:150px; background:url(/images/charge/flat_me2_n6.png) no-repeat; margin-top:20px;}
.me2_flat .me2_flat_02 { width:100%; height:370px; margin:0 auto; text-align:center }
.me2_flat .me2_flat_02 li {width:251px; list-style:none; float:left; display:block; cursor:pointer; margin-left:13px; }
.me2_flat .me2_flat_02 .me2_m1 {width:251px; height:364px;background:url(/images/charge/flat_me2_02nn.jpg) }
.me2_flat .me2_flat_02 .me2_m1:hover {background:url(/images/charge/flat_me2_02n_on.jpg) }
.me2_flat .me2_flat_02 .me2_m1.on {background:url(/images/charge/flat_me2_02n_on.jpg) }
.me2_flat .me2_flat_02 .me2_m2 {width:251px; height:364px;background:url(/images/charge/flat_me2_03.jpg) }
.me2_flat .me2_flat_02 .me2_m2:hover {background:url(/images/charge/flat_me2_03_on.jpg) }
.me2_flat .me2_flat_02 .me2_m2.on{background:url(/images/charge/flat_me2_03_on.jpg) }
.me2_flat .me2_flat_02 .me2_m3 {width:251px; height:364px;background:url(/images/charge/flat_me2_04.jpg) }
.me2_flat .me2_flat_02 .me2_m3:hover {background:url(/images/charge/flat_me2_04_on.jpg) }
.me2_flat .me2_flat_02 .me2_m3.on {background:url(/images/charge/flat_me2_04_on.jpg) }
.me2_flat .me2_flat_03 { width:85%; height:250px; margin:0 auto; padding-top:50px;text-align:left; }
.me2_flat .me2_flat_03 li { width:128px; height:50px; list-style:none; display:block;}
.me2_flat .me2_flat_03 p{ width:100%; display:block; height:18px;line-height:18px; font-size:12px; color:#666666;text-align:left; }
/* 포인트 충전소 특가충전폼 */
.charge_180123_title {clear:both; width:100%; height:30px; line-height:30px; border-bottom: 1px #cccccc solid; margin:0 auto;
text-align:left; font-weight:bold; font-size:16px; letter-spacing:-1px; margin-bottom:10px;font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif; }
.charge_180123_d { width:100%; height:190px; margin:0 auto; position:relative}
.charge_180123_d li { list-style:none; }
.charge_180123_d .dtxt {width:145px; height:82px; line-height:82px; text-align:center;font-size:4em; font-weight:bold; color:#000000; font-family: Verdana, Geneva, sans-serif; position:absolute; top:60px; right:35px;}
.charge_180123 { width:100%; margin:0 auto; background-color:#ffffff; text-align:center; background-position:top; position:relative}
.charge_180123 li { list-style:none;display:inline-table; text-align:center; }
.charge_180123 .chimgL { width:352px; height:334px; margin:0 auto; background:url(/images/charge/banner_charge_180123_01n.gif) no-repeat; background-position:top; cursor:pointer; margin:15px; }
.charge_180123 .chimgR { width:352px; height:334px; margin:0 auto; background:url(/images/charge/banner_charge_180123_02_new.gif) no-repeat; background-position:top; cursor:pointer; margin:15px; }
.charge_201806 {clear:both; width:100%; height:auto; margin:0 auto; text-align:center; }
.charge_201806 .evtit {clear:both; width:100%; height:30px; line-height:30px; border-bottom: 1px #cccccc solid; margin:0 auto;
text-align:left; font-weight:bold; font-size:16px; letter-spacing:-1px; margin-bottom:10px;font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif; }
.charge_201806 li {width:50%; text-align:center; list-style:none; text-align:center; float:left; cursor:pointer}
/* 포인트 충전소 영화예매권 */
.charge_mov_title {clear:both; width:100%; height:30px; line-height:30px; border-bottom: 1px #cccccc solid; margin:0 auto; position:relative
text-align:left; font-weight:bold; font-size:16px; letter-spacing:-1px; margin-bottom:10px;font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif; }
.charge_mov_title li { list-style:none; display:inline; }
.charge_mov_title .charge_movL { width:40%;height:30px; line-height:30px; text-align:left; float:left ;font-family:"맑은 고딕", "Malgun Gothic", Dotum, AppleGothic, sans-serif; font-size:1.2em;font-weight:bold; }
.charge_mov_title .charge_movR {width:60%;height:30px; line-height:30px; text-align:right;float:right; font-size:1em;}
/* 설날 특가 충전소 202001 */
.banner_charge_new2020 { clear:both; width:100%; height:525px; background:url(/images/banner/banner_charge_new2020.gif) no-repeat center 0; }
.banner_charge_new2020 li { list-style:none; float:left; display:inline-block; }
.banner_charge_new2020 li.new2020 { width:100%; height:210px; cursor:pointer; }
.banner_charge_new2020 li.new2020_01 { width:50%; height:315px; cursor:pointer; }
.banner_charge_new2020 li.new2020_02 { width:50%; height:315px; cursor:pointer; }
/* 메인 로그인 재작업 0320*/
#login_warp {width:190px; height:150px; background-image:url(/images/nnew/img_logbg.gif) ; position:relative;}
#login_warp .logform {margin:auto; width:174px; height:53px;}
#login_warp .idpwsearch {height:27px;}
#login_warp .idpwsearch li{float:left;font-size:11px; color:#7d7d7d; margin-top:10px;}
#login_warp .idpwsearch li a:link, a:visited, a:active { color:#646464 ; text-decoration:none;}
#login_warp .idpwsearch li a:hover { color:#454545; text-decoration:underline ;}
#login_warp .honjoin_btn {height:38px; margin:auto; position:absolute; width:174px; height:30px; top:113px; left:8px;}
#login_warp .emptyid { background:url(/images/nnew/img_logbg.png); background-repeat: no-repeat; background-position: 1px 1px; height:14px; margin:0;padding:0;}
#login_warp .emptypw { background:url(/images/nnew/img_logbg.png); background-repeat: no-repeat; background-position: 1px -23px; height:14px; margin:0;padding:0;}
/* new paging 20140402 */
.paging_n{width:100%;height:110px;padding-top:10px;}
.paging_n .quickbtn{display:block; width:805px; }
.paging_n .quickbtn .btn_moreview{float:left; height:48px; width:596px;}
.paging_n .quickbtn .btn_gototop{float:left; height:48px; width:74px;}
.paging_n .pagingnum{position:absolute; font-size:11px; color:#6e6e6e; margin-top:11px; margin-left:13px; z-index:10;}
.paging_n .pagingnum #nextPageNum{color:#e75a6b; font-weight:bold;}
.paging_n .gotopage{width:129px; border:1px solid #cccccc; float:right;}
.paging_n .gotopage .numinput{float:left; width:50px; height:31px; padding:0 5px 0 5px;vertical-align:middle;}
.paging_n .gotopage .numinput input{width:100%; height:29px; border: 0 none; outline: none; -webkit-appearance: none; text-align:center; vertical-align:middle;line-height:29px;}
.paging_n .gotopage .btn_go{float:right;height:31px;}
/* 2024.07.10 페이지네이션 수정 */
/* .paging_n .num{text-align:center;}
.paging_n .num a{display:inline-block; color:#6b6b6b; font-weight:bold; font-size:11px; line-height:10px; line-height:18px; height:18px; text-decoration:none; margin:0 3px 0 3px; border:1px solid #cdcdcd; background-color:#f0f0f0; padding:3px 5px 0px 4px; text-align:center; vertical-align:middle;}
.paging_n .num .on{border:1px solid #e75a6b; background-color:#f8dede; color:#e75a6b;}
.paging_n .num .btn_prev_off{display:inline-block; border:0; padding:0; height:23px; width:22px; background-image:url(/images/moon/content/paging/btn_prev_off.gif);}
.paging_n .num .btn_prev_on{display:inline-block; border:0; padding:0; height:23px; width:22px; background-image:url(/images/moon/content/paging/btn_prev_on.gif);}
.paging_n .num .btn_next_off{display:inline-block; border:0; padding:0; height:23px; width:22px; background-image:url(/images/moon/content/paging/btn_next_off.gif);}
.paging_n .num .btn_next_on{display:inline-block; border:0; padding:0; height:23px; width:22px; background-image:url(/images/moon/content/paging/btn_next_on.gif);} */
.paging_n .num{text-align:center; display: flex; justify-content: center; align-items: center; gap: 6px; width: 100%;}
.paging_n .num>a{ display: block; width: 32px; height: 32px; line-height: 30px; font-size: 12px; letter-spacing: -0.5px; color: #999; font-weight: 500; box-sizing: border-box; border: 1px solid #f0f0f0; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; background-color: transparent;}
.paging_n .num>a.on{font-weight: 700; color: #fff; border-color: #6B92D5; background-color: #6B92D5;}
.paging_n .num .btn_prev_off{background: url("/images/moon/content/paging/icon-pre-set.png")no-repeat center center; background-size: 100%; border-style: none;}
.paging_n .num .btn_prev_on{background: url("/images/moon/content/paging/icon-pre-set-on.png")no-repeat center center; background-size: 100%; border-style: none;}
.paging_n .num .btn_next_off{ background: url("/images/moon/content/paging/icon-pre-set.png")no-repeat center center; background-size: 100%; transform:scaleX(-1) ; -webkit-transform:scaleX(-1) ; -moz-transform:scaleX(-1) ; -ms-transform:scaleX(-1) ; -o-transform:scaleX(-1) ; border-style: none;}
.paging_n .num .btn_next_on{ background: url("/images/moon/content/paging/icon-pre-set-on.png")no-repeat center center; background-size: 100%; transform: scaleX(-1); -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); border-style: none;}
.sellerlist_board .boardtype1{width:100%;}
.sellerlist_board{width:770px;}
.sellerlist_board h3{font-size:12px; color:#363636; margin:20px 0 5px 0;text-align:left;}
.sellerlist_board .boardtype1 td{text-align:center; height:31px; line-height:31px;}
.sellerlist_board tbody td.title a:hover{text-decoration:underline;}
.sellerlist_board .boardtype1 td img{vertical-align:middle}
.sellerlist_board .boardtype1 tbody tr.select{background:#fcf1db;}
.sellerlist_board .paging_n{width:100%; text-align:center; height:40px;}
.search_result{height:110px; display:inline-block; width:100%; background:url(/images/moon/content/bg_searchresult.png) no-repeat; text-align:left; }
.search_result p{margin-left:190px;}
.search_result .searchinfo{font-size:16px; color:#444444; font-weight:bold; line-height:20px; overflow:hidden; margin-top:15px;}
.search_result .searchinfo span{font-size:16px; color:#eb3532; font-weight:bold;}
.search_result .tip{margin:9px 0 0 190px; background:url(/images/moon/content/icon_srtip.png) 40px 0 no-repeat;}
.search_result .tip ul{}
.search_result .tip li{margin-left:175px; font-size:11px; font-weight:normal; color:#929292; line-height:15px; background:url(/images/moon/content/icon_dot.png) 0 5px no-repeat; padding-left:8px;}
.search_result .tip li.none{background:none;}
.search_result .tip li span{color:#818181; font-weight:bold;}
/* 2014년 리뉴얼 */
#topmenu{width:100%; margin:0; padding:0;}
#topmenu .tm{width:1018px; margin:0 auto;}
#topmenu .top{height:25px; background:url(/images/moon/main/renew/bg_nvtop.png) repeat-x;}
#topmenu .top .left{float:left; margin-left:2px;}
#topmenu .top .left a{display:inline-block; height:25px;}
#topmenu .top .left .btn_home{background:url(/images/moon/main/renew/btn_nvtop.png) no-repeat 0 0; width:29px;}
#topmenu .top .left .btn_favorite{background:url(/images/moon/main/renew/btn_nvtop.png) no-repeat -29px 0; width:28px;}
#topmenu .top .right{float:right; color:#b3b3b3;}
#topmenu .top .right a{display:inline-block; font-size:11px; line-height:25px; text-decoration:none; color:#797979;}
#topmenu .top .right a:hover{color:#e02c2c;}
#topmenu .middle_area{margin-top:7px; height:100px; }
#topmenu .middle_area .logo{float:left; width:260px; height:80px;text-align:left; margin-right:6px;margin-top:15px;}
#topmenu .middle_area .logo img{margin-left:5px;}
#topmenu .middle_area .centerarea{float:left; width:493px; margin-right:15px;}
#topmenu .middle_area .centerarea .menu_ct{width:466px; height:28px; margin-left:34px; text-align:left; clear:both;}
#topmenu .middle_area .centerarea .menu_ct a{display:inline-block; height:28px;}
#topmenu .middle_area .centerarea .menu_ct a:hover{opacity:0.5;}
#topmenu .middle_area .centerarea .menu_ct .menu_ct01{width:60px; background:url(/images/moon/main/renew/btn_search_topmenu.png) 0 0 no-repeat;}
#topmenu .middle_area .centerarea .menu_ct .menu_ct02{width:87px; background:url(/images/moon/main/renew/btn_search_topmenu.png) -60px 0 no-repeat;}
#topmenu .middle_area .centerarea .menu_ct .menu_ct03{width:53px; background:url(/images/moon/main/renew/btn_search_topmenu.png) -147px 0 no-repeat;}
#topmenu .middle_area .centerarea .menu_ct .menu_ct04{width:63px; background:url(/images/moon/main/renew/btn_search_topmenu.png) -200px 0 no-repeat;}
#topmenu .middle_area .centerarea .menu_ct .menu_ct05{width:50px; background:url(/images/moon/main/renew/btn_search_topmenu.png) -263px 0 no-repeat;}
#topmenu .middle_area .centerarea .menu_ct .menu_ct06{width:55px; background:url(/images/moon/main/renew/btn_search_topmenu.png) -313px 0 no-repeat;}
#topmenu .middle_area .searchbox{height:41px; width:397px; background:#e02c2c; float:left; margin-right:6px; text-align:left;}
#topmenu .middle_area .searchbox_in{display:inline-block; height:27px; width:383px; background:#fff; margin:7px; text-align:center;}
#topmenu .middle_area .searchbox .sc_n{float:left; margin:0; width:92px;}
#topmenu .middle_area .searchbox .sc_n .selectlayer{text-align:left; font-size:11px;display:block;position:relative;height:18px;background-color:#FFFFFF;border:0;cursor:pointer;z-index:999999;}
#topmenu .middle_area .searchbox .sc_n .category_m{text-align:left; width:80px;}
#topmenu .middle_area .searchbox .sc_n td{text-align:left;}
#Link {display:inline;z-index:2;}
.selectlayer .pdefault {display:inline-block;width:80px; margin-top:5px;position:absolute;color:#333;font-family:"돋움";font-size:11px;margin-left:12px;height:18px; font-weight: 400;}
.searchBox.change-border .selectlayer .pdefault{color:#ABB1BE ;}
/* 2024.07.18 상단바 수정 */
.sc_n td img {vertical-align:middle;position:absolute; margin-top: 7px;}
.searchBox.change-border .sc_n td img{ transform: scaleY(-1); -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); }
/* 2024.07.18 상단바 수정 */
/* .selectlayer ul {position:absolute;left:0;top:27px;width:80px;display:none;background-color:#FFFFFF;list-style:none;} */
.selectlayer ul {position:absolute;left:-6px;top:27px;width:80px;display:none;background-color:#FFFFFF;list-style:none;}
.selectlayer ul li {float:left;display:inline-block;width:100%;background-color:#FFFFFF;font-family:"돋움";list-style:none; box-sizing: border-box; padding: 3.5px 0px;}
.selectlayer ul li a {display:inline-block; width: 100%; box-sizing: border-box; height:18px; padding:0px 8px 0px 16px; color:#333;line-height:20px;text-decoration:none; font-size:11px; font-weight: 400;}
/* .selectlayer ul li a:hover {background-color:#f4f4f4;color:#141517;text-decoration:none;} */
/* .selectlayer ul li a:hover {background-color:#E7EFFD;text-decoration:none;} */
#topmenu .middle_area .searchbox .search{margin-top:6px; height:18px; line-height:18px; font-size:12px; border:none; width:275px; text-align:left; float:left;}
#topmenu .middle_area .searchbox .btn_topsearch{width:79px;}
#topmenu .middle_area .hotsearch_keyword{width:403px; text-align:left; margin-top:5px;float:left;}
#topmenu .middle_area .hotsearch_keyword{width:403px; text-align:left; margin-top:5px;}
#topmenu .middle_area .hotsearch_keyword .keywords {display:inline-block}
#topmenu .middle_area .hotsearch_keyword .keywords li{float:left}
#topmenu .middle_area .hotsearch_keyword .keywords .item {height:16px;}
#topmenu .middle_area .hotsearch_keyword .left{float:left; margin-left:10px; width:; font-size:11px; color:#bfbfbf; width:350px; overflow:hidden; height:16px;}
#topmenu .middle_area .hotsearch_keyword .right{float:left; width:30px; text-align:left;}
#topmenu .middle_area .hotsearch_keyword .left a{color:#6a6a6a;font-size:11px; margin:0 3px;}
#topmenu .middle_area .hotsearch_keyword .left a:hover{text-decoration:underline;}
#topmenu .middle_area .hotsearch_keyword .right a{display:inline-block; margin-top:2px;}
#topmenu .middle_area .hotsearch_keyword .right .btn_keyword_left_on{background:url(/images/moon/main/renew/btn_keyword_lefton.png) no-repeat; width:13px; height:13px;}
#topmenu .middle_area .hotsearch_keyword .right .btn_keyword_left_off{background:url(/images/moon/main/renew/btn_keyword_leftoff.png) no-repeat; width:13px; height:13px;}
#topmenu .middle_area .hotsearch_keyword .right .btn_keyword_right_on{background:url(/images/moon/main/renew/btn_keyword_righton.png) no-repeat; width:13px; height:13px;}
#topmenu .middle_area .hotsearch_keyword .right .btn_keyword_right_off{background:url(/images/moon/main/renew/btn_keyword_rightoff.png) no-repeat; width:13px; height:13px;}
#topmenu .middle_area .r_banner{float:left; text-align:left; width:200px;}
#topmenu .middle_area .r_banner img{margin-top:12px;}
#topmenu .total_categorymenu{width:100%; background:url(/images/moon/main/renew/bg_cm.png) repeat-x; height:73px; text-align:left;}
#topmenu .total_categorymenu_s{width:1018px; margin:auto;}
#topmenu .total_categorymenu_s .left_ct{width:228px; position:absolute;}
#topmenu .total_categorymenu_s .ct_t{height:37px;}
#topmenu .total_categorymenu_s .ct_b{height:36px;}
#topmenu .total_categorymenu_s .left_ct .ct_b a{margin-top:5px; display:inline-block;}
#topmenu .total_categorymenu_s .btn_ct_view{width:125px; height:26px; background:url(/images/moon/main/renew/btn_topcartegory.png) no-repeat 0 0;}
#topmenu .total_categorymenu_s .btn_bcschedule{width:81px; height:26px; background:url(/images/moon/main/renew/btn_topcartegory.png) no-repeat -125px 0;}
#topmenu .total_categorymenu .right_ct{width:790px; position:absolute; margin-left:228px;}
#topmenu .total_categorymenu .right_ct .ct_t a{display:inline-block; height:37px;}
#topmenu .total_categorymenu .right_ct .ct_menu01{background:url(/images/moon/main/renew/btn_ctm_off.png) 0 0 no-repeat; width:63px;}/*-- 모바일 --*/
#topmenu .total_categorymenu .right_ct .ct_menu02{background:url(/images/moon/main/renew/btn_ctm_off.png) -63px 0 no-repeat; width:47px;}/*-- 영화 --*/
#topmenu .total_categorymenu .right_ct .ct_menu03{background:url(/images/moon/main/renew/btn_ctm_off.png) -110px 0 no-repeat; width:61px;}/*-- 드라마 --*/
#topmenu .total_categorymenu .right_ct .ct_menu04{background:url(/images/moon/main/renew/btn_ctm_off.png) -171px 0 no-repeat; width:59px;}/*-- 동영상 --*/
#topmenu .total_categorymenu .right_ct .ct_menu05{background:url(/images/moon/main/renew/btn_ctm_off.png) -230px 0 no-repeat; width:46px;}/*-- 게임 --*/
#topmenu .total_categorymenu .right_ct .ct_menu06{background:url(/images/moon/main/renew/btn_ctm_off.png) -276px 0 no-repeat; width:49px;}/*-- 애니 --*/
#topmenu .total_categorymenu .right_ct .ct_menu07{background:url(/images/moon/main/renew/btn_ctm_off.png) -325px 0 no-repeat; width:48px;}/*-- 유틸 --*/
#topmenu .total_categorymenu .right_ct .ct_menu08{background:url(/images/moon/main/renew/btn_ctm_off.png) -373px 0 no-repeat; width:73px;}/*-- 휴대기기 --*/
#topmenu .total_categorymenu .right_ct .ct_menu09{background:url(/images/moon/main/renew/btn_ctm_off.png) -446px 0 no-repeat; width:48px;}/*-- 교육 --*/
#topmenu .total_categorymenu .right_ct .ct_menu10{background:url(/images/moon/main/renew/btn_ctm_off.png) -494px 0 no-repeat; width:47px;}/*-- 문서 --*/
#topmenu .total_categorymenu .right_ct .ct_menu11{background:url(/images/moon/main/renew/btn_ctm_off.png) -541px 0 no-repeat; width:60px;}/*-- 이미지 --*/
#topmenu .total_categorymenu .right_ct .ct_menu12{background:url(/images/moon/main/renew/btn_ctm_off.png) -601px 0 no-repeat; width:47px;}/*-- 성인 --*/
#topmenu .total_categorymenu .right_ct .ct_menu13{background:url(/images/moon/main/renew/btn_ctm_off.png) -648px 0 no-repeat; width:48px;}/*-- 기타 --*/
#topmenu .total_categorymenu .right_ct .ct_menu14{background:url(/images/moon/main/renew/btn_ctm_off.png) -696px 0 no-repeat; width:75px;}/*-- 요청자료 --*/
#topmenu .total_categorymenu .right_ct .ct_menu01_selected{background:url(/images/moon/main/renew/btn_ctm_on.png) 0 0 no-repeat; width:63px;}/*-- 모바일 --*/
#topmenu .total_categorymenu .right_ct .ct_menu02_selected{background:url(/images/moon/main/renew/btn_ctm_on.png) -63px 0 no-repeat; width:47px;}/*-- 영화 --*/
#topmenu .total_categorymenu .right_ct .ct_menu03_selected{background:url(/images/moon/main/renew/btn_ctm_on.png) -110px 0 no-repeat; width:61px;}/*-- 드라마 --*/
#topmenu .total_categorymenu .right_ct .ct_menu04_selected{background:url(/images/moon/main/renew/btn_ctm_on.png) -171px 0 no-repeat; width:59px;}/*-- 동영상 --*/
#topmenu .total_categorymenu .right_ct .ct_menu05_selected{background:url(/images/moon/main/renew/btn_ctm_on.png) -230px 0 no-repeat; width:46px;}/*-- 게임 --*/
#topmenu .total_categorymenu .right_ct .ct_menu06_selected{background:url(/images/moon/main/renew/btn_ctm_on.png) -276px 0 no-repeat; width:49px;}/*-- 애니 --*/
#topmenu .total_categorymenu .right_ct .ct_menu07_selected{background:url(/images/moon/main/renew/btn_ctm_on.png) -325px 0 no-repeat; width:48px;}/*-- 유틸 --*/
#topmenu .total_categorymenu .right_ct .ct_menu08_selected{background:url(/images/moon/main/renew/btn_ctm_on.png) -373px 0 no-repeat; width:73px;}/*-- 휴대기기 --*/
#topmenu .total_categorymenu .right_ct .ct_menu09_selected{background:url(/images/moon/main/renew/btn_ctm_on.png) -446px 0 no-repeat; width:48px;}/*-- 교육 --*/
#topmenu .total_categorymenu .right_ct .ct_menu10_selected{background:url(/images/moon/main/renew/btn_ctm_on.png) -494px 0 no-repeat; width:47px;}/*-- 문서 --*/
#topmenu .total_categorymenu .right_ct .ct_menu11_selected{background:url(/images/moon/main/renew/btn_ctm_on.png) -541px 0 no-repeat; width:60px;}/*-- 이미지 --*/
#topmenu .total_categorymenu .right_ct .ct_menu12_selected{background:url(/images/moon/main/renew/btn_ctm_on.png) -601px 0 no-repeat; width:47px;}/*-- 성인 --*/
#topmenu .total_categorymenu .right_ct .ct_menu13_selected{background:url(/images/moon/main/renew/btn_ctm_on.png) -648px 0 no-repeat; width:48px;}/*-- 기타 --*/
#topmenu .total_categorymenu .right_ct .ct_menu14_selected{background:url(/images/moon/main/renew/btn_ctm_on.png) -696px 0 no-repeat; width:73px;}/*-- 요청자료 --*/
#submenu{}
#submenu div{}
#submenu_MOB{position:absolute;visibility: ;margin-left:0px; width:400px;}
#submenu_MVO{position:absolute;visibility: hidden;margin-left:60px;width:650px;}
#submenu_DRA{position:absolute;visibility: hidden;margin-left:110px;width:680px;}
#submenu_MED{position:absolute;visibility: hidden;margin-left:170px;width:600px;}
#submenu_GME{position:absolute;visibility: hidden;margin-left:220px;width:450px;}
#submenu_ANI{position:absolute;visibility: hidden;margin-left:230px;width:500px;}
#submenu_UTL{position:absolute;visibility: hidden;margin-left:200px;width:600px;}
#submenu_PTB{position:absolute;visibility: hidden;margin-left:330px;width:400px;}
#submenu_EDU{position:absolute;visibility: hidden;margin-left:380px;width:400px;}
#submenu_DOC{position:absolute;visibility: hidden;margin-left:475px;width:100px;}
#submenu_IMG{position:absolute;visibility: hidden;margin-left:520px;width:200px;}
#submenu_ADT{position:absolute;visibility: hidden;margin-left:390px;width:400px;}
#submenu_TON{position:absolute;visibility: hidden;margin-left:390px;width:400px;}
#submenu_ETC{position:absolute;visibility: hidden;margin-left:630px;width:150px;}
#submenu_REQ{position:absolute;visibility: hidden;margin-left:620px;width:200px;}
#submenu a.sub_on{color: #fff699;font-weight:bold;text-decoration: none;}
#submenu a{color: #fff;text-decoration: none; font-size:11px;}
#submenu a:hover{color: #fff699;font-weight:bold;text-decoration: none;}
/* 카테고리 전체보기 */
#viewcategory {height:272px;width:1018px;margin:0 auto; background:url(/images/moon/main/renew/bg_category.png) repeat-y;border-bottom:1px solid #dedede;background-color:#f9f9f9;padding:14px 0 14px 0;}
#viewcategory{display:none;}
#viewcategory ul{float:left;height:268px;width:77px;border-right:1px #dedede solid;text-align:left;margin-left:14px;font-size:11px;}
#viewcategory ul.linenone{width:67px;border-right:none;}
#viewcategory h2{font-size:11px;padding-bottom:2px;color:#f75151;}
#viewcategory li{padding-top:5px;}
#viewcategory a{color: #626262;text-decoration: none;font-size:11px;}
#viewcategory li a:hover{color: #626262;text-decoration: underline;font-size:11px;}
/* body-left영역 */
#leftarea{width:203px; display:inline-block; float:left;}
#leftarea .loginarea{width:203px; height:177px; background:url(/images/moon/main/renew/bg_loginbox.png) no-repeat; display:inline-block; text-align:center;}
#leftarea .login{margin:36px 0 0 0; height:70px;}
#leftarea .login .left{width:119px; text-align:center; float:left;}
#leftarea .login .left input{width:97px; margin:0 0 0 10px; border:none;}
#leftarea .login .left p{height:35px;}
#leftarea .login .right{width:84px; float:right; text-align:left; height:70px;}
#leftarea .loginarea .findid{width:203px; line-height:20px; margin:0; height:29px; font-size:11px; color:#797979;}
#leftarea .loginarea .findid .left{float:left; margin:2px 0 0 8px; width:60px; text-align:left;}
#leftarea .loginarea .findid .left input{margin-right:3px;}
#leftarea .loginarea .findid .right{float:right; margin:2px 8px 0 0; letter-spacing:-0.7px; width:127px; text-align:right;}
#leftarea .loginarea .findid .right a{font-size:11px; color:#797979; }
#leftarea .loginarea .findid .right a:hover{text-decoration:underline;}
#leftarea .loginarea .newv_memberjoin{height:38px;}
#leftarea .afterlogin{display:inline-block; width:201px; background:#fff; margin-top:3px; border-left:1px solid #e4e3e3 ;border-right:1px solid #e4e3e3;border-bottom:1px solid #e4e3e3;}
#leftarea .afterlogin .member_info1{background:#f5f5f5; border-bottom:1px solid #dadada; height:30px;}
#leftarea .afterlogin .member_info1 .left{color:#000; float:left; width:146px; text-align:left; margin:7px 0 0 4px;}
#leftarea .afterlogin .member_info1 .right{float:right; width:43px; text-align:right; margin:8px 7px 0 0;}
#leftarea .afterlogin .member_info1 .right a{color:#333; font-weight:bold;}
#leftarea .afterlogin .member_info1 .right a:hover{text-decoration:underline;}
#leftarea .afterlogin .member_info1 img{vertical-align:middle; margin-bottom:3px;}
#leftarea .afterlogin .member_info2{text-align:center; margin-top:0px;}
#leftarea .afterlogin .member_info2 div{width:177px; margin:3px 12px 0 12px; background:url(/images/moon/main/renew/line_dot.gif) repeat-x bottom; height:25px; line-height:25px; color:#595959; font-size:11px;}
#leftarea .afterlogin .member_info2 .left{display:inline-block; float:left; width:66px; text-align:left;}
#leftarea .afterlogin .member_info2 .right{display:inline-block; float:right; width:110px; text-align:right; font-weight:bold;}
#leftarea .afterlogin .member_info2 .cash .right{color:#6273dd;}
#leftarea .afterlogin .member_info2 .bpoint .right{color:#0d547d;}
#leftarea .afterlogin .member_info2 .cpoint .right{color:#849032;}
#leftarea .afterlogin .member_info2 .special .right{color:#333333;}
#leftarea .afterlogin .member_info2 .special{background:none;}
#leftarea .afterlogin .btn_moum{margin-top:2px; text-align:center;}
#leftarea .afterlogin .btn_moum a{display:inline-block; height:22px; width:62px;margin:0 1px 0 1px;}
#leftarea .afterlogin .btn_moum .logout{background:url(/images/moon/main/renew/btn_loginmoum.png) no-repeat 0 0;}
#leftarea .afterlogin .btn_moum .mypage{background:url(/images/moon/main/renew/btn_loginmoum.png) no-repeat -62px 0;}
#leftarea .afterlogin .btn_moum .charge{background:url(/images/moon/main/renew/btn_loginmoum.png) no-repeat -124px 0;}
#leftarea .lb01{margin:7px 0 0 0; height:154px;}
#leftarea .p_contents{margin:6px 0 8px 0; border:1px solid #e7e7e7;}
#leftarea .p_contents .pc_title{background:#f4f4f4; height:40px; vertical-align:top;}
#leftarea .p_contents .p_c_tab{height:26px; background:url(/images/moon/main/renew/main_ltab_line.png) #f4f4f4 repeat-x bottom; display:inline-block; width:100%; margin-bottom:2px;}
#leftarea .p_contents .p_c_tab a{display:inline-block; width:63px; height:26px; font-size:11px; margin-left:1px; text-align:center; line-height:26px;}
#leftarea .p_contents .p_c_tab a.on{background:url(/images/moon/main/renew/main_ltab_bg.png) no-repeat 0 0; font-weight:bold; color:#f22627;}
#leftarea .p_contents .p_c_tab a.off{background:url(/images/moon/main/renew/main_ltab_bg.png) no-repeat -63px 0; font-weight:normal; color:#a4a4a4;}
#leftarea .p_contents li{border-bottom:1px solid #e7e7e7; height:25px; line-height:26px; text-align:left;}
#leftarea .p_contents .pc_list01{background:url(/images/moon/main/renew/ico_list_num.png) no-repeat 0 -1px;}
#leftarea .p_contents .pc_list02{background:url(/images/moon/main/renew/ico_list_num.png) no-repeat 0 -20px;}
#leftarea .p_contents .pc_list03{background:url(/images/moon/main/renew/ico_list_num.png) no-repeat 0 -39px;}
#leftarea .p_contents .pc_list04{background:url(/images/moon/main/renew/ico_list_num.png) no-repeat 0 -58px;}
#leftarea .p_contents .pc_list05{background:url(/images/moon/main/renew/ico_list_num.png) no-repeat 0 -77px;}
#leftarea .p_contents .pc_list06{background:url(/images/moon/main/renew/ico_list_num.png) no-repeat 0 -96px;}
#leftarea .p_contents .pc_list07{background:url(/images/moon/main/renew/ico_list_num.png) no-repeat 0 -115px;}
#leftarea .p_contents .pc_list08{background:url(/images/moon/main/renew/ico_list_num.png) no-repeat 0 -134px;}
#leftarea .p_contents .pc_list09{background:url(/images/moon/main/renew/ico_list_num.png) no-repeat 0 -153px;}
#leftarea .p_contents .pc_list10{background:url(/images/moon/main/renew/ico_list_num.png) no-repeat 0 -172px;}
#leftarea .p_contents li a{font-size:11px; height:25px; color:#656565; text-decoration:none;margin-left:28px; width:165px; overflow:hidden; display:block; white-space:nowrap; text-overflow: ellipsis;}
#leftarea .p_contents li a:hover{text-decoration:underline;}
#leftarea .left_couponarea{height:61px; width:203px; display:inline-block; margin-top:7px;}
/*#leftarea .lregicoupon{margin:32px 0 0 25px; text-align:left;}
#leftarea .lregicoupon input{width:120px; border:none; float:left;}
#leftarea .left_couponarea .btn_regi{display:inline-block; width:35px; height:24px; margin-left:130px; margin-top:-19px; vertical-align:top;}*/
/* 20141203 가격전용지원관 관련 left 추가부분 */
#leftarea .lb02{margin:7px 0 0 0; height:61px;}
#leftarea .event_zone{margin-top:8px; border:1px solid #e7e7e7; text-align:left;}
#leftarea .event_zone .title{height:36px;}
#leftarea .event_zone .sub_title{background:url(/images/moon/main/renew/l_event_zone_arrow.png) #f4f4f4 9px 10px no-repeat; height:29px; line-height:29px; margin-bottom:2px; border-top:1px solid #e7e7e7; padding-left:23px; color:#666666; font-size:12px; font-weight:bold;}
#leftarea .event_zone .ez_list{margin:0 14px; border-bottom:1px solid #e7e7e7; margin-top:2px; line-height:28px; height:28px;}
#leftarea .event_zone .ez_list_last{margin:0 14px; border-bottom:0; margin-top:2px; line-height:28px; height:28px;}
#leftarea .event_zone a{color:#666666; font-size:12px; margin-left:10px;}
#leftarea .event_zone a:hover{color:#ec2c29;}
/* body-center 영역 */
#centerarea{width:618px; display:block; float:left;}
#centerarea .m_top_banner{text-align:center;}
#centerarea .main_banner_area{width:608px; height:200px; margin-left:5px; margin-right:5px;background-color:#000000;}
#centerarea .main_banner_area li{width:90%;left:0px;z-index:1;}
#centerarea .bestcontents, #centerarea .newcontents{margin-left:15px; width:593px; margin-right:10px;}
#centerarea .bestcontents .titlentab{height:43px; text-align:right; margin-bottom:3px;}
#centerarea .titlentab a{display:inline-block; height:26px; margin-top:17px;}
#centerarea .titlentab .tab_tot{background:url(/images/moon/main/renew/tab_cate_boardlist_off.png) no-repeat 0 0; width:58px;}
#centerarea .titlentab .tab_mov{background:url(/images/moon/main/renew/tab_cate_boardlist_off.png) no-repeat -58px 0; width:60px; margin-left:2px;}
#centerarea .titlentab .tab_dra{background:url(/images/moon/main/renew/tab_cate_boardlist_off.png) no-repeat -118px 0; width:60px; margin-left:2px;}
#centerarea .titlentab .tab_med{background:url(/images/moon/main/renew/tab_cate_boardlist_off.png) no-repeat -178px 0; width:60px; margin-left:2px;}
#centerarea .titlentab .tab_gae{background:url(/images/moon/main/renew/tab_cate_boardlist_off.png) no-repeat -238px 0; width:60px; margin-left:2px;}
#centerarea .titlentab .tab_ani{background:url(/images/moon/main/renew/tab_cate_boardlist_off.png) no-repeat -298px 0; width:59px; margin-left:2px;}
#centerarea .titlentab .tab_tot_on{background:url(/images/moon/main/renew/tab_cate_boardlist_on.png) no-repeat 0 0; width:58px;}
#centerarea .titlentab .tab_mov_on{background:url(/images/moon/main/renew/tab_cate_boardlist_on.png) no-repeat -58px 0; width:60px; margin-left:2px;}
#centerarea .titlentab .tab_dra_on{background:url(/images/moon/main/renew/tab_cate_boardlist_on.png) no-repeat -118px 0; width:60px; margin-left:2px;}
#centerarea .titlentab .tab_med_on{background:url(/images/moon/main/renew/tab_cate_boardlist_on.png) no-repeat -178px 0; width:60px; margin-left:2px;}
#centerarea .titlentab .tab_gae_on{background:url(/images/moon/main/renew/tab_cate_boardlist_on.png) no-repeat -238px 0; width:60px; margin-left:2px;}
#centerarea .titlentab .tab_ani_on{background:url(/images/moon/main/renew/tab_cate_boardlist_on.png) no-repeat -298px 0; width:59px; margin-left:2px;}
#centerarea .movietitle{background:url(/images/moon/main/renew/title_movie.png) no-repeat;}
#centerarea .dramatitle{background:url(/images/moon/main/renew/title_drama.png) no-repeat;}
#centerarea .titlentab .tab_movielist01{background:url(/images/moon/main/renew/tab_cate_movie_off.png) no-repeat 0 0; width:69px;}
#centerarea .titlentab .tab_movielist02{background:url(/images/moon/main/renew/tab_cate_movie_off.png) no-repeat -69px 0; width:69px; margin-right:4px;}
#centerarea .titlentab .tab_movielist01_on{background:url(/images/moon/main/renew/tab_cate_movie_on.png) no-repeat 0 0; width:69px;}
#centerarea .titlentab .tab_movielist02_on{background:url(/images/moon/main/renew/tab_cate_movie_on.png) no-repeat -69px 0; width:69px; margin-right:4px;}
#centerarea .titlentab .tab_dramalist01{background:url(/images/moon/main/renew/tab_cate_drama_off.png) no-repeat 0 0; width:79px; margin-right:4px;}
#centerarea .titlentab .tab_dramalist02{background:url(/images/moon/main/renew/tab_cate_drama_off.png) no-repeat -79px 0; width:99px;}
#centerarea .titlentab .tab_dramalist01_on{background:url(/images/moon/main/renew/tab_cate_drama_on.png) no-repeat 0 0; width:79px; margin-right:4px;}
#centerarea .titlentab .tab_dramalist02_on{background:url(/images/moon/main/renew/tab_cate_drama_on.png) no-repeat -79px 0; width:99px;}
#centerarea .newcontents{margin-top:7px; text-align:left; display:inline-block;}
#centerarea .newcontents .titlentab{height:43px; background:url(/images/moon/main/renew/title_newcontents.png) no-repeat; text-align:right; margin-bottom:5px;}
#centerarea .newcontents .nclist{width:593px;}
#centerarea .newcontents .nclist li{float:left;}
#centerarea .newcontents .nc_sum{width:160px; text-align:center;}
#centerarea .newcontents .nc_sum div{margin-top:5px;}
#centerarea .newcontents .nc_sum img{border:1px solid #c3c3c3; margin-bottom:3px;}
#centerarea .newcontents .nc_sum span{background:#a1a1a1; font-size:12px; color:#fff;}
#centerarea .newcontents { width:600px; height:auto; margin:0 auto; position:relative ; margin-top: 25px;}
/* 2024.07.01 타이틀 이미지를 텍스트로 변경 */
/* .newcontents .hot_ctn_tit { width:100%; height:30px; line-height:30px;background:url(/images/main/title_hot.jpg) no-repeat; background-position:left; border-bottom:1px #CCC solid;position:relative; margin-top:15px;} */
.newcontents .hot_ctn_tit { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 30px; line-height: 30px; border-bottom: 1px solid #ccc; position: relative; box-sizing: border-box; margin-left: 5px;}
.newcontents .hot_ctn_tit>p{color: #6a727e; font-size: 16px; letter-spacing: -0.5px; }
.newcontents .hot_ctn_tit>p>*{font-weight: 700;}
.newcontents .hot_ctn_tit>p {color:#0b0d2a;}
.newcontents .hot_ctn_tit>p>strong+b { margin-left: 2px;}
.newcontents .hot_ctn_tit>p strong{color: #6591d9;}
.newcontents .hot_ctn_tit .hot_ctn_rig {float:right; text-align:right;}
.newcontents .hot_ctn_tit .hot_ctn_rig li { list-style:none; padding:0px 10px; float:left; font-size:12px; background:url(/images/main/line2.gif) 0px 10px no-repeat; cursor:pointer; font-weight:bold; letter-spacing:-.5px }
.newcontents .hot_ctn_tit .hot_ctn_rig li:hover { border-bottom:#CC0000 2px solid; color:#CC0000}
.newcontents .hot_ctn_tit .hot_ctn_rig li.hot_on { border-bottom:#CC0000 2px solid; color:#CC0000}
.newcontents .hot_ctn_tit .hot_ctn_rig li.bgno { background:url(/images/main/line2.gif) 0px 60px no-repeat;}
#centerarea .newcontents .nc_list{width:578px; margin-top:3px; margin-left:15px;}
#centerarea .newcontents .nc_list li{width:578px; text-align:left; height:30px; line-height:30px;}
#centerarea .nc_list .r_phone{background:url(/images/moon/main/renew/icon_phone.png) 0 -2px no-repeat; display:inline-block; width:11px; height:25px; float:left;}
#centerarea .nc_list .g_phone{background:url(/images/moon/main/renew/icon_phone.png) 0 -28px no-repeat; display:inline-block; width:11px; height:25px; float:left;}
#centerarea .nc_list li .genre{width:50px; position:absolute; font-size:11px; margin-left:515px;}
#centerarea .nc_list li a{margin-left:5px; line-height:30px; height:30px; text-decoration:none; color:#777777; width:505px; overflow:hidden; position:absolute;}
#centerarea .nc_list li a:hover{text-decoration:underline;}
#centerarea li a.redfont{color:#e02c2c;}
#centerarea .bestcontents .sum_list{text-align:center; margin-top:14px; display:inline-block;}
/* 영화&드라마리스트 레이어추가 */
#centerarea .bestcontents .sum_list li{float:left; display:inline-block; margin:0 5px 0 6px; text-align:center;}
#centerarea .bestcontents .sum_list li .thumb{position:relative;height:146px; width:106px;overflow:hidden;}
#centerarea .bestcontents .sum_list li .thumb .movieposter_img img{height:146px; width:106px;}
#centerarea .bestcontents .sum_list li .thumb .thumb_dsc {height:146px; width:106px;background:url(/images/moon/tvschedule/cover.png); text-align:center; position:absolute; top:-146px; left:0; display:inline-block;}
#centerarea .bestcontents .sum_list li .thumb .thumb_dsc .coverlink{display:inline-block; position:absolute; height:146px; width:106px; left:0; text-decoration:none; cursor:pointer;}
#centerarea .bestcontents .sum_list li .thumb .thumb_dsc .t_dsc_mov{position:absolute; left:7px; width:92px; margin-top:89px; text-align:center;}
#centerarea .bestcontents .sum_list li .thumb .thumb_dsc .t_dsc_dra{position:absolute; left:7px; width:92px; margin-top:90px; text-align:center;}
#centerarea .bestcontents .sum_list li .thumb .thumb_dsc .t_dsc_mov .dsc1{font-size:11px; color:#f6e807; font-weight:bold; height:24px; line-height:24px; width:92px;text-overflow: ellipsis; overflow:hidden; white-space:nowrap; margin-bottom:5px; border-bottom:1px solid #fff;}
#centerarea .bestcontents .sum_list li .thumb .thumb_dsc .t_dsc_dra .dsc1{font-size:11px; color:#f6e807; font-weight:bold; height:24px; line-height:24px; width:92px;text-overflow: ellipsis; overflow:hidden; white-space:nowrap;}
#centerarea .bestcontents .sum_list li .thumb .thumb_dsc .t_dsc_dra .dsc2{font-size:11px; color:#fff; font-weight:bold; height:22px; line-height:20px; width:92px;text-overflow: ellipsis; overflow:hidden; white-space:nowrap; border-bottom:1px solid #fff; margin-bottom:3px;}
#centerarea .bestcontents .sum_list li .thumb .thumb_dsc .dsc2{font-size:11px; color:#fff; font-weight:bold; height:20px; line-height:20px; width:92px;text-overflow: ellipsis; overflow:hidden; white-space:nowrap;}
#centerarea .bestcontents .sum_list li .thumb .thumb_dsc .dsc3{font-size:11px; color:#fff; width:92px;display:block;text-overflow: ellipsis; overflow:hidden; white-space:nowrap;}
/* body-right 영역 */
#rightarea{ float:right; width:100%; margin:0 auto; padding-top:0px; }
#rightarea .rig_coupon {width:197px;height:202px; margin:0 auto; text-align:center; }
#rightarea .btn_rig_banner {width:195px; height:354px; margin-top:5px; border:1px solid #e2e2e2; }
#rightarea .btn_rig_banner li { float:left; height:70px; list-style:none; cursor:pointer ; text-align:left; }
#rightarea .btn_rig_banner .rba_bot { border-bottom:1px solid #e2e2e2;}
/* #rightarea .rig_menu_bot { width:195px; height:50px; background:url(/images/main/banner_main_left_bot2.jpg) no-repeat; background-position:center; display:block; border-left:#dddddd 1px solid; border-right:#dddddd 1px solid; border-bottom:#dddddd 1px solid; } */
#rightarea .rig_menu_bot { width:197px; height:auto; display:block; border-left:#dddddd 1px solid; border-right:#dddddd 1px solid; border-bottom:#dddddd 1px solid; text-align:left; padding:5px; box-sizing:border-box; color:#959595; font-size:11px; letter-spacing:-1px; line-height:15px; }
#rightarea .rig_menu_bot > span.fontRed { font-weight:none; color:#bd6466; }
/*우측 실시간 시작*/
#rightarea .news{margin-top:7px; border:1px solid #e2e2e2;}
#rightarea .news .newstab{}
#rightarea .news .newstab a{display:inline-block; text-align:center; font-size:11px;}
#rightarea .news .newstab .newstab_on{background:url(/images/moon/main/renew/tab_bg_red.png) #fff repeat-x top; border-right:1px solid #e2e2e2; color:#012231; font-weight:bold; width:96px; height:31px; line-height:31px;border-bottom:fff;}
#rightarea .news .newstab .newstab_on2{background:url(/images/moon/main/renew/tab_bg_red.png) #fff repeat-x top; border-left:1px solid #e2e2e2; color:#012231; font-weight:bold; width:96px; height:31px; line-height:31px;border-bottom:fff;}
#rightarea .news .newstab .newstab_off{background:#f5f5f5; color:#6b6d70; font-weight:bold; width:97px; border-bottom:1px solid #e2e2e2; border-left:1px solid #fff; height:30px; line-height:30px;}
#rightarea .news ul{margin:7px 0 5px 12px;}
#rightarea .news li a{font-size:11px; color:#575757; text-decoration:none; line-height:21px; height:21px; width:175px; overflow:hidden; display:block;}
#rightarea .news li a:hover{text-decoration:underline;}
#rightarea .downloadprogram{display:inline-block; margin-top:7px;}
/* 실시간 급상승*/
#rightarea .p_contents_r {border:1px solid #e7e7e7; margin-top:5px; }
#rightarea .p_contents_r .pc_title, #rightarea .news_req .pc_title{background:#f4f4f4; width: 101%; height: 36px; display: flex; justify-content: flex-start; align-items: center; box-sizing: border-box; padding-left: 5px; font-size: 14px; letter-spacing: -0.5px; gap: 2px; position: relative; color: #575757; margin-left: -0.5%;}
#rightarea .p_contents_r .pc_title strong, #rightarea .news_req .pc_title strong{color: #3653a3;}
#rightarea .p_contents_r .pc_title::before, #rightarea .news_req .pc_title::before{content: ''; display: block; width: 100%; height: 3px; background-color: #424242; position: absolute; left: 0px; top: -2px;}
#rightarea .p_contents_r .pc_title::after, #rightarea .news_req .pc_title::after{content: ''; display: block; width: 30%; height: 3px; background-color: #5583cf; position: absolute; left: 0px; top: -2px;}
#rightarea .p_contents_r .p_c_tab{ width:100%; height:26px; background:url(/images/moon/main/renew/main_ltab_line.png) #f4f4f4 repeat-x bottom; display:table; margin-bottom:2px;}
#rightarea .p_contents_r .p_c_tab a{display:table-cell ; width:63px; height:26px; font-size:11px; margin-left:1px; text-align:center; line-height:26px;}
#rightarea .p_contents_r .p_c_tab a.on{background:url(/images/main/main_ltab_bg.png) no-repeat 0 0; font-weight:bold; color:#f22627;}
#rightarea .p_contents_r .p_c_tab a.off{background:url(/images/main/main_ltab_bg.png) no-repeat -63px 0; font-weight:normal; color:#a4a4a4;}
#rightarea .p_contents_r li{border-bottom:1px solid #e7e7e7; text-align:left;height:23px; line-height:23px;}
#rightarea .p_contents_r li a{width:165px; font-size:11px; height:23px; line-height:23px; color:#656565; text-decoration:none; margin-left:28px; overflow:hidden; display:block; white-space:nowrap; text-overflow: ellipsis;}
#rightarea .p_contents_r li a:hover{text-decoration:underline;}
#rightarea .p_contents_r .pc_list01{background:url(/images/moon/main/renew/ico_list_num.png) no-repeat 0 -1px;}
#rightarea .p_contents_r .pc_list02{background:url(/images/moon/main/renew/ico_list_num.png) no-repeat 0 -20px;}
#rightarea .p_contents_r .pc_list03{background:url(/images/moon/main/renew/ico_list_num.png) no-repeat 0 -39px;}
#rightarea .p_contents_r .pc_list04{background:url(/images/moon/main/renew/ico_list_num.png) no-repeat 0 -58px;}
#rightarea .p_contents_r .pc_list05{background:url(/images/moon/main/renew/ico_list_num.png) no-repeat 0 -77px;}
#rightarea .p_contents_r .pc_list06{background:url(/images/moon/main/renew/ico_list_num.png) no-repeat 0 -96px;}
#rightarea .p_contents_r .pc_list07{background:url(/images/moon/main/renew/ico_list_num.png) no-repeat 0 -115px;}
#rightarea .p_contents_r .pc_list08{background:url(/images/moon/main/renew/ico_list_num.png) no-repeat 0 -134px;}
#rightarea .p_contents_r .pc_list09{background:url(/images/moon/main/renew/ico_list_num.png) no-repeat 0 -153px;}
#rightarea .p_contents_r .pc_list10{background:url(/images/moon/main/renew/ico_list_num.png) no-repeat 0 -172px;}
/* 신규 요청*/
#rightarea .news_req {border:1px solid #e7e7e7; margin-top:8px; }
/* #rightarea .news_req .pc_title{background:#f4f4f4; height:40px; vertical-align:top;} */
#rightarea .news_req .pc_title{cursor: pointer;}
#rightarea .news_req .pc_title>b::before{content: '+'; display: block; position: absolute; right: 35px; top: 9px; width: fit-content; font-weight: 900; font-size: 10px; color: #5987d6;}
#rightarea .news_req .pc_title>b::after{content: 'more'; display: block; position: absolute; right: 5px; top: 9px; width: fit-content; font-weight: 300; font-size: 10px; scale: 0.9; text-transform: uppercase; letter-spacing: 1px;}
#rightarea .news_req ul{margin:7px 0 5px 7px}
#rightarea .news_req li { width:170px; height:23px; line-height:23px; text-align:left;list-style:none; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#rightarea .news_req li a:hover{width:170px; height:23px; line-height:23px; text-align:left;list-style:none; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;text-decoration:underline;}
/*마이페이지 각 html 에 있던것들*/
table ol.topText {width: 765px; }
table ol.topText li {line-height:30px;border-bottom: 1px #d6d6d6 dotted;text-align:left;}
/* footer 영역 */
#footerarea{width:1018px; margin:0 auto;}
#footerarea .companypolicy{border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; line-height:30px; height:30px; color:#e1e1e1; text-align:center; margin-top:25px;}
#footerarea .copyright{text-align:center; margin-top:20px;}
#footerarea address{text-align:center; margin-top:5px; margin-bottom:30px;}
address{font:9px Verdana;}
address .redfont{font:bold 12px dotum; color:#ef7b7b;}
.tx_c{text-align:center;}
.blind{display:none;}
.list_blank{margin-bottom:10px;}
/* 좌우배너 */
#filev_wingbanner{width:0px; margin:0 auto;}
.leftwingbanner{width:120px; position:absolute; margin-left:-619px;top:215px;}
.rightwingbanner{width:107px; position:absolute; margin-left:515px;top:215px;}
/* 쪽지보내기 */
#pop_memo{width:450px;}
#pop_memo .memo_title{height:39px; line-height:39px; background-color:#555e6c; text-align:left; color:#ffffff;font-weight:bold;padding-left:10px;}
#pop_memo .memo_title a{margin:6px 12px 0 0; background:url(/images/moon/main/renew/btn_memoclose.png) no-repeat; width:25px; height:25px; display:block; float:right;}
#pop_memo .memo_btnarea{height:42px; border-bottom:1px solid #e0dfdf;}
#pop_memo .memo_btnarea .leftbtn{float:left; margin:8px 0 0 13px;}
#pop_memo .memo_btnarea .leftbtn a{margin-right:4px;}
#pop_memo .memo_btnarea .leftbtn .mt_btn_send{background:url(/images/moon/main/renew/btn_memo_send.png) no-repeat; width:71px; height:25px;display:inline-block;}
#pop_memo .memo_btnarea .leftbtn .mt_btn_del{background:url(/images/moon/main/renew/btn_memo_del.png) no-repeat; width:56px; height:25px;display:inline-block;}
#pop_memo .memo_btnarea .leftbtn .mt_btn_keep{background:url(/images/moon/main/renew/btn_memo_keep.png) no-repeat; width:50px; height:25px;display:inline-block;}
#pop_memo .memo_btnarea .leftbtn .mt_btn_rep{background:url(/images/moon/main/renew/btn_memo_rep.png) no-repeat; width:50px; height:25px;display:inline-block;}
#pop_memo .memo_btnarea .rightbtn{float:right; margin:13px 20px 0 0;}
#pop_memo .memo_btnarea .rightbtn a{color:#9a9a9a;}
#pop_memo .memo_btnarea .rightbtn a:hover{text-decoration:underline;}
#pop_memo .memo_btnarea .rightbtn .mt_btn_block{font-weight:bold;}
#pop_memo .memo_btnarea .rightbtn .mt_btn_report{background:url(/images/moon/main/renew/ico_mt_report.png) no-repeat; display:inline-block; padding-left:16px;}
#pop_memo .memo_textbox{display:inline-block; background:#f4f4f4; width:100%; height:369px; text-align:left;}
#pop_memo .memo_textbox .mt_memoinfo{margin:12px 10px 10px 20px; font-weight:bold; line-height:20px; color:#333;}
#pop_memo .memo_textbox .mt_memoinfo a{font-weight:normal;}
#pop_memo .memo_textbox .mt_memoinfo a:hover{text-decoration:underline;}
#pop_memo .memo_textbox .mt_memoinfo .memo_mailadress{width:270px; border:1px solid #a1a1a1; height:20px; line-height:20px;}
#pop_memo .memo_textbox .mt_memo_cont_input{margin:0 20px 10px 20px; width:408px; height:190px;}
#pop_memo .memo_textbox .mt_checkarea{border-bottom:1px solid #e0dfdf; display:inline-block; margin:0 20px 0 20px; width:410px; height:40px;}
#pop_memo .memo_textbox .mt_checkarea .ca_left{font-weight:bold; color:#333;float:left;}
#pop_memo .memo_textbox .mt_checkarea .ca_right{font-size:11px; color:#9a9a9a; float:right;}
#pop_memo .memo_textbox .mt_memo_cont_box{border-top:1px solid #9a9a9a; border-bottom:1px solid #d4d4d4; height:258px; display:block; width:100%; background:#fff; overflow:auto; overflow-x:hidden;}
#pop_memo .memo_textbox .mt_memo_cont{margin:15px 20px 15px 20px; line-height:24px;}
#pop_memo .memo_textbox .mt_notice{margin:13px 20px 0 20px;}
#pop_memo .memo_textbox .mt_notice li{line-height:14px; margin-bottom:5px; font-size:11px; color:#9a9a9a; background:url(/images/moon/main/renew/ico_memodot.png) no-repeat 0 5px; padding-left:8px;}
/* 마이페이지 */
#wrap{width:805px;}
.banner{margin-bottom:10px;}
.mp_info .box1, .mp_info .box2{width:398px; float:left;}
.mp_info .box1_add h3{ height:188px; background-color:#919191; line-height:188px;}
.mp_info .box2_add h3{ height:188px; background-color:#919191; line-height:188px;}
.marginr10{margin-right:9px;}
.mp_info h3{float:left; width:93px; background-color:#cccccc; color:#ffffff; font-size:11px; font-weight:bold; display:inline-block; height:126px; line-height:126px; text-align:center;}
.mp_info div{width:305px; display:inline-block; font-size:11px; color:#838383; float:left; background-image:url(/images/moon/main/renew/mpbg_dot01.gif); background-repeat:repeat-x; background-position:bottom; text-align:left;}
.mp_info h4{float:left; width:80px; background-color:#f8f8f8; font-size:11px; font-weight:normal; color:#a1a1a1; text-align:center; display:inline-block; background-image:url(/images/moon/main/renew/mpbg_dot02.gif); background-repeat:repeat-y; background-position:right; margin-right:10px;}
.mp_info .topline{border-top:1px #d5d5d5 solid;}
.mp_info .bottomline{border-bottom:2px #d5d5d5 solid; background-image:url();}
.mp_info .box1 div{height:46.5px; line-height:46px;}
.mp_info .box1 h4{height:45.5px; line-height:46px;}
.mp_info .box2 div{height:26px; line-height:26px;}
.mp_info .box2 h4{height:26px; line-height:26px;}
.mp_info .box2 .topline{height:26px; line-height:26px;}
.mp_info .box2 .topline h4{height:26px; line-height:26px;}
/* info 추가 */
.mp_infon { width:805px; margin:0 auto; }
.mp_infon .mp_infon_s { width:100%; height:100%; margin:0 auto; float:left; }
.mp_infon .mp_infon_s table { width:100%; margin:0 auto; padding:0;border:1px #d5d5d5 solid; }
.mp_infon .mp_infon_s table td { line-height:20px ; font-size:11px; padding:5px; border-bottom:1px #cccccc dotted; }
.mp_infon .mp_infon_s .mptd_tit1 { background:#666; text-align:center; color:#FFFFFF}
.mp_infon .mp_infon_s .mptd_tit2 { background:#f8f8f8; text-align:center; color:#999999}
.mp_text{width:100%; height:30px; line-height:30px;color:#737373; font-size:11px; font-weight:bold; text-align:center; background-color:#f3f3f3; border:1px #f3f3f3 solid;}
.mp_text span{color:#f75151;}
.margint20{margin-top:20px;}
.myevent{margin-top:5px; width:100%; display:inline-block;}
.myevent div{border-bottom:1px #d5d5d5 solid; font-size:11px; color:#838383; height:60px; line-height:30px; float:left; text-align:center;}
.myevent h4{background-color:#f3f3f3; font-size:11px; font-weight:normal; display:inline-block; height:30px; line-height:30px; width:100%;}
.marginr2{margin-right:3px; width:266px;}
.w267{width:267px;}
.mp_boardtitle{margin-top:20px; display:inline-block; height:20px; width:805px; clear:both;}
.mp_boardtitle h4{background:url(/images/moon/main/renew/ico_mypagearrow.gif) no-repeat 0px 1px; text-align:left; font-size:12px; font-weight:bold; color:#363636; padding-left:16px; float:left; width:500px;}
.mp_boardtitle a{float:right; text-align:right; font-size:11px; color:#f75151; font-weight:bold; text-decoration:none; line-height:18px;}
.mp_bobtn { width:805px; margin-top:20px; display:inline-block; clear:both;}
.mp_bobtn h4{background:url(/images/moon/main/renew/ico_mypagearrow.gif) no-repeat 0px 1px; text-align:left; font-size:12px; font-weight:bold; color:#363636; padding-left:16px; float:left; width:50%;}
.mp_bobtn .btn_rm{float:right; text-align:right; font-size:11px; color:#f75151; font-weight:bold; text-decoration:none; line-height:18px;}
.mp_bobtn .btn_rm span { padding:3px 15px; font-size:11px; text-align:center; background-color:#f9f9f9; color:#666; border:1px #ccc solid;cursor:pointer; }
.mp_bobtnL { width:100%; margin-top:20px; height:30px; text-align:left;}
.mp_bobtnL .btn_rmL{ display:inline-block; text-align:center; font-size:11px; color:#f75151; font-weight:bold; text-decoration:none; line-height:18px;}
.mp_bobtnL .btn_rmL span { padding:3px 15px; font-size:11px; text-align:center; background-color:#f9f9f9; color:#666; border:1px #ccc solid;cursor:pointer; }
.btn_malarm {width:180px;height:30px; line-height:30px; position:absolute; top:50px; right:30px; cursor:pointer; background:#333; border:#ffffff 1px solid; color:#ffffff;
-webkit-border-radius:3px ; -moz-border-radius:3px ; border-radius:3px; cursor:pointer}
.btn_malarm:hover {width:180px;height:30px; line-height:30px; position:absolute; top:50px; right:30px; cursor:pointer; background:#ea4335; border:#790000 1px solid; color:#ffffff;
-webkit-border-radius:3px ; -moz-border-radius:3px ; border-radius:3px; cursor:pointer;}
.mypage_tablestyle{width:100%; margin:0 auto;}
.mypage_tablestyle thead td{background-color:#f3f3f3; font-size:11px; font-weight:bold; color:#919191; border-bottom:1px #ccc solid; border-top:1px #ccc solid; height:35px; line-height:35px; text-align:center;}
.mypage_tablestyle tbody td{color:#919191; font-size:11px; height:35px; line-height:35px; background-image:url(/images/moon/main/renew/mpbg_dot01.gif); background-repeat:repeat-x;
background-position:bottom; text-align:center;}
.mypage_tablestyle tbody td.btn_app .button.small{background:none;top:-3px}
.mypage_tablestyle tbody td.btn_app .button.small *{background:none}
.mypage_tablestyle tbody .title{text-align:left; padding-left:10px;}
.mypage_tablestyle tbody .btn_app img{padding-bottom:1px;}
.mypage_tablestyle tbody .non-list{text-align:center; font-size:11px; color:#f75151;}
.mypage_tablestyle tbody td a{color:#919191; font-size:11px; text-decoration:none;}
.mypage_tablestyle tbody td a:hover{color:#919191; font-size:11px; text-decoration:underline;}
.marginb50{margin-bottom:50px;}
.mypage_tablebtn tbody td .btn { float:left; height:35px; line-height:36px; margin-left:18px; padding:0 30px; background:#ea4335; border:#790000 1px solid; border-radius:4px; font-size:12px; font-weight:bold; color:#ffffff; cursor:pointer; }
.mypage_tablebtn tbody td .btn:hover { background:#f3f3f3; border:#a5a08f 1px solid; color:#000; }
.tvtable_info {clear:both;margin:0 auto; padding-top:30px;padding-bottom:15px; }
.tvtable_info li { list-style:none;height:30px; line-height:30px; vertical-align:middle;}
.tvtable_info .sub_btn_tvtable { width:30%; line-height:35px; height:35px; margin-bottom:20px; margin:0 auto; text-align:center; font-weight:bold; font-size:1.2em; color:#fff; background-color:#666;-webkit-border-radius:50px ; -moz-border-radius:50px ; border-radius:50px; cursor:pointer }
.tvtable_info .sub_btn_tvtable:hover { width:30%; line-height:35px; height:35px; margin-bottom:20px; margin:0 auto; text-align:center; font-weight:bold; font-size:1.2em; color:#fff; background-color:#e31232;-webkit-border-radius:50px ; -moz-border-radius:50px ; border-radius:50px; cursor:pointer }
/* 판매자용 */
.mp_sellerinfo{margin-top:5px; width:100%; height:90px;}
.mp_sellerinfo .box{width:402px; float:left;}
.mp_sellerinfo p{border-bottom:1px #ffffff solid; float:left; display:inline-block; height:30px; line-height:30px;}
.mp_sellerinfo h4{ box-sizing: border-box;background-color:#f3f3f3; font-size:11px; color:#838383; font-weight:normal; display:inline-block; height:30px; line-height:30px; /*width:120px;*/ width: 150px; text-align:left; /*padding-left:30px;*/ padding-left: 15px; font-weight:bold; float:left;}
.mp_sellerinfo .box div{font-size:11px; color:#838383; height:29px; line-height:29px; float:left; width:252px; border-bottom:1px #d5d5d5 solid; text-align: left;}
.margin15{margin:5px 15px 0 15px;}
.marginr9{margin-right:8px;}
.textc{text-align:center;}
.textl{text-align:left;}
.mp_sellerinfo .box span{margin-left:15px; /*width:150px;*/ display:inline-block; /*text-align:right;*/ margin-right:5px;}
.mp_sellerinfo .box.box_rig { width: 395px;}
.mp_sellerinfo .box.box_rig div.textl { width: 245px;}
.btn_seller { display: inline-block; margin-left: 7px; padding: 0 10px; height: 18px; line-height: 18px; box-sizing: border-box; background-color: #429af4; border: 1px solid #2c84de; border-radius: 3px; color: #fff !important;}
/* 판매자 출금 공지 레이어 20200420 */
.seller_layer_pay_wrap { clear:both; float:right; z-index:999; position:absolute; top:0; right:0; width:805px; height:100%; margin:0 auto; }
.seller_layer_pay { position:relative; width:450px; height:500px; margin:0 auto; margin-top:200px; background:url(/images/popup/popup_seller_200420.jpg) no-repeat; }
.seller_layer_pay .btn_layer_close { position:absolute; top:17px; right:10px; width:40px; height:40px; cursor:pointer; }
/* 마이페이지 left영역 */
#leftwrap{width:201px; border:1px solid #dedede;}
#leftwrap .lmenu_tab a{height:31px; display:inline-block; float:left; line-height:31px; text-align:center; text-decoration:none; margin-bottom:10px;}
#leftwrap .lmenu_tab .on1{border-top:2px solid #f75151; border-bottom:1px solid #fff; background:url(/images/moon/main/renew/bg_rline.gif) #fff no-repeat right; color:#f75151; font-size:12px; font-weight:bold;}
#leftwrap .lmenu_tab .tableft{width:101px;}
#leftwrap .lmenu_tab .tabright{width:100px;}
#leftwrap .lmenu_tab .on2{border-top:2px solid #f75151; border-bottom:1px solid #fff; background:url(/images/moon/main/renew/bg_rline.gif) #fff no-repeat left; color:#f75151; font-size:12px; font-weight:bold;}
#leftwrap .lmenu_tab .off{border-top:2px solid #fbfbfb; border-bottom:1px solid #dedede; background:#fbfbfb; color:#9b9b9b; font-size:12px; font-weight:normal; cursor:hand;}
#leftwrap .menulist{margin:0 0 8px 20px;}
#leftwrap .menulist li{font-size:11px; text-align:left; line-height:23px;letter-spacing:-.2px;}
#leftwrap .menulist a{text-decoration:none; display:inline-block;}
#leftwrap .menulist a:hover{text-decoration:underline;}
#leftwrap .menulist .dep01{margin-bottom:3px;}
#leftwrap .menulist .dep01 a{font-weight:bold; color:#175883;}
#leftwrap .menulist .dep02 a{background:url(/images/moon/main/renew/bg_lmenudot.gif) no-repeat 0 8px; color:#6e6e6e; margin-left:10px; padding-left:7px;}
#leftwrap .menulist .dep02 .selected{font-weight:bold; color:#4d4d4d;}
/*마이페이지 탭 메뉴*/
.cs_tab {clear:both; width:100%; margin:0 auto; height:31px; border-bottom:#6a92d5 2px solid; font-size:12px; margin-top:15px;}
.cs_tab li {list-style:none; float:left; text-align:center; cursor:pointer; font-size:13px; letter-spacing:-.5px;}
.cs_tab .tab_01{ width:20%; height:30px; line-height:30px; background:#f9f9f9;border-top:#ccc 1px solid; border-left:#ccc 1px solid; border-right:#ccc 1px solid; border-bottom:#6a92d5 1px solid}
.cs_tab .tab_02{ width:20%; height:30px; line-height:30px; background:#f9f9f9;border-top:#ccc 1px solid; border-left:#ccc 1px solid; border-right:#ccc 1px solid; border-bottom:#6a92d5 1px solid}
.cs_tab .tab_03{ width:20%; height:30px; line-height:30px; background:#f9f9f9;border-top:#ccc 1px solid; border-left:#ccc 1px solid; border-right:#ccc 1px solid; border-bottom:#6a92d5 1px solid}
.cs_tab .tab_04{ width:20%; height:30px; line-height:30px; background:#f9f9f9;border-top:#ccc 1px solid; border-left:#ccc 1px solid; border-right:#ccc 1px solid; border-bottom:#6a92d5 1px solid}
.cs_tab .tab_01:hover { border-top:#6a92d5 1px solid; border-left:#6a92d5 1px solid; border-right:#6a92d5 1px solid; color:#000000;font-weight:bold}
.cs_tab .tab_02:hover { border-top:#6a92d5 1px solid; border-left:#6a92d5 1px solid; border-right:#6a92d5 1px solid; color:#000000;font-weight:bold}
.cs_tab .tab_03:hover { border-top:#6a92d5 1px solid; border-left:#6a92d5 1px solid; border-right:#6a92d5 1px solid; color:#000000;font-weight:bold}
.cs_tab .tab_04:hover { border-top:#6a92d5 1px solid; border-left:#6a92d5 1px solid; border-right:#6a92d5 1px solid; color:#000000;font-weight:bold}
.cs_tab .on { background-color:#6a92d5; color:#FFF; font-weight:bold}
/*좌 메뉴 친구관리 */
#friend_wrap{width:201px;border-left:1px solid #dedede;border-right:1px solid #dedede;border-bottom:1px solid #dedede; }
#friend_wrap .left_myfriend {clear:both; width:100%; margin:0 auto; padding-top:10px; padding-bottom:10px; position:relative;}
#friend_wrap .left_myfriend ul { width:180px;margin-left:10px; }
#friend_wrap .left_myfriend li { display:block;vertical-align:middle; cursor:pointer}
#friend_wrap .left_myfriend .my_friend { text-align:left; line-height:25px; height:25px; font-weight:bold; font-size:12px ; border-bottom:#999 1px dotted; margin-top:10px; background:url(../images/main/icon_list.gif) no-repeat 0px 5px;padding-left:15px;}
#friend_wrap .left_myfriend .my_friend .btn_radd {float:right; text-align:center; line-height:10px; height:16px; vertical-align: middle; font-size:11px; font-weight:100; background:#fff; color:#666;border:1px #cccccc solid; margin-top:3px;padding:3px 4px; cursor:pointer ; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#friend_wrap .left_myfriend .myf_option { padding-top:5px; font-weight:bold; font-size:14px ; text-align:left; vertical-align:middle;background:#f9f9f9; border-bottom:#999 1px dotted; margin-bottom:10px; }
#friend_wrap .my_friend_no { clear:both;line-height:30px; height:30px; font-weight:bold; font-size:12px ; text-align:left; background:url(../images/main/icon_list.gif) no-repeat 10px 8px;padding-left:25px;background-color:#f9f9f9;border-top:#ddd 1px solid; }
#friend_wrap .my_friend_rank { clear:both; line-height:30px; height:30px; font-weight:bold; font-size:13px ; text-align:left; background:url(../images/main/icon_list.gif) no-repeat 10px 8px;padding-left:25px;background-color:#f9f9f9;border-top:#ddd 1px solid; border-bottom:#ddd 1px solid;}
#friend_wrap .left_myfriend .my_friend_mag { text-align:left; line-height:18px; vertical-align: middle; font-size:11px; margin-left:5px; color:#666}
#friend_wrap .left_myfriend .my_friend_list { text-align:left;vertical-align: middle; line-height:25px; height:25px;font-size:12px; }
#friend_wrap .left_myfriend .my_friend_list img { vertical-align: middle; margin-top:0px; }
#friend_wrap .left_myfriend .btn_mfsu {width:auto; text-align:center; font-size:11px;background:#fff; color:#666;border:1px #cccccc solid; cursor:pointer ; line-height:15px; height:20px; padding:2px 2px 0px 2px; margin-top:5px; letter-spacing:-.5px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float:right }
#friend_wrap .left_myfriend .mf_name { max-width:90px;text-align:left; vertical-align: middle; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#000; display:inline-block;cursor:pointer }
/* 좌측 친구관리 탭 메뉴*/
#friend_wrap .left_friend_tab { width:100%; height:30px; line-height:30px; position:relative; border-top:#ddd 1px solid; display:table;}
#friend_wrap .left_friend_tab li { list-style:none; cursor:pointer; vertical-align:middle; font-size:12px; display:table-cell;}
#friend_wrap .left_friend_tab .left_friend_left { height:28px; background-color:#f9f9f9; vertical-align:middle; text-align:center; border-bottom:#ddd 1px solid; }
#friend_wrap .left_friend_tab .left_friend_left:hover {background-color:#fff; vertical-align:middle; text-align:center; border-bottom:#fff 1px solid; border-right:#ddd 1px solid; }
#friend_wrap .left_friend_tab .left_friend_left.on {background-color:#fff; vertical-align:middle; text-align:center; border-bottom:#fff 1px solid; border-right:#ddd 1px solid; }
#friend_wrap .left_friend_tab .left_friend_right { height:28px; background-color:#f9f9f9; vertical-align:middle; text-align:center; border-bottom:#ddd 1px solid; }
#friend_wrap .left_friend_tab .left_friend_right:hover {background-color:#fff; vertical-align:middle; text-align:center; border-bottom:#fff 1px solid;border-left:#ddd 1px solid; }
#friend_wrap .left_friend_tab .left_friend_right.on {background-color:#fff; vertical-align:middle; text-align:center; border-bottom:#fff 1px solid; border-left:#ddd 1px solid; }
/*좌 메뉴 판매자 TOP10 */
#friend_wrap .left_myseller {clear:both; width:100%; padding-top:10px;}
#friend_wrap .left_myseller ul { width:180px;margin-left:10px; margin-bottom:10px;}
#friend_wrap .left_myseller li { display:block;vertical-align:middle; }
#friend_wrap .left_myseller .my_myseller { text-align:left; line-height:25px; height:25px; font-weight:bold; font-size:12px ; border-bottom:#999 1px dotted; margin-top:10px;margin-bottom:10px; background:url(../images/main/icon_list.gif) no-repeat 0px 5px;padding-left:15px;}
#friend_wrap .left_myseller .myseller_list { width:100%; text-align:left; line-height:28px; height:28px; vertical-align: middle; margin-left:5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; cursor:pointer }
#friend_wrap .left_myseller .btn_mfseller {min-width:40px; text-align:left; font-size:11px;color:#000; line-height:28px; height:28px; padding:0px 3px; vertical-align: middle; letter-spacing:-.5px; float:right }
#friend_wrap .left_myseller .mf_name { max-width:90px;text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#000; display:inline-block; float:left;cursor:pointer }
#friend_wrap .left_myseller .mf_no { margin-top:5px; }
#leftarea .left_myseller .rank_nom1 { width:15px;line-height:20px; height:20px; background:url(/images/main/icon_mno1.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;}
#leftarea .left_myseller .rank_nom2 { width:15px;line-height:20px; height:20px; background:url(/images/main/icon_mno2.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;}
#leftarea .left_myseller .rank_nom3 { width:15px;line-height:20px; height:20px; background:url(/images/main/icon_mno3.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;}
#leftarea .left_myseller .rank_nom4 { width:15px;line-height:20px; height:20px; background:url(/images/main/icon_mno4.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;}
#leftarea .left_myseller .rank_nom5 { width:15px;line-height:20px; height:20px; background:url(/images/main/icon_mno5.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;}
#leftarea .left_myseller .rank_nom6 { width:15px;line-height:20px; height:20px; background:url(/images/main/icon_mno6.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;}
#leftarea .left_myseller .rank_nom7 { width:15px;line-height:20px; height:20px; background:url(/images/main/icon_mno7.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;}
#leftarea .left_myseller .rank_nom8 { width:15px;line-height:20px; height:20px; background:url(/images/main/icon_mno8.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;}
#leftarea .left_myseller .rank_nom9 { width:15px;line-height:20px; height:20px; background:url(/images/main/icon_mno9.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;}
#leftarea .left_myseller .rank_nom10 { width:15px;line-height:20px; height:20px; background:url(/images/main/icon_mno10.png) no-repeat;display:block; background-position:center; float:left ; margin-right:5px;}
/*### 친구관리 탭###*/
.mypg_tab { width:100%; line-height:30px;height:30px; vertical-align:middle; margin:0 auto; margin-top:15px;background-color:#f9f9f9; border:#CCC 1px solid; display:table}
.mypg_tab li { list-style:none; display:table-cell; background-color:#f9f9f9; color:#333; text-align:center; cursor:pointer}
.mypg_tab li:hover { background-color:#6a92d5; color:#FFF }
.mypg_tab li.on { background-color:#6a92d5; color:#FFF }
/*### 좌메뉴 페이지 공통###*/
.left_page_nom { clear:both; width:70%; height:25px; margin:0 auto; margin-top:15px;margin-bottom:25px; text-align:center; font-size:11px; letter-spacing:-.2px; cursor:pointer}
.left_page_nom table{ width:100%; margin:0 auto;text-align:center; }
.left_page_nom td { height:25px; vertical-align:middle; }
.left_page_nom span { padding:2px 5px; background-color:#fff; border:#fff 1px solid; text-align:center; color:#666; margin:0px 2px ; cursor:pointer}
.left_page_nom span:hover { padding:2px 5px; background-color:#fff;border:#80a313 1px solid; text-align:center;color:#666; margin:0px 2px ;cursor:pointer}
.left_page_nom span.lpon { padding:2px 5px; background-color:#80a313; border:#80a313 1px solid; text-align:center;color:#fff;margin:0px 2px ; cursor:pointer}
.left_page_nom img {vertical-align:middle;vertical-align:middle; }
/*### 마이페이지 친구관리 버튼###*/
.btn_fnd_b { background-color:#1e85b5; text-align:center; color:#FFF; padding:5px 10px; letter-spacing:-1px; border-radius:3px; cursor:pointer;
-webkit-border-radius:3px;-moz-border-radius:3px; }
.btn_radd { background-color:#666666; text-align:center; color:#FFF; padding:5px 10px; letter-spacing:-1px; border-radius:3px; cursor:pointer;
-webkit-border-radius:3px;-moz-border-radius:3px; }
.btn_wefnd { background-color:#ee577a; text-align:center; color:#FFF; padding:5px 10px; letter-spacing:-1px; border-radius:3px; cursor:pointer;
-webkit-border-radius:3px;-moz-border-radius:3px; }
/*이벤트 하단용 댓글*/
.event_re_list { clear:both; width:795px; height:auto; margin:0 auto; position:relative; margin-top:20px;padding-bottom:80px;}
.event_re_list .er_tit { width:100%;margin:0 auto; height:40px; margin-bottom:10px; }
.event_re_list .er_tit li { list-style:none; height:40px;line-height:40px; }
.event_re_list .er_tit .er_titL { width:295px; height:40px; float:left; text-align:left; background:url(/images/event/event_re_titimg.gif) no-repeat; background-position:left}
.event_re_list .er_tit .er_titR {float:right; height:40px; line-height:40px; text-align:right; font-size:14px;}
.event_re_list .er_bx {width:100%; height:70px; margin:0 auto; }
.event_re_list .er_bx li { list-style:none; float:left}
.event_re_list .er_bx .er_bxL { float:left; width:650px; height:60px; line-height:18px; color:#666; font-size:11px; text-align:left}
.event_re_list .er_bx .er_bxR { float:right; width:130px; height:60px; line-height:60px; color:#ffffff; font-size:16px; font-weight:bold; text-align:center; background-color:#648dd2; border:#CCCCCC 1px solid; cursor:pointer; display:block; }
.event_re_list .er_bx .er_bxR:hover { float:right; width:130px; height:60px; line-height:60px; color:#fff; font-size:16px; font-weight:bold; text-align:center; background-color:#ed293f; border:#5a7213 1px solid; cursor:pointer; display:block; }
.event_re_list .er_bx .er_tarea { width:100%; height:50px; background:#FFF; border:#CCCCCC 1px solid; padding:5px}
.event_re_list .er_list { clear:both; width:100%; margin:0 auto; position:relative }
.event_re_list .er_list table { width:98%; margin:0 auto; }
.event_re_list .er_list td { padding-top:10px;padding-bottom:5px; line-height:20px; border-bottom:#CCC 1px dotted; font-size:12px; text-align:left; word-break:break-all; color:#666666;position:relative}
.event_re_list .er_list .er_name { width:130px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;font-size:12px;text-align:left; color:#3366CC; font-weight:bold }
.event_re_list .er_list td .icon_sum {position:absolute; top:3px; right:0px;}
/*### 판매자 자료실 201906 ###*/
.sub_list_top { clear:both; width:100%; height:auto; background-color:#666; margin-bottom:5px; position:relative}
.sub_list_top .sub_top_bg { width:100%; height:50px; background:#f9f9f9; background:url(/images/sub/sh_top100_bg.gif) repeat-x; border-bottom:#d9d9d9 1px solid;position:relative}
.sub_list_top .sub_top_bg_s {width:95%; margin:0 auto; text-align:center; cursor:pointer; }
.sub_list_top .sub_top_bg li { list-style:none; margin-top:15px; margin-left:0px; float:left;}
/*### 판매자 자료실 박스 201906 ### background:url(/images/sub/cat_seller_bg.jpg) repeat; */
.sub_cat_sel { clear:both; width:100%; min-height:60px; vertical-align:middle; margin:0 auto; border-bottom:#d9d9d9 1px solid; background-color:#545b66;margin-bottom:5px;}
.sub_cat_sel_s {width:96%; margin:0 auto; text-align:left; }
.sub_cat_sel_s li { float:left; display:block; width:100%; margin:0 auto; text-align:left; color:#ffffff;}
.sub_cat_sel_s table { width:100%; margin:0 auto; text-align:left; border-collapse:collapse; }
.sub_cat_sel_s table td { vertical-align:middle;color:#ffffff; font-size:13px;letter-spacing:-1px; height:60px; }
.sub_cat_sel_s table td img { float:right; display:table-cell; }
.sub_cat_sel_s table td img.mar_left5 { float:none; display:inline-block; margin-right:0; }
.sub_cat_sel_s .ctn_seller_book {font-size:11px;letter-spacing:-.5px; color:#e2e2e2;}
.sub_cat_sel_s .cat_seller_ipt { width:180px; padding:6px 10px; vertical-align:middle; font-size:11px; padding-left:10px; letter-spacing:-1px; background-color:#FFFFFF; border:#000000 1px solid; margin-left:8px; }
.sub_cat_sel_s .cat_seller_btn { width:90px; height:25px; line-height:25px; vertical-align:middle; }
.sub_cat_sel_s .seller_friend {line-height:12px;font-size:11px;padding-left:20px; letter-spacing:-0.1px;}
.sub_cat_sel_s .seller_friend2 {line-height:25px;height:25px;font-size:12px;letter-spacing:-0.1px;}
.sub_cat_sel_s .seller_name { padding-top:10px;}
.sub_cat_sel_s .btn_fnd_sliver { height:25px; line-height:25px; font-size:11px; padding:6px 10px;color:#000;background-color:#fff; }
.sub_cat_sel_s .btn_fnd_sh { width:40px; height:25px; font-size:11px; padding:6px 10px; color:#fff ; background-color:#4b81dc; cursor:pointer;}
/*친구판매자 카테고리 */
.sub_req_tb {clear:both;width:100%; text-align:left; margin-bottom:15px; }
.sub_req_tb table { width:100%; padding:0px; margin:0 auto; height:30px; border-left:#dae2ef 1px solid; border-top:#dae2ef 1px solid;}
.sub_req_tb td { height:30px;line-height:30px;padding:0px; vertical-align:middle ; background-color:#edf1f8; border-bottom:#dae2ef 1px solid; text-align:center; cursor:pointer;}
.sub_req_tb td:hover {background-color:#edf1f8; border-bottom:#6a92d5 3px solid; color:#000; }
.sub_req_tb .req_on { background-color:#edf1f8;border-bottom:#6a92d5 3px solid; color:#000; font-weight:bold}
.sub_req_tb .req_td_sun { border-right:#dae2ef 1px solid;}
/*### 페이지 공통###*/
.page_nom { clear:both; width:100%; height:40px; line-height:40px; margin-top:15px; margin-bottom:25px; vertical-align:middle; text-align:center; font-size:13px; letter-spacing:-.2px;}
.page_nom span { padding:5px 8px 6px 8px; width:25px; height:26px; line-height:26px; margin:0px; background-color:#fff; border:#ccc 1px solid; text-align:center;color:#666; cursor:pointer}
.page_nom span:hover { padding:5px 8px 6px 8px; width:25px; height:26px; line-height:26px;margin:0px; background-color:#fff; border:#3366CC 1px solid; text-align:center;color:#000;cursor:pointer}
.page_nom span.on { padding:5px 8px 6px 8px; width:25px; height:26px; line-height:26px; margin:0px; background-color:#3366CC; border:#3366CC 1px solid; text-align:center;color:#fff; font-weight:bold;cursor:pointer}
/* 저작권 css */
#copyright_wrap {margin:0 auto; width:1000px;}
#cr_header {width:1000px; display:inline-block;}
#cr_header .cr_vlogo{margin:20px 0 0 41px; height:82px; float:left; width:200px;}
#cr_topmenu {height:30px; margin:37px 44px 0 0; height:65px; float:right; text-align:right; /*z-index:1;*/ width:600px;}
#cr_header .cr_header_jumenu {height:73px;width:1000px; background:url(/images/moon/main/renew/bg_cm.png) repeat-x; display:inline-block;}
#cr_header .cr_h_jumenu{text-align:center;height:37px; margin-left:150px;}
#cr_header #lnbd1 li a.on {color:#00fcff; font-weight:bold; display:inline-block;}
#cr_header #lnbd1 li a{padding:0 0; margin:0 15px; display:inline-block; text-decoration: none; color: #ffffff; font:13px "돋움",Arial; letter-spacing:-0.05em; font-weight:bold; }
#cr_header #lnbd1 li a:hover{ color: #00fcff; font-weight:bold; text-decoration: none; }
#cr_header #lnbd1 li{float: left; margin-top:13px; height:24px;
background-image: url(/images/moon/copyright/lnbbar.gif);
background-repeat: no-repeat;
background-position: 0 4px;}
#cr_header #lnbd1 li.`{background:none;}
.cr_h_submenu{width:1000px; display:inline-block; text-align:left;}
#lnbd21 { position:absolute; margin-left:178px; margin-top:10px; width:500px; height:23px; visibility: hidden;}
#lnbd22 { position:absolute; height:23px; margin-top:10px; width:400px; margin-left:570px; visibility: hidden;}
#lnbd21 li, #lnbd22 li {float:left; font:13px "돋움",Arial;}
#lnbd21 li.bar, #lnbd22 li.bar {
background-color: url(/images/moon/copyright/lnb2bar.gif);
background-repeat: no-repeat;
background-position: right 3px; }
#lnbd21 li a, #lnbd22 li a { padding: 0 10px; text-decoration:none; color:#f9f9f9;}
#lnbd21 li a.on, #lnbd22 li a.on { color:#fff600; font-weight:normal;}
#lnbd21 li a:hover, #lnbd22 li a:hover {color:#fff600;}
#cr_header .cr_topimg{height:215px; text-align:center;}
#cr_contentBox {
margin:0 35px 30px 35px;
width:930px;
overflow:hidden;
text-align:left;
}
#cr_contentBox div.graybg{
background-color:#f5f5f5;
padding:10px 30px 10px 30px;
background-image: url(/images/moon/copyright/dotline.gif);
background-repeat: repeat-x;
}
#cr_contentBox h1{font-size:14px; font-weight:bold; padding-bottom:5px; padding-top:10px;}
#cr_contentBox h1 img{padding-right:5px;}
#cr_contentBox dt{color:#906f00; font-weight:bold; padding-left:25px; padding-top:10px; padding-bottom:10px;}
#cr_contentBox dd{font-weight:bold; padding-left:60px;}
#cr_contentBox dd.single{font-weight:bold; padding-left:30px;}
#cr_contentBox dd.single img{padding-bottom:10px;}
#cr_contentBox ul{font-weight:normal; padding-left:10px; padding-bottom:15px;}
#cr_contentBox ul.centericon{ padding-left:130px;
margin-left:-30px;
background-image: url(/images/moon/copyright/centericon.gif);
background-repeat: no-repeat;
background-position: 0px 0px;}
#cr_contentBox div.graybg ul li.doticon{
padding-top:5px;
padding-left:12px;
background-image: url(/images/moon/copyright/icon_gdot.gif);
background-repeat: no-repeat;
background-position: left 7px;
}
#cr_contentBox div.whitebg{
padding:10px 30px 10px 30px;
background-image: url(/images/moon/copyright/dotline.gif);
background-repeat: repeat-x;
}
#cr_contentBox dt.black{color:#000000;}
#cr_contentBox div.whitebg ul li.doticon{
padding-top:5px;
padding-left:12px;
background-image: url(/images/moon/copyright/icon_wdot.gif);
background-repeat: no-repeat;
background-position: left 7px;
}
#cr_contentBox .board{
padding:40px 30px 10px 30px;}
.cr_copyright{
margin-left:35px;
width:930px;
font-size:11px;
text-align:center;
padding-top:22px;
padding-bottom:25px;
background-image: url(/images/moon/copyright/dotline.gif);
background-repeat: repeat-x;}
a.filev{font-size:11px; color:#ef7b7b; font-weight:bold; }
a.filev:hover{font-size:11px;color:#ef7b7b; font-weight:bold;
text-decoration: underline; }
.cr_copyright address{font-size:10px;
text-decoration:none;
font-style: normal;
}
/* 상세뷰 */
#detailview_wrap{width:1000px; text-align:left; left:0; position:absolute;}
#detailview_wrap .dv_titlearea{height:32px; background:#4a75bc; border-bottom:3px solid #000; position:fixed; width:100%; min-width:812px; z-index:1000;}
#detailview_wrap .dv_titlearea h2{position:absolute; font-weight:bold; color:#fff; font-size:12px; line-height:30px; margin:2px 0 0 20px;}
#detailview_wrap .dv_titlearea .dv_tit_filenum{text-align:right; float:right; color:#fff; font-size:12px; text-align:right; line-height:30px; margin:2px 15px 0 0; display:inline-block;}
#dvwarp_left{width:812px; position:absolute; left:0; top:0; display:inline-block; margin:35px 0 0 0;}
#dvwarp_left .dv_contentstitle{color:#3e3e3e; font-size:15px; font-weight:bold; border-bottom:1px solid #eee; height:40px; text-align:center; width:812px; float:left; overflow:hidden;}
#dvwarp_left .dv_contentstitle .dv_c_wrap{margin:11px 20px 0 20px; width:770px; display:block; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#dvwarp_left .dv_contentsinfo{height:40px; line-height:40px; margin-left:20px;}
#dvwarp_left .dv_contentsinfo .dv_info_list{float:left;}
#dvwarp_left .dv_contentsinfo .dv_info_list li{float:left; margin-right:15px; color:#656565;}
#dvwarp_left .dv_contentsinfo .dv_info_list li a{color:#656565;}
#dvwarp_left .dv_contentsinfo .dv_info_list li a:hover{color:#656565; text-decoration:underline;}
#dvwarp_left .dv_contentsinfo .dv_info_list .numerase{text-decoration:line-through;}
.dv_red_emp{color:#ea1f1d; font-weight:bold;}
#dvwarp_left .dv_contentsinfo .dv_info_list .dv_credit{margin-right:0;}
#dvwarp_left .dv_contentsinfo .dv_info_list .dv_credit_star{margin-left:4px;}
#dvwarp_left .dv_contentsinfo .dv_info_list .dv_credit_star img{margin:10px 0 15px 0;}
#dvwarp_left .dv_contentsinfo .dv_ci_report{float:right; margin-right:15px;}
#dvwarp_left .dv_contentsinfo .dv_ci_report:hover{text-decoration:underline;}
#dv_id_overlayer {position:absolute; left:580px; top:72px; width:125px; height:74px; z-index:2; background-image: url(/images/moon/content/view/layerbg01.png); visibility: hidden;}
#dv_id_overlayer ul{margin-top:5px;}
#dv_id_overlayer .id_o_nick{color:#f09a00; font-weight:bold; font-size:12px; text-align:center; margin-left:0px;}
#dv_id_overlayer .id_o_info{color:#f09a00; font-weight:bold; font-size:12px; margin:6px 0 0 10px;}
#dv_id_overlayer li a{font-weight:normal;}
#dvwarp_left .dv_contentscroll{overflow:auto; overflow-x:hidden; width:812px; height:69px; border-top:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5; color:#535353; background:#ededed; line-height:20px;}
#dvwarp_left .dv_contentscroll .dv_datalist{margin:6px 15px 6px 15px;}
#dvwarp_left .dv_contentscroll .dv_datalist li{line-height:20px; width:100%; display:inline-block;}
#dvwarp_left .dv_contentscroll .dv_datalist .dl_tit span{float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:580px; display:inline-block;}
#dvwarp_left .dv_contentscroll .dv_datalist .dl_tit .btn_view_med{background-image: url(/images/moon/content/view/btn_view_gomovieplayer.png); display:inline-block; height:18px; width:119px; float:left; margin-left:4px;}
#dvwarp_left .dv_contentscroll .dv_datalist .dl_tit{float:left;}
#dvwarp_left .dv_contentscroll .dv_datalist .dl_gb{float:right; text-align:right;}
#dvwarp_left .dv_left_topbanner, #dvwarp_left .dv_left_bottom{text-align:center; margin-top:15px;}
#dvwarp_left .dv_btn_moum{text-align:center; margin-top:30px;}
#dvwarp_left .dv_btn_moum a:hover{opacity:0.5;}
#dvwarp_left .dv_btn_moum .btn_dv_quickdown{border:1px solid #9f2221; background:#ef5151; color:#ffffff; font-size:14px; font-weight:bold; line-height:40px; height:40px; display:inline-block; width:160px;}
#dvwarp_left .dv_btn_moum .btn_dv_quickstream{border:1px solid #9f2221; background:#ef5151; color:#ffffff; font-size:14px; font-weight:bold; line-height:40px; height:40px; display:inline-block; width:160px;margin-left:7px;}
#dvwarp_left .dv_btn_moum .btn_dv_jjim{border:1px solid #b8b8b8; color:#000; font-size:14px; font-weight:bold; line-height:40px; display:inline-block; width:160px; background:url(/images/moon/content/view/bg_dv_btn_jjim.png) #fff no-repeat 40px 10px; margin-left:7px;}
#dvwarp_left .dv_btn_moum .btn_dv_modify{border:1px solid #b8b8b8; background:#fff; color:#000; font-size:14px; font-weight:bold; line-height:40px; display:inline-block; width:160px; margin-left:7px;}
#dvwarp_left .dv_btn_moum .btn_dv_disabled{border:1px solid #000; background:#b8b8b8; color:#000; font-size:14px; font-weight:bold; line-height:40px; display:inline-block; width:160px; margin-left:7px;}
#dvwarp_left .dv_btn_moum .dv_ico_beta{background:url(/images/moon/content/view/dv_ico_beta.png) no-repeat; display:inline-block; width:54px; height:42px; position:absolute; margin:-29px 0 0 -50px;}
#dvwarp_left .dv_contents_area{margin-top:30px; text-align:center;max-width:730px;}
#dvwarp_left .dv_sellerlist_board .boardtype1{width:100%;}
#dvwarp_left .dv_sellerlist_board{margin:0 16px; width:780px;}
#dvwarp_left .dv_sellerlist_board h3{font-size:12px; color:#363636; margin:20px 0 5px 0}
#dvwarp_left .dv_sellerlist_board .boardtype1 td{text-align:center; height:31px; line-height:31px;}
#dvwarp_left .dv_sellerlist_board tbody td.title a:hover{text-decoration:underline;}
#dvwarp_left .dv_sellerlist_board tbody td.title{text-align:left;}
#dvwarp_left .dv_sellerlist_board .boardtype1 td img{vertical-align:middle}
#dvwarp_left .dv_sellerlist_board .boardtype1 tbody tr.select{background:#fcf1db;}
#dvwarp_left .dv_sellerlist_board .paging_n{width:100%; text-align:center; height:30px;}
/*-- 댓글수정할부분 20141114 :start --*/
#dvwarp_left .dv_replyarea{background:#fdfdfd; border:1px solid #e6e6e6; margin:10px 16px 75px 16px; width:780px;}
#dvwarp_left .dv_replyarea .dv_r_textinputarea{text-align:right; border:1px solid #bcbcbc; margin:15px 15px 2px 15px;}
#dvwarp_left .dv_replyarea .dv_r_textinputarea textarea{width:683px; height:68px; line-height:18px; border:0; color:#666;}
#dvwarp_left .dv_replyarea .dv_r_textinputarea .btn_dv_reply{width:60px; height:70px; line-height:70px; display:inline-block; text-align:center; font-size:12px; font-weight:bold; color:#000; border-left:1px solid #bebebe; background:url(/images/moon/content/view/btn_a_bg.png) repeat-x bottom;}
#dvwarp_left .dv_replyarea .dv_r_textinputarea a:hover{opacity:0.5;}
#dvwarp_left .dv_replyarea .dv_countword{position:absolute; font-size:10px; font-family:nanum-gothic; margin:53px 0 0 635px; color:#a2a2a2;}
#dvwarp_left .dv_replyarea .dv_caution_ment{color:#868686; font-size:12px; margin:0 15px; border-bottom:1px #919191 solid; line-height:35px;}
#dvwarp_left .dv_replyarea .dv_replylist{margin:0 15px 15px 15px;}
#dvwarp_left .dv_replyarea .dv_replylist li.lastnonline{border-bottom:0;}
#dvwarp_left .dv_replyarea .dv_replylist li{line-height:30px; margin-top:3px; border-bottom:1px solid #d9d9d9;}
#dvwarp_left .dv_replyarea .dv_replylist .dv_reply_nick{color:#8f8f8f; font-size:12px; margin-right:10px; display:inline-block; width:100px; text-align:center;vertical-align:top;}
#dvwarp_left .dv_replyarea .dv_replylist .dv_reply_comment{width:84%;display:inline-block;}
#dvwarp_left .dv_replyarea .dv_replylist .dv_btn_close{background:url(images/delete.gif) no-repeat; width:10px; height:10px; display:inline-block;}
/*-- 댓글수정할부분 20141114 :end --*/
#dvwarp_left .dv_estarea{margin:10px 15px 15px 15px; display:inline-block;}
#dvwarp_left .dv_estarea .dv_stararea{float:left; width:120px;}
#dvwarp_left .dv_estarea .dv_estinput{text-align:right; border:1px solid #bcbcbc; float:right; width:627px; margin-top:2px;}
#dvwarp_left .dv_estarea .dv_estinput textarea{width:542px; height:82px; border:0;}
#dvwarp_left .dv_estarea .dv_estinput .btn_dv_est{width:80px; height:84px; line-height:84px; display:inline-block; text-align:center; font-size:12px; font-weight:bold; color:#000; border-left:1px solid #bebebe; background:url(/images/moon/content/view/btn_a_bg.png) repeat-x bottom;}
#dvwarp_left .dv_estarea .dv_estinput a:hover{opacity:0.5;}
.dv_last_bottom{margin-bottom:100px;}
#dv_colsebtn{left:802px; top:400px; width:10px; height:25px; overflow:hidden; position:fixed; _position:absolute; z-index:1; _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight); _left:expression(document.body.scrollLeft + document.body.clientWidth - offsetWidth);}
#dvwarp_right{width:188px; position:fixed; height:100%; margin:35px 0 0 812px; background:url(/images/moon/content/view/bg_dv_r_line.png) repeat-y;}
#dvwarp_right .dv_right_contentslist{border-top:1px solid #b8b8b8; margin-left:1px;}
#dvwarp_right .dv_right_contentslist .dv_r_c_title{background:none;}
#dvwarp_right .dv_right_contentslist li{background:url(/images/moon/content/view/ico_sdot.gif) no-repeat 15px 10px;line-height:23px;}
#dvwarp_right .dv_right_contentslist li a{margin-left:28px;width:150px;overflow:hidden;white-space:nowrap;display:block;text-overflow: ellipsis;}
#dvwarp_right .dv_right_contentslist li a:hover{text-decoration:underline;}
#dvwarp_right .dv_right_contentslist .dv_r_list01{background:url(/images/moon/content/view/dv_r_list_num.png) no-repeat 0 0;}
#dvwarp_right .dv_right_contentslist .dv_r_list02{background:url(/images/moon/content/view/dv_r_list_num.png) no-repeat 0 -24px;}
#dvwarp_right .dv_right_contentslist .dv_r_list03{background:url(/images/moon/content/view/dv_r_list_num.png) no-repeat 0 -48px;}
#dvwarp_right .dv_right_contentslist .dv_r_list04{background:url(/images/moon/content/view/dv_r_list_num.png) no-repeat 0 -72px;}
#dvwarp_right .dv_right_contentslist .dv_r_list05{background:url(/images/moon/content/view/dv_r_list_num.png) no-repeat 0 -96px;}
#dvwarp_right .dv_right_contentslist .dv_r_list06{background:url(/images/moon/content/view/dv_r_list_num.png) no-repeat 0 -120px;}
#dvwarp_right .dv_right_contentslist .dv_r_list07{background:url(/images/moon/content/view/dv_r_list_num.png) no-repeat 0 -144px;}
#dvwarp_right .dv_right_contentslist .dv_r_list08{background:url(/images/moon/content/view/dv_r_list_num.png) no-repeat 0 -168px;}
#dvwarp_right .dv_right_contentslist .dv_r_list09{background:url(/images/moon/content/view/dv_r_list_num.png) no-repeat 0 -192px;}
#dvwarp_right .dv_right_contentslist .dv_r_list10{background:url(/images/moon/content/view/dv_r_list_num.png) no-repeat 0 -216px;}
#dvwarp_right .dv_right_contentslist .dv_r_update{font-size:11px; text-align:center; color:#9d9c9c; margin:7px 0 5px 0;}
#detailview_wrap.quickdownbtn{float:left; margin:7px 0 0 321px;}
#detailview_wrap span.viewbtn{float:right;}
.redp{color:#a00e00;}
#detailview_wrap .dv_qr_area{height:97px; position:fixed; z-index:1; bottom:69px; border-top:1px #b3b3b3 solid; background:url(/images/moon/content/view/bg_qrcode.png); width:812px; overflow:hidden; text-align:left; margin-right:188px;}
#detailview_wrap .dv_qr_area ul{margin:12px 0 0 130px;}
#detailview_wrap .dv_qr_area li{float:left;}
#detailview_wrap .dv_qr_area .qrcode{width:90px; text-align:left;}
#detailview_wrap .dv_qr_area .qrcode img{margin-top:2px;}
#detailview_wrap .dv_qr_area .swf{margin-bottom:5px;}
#detailview_wrap .dv_qr_area p{line-height:16px; font-size:12px; color:#000000;}
#detailview_wrap .dv_qr_area .btn_qrclose{position:absolute; width:20px; margin:5px 0 0 387px; left:0px;}
#warp_dv_footer{display:inline-block; width:812px; background:#ededed; text-align:center;}
#warp_dv_footer .foot_btn_moum{background:#ededed; border-top:1px solid #b8b8b8;}
#warp_dv_footer .foot_btn_moum a{margin:13px 0px;}
#warp_dv_footer .foot_btn_moum a:hover{opacity:0.5;}
#warp_dv_footer .foot_btn_moum .btn_dv_quickdown{border:1px solid #9f2221; background:#ef5151; color:#ffffff; font-size:14px; font-weight:bold; line-height:40px; height:40px; display:inline-block; width:160px;}
#warp_dv_footer .foot_btn_moum .btn_dv_quickstream{border:1px solid #9f2221; background:#ef5151; color:#ffffff; font-size:14px; font-weight:bold; line-height:40px; height:40px; display:inline-block; width:160px;margin-left:7px;}
#warp_dv_footer .foot_btn_moum .btn_dv_jjim{border:1px solid #b8b8b8; color:#000; font-size:14px; font-weight:bold; line-height:40px; display:inline-block; width:160px; background:url(/images/moon/content/view/bg_dv_btn_jjim.png) #fff no-repeat 40px 10px; margin-left:7px;}
#warp_dv_footer .foot_btn_moum .btn_dv_modify{border:1px solid #b8b8b8; background:#fff; color:#000; font-size:14px; font-weight:bold; line-height:40px; display:inline-block; width:160px; margin-left:7px;}
#warp_dv_footer .foot_btn_moum .dv_ico_beta{display:none;background:url(/images/moon/content/view/dv_ico_beta.png) no-repeat; width:54px; height:42px; position:absolute; margin:-29px 0 0 -50px;}
/* 상세뷰 실시간동영상보기 레이어팝업 */
.dv_layerpop_viewer{display:block; position:absolute; width:640px; height:515px; z-index:100}
.dv_layerpop_title{height:35px; background:#022331; text-align:left;}
.dv_layerpop_title .dv_l_title{font-weight:bold; display:inline-block; font-size:11px; width:560px; color:#fff; position:absolute; margin:10px 0 0 15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.dv_layerpop_title .dv_m_title{font-weight:normal;}
.dv_layerpop_title .dv_btn_layerclose{float:right; width:20px; height:20px; display:inliine-block; background:url(/images/moon/content/view/dv_movieview_btn_close.png); margin:7px 7px 0 0;}
.dv_layerpop_movie{background:#000; height:480px;}
/* 상세뷰 실시간감상 다운로드확인 레이어팝업 */
.dv_pl_pop{background:url(/images/moon/content/view/dv_layerpop_bg.png) no-repeat; width:368px; height:346px; display:inline-block; text-align:center;}
.dv_pl_pop .dv_pl_btnclose{height:32px; text-align:right; margin:35px 6px 0 0;}
.dv_pl_pop .dv_pl_btnclose a{background:url(/images/moon/content/view/dv_layerpop_btn_close.png) no-repeat; width:32px; height:32px; display:inline-block;}
.dv_pl_pop .dv_pl_text .btn_pl_ok{background:url(/images/moon/content/view/dv_layerpop_btn_pl_ok.png) no-repeat; width:77px; height:21px; display:inline-block; margin:168px 0 0 25px;}
.dv_pl_pop .dv_pl_text .btn_checknclose{text-align:center; margin:40px 0 0 25px; letter-spacing:-0.5px;font-size:11px; color:#000;}
.dv_pl_pop .dv_pl_text .btn_checknclose input{margin-right:5px;}
.dv_pl_pop .btn_checknclose a{font-size:11px; color:#000;}
/*### 공통 팝업 블랙배경###*/
.blackbg {clear:both; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; position:absolute; top:0; left:0;z-index:1000; background:url('/images/moon/layer/bg_black70.png') repeat;}
.blackbg_gra {clear:both; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; position:absolute; top:0; left:0;z-index:1000;background:url('/images/moon/layer/bg_gra.png') repeat;}
.blackbg_gra_no {clear:both; width:100%; height:100%; margin:0 auto; text-align:center; position:absolute; top:0; left:0;z-index:1000;background:url('/images/moon/layer/bg_gra.png') repeat;}
/* 201507 여름충전이벤트 팝업창 */
.popup_evt_ch50 { width:662px; height:568px; margin:0 auto; text-align:center; background:url(/images/moon/event/vcharge50/popup_evch50_bg2.png) no-repeat;margin-top:0px; position:relative }
.popup_evt_ch50 .evt_ch50_img { width:100%; height:58px; background:url(/images/moon/event/vcharge50/popup_evch50_img.gif) no-repeat; position:absolute; top:370px; background-position:center }
.popup_evt_ch50 .evt_ch50_img_d9 { width:100%; height:58px; background:url(/images/moon/event/vcharge50/popup_evch50_img_d9.gif) no-repeat; position:absolute; top:370px; background-position:center }
.popup_evt_ch50 .evt_ch50_img_d8 { width:100%; height:58px; background:url(/images/moon/event/vcharge50/popup_evch50_img_d8.gif) no-repeat; position:absolute; top:370px; background-position:center }
.popup_evt_ch50 .evt_ch50_img_d7 { width:100%; height:58px; background:url(/images/moon/event/vcharge50/popup_evch50_img_d7.gif) no-repeat; position:absolute; top:370px; background-position:center }
.popup_evt_ch50 .evt_ch50_img_d6 { width:100%; height:58px; background:url(/images/moon/event/vcharge50/popup_evch50_img_d6.gif) no-repeat; position:absolute; top:370px; background-position:center }
.popup_evt_ch50 .evt_ch50_img_d5 { width:100%; height:58px; background:url(/images/moon/event/vcharge50/popup_evch50_img_d5.gif) no-repeat; position:absolute; top:370px; background-position:center }
.popup_evt_ch50 .evt_ch50_img_d4 { width:100%; height:58px; background:url(/images/moon/event/vcharge50/popup_evch50_img_d4.gif) no-repeat; position:absolute; top:370px; background-position:center }
.popup_evt_ch50 .evt_ch50_img_d3 { width:100%; height:58px; background:url(/images/moon/event/vcharge50/popup_evch50_img_d3.gif) no-repeat; position:absolute; top:370px; background-position:center }
.popup_evt_ch50 .evt_ch50_img_d2 { width:100%; height:58px; background:url(/images/moon/event/vcharge50/popup_evch50_img_d2.gif) no-repeat; position:absolute; top:370px; background-position:center }
.popup_evt_ch50 .evt_ch50_img_d1 { width:100%; height:58px; background:url(/images/moon/event/vcharge50/popup_evch50_img_d1.gif) no-repeat; position:absolute; top:370px; background-position:center }
.popup_evt_ch50 .evt_ch50_img_d0 { width:100%; height:58px; background:url(/images/moon/event/vcharge50/popup_evch50_img_d0.gif) no-repeat; position:absolute; top:370px; background-position:center }
.popup_evt_ch50 .evt_ch50_btn{ width:100%; height:58px; background:url(/images/moon/event/vcharge50/popup_evch50_btn.png) no-repeat; position:absolute; top:440px; background-position:center; cursor:pointer }
.popup_evt_ch50 .evt_ch50_close{ width:69px; height:70px; background:url(/images/moon/event/vcharge50/popup_evch50_close.png) no-repeat; position:absolute; top:20px; right:20px; cursor:pointer }
/* 201509 미투 쿠폰페이지 */
.me2_cpuopn_tot {width:805px; height:auto; background-color:#f3f3f3;margin:0 auto; }
.me2_coupon01 { width:100%; height:485px; background:url(/images/coupon/me2_coupon_1803n.jpg) no-repeat; margin:0 auto; position:relative; }
.me2_coupon01 li { list-style:none }
.me2_coupon01 .input_cou1 { width:484px;height:48px; line-height:48px; text-align:center; background:#ffffff; border:none; font-size:20px; font-weight:bold; color:#000000; margin:0 auto;position:absolute;top:363px;left:58px;}
.me2_coupon01 .btn_cou {width:195px;height:64px;margin:0 auto;position:absolute;top:355px;left:560px; display:block; cursor:pointer;}
.me2_coupon01 .btn_cou:hover { box-sizing:border-box; border:6px solid #fef200; border-radius:8px; }
.me2_coupon02 {width:805px; height:297px; background:url(/images/coupon/me2_coupon_02n_2021.jpg) no-repeat; background-position:center; margin:0 auto; margin-top:50px;}
.me2_coupon02_bz {width:805px; height:297px; background:url(/images/coupon/me2_coupon_02n_bz.gif) no-repeat; background-position:center; margin:0 auto; margin-top:50px;}
.me2_coupon03 {width:805px; height:34px; background:url(/images/coupon/me2_coupon_03.gif) no-repeat; background-position:center; margin:0 auto;}
/*
.me2_coupon04 {width:805px; background-color:#f3f3f3; padding-top:20px; margin:0 auto;}
.me2_coupon04_s { width:100%; height:auto; background-color:#f3f3f3; margin:0 auto; text-align:center; padding-bottom:30px;}
.me2_coupon04_s li { width:180px; height:75px; list-style:none; display:inline-block; background-color:#FFF; border:#CCCCCC 1px solid; border-radius:10px; text-align:center; margin:10px; }
.me2_coupon04_s li img {text-align:center; margin-top:10px;}
.me2_coupon04_s li p { font-size:12px; line-height:15px; }
*/
.me2_coupon04 { width:805px; margin:0 auto; min-height:150px; margin-top:30px; display:inline-block; box-sizing:border-box; }
.me2_coupon04 li { list-style:none; display:inline-block; margin:0 1%; margin-bottom:30px; }
.me2_coupon04 .couopn_box { width:200px; height:98px; background:url(../images/coupon/ico_coupon_2.png) no-repeat; text-align:center; position:relative; }
.me2_coupon04 .couopn_box .txt_box { box-sizing:border-box; width:154px; height:98px; padding:25px 10px; letter-spacing:-1px; position:absolute; top:0px; left:0px; font-weight:bold; }
.me2_coupon04 .couopn_box .txt_box .c_logo img { width:100px; }
.me2_coupon04 .couopn_box .txt_box .txt_tit { color:#333333; font-size:16px; line-height:23px; }
.me2_coupon04 .couopn_box .txt_box .txt_pt { color:#f6513e; font-size:20px; line-height:30px; }
.me2_coupon05 {width:805px; height:auto; background-color:#e6e6e6; margin:0 auto; padding-top:30px; padding-bottom:30px;}
.me2_coupon05 li {width:75%; margin:0 auto; line-height:22px;list-style:none; text-align:left; font-size:11px; }
/* 201509 성인인증 페이지 */
.me2_auth { width:100%; margin:0 auto; padding-top:40px}
.me2_auth li {list-style:none;margin:0 auto; text-align:center; }
.me2_auth_box{ width:100%; margin:0 auto; }
.me2_auth_box_s {width:100%; height:auto;margin:0 auto; text-align:center; }
.me2_auth_box_s { list-style:none;height:50px; margin-top:15px;}
.me2_auth_box_s .btn_auth1 { width:140px; height:50px; line-height:50px; display:inline-block; text-align:center; font-size:14px; color:#FFF; font-weight:bold; background-color:#4c7ccc; border:#1d51a7 1px solid; margin:5px; cursor:pointer}
.me2_auth_box_s .btn_auth2 { width:140px; height:50px;line-height:50px;display:inline-block; text-align:center; font-size:14px; color:#FFF; font-weight:bold; background-color:#c5c5c5; border:#999999 1px solid; margin:5px; cursor:pointer}
.me2_auth_box_s .auth_txt { width:640px; height:180px; margin:0 auto; text-align:left; padding-top:30px; }
.me2_auth_box_s .auth_txt li{ list-style:none; height:20px; line-height:20px; font-size:11px; color:#333333; text-align:left}
.me2_auth_box_s .me2_auth_footer { clear:both;width:640px;margin:0 auto;height:23px; margin-top:20px; padding-top:8px; border-top:#d9d9d9 1px solid; color:#4e4e4e;font-size:12px;text-align:center; }
/*### 휴면 로그인시 인증###
.comeback_tot { clear:both; width:1000px; height:auto; margin:0 auto; text-align:center; border:#CCCCCC 0px solid; margin-top:5px; }
.comeback_tot .comeback { clear:both; background:#96dbf2; }
.comeback_tot .comeback .comeback_img1 { width:100%; height:850px; background:url(/images/event/evt_wcb_img01new.jpg) no-repeat; background-position:top; position:relative}
.comeback_tot .comeback .comeback_img1 .btn_comeback {width:100%; height:100px; margin:0 auto; text-align:center; position:relative; top:570px; cursor:pointer;}
.comeback_tot .comeback .comeback_img1 .btn_comeback .comebackid { width:600px; height:70px;margin:0 auto;text-align:right; position:relative;padding-top:5px; padding-right:30px; }
.comeback_tot .comeback .comeback_img1 .btn_comeback .comebackid .input_login { width:260px; height:50px; line-height:50px; background:#ffffff; border:#CCCCCC 1px solid; font-size:14px;font-weight:bold;text-align:center; margin-right:10px; }
.comeback_tot .comeback .comeback_img1 .btn_comeback .comebackid .input_login:focus {background:#ffffff; }
.comeback_tot .comeback .comeback_img1 .btn_comeback .comebackid .login_select{ width:160px; height:50px; line-height:50px; background:#ffffff; border:#CCCCCC 1px solid;font-size:14px;font-weight:bold; }
.comeback_tot .comeback .comeback_img1 .btn_comeback .btn_comback {width:100%; height:100px; margin:0 auto; text-align:center; margin-top:0px;}
.comeback_tot .comeback .comeback_img1 .btn_comeback .btn_comback li { list-style:none; display:inline-block; margin:23px;cursor:pointer;}
.comeback_tot .comeback .comeback_img1 .btn_comeback .btn_comback .m1 {width:283px; height:75px; background:url(/images/event/evt_wcb_btn1.png) no-repeat; background-position:center; }
.comeback_tot .comeback .comeback_img1 .btn_comeback .btn_comback .m1:hover {width:283px; height:75px; background:url(/images/event/evt_wcb_btn1_on.png) no-repeat; background-position:center; }
.comeback_tot .comeback .comeback_img1 .btn_comeback .btn_comback .m2 {width:283px; height:75px; background:url(/images/event/evt_wcb_btn2.png) no-repeat; background-position:center; }
.comeback_tot .comeback .comeback_img1 .btn_comeback .btn_comback .m2:hover {width:283px; height:75px; background:url(/images/event/evt_wcb_btn2_on.png) no-repeat; background-position:center; }
.comeback_tot .comeback .comeback_img2 { width:100%; height:100px; background-color:#134599; padding-top:20px; position:relative; }
.comeback_tot .comeback .comeback_img2 p { width:90%; line-height:25px; margin:0 auto ; color:#ffffff;text-align:left; font-size:12px;letter-spacing:-1px; font-weight:bold;}
*/
/*### 휴면 로그인시 인증###*/
.comeback_tot { clear:both; width:1000px; height:auto; margin:0 auto; text-align:center; border:#CCCCCC 0px solid; margin-top:5px; position:relative; }
.comeback_tot .comeback { clear:both; background:#96dbf2; }
.comeback_tot .comeback .comeback_img1 { width:100%; height:850px; background:url(/images/event/evt_wcb_img01new.jpg) no-repeat; background-position:top; position:relative}
.comeback_tot .comeback .comeback_img1 .btn_comeback {width:100%; height:100px; margin:0 auto; text-align:center; position:relative; top:570px; cursor:pointer;}
.comeback_tot .comeback .comeback_img1 .btn_comeback .comebackid { width:600px; height:70px;margin:0 auto;text-align:right; position:relative;padding-top:5px; padding-right:30px; }
.comeback_tot .comeback .comeback_img1 .btn_comeback .comebackid .input_login { width:260px; height:50px; line-height:50px; background:#ffffff; border:#CCCCCC 1px solid; font-size:14px;font-weight:bold;text-align:center; margin-right:10px; }
.comeback_tot .comeback .comeback_img1 .btn_comeback .comebackid .input_login:focus {background:#ffffff; }
.comeback_tot .comeback .comeback_img1 .btn_comeback .comebackid .login_select{ width:160px; height:50px; line-height:50px; background:#ffffff; border:#CCCCCC 1px solid;font-size:14px;font-weight:bold; }
.comeback_tot .comeback .comeback_img1 .btn_comeback .btn_comback {width:100%; height:100px; margin:0 auto; text-align:center; margin-bottom:20px;}
.comeback_tot .comeback .comeback_img1 .btn_comeback .btn_comback li { list-style:none;display:inline-block;margin-top:20px;cursor:pointer}
.comeback_tot .comeback .comeback_img1 .btn_comeback .btn_comback .m1 {width:197px; height:75px; background:url(/images/event/evt_wcb_btn1n.png) no-repeat; background-position:center; margin-right:7px;}
.comeback_tot .comeback .comeback_img1 .btn_comeback .btn_comback .m1:hover {width:197px; height:75px; background:url(/images/event/evt_wcb_btn1n_on.png) no-repeat; background-position:center; margin-right:7px; }
.comeback_tot .comeback .comeback_img1 .btn_comeback .btn_comback .m2 {width:197px; height:75px; background:url(/images/event/evt_wcb_btn2n.png) no-repeat; background-position:center; margin-right:7px; }
.comeback_tot .comeback .comeback_img1 .btn_comeback .btn_comback .m2:hover {width:197px; height:75px; background:url(/images/event/evt_wcb_btn2n_on.png) no-repeat; background-position:center; margin-right:7px;}
.comeback_tot .comeback .comeback_img1 .btn_comeback .btn_comback .m3 {width:197px; height:75px; background:url(/images/event/evt_wcb_btn3n.png) no-repeat; background-position:center; }
.comeback_tot .comeback .comeback_img1 .btn_comeback .btn_comback .m3:hover {width:197px; height:75px; background:url(/images/event/evt_wcb_btn3n_on.png) no-repeat; background-position:center; }
/*### 휴면 로그인시 그림문자 인증###*/
.comeback_tot .btn_pic_layerbg {clear:both; width:100%; height:100%; margin:0 auto; text-align:center; position:absolute; top:0; left:0;z-index:1000;background:url('/images/popup/bg_gra.png') repeat;}
.comeback_tot .btn_pic_layer {width:400px; height:260px; background:#ffffff; margin:0 auto; margin-top:25%;}
.comeback_tot .btn_pic_layer .btnpic_title { width:100%; height:40px; line-height:40px; margin:0 auto; text-align:left; background:#3062b6;color:#fff;font-weight:bold; font-size:16px; margin-bottom:20px; position:relative; }
.comeback_tot .btn_pic_layer .btnpic_title .btnpic_titlex { width:23px; height:22px; background:url('/images/popup/popup_btn_close.png') no-repeat; cursor:pointer; float:right; margin-right:20px;margin-top:7px;}
.comeback_tot .btn_pic_layer .btnpic_info { clear:both; width:310px; height:30px; line-height:30px; margin:0 auto; text-align:left;font-weight:bold; }
.comeback_tot .btn_pic_layer .btn_pic { clear:both; width:310px; height:90px; margin:0 auto; text-align:center; margin-bottom:5px;position:relative; }
.comeback_tot .btn_pic_layer .btn_pic ul {clear:both; width:100%;position:relative; }
.comeback_tot .btn_pic_layer .btn_pic .naverCaptChaImg { width:202px; height:92px; display:block; background:#fff; border:#ccc 1px solid; position:absolute; top:0; left:0; }
.comeback_tot .btn_pic_layer .btn_pic .naverCaptChaImg img {width:100%; height:92px;}
.comeback_tot .btn_pic_layer .btn_pic .btn_repic { width:100px; height:90px; line-height:90px;display:block; float:right; background:#ffffff; color:#666; border:#ccc 1px solid; font-weight:bold;cursor:pointer;letter-spacing:-1px; }
.comeback_tot .btn_pic_layer .btn_pic .captcha_img { width:202px; height:40px; display:block;background:#e5f9ff;border:#3062b6 1px solid; position:absolute; top:0; left:0; }
.comeback_tot .btn_pic_layer .btn_pic .captcha_intxt {clear:both;width:98%; height:38px; line-height:38px; margin:0 auto; text-align:left; font-size:16px;background:#e5f9ff; border:#e5f9ff 1px solid;}
.comeback_tot .btn_pic_layer .btn_pic .captcha_btn { width:100px; height:40px; line-height:40px; display:block; float:right; background:#3062b6; color:#fff; border:#3062b6 1px solid; font-weight:bold;cursor:pointer}
.comeback_tot .comeback .comeback_img2 { width:100%; height:100px; background-color:#134599; padding-top:20px; position:relative; }
.comeback_tot .comeback .comeback_img2 p { width:90%; line-height:25px; margin:0 auto ; color:#ffffff;text-align:left; font-size:12px;letter-spacing:-1px; font-weight:bold;}
/*### 간편인증 ###*/
.certif_wrap { display:inline-block; width:100%; height:auto; margin:0 auto; padding-bottom:50px; background:#e8ecf0; }
.certif_wrap .certif_box { width:90%; height:auto; margin:50px auto 0; padding:30px 0 40px; background:#ffffff; border:#cdd6df 1px solid; }
.certif_box .certif_logo { width:100px; height:52px; margin:0 auto; background:url('../images/popup/logo_popup.png') no-repeat; background-size:100%; }
.certif_box .certif_tit { display:inline-block; font-family:dotum; font-size:14px; color:#222222; font-weight:bold; margin:25px auto 0; }
.certif_wrap .certif_box .certif_box_line { width:80%; height:1px; margin:20px auto 30px; border-top:#9cabba 1px dotted; }
.certif_wrap .certif_box .btn_certif { width:260px; margin:0 auto; background-color:#4c7dcc; border:#3265b8 1px solid; text-align:center; color:#FFFFFF; padding:10px; font-size:14px; font-weight:bold; border-radius:5px; cursor:pointer; }
.certif_wrap .certif_box .btn_certif_g { width:140px; margin:0 auto; background-color:#a1a1a1; border:#959595 1px solid; text-align:center; color:#FFFFFF; padding:6px; font-size:12px; font-weight:bold; border-radius:5px; cursor:pointer; }
.certif_wrap .certif_box .btn_certif_r { width:260px; margin:0 auto; background-color:#da1617; border:#9a1c2a 1px solid; text-align:center; color:#FFFFFF; padding:10px; font-size:14px; font-weight:bold; border-radius:5px; cursor:pointer; }
.certif_wrap .certif_box .certif_inner .certif_end_box { width:80%; padding:50px 0; margin:0 auto; border:#9cabba 1px dotted; border-radius:10px; }
.certif_inner .certif_end_box .certif_end { display:block; font-family:dotum; font-size:18px; color:#222222; font-weight:bold; }
.certif_box table { width:80%; margin:0 auto; background-color:#FFF; border:#CCCCCC 1px solid; border-collapse:collapse; }
.certif_box table td { height:40px; line-height:40px; vertical-align:middle; padding-left:10px; }
.certif_box table .td_line { border-bottom:#CCC 1px solid; }
.certif_box table .td_lineR { border-right:#CCC 1px solid; }
.certif_box span { letter-spacing:-.1px; line-height:40px; }
.certif_box p { letter-spacing:-.1px; line-height:40px; }
.certif_box table .tit { width:42%; border-right:#CCCCCC 1px solid; background-color:#f5f5f5; color:#333333; font-weight:bold; padding-left:0; }
.certif_box .find_input{ width:18px; height:18px; vertical-align:middle; }
.certif_box .find_txt{ height:25px; line-height:25px; background:#FFFFFF; border:#CCCCCC 1px solid; text-align:left; padding-left:5px; float:left; }
.certif_box .find_select {width:29%; height:25px; line-height:25px; background:#FFFFFF; border:#CCCCCC 1px solid; text-align:left; margin-right:8px; float:left; }
.certif_box .certif_ex { display:inline-block; width:80%; margin:40px auto 20px; }
.certif_ex .certif_ex_box { width:42%; padding:15px; border:#CCC 1px solid; border-radius:5px; cursor:pointer; }
.certif_ex .certif_ex_box:hover { background:#f5f5f5; }
.certif_ex .certif_ex_box .certif_ex_box_tit { display:inline-block; font-family:dotum; font-size:14px; color:#222222; font-weight:bold; }
.certif_ex .certif_ex_box span { display:block; font-size:12px; line-height:12px; margin:10px auto; }
.certif_wrap .certif_noti { clear:both; display:inline-block; width:90%; margin:25px auto 50px; padding-left:10px; text-align:left; }
.certif_wrap .certif_noti li { font-size:11px; color:#666666; }
/*###TOP100 리스트 할인 아이콘##*/
.ctn_Licon3{ background-color:#8e56c3; padding:4px 6px 2px 6px; font-size:11px; letter-spacing:-1px; color:#FFF; font-family:dotum,sans-serif;border-radius:3px;
-webkit-border-radius:3px;-moz-border-radius:3px; }
/*클린 2020_03 레이어*/
#pop_noti2003_layer { clear:both; height:auto; margin:0 auto; text-align:center; padding:0; display:block; z-index:9999}
.pop_noti2003_img {width:100%; height:417px; background:url('../images/popup/popup_noti2003_meN.png') no-repeat;display:block; background-size:583px 417px; background-position:center center; position:relative; top:240px;left:0px;cursor:pointer; }
/*#####on off */
.switch {position: relative; display: inline-block; vertical-align: middle; width:70px;height: 25px; cursor:pointer; background-color:#FFF; border-radius: 25px; -webkit-border-radius: 25px ; -moz-border-radius:25px;}
.switch-input { position: absolute; top: 0; left: 0; opacity: 0;}
.switch-label { position: relative; display: block; height: inherit; font-size:1em; text-transform: uppercase; border-radius: inherit;
-webkit-transition: 0.15s ease-out; -moz-transition: 0.15s ease-out; -o-transition: 0.15s ease-out; transition: 0.15s ease-out; border:1px solid #ccc; box-sizing:border-box;}
.switch-label:before, .switch-label:after { position: absolute; top: 50%; margin-top: -.5em; line-height: 120%;
-webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit;}
.switch-label:before { content: attr(data-off); right:10px;font-size:1em; color: #000; opacity:.6; font-weight:bold; letter-spacing:0;}
.switch-label:after { content: attr(data-on); left:10px; opacity: 0; font-weight:bold; letter-spacing:0;color:#ff4f4f;}
.switch-input:checked ~ .switch-label { background: #fff;}
.switch-input:checked ~ .switch-label:before { opacity: 0;}
.switch-input:checked ~ .switch-label:after { opacity: 1;
}.switch-handle { position: absolute; top: 0; left: 0; width:25px; height: 25px; background: #666; border-radius: 25px; -webkit-border-radius: 25px ; -moz-border-radius:25px;
-webkit-transition: left 0.15s ease-out; -moz-transition: left 0.15s ease-out; -o-transition: left 0.15s ease-out; transition: left 0.15s ease-out; color:#fff; text-align:center; font-size:1em; font-weight:bold; line-height:120%; font-family:'Tahoma'; letter-spacing:0;}
.switch-input:checked ~ .switch-handle { color:#ff4f4f;left:45px;background-color:#ff4f4f ;}
/*### 텍스트 깜빡임 ###*/
.blink {
animation: blink-animation 2s steps(5, start) infinite;
-webkit-animation: blink-animation 2s steps(5, start) infinite;
}
@keyframes blink-animation {
to {
visibility: hidden;
}
}
@-webkit-keyframes blink-animation {
to {
visibility: hidden;
}
}
/* 기본 공통 추가 150805 */
.bold {font-weight:bold;}
.fontWhite { color:#ffffff;}
.fontRed { color:#e21317;}
.fontRedr { color:#ff0000;}
.fontBlue{ color:#0e61ae;}
.fontBlueR{ color:#2e7de4;}
.fontBlack{ color:#000;}
.fontGreen{ color:#378b33;}
.fontGreen2{ color:#6d8c0e;}
.fontyellow{ color:#fcff00;}
.fontOrange{ color:#F30;}
.fontGray { color:#757575}
.fontPink { color:#e4377f;}
.fontmint { color:#2389aa;}
.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}
.font20 {font-size:20px;}
.font22 {font-size:22px;}
.font24 {font-size:24px;}
.font26 {font-size:26px;}
.font28 {font-size:28px;}
/*### 정렬 ###*/
.alignC {text-align:center;}
.alignR {text-align:right;}
.alignL {text-align:left;}
/*### 여백 ###*/
.mar_left3 { margin-left:3px}
.mar_left5 { margin-left:5px}
.mar_left10 { margin-left:10px}
.mar_left20 { margin-left:20px}
.mar_top5 { margin-top:5px}
.mar_top10{ margin-top:10px}
.mar_top13{ margin-top:13px}
.mar_top20{ margin-top:20px}
.mar_top30{ margin-top:30px}
.mar_top40{ margin-top:40px}
.mar_top50{ margin-top:50px}
.mar_rig3 { margin-right:3px}
.mar_rig5 { margin-right:5px}
.mar_rig10 { margin-right:10px}
.mar_rig20 { margin-right:20px}
.mar_rig30 { margin-right:30px}
.mar_bot10 { margin-bottom:10px}
.mar_bot20 { margin-bottom:20px}
.mar_bot30 { margin-bottom:30px}
.pad_top5 { padding-top:5px}
.pad_top10 { padding-top:10px}
.pad_right5 { padding-right:5px}
.pad_right10 { padding-right:10px}
.pad_right20 { padding-right:20px}
.pad_left5 {padding-left:5px}
.pad_left20 {padding-left:20px}
.pad_left10 {padding-left:10px}
/* 멀티브라우저 설치레이어*/
.vctn_multiB_tot {width:733px; height:340px; margin:0 auto; position:absolute; }
.vctn_multiB_tot li { list-style:none; }
.vctn_multiB_tot .multiB_tb { width:733px; height:340px; background:url('../images/popup/view_popup_multi.jpg') no-repeat; margin:0 auto; text-align:center; position:relative;cursor:pointer;}
.vctn_multiB_tot .multiB_tb .multiB_btn { width:405px; height:84px; margin:0 auto; background:url('../images/popup/multiB_tb_btnok.png') no-repeat; position:absolute; top:225px; left:290px; cursor:pointer;}
.vctn_multiB_tot .multiB_tb .multiB_close { width:44px; height:44px; margin:0 auto; background:url('../images/popup/view_popup_multi_x.png') no-repeat; position:absolute; top:20px; right:20px;cursor:pointer;}
.vctn_multiB_tot .multiB_tb .multiB_chrome { width:100%; height:162px; margin:0 auto; background:url('../images/popup/view_icon_active.gif ') no-repeat;background-position:center; position:absolute; top:450px; cursor:pointer;}
.vctn_multiB_tot .multiB_tb .multiB_edge { width:100%; height:162px; margin:0 auto; background:url('../images/popup/view_icon_active.gif ') no-repeat;background-position:center; position:absolute; top:450px; cursor:pointer;}
/*ie9 이하 사용자 레이어 */
.popup_byeie { width:570px; height:570px; margin:0 auto; background:url('/images/popup/goodbyeie.png') no-repeat; display:block; margin-top:250px; z-index:1000; position:relative;cursor:pointer}
.popup_byeie li { list-style:none; }
.popup_byeie .btn_byeid { width:70px; height:70px; background:url('/images/popup/btn_popB.png') no-repeat; position:absolute; top:50px; right:40px; z-index:100; cursor:pointer}
.popup_byeie .btn_bygo { width:100%; height:130px; position:absolute; bottom:0px; z-index:100; cursor:pointer}
/* 이벤트 레이어 */
.popup_chu1809_layer {clear:both; width:100%; height:100%; min-height:1700px; margin:0 auto; text-align:center; position:absolute; top:0; left:0;z-index:9999;background:url('/images/popup/bg_gra.png') repeat;}
.popup_chage_event { width:554px; height:485px; margin:0 auto; text-align:center; margin-top:250px; z-index:1000; position:relative; }
.popup_chage_event .pop_evtimg { width:554px; height:485px; margin:0 auto; text-align:center; background:url('/images/popup/popup_charge_180123.png') no-repeat; display:block; position:relative; cursor:pointer}
.popup_chage_event .btn_chevtx { width:54px; height:54px; background:url('/images/popup/popup_charge_180123x.png') no-repeat; position:absolute; top:50px; right:40px;z-index:1000; cursor:pointer}
/* 추석2018 */
.popup_1809 { width:574px; height:519px; margin:0 auto; margin-top:250px; position:relative;cursor:pointer}
.popup_1809 .btn_1809x { width:59px; height:59px; background:url('../images/popup/popup_btnx.png') no-repeat; position:absolute; top:60px; right:60px; z-index:1000; cursor:pointer}
.popup_1809 .chu1809_img { width:100%; height:519px;background:url('../images/popup/popup_chu2018.png') no-repeat; position:absolute; top:00px; right:00px; z-index:500; cursor:pointer; }
.popup_1809 .chuit { width:100%; height:40px; line-height:40px; position:absolute; top:80px; right:00px; z-index:600; cursor:pointer; text-align:center;color:#fffc00; font-size:1.4em; font-weight:bold ; }
/* 포인트 충전, 결제, 웹소설 전환 페이지 상단 탭 20201021 수정 */
.charge_tab {
display: table;
table-layout: fixed;
width: 805px;
height: 40px;
line-height: 40px;
}
.charge_tab li {
position: relative;
display: table-cell;
vertical-align: middle;
border: 1px solid #cfdbe2;
border-left: none;
font-size: 14px;
font-weight: bold;
color: #5d5d5d;
letter-spacing: -0.1em;
cursor: pointer;
background-color: #fff;
}
.charge_tab li a {
display: block;
color: #5d5d5d;
}
.charge_tab li:hover, .charge_tab li:hover a {
background-color: #edf3fa;
color: #395ecc;
}
.charge_tab li:first-of-type {
border-left: 1px solid #cfdbe2;
}
.charge_tab li.on, .charge_tab li.on a {
color: #395ecc;
}
.charge_tab .el_ico_new {
position: absolute;
top: 12px;
width: 11px;
height: 11px;
margin-left: 5px;
background: url(/images/event/evt_ico_new.gif) no-repeat center 0;
}
/*210114 100% 페이백*/
.blt_210114184543{ display:inline-block; vertical-align:top; padding:0 4px; border-radius:3px; line-height:20px; font-weight:700; font-size:12px; background:#eb435f; color:#ffffff; cursor:pointer; }
/*202208 비제휴 FREE 아이콘 파일이즈에서 가져옴*/
.blt_free { display:inline-block; width:42px; border-radius:3px; line-height:16px; font-size:11px; background:#62a8ef; color:#ffffff; text-align:center; font-family:'Malgun Gothic','맑은 고딕',sans-serif; }
.blt_free.sizeS { width:34px; line-height:16px; letter-spacing:0; }
.blt_free.view { background:#429af4; }
/**
* @msshin_sellerpop_20210518
* 판매 포인트 확인 안내 레이어 팝업 [2021-05-18 018]
*/
.layer_pop_frame{ position:fixed; top:0px; left:0px; z-index:99999; }
.layer_pop_frame{ background:rgba(0, 0, 0, 0.3); width:100%; height:100%; }
.layer_pop_frame{ display:flex; align-items:center; justify-content:center; }
.layer_pop_frame *{ position:relative; }
.layer_pop_frame > .layer_pop{ background:white; width:678px; padding-bottom:35px; box-sizing:border-box; border:3px solid #8bb9e8; }
/**/
.layer_pop_210518165726 > .head{ height:45px; }
.layer_pop_210518165726 > .head > .close_btn{ border:none; background:url(/images/popup/icon_close_210518163954.png) no-repeat center; width:21px; height:22px; }
.layer_pop_210518165726 > .head > .close_btn{ cursor:pointer; position:absolute; top:21px; right:21px; }
.layer_pop_210518165726 > .body > .pic{ text-align:center; }
.layer_pop_210518165726 > .body .chk_0{ cursor:pointer; font-size:13px; color:#333333; }
.layer_pop_210518165726 > .body .chk_0 > *{ display:inline-block; vertical-align:middle; }
.layer_pop_210518165726 > .body .btn_0{ cursor:pointer; font-size:15px; font-weight:700; line-height:47px; width:169px; color:#525253; background:#e6e9ef; box-sizing:border-box; border:1px solid #c8cede; }
.layer_pop_210518165726 > .body .btn_0:hover{ background:#dfe5ee; box-sizing:border-box; border:1px solid #c8cede; }
/* // 판매 포인트 확인 안내 레이어 팝업 [2021-05-18 018] */
/* 2021-06-22 회원님께 드리는 특급 혜택 */
.layer_pop_frame > .layer_pop.layer_pop_210622165734{ width:391px; border:0 none; background:none; }
.layer_pop_210622165734 .link{ display:block; font-size:0; line-height:0; }
.btns_210622170638{ margin-top:15px; }
.btns_210622170638 * { font-size:0; line-height:0; }
.btns_210622170638:after{ display:block; content:""; clear:both; }
.left_210622171050{ float:left; margin-left:4px; }
.left_210622171050 > label{ cursor:pointer; }
.left_210622171050 > label > input[type=checkbox]{ position:absolute; width:0; height:0; opacity:0; }
.left_210622171050 > label > input[type=checkbox] + .pic > img:first-child{ display:block; }
.left_210622171050 > label > input[type=checkbox] + .pic > img:last-child{ display:none; }
.left_210622171050 > label > input[type=checkbox]:checked{}
.left_210622171050 > label > input[type=checkbox]:checked + .pic > img:first-child{ display:none; }
.left_210622171050 > label > input[type=checkbox]:checked + .pic > img:last-child{ display:block; }
.right_210622171050{ float:right; margin-right:4px; }
.right_210622171050 > button{ background:none; border:0 none; cursor:pointer; }
/**/
.event_210623122803_wrap { width: 805px; height: 750px; position: relative; background :url('/images/popup/event_210623122803.jpg') center center no-repeat; }
.event_210623122803_wrap > .btn_210623122803 { position: absolute; top: 394px; left: -20%; right: 0; margin: 0 auto; cursor:pointer; width:308px; height:56px; background:url('/images/popup/btn_210623122803.jpg'); }
.event_210623122803_wrap > .btn_210623122803:hover{ background:url('/images/popup/btn_hover_210623122803.jpg'); }
/* // 2021-06-22 회원님께 드리는 특급 혜택 */
#gnb_wrap{ overflow:hidden; width:100%; min-width:1018px; height:70px; background:#ffffd4; }
#gnb_wrap{ border-top:1px solid #dbdbdb; }
#gnb_wrap > .area{ position:relative; }
#gnb_wrap > .area > .inner{ position:relative; width:1018px; margin-left:auto; margin-right:auto; }
#gnb_wrap > .area.depth_1{ background:#ffffff; }
#gnb_wrap > .area.depth_1 > .inner{ height:40px; }
#gnb_wrap > .area.depth_1 > .inner{ display:flex; }
#gnb_wrap > .area.depth_2{ background:#555e6d; }
#gnb_wrap > .area.depth_2 > .inner{ height:27px; }
/**/
#gnb_wrap .top_100_btn{ cursor:pointer; display:block; width:105px; height:40px; }
#gnb_wrap .top_100_btn{ background-image:url('/images/main/menu_top.png'); background-size:contain; background-repeat:no-repeat; background-position:center; }
#gnb_wrap .top_100_btn:hover{ background-image:url('/images/main/menu_top_on.png'); }
/**/
#gnb_main_menu{ display:table; border-collapse:collapse; width:100%; height:40px; }
#gnb_main_menu > li{ position:relative; cursor:pointer; display:table-cell; vertical-align:top; }
#gnb_main_menu > li > div{ font-weight:700; font-size:14px; color:#666; }
#gnb_main_menu > li > div{ position:relative; box-sizing:border-box; border:1px solid transparent; border-bottom:none; }
#gnb_main_menu > li > div{ display:flex; align-items:center; justify-content:center; height:40px; }
#gnb_main_menu > li:hover > div{ color:#ffdf16; }
#gnb_main_menu > li:hover:before{ background:#555e6d; width:100%; height:35px; z-index:0; position:absolute; bottom:0px; left:0px; content:''; display:block; }
#gnb_main_menu > li:hover:before{ border-top-left-radius:10px; border-top-right-radius:10px; }
#gnb_main_menu > li.adult > div:before{ margin-right:3px; background:url('/images/main/menu_adult.png'); width:18px; height:18px; content:''; display:inline-block; }
#gnb_main_menu > li.bj > div:before{ margin-right:3px; background:url('/images/main/menu_bj.png'); width:21px; height:14px; content:''; display:inline-block; }
#gnb_main_menu > li.bj > div:before{ position:absolute; top:1px; left:5px; }
/**/
#gnb_sub_menu{ text-align:left; overflow:hidden; }
#gnb_sub_menu > ul{ left:-1000%; display:inline-flex; position:absolute; top:0; }
#gnb_sub_menu > ul.on{ left:0%; }
#gnb_sub_menu > ul > li{ position:relative; cursor:pointer; }
#gnb_sub_menu > ul > li + li:before{ background:#adadad; width:1px; height:8px; position:absolute; top:50%; transform:translateY(-50%); left:0px; content:''; display:block; }
#gnb_sub_menu > ul > li > a{ position:relative; padding-left:10px; padding-right:10px; font-size:12px; color:#ffffff; white-space:nowrap; }
#gnb_sub_menu > ul > li > a{ display:flex; align-items:center; justify-content:center; height:27px; }
#gnb_sub_menu > ul > li:hover > a{ color:#ffdf16; }
#gnb_sub_menu > ul > li.adult > a:before{ margin-right:2px; width:14px; height:14px; display:inline-block; content:''; }
#gnb_sub_menu > ul > li.adult > a:before{ background-image:url('/images/main/menu_adult_14.png'); background-size:contain; background-repeat:no-repeat; background-position:center; }
/**/
.login_wrap_2{ box-sizing:border-box; border:1px solid #dddddd; background:#f8f8f8; }
.login_wrap_2{ height:200px; margin-bottom:5px; padding:10px 14px; text-align:left; }
.login_wrap_2 > .btns{ margin-top:3px; width:100%; margin-left:auto; margin-right:auto; }
.login_wrap_2 .find_id_btn{ cursor:pointer; display:inline-flex; align-items:center; }
.login_wrap_2 .find_id_btn{ font-size:11px; color:#6e747d; }
.login_wrap_2 .find_id_btn:hover{ text-decoration:underline; }
.login_wrap_2 > .btns > button{ overflow:visible; font-size:0; cursor:pointer; position:relative; font-weight:700; box-sizing:border-box; width:100%; height:39px; text-align:center; border:1px solid #283955; background:#555e6d; }
.login_wrap_2 > .btns > button{ display:flex; align-items:center; justify-content:center; }
.login_wrap_2 > .btns > button > .label{ font-size:12px; }
.login_wrap_2 > .btns > button > *{ margin-right:3px; }
.login_wrap_2 > .btns > button:hover{ opacity:0.8; }
.login_wrap_2 > .btns > button + button{ margin-top:7px; }
/**/
.login_pop_wrap{ z-index:9999; position:fixed; top:0px; left:0px; width:100%; height:100%; }
.login_pop_wrap{ background:rgba(0, 0, 0, 0); }
.login_pop_wrap{ display:flex; align-items:flex-start; justify-content:center; }
.login_pop_wrap *{ position:relative; }
.login_pop_wrap > .login_popup{ margin-top:0px; width:100%; background:#ffffff; }
.login_pop_wrap > .login_popup > .head{ display:flex; align-items:center; justify-content:center; height:40px; background:#6f97da; }
.login_pop_wrap > .login_popup > .head > .title{ color:white; }
.login_pop_wrap > .login_popup > .head > .close_btn{ position:absolute; top:0px; right:0px; }
.login_pop_wrap > .login_popup > .head > .close_btn{ background:none; border:none; cursor:pointer; background-image:url(/images/popup/popup_btn_close.png); background-repeat:no-repeat; background-position:center; }
.login_pop_wrap > .login_popup > .head > .close_btn{ width:40px; height:40px; }
/**/
.login_pop_wrap > .login_popup > .body{ width:458px; }
.login_pop_wrap > .login_popup > .body > .inner{ padding:25px 50px 44px; }
.login_pop_wrap > .login_popup > .body .tab_ui{ display:flex; height:40px; }
.login_pop_wrap > .login_popup > .body .tab_ui > div{ cursor:pointer; flex-grow:1; width:50%; }
.login_pop_wrap > .login_popup > .body .tab_ui > div{ display:flex; align-items:center; justify-content:center; }
.login_pop_wrap > .login_popup > .body .tab_ui > div{ box-sizing:border-box; border:1px solid #dddddd; }
.login_pop_wrap > .login_popup > .body .tab_ui > div{ border-right:none; border-bottom-color:#395ecc; }
.login_pop_wrap > .login_popup > .body .tab_ui > div.on{ border-color:#395ecc; border-bottom-color:white; }
.login_pop_wrap > .login_popup > .body .tab_ui > div.on + div{ border-left-color:#395ecc; }
.login_pop_wrap > .login_popup > .body .tab_ui > div:last-of-type{ border-right:1px solid #dddddd; }
.login_pop_wrap > .login_popup > .body .tab_ui > div.on:last-of-type{ border-right-color:#395ecc; }
.login_pop_wrap > .login_popup > .body .tab_ui > div > div{ font-size:13px; color:#5d5d5d; font-weight:700; }
.login_pop_wrap > .login_popup > .body .tab_ui > div.on > div{ color:#395ecc; }
/**/
.login_pop_wrap > .login_popup > .body .tab_child_ui{ margin-top:20px; }
.login_pop_wrap > .login_popup > .body .tab_child_ui > .tab_child{ display:none; }
.login_pop_wrap > .login_popup > .body .tab_child_ui > .tab_child.on{ display:block; }
.login_pop_wrap > .login_popup > .body .tab_child_ui .inp_ui_0{ vertical-align:top; outline:none; width:100%; height:46px; box-sizing:border-box; border:1px solid #dddddd; }
.login_pop_wrap > .login_popup > .body .tab_child_ui .inp_ui_0{ font-size:12px; padding-left:10px; padding-right:10px; }
.login_pop_wrap > .login_popup > .body .tab_child_ui .inp_ui_0::placeholder{ color:#bfbfbf; }
.login_pop_wrap > .login_popup > .body .tab_child_ui .inp_ui_0 + .inp_ui_0{ border-top:none; }
.login_pop_wrap > .login_popup > .body .tab_child_ui .find_id_btn{ vertical-align:top; display:inline-flex; align-items:center; }
.login_pop_wrap > .login_popup > .body .tab_child_ui .sel_ui_0{ vertical-align:top; text-align-last:center; outline:none; cursor:pointer; height:46px; box-sizing:border-box; border:1px solid #dddddd; }
.login_pop_wrap > .login_popup > .body .tab_child_ui .sel_ui_0{ font-weight:700; font-size:12px; color:#6f97da; }
.login_pop_wrap > .login_popup > .body .tab_child_ui .f_txt_0{ display:inline-flex; align-items:center; justify-content:center; height:46px; box-sizing:border-box; border:1px solid #dddddd; }
.login_pop_wrap > .login_popup > .body .tab_child_ui .f_txt_0{ font-size:12px; color:#333333; }
.login_pop_wrap > .login_popup > .body .tab_child_ui .btn_ui_0{ cursor:pointer; width:100%; height:44px; box-sizing:border-box; border:1px solid #283955; background:#555e6d; }
.login_pop_wrap > .login_popup > .body .tab_child_ui .btn_ui_0{ display:flex; align-items:center; justify-content:center; }
.login_pop_wrap > .login_popup > .body .tab_child_ui .btn_ui_0:hover{ opacity:0.8; }
.login_pop_wrap > .login_popup > .body .tab_child_ui .btn_ui_0 > .label{ font-weight:700; font-size:14px; color:white; }
.login_pop_wrap > .login_popup > .body .tab_child_ui .form_grp{ text-align:left;}
.login_pop_wrap > .login_popup > .body .tab_child_ui .form_grp > .form_title{ font-size:12px; color:#333333; margin-bottom:6px; }
.login_pop_wrap > .login_popup > .body .tab_child_ui .form_grp + .form_grp{ margin-top:15px; }
.login_pop_wrap > .login_popup > .body .tab_child_ui .chks{ display:flex; align-items:center; }
.login_pop_wrap > .login_popup > .body .tab_child_ui .chks > .chk_ui_0{ cursor:pointer; display:inline-flex; align-items:center; }
.login_pop_wrap > .login_popup > .body .tab_child_ui .chks > .chk_ui_0{ font-size:11px; color:#333333; }
.login_pop_wrap > .login_popup > .body .tab_child_ui .chks > .chk_ui_0 > *{ font-size:11px; color:#333333; }
.login_pop_wrap > .login_popup > .body .tab_child_ui .chks > .chk_ui_0 > input{ margin-right:5px; }
.login_pop_wrap > .login_popup > .body .tab_child_ui .chks > .chk_ui_0 + .chk_ui_0{ margin-left:15px; }
.login_pop_wrap > .login_popup > .body .tab_child_ui .agree_box{ box-sizing:border-box; border:1px solid #ebebeb; padding:5px; }
.login_pop_wrap > .login_popup > .body .tab_child_ui .agree_box{ font-size:11px; color:#6e6e6e; overflow:auto; text-align:left;}
.login_pop_wrap > .login_popup > .body .tab_child_ui .agree_box *{ color:#6e6e6e; }
.login_pop_wrap > .login_popup > .body .tab_child_ui .red { color:red; }
.login_pop_wrap > .login_popup > .body .tab_child_ui .green { color:green; }
.login_pop_wrap > .login_popup > .body .tab_child_ui #pwText { margin-bottom:-1px;}
/* 원격지원 서비스 이용방법 : 230105 */
.remote_area h4{font-size:26px;color:#313030;text-align:left;margin:58px auto 22px}
.remote_area h4:first-child{margin-top:20px}
.remote_area h4 span{color:#4679d1}
.remote_area h4 span.sub{font-size:18px;color:#8f8f8f;font-weight:normal;margin-left:15px}
.remote_area .remoteSty01{display:flex;padding:24px 28px;border:1px solid #ddd;border-radius:10px;margin-bottom:6px}
.remote_area .remoteSty01 .leftTit{font-size:18px;font-weight:bold;color:#333;width:114px;text-align:left}
.remote_area .remoteSty01 .rightCon{color:#333;font-size:16px}
.remote_area .remoteSty01 .rightCon input[type="text"]{border:none;outline:none;color:#666}
.remote_area .remoteSty01 .reason{font-size:16px;color:#333;}
.remote_area .remoteSty01 .reason input[type="radio"]{position:relative;top:-1px;margin-right:6px;margin-left:12px}
.remote_area .remoteSty02{padding:24px 28px;width:100%;height:108px;border:1px solid #ddd;border-radius:10px;box-sizing:border-box;margin-bottom:6px;font-size:16px;color:#767676;font-family:"맑은 고딕"}
.remote_area .remoteSty02:hover,.remote_area .remoteSty02:focus{background:#fff}
.remote_area .remoteSty03box{margin-bottom:6px;display:flex;justify-content:space-between}
.remote_area .remoteSty03box .remoteSelect{padding:20px 24px;cursor:pointer;border:1px solid #ddd;border-radius:10px;height:70px;width:220px;font-size:18px;color:#333;font-weight:bold;box-sizing:border-box;font-family:"맑은 고딕";-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('/images/img/remote_arw.png') no-repeat calc(100% - 20px) center / 19px 10px;}
.remote_area .remoteSty03box .remoteSelect::-ms-expand{display:none;/*for IE10,11*/}
.remote_area .remoteSty03box .remoteSelect:first-child{width:333px}
.remote_area .consent{text-align:left;margin:30px 0 40px 28px}
.remote_area .consent .tit{color:#333;font-size:16px;font-weight:bold;margin-bottom:8px}
.remote_area .consent .txt{color:#666;font-size:14px;margin-bottom:18px}
.remote_area .consent .inpcheck label{color:#333;font-size:16px;}
.remote_area .consent .inpcheck label input[type="radio"]{position:relative;top:-2px;margin-right:5px}
.remote_area .consent .inpcheck label.mr20{margin-right:20px}
.remote_area .remote_btn{margin-bottom:54px}
.remote_area .remote_btn .btn02{width:300px;height:53px;background:#6B92D5;color:#fff;font-size:18px;font-weight:bold;border:1px solid #6B92D5;border-radius:5px;cursor:pointer}
.remote_area .remote_box .remoteTit{display:flex;justify-content:space-between;margin-bottom:19px}
.remote_area .remote_box .remoteTit h4{margin:0}
.remote_area .remote_box .remoteTit .remote_go{font-size:14px;color:#4473c4;font-weight:bold;border:1px solid #6B92D5;border-radius:5px;width:146px;height:37px;box-sizing:border-box;background:#fff;cursor:pointer;}
.remote_area .remote_tbl{width:100%}
.remote_area .remote_tbl thead tr th{border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:52px}
.remote_area .remote_tbl thead tr th:first-child{border-radius:10px 0 0 10px;border-left:1px solid #ddd}
.remote_area .remote_tbl thead tr th:last-child{border-radius:0 10px 10px 0;border-right:1px solid #ddd}
.remote_area .remote_tbl th{color:#333;font-size:16px;}
.remote_area .remote_tbl td{color:#666;font-size:14px;border-bottom:1px solid #ddd;height:49px}
.remote_area .remote_tbl td .cn_remote{font-size:12px;color:#fff;font-weight:bold;width:50px;height:25px;box-sizing:border-box;background:#A0A0A0;display:inline-block;line-height:24px;border-radius:5px;margin-left:12px;cursor:pointer}
.remote_area .page_right{position:absolute;margin:251px 0 0 7px}
.remote_area .page_right2 li{margin-bottom:5px}
.remote_area .page_right2{position:absolute;right:-87px;top:0;z-index:1;}
.remote_area .page_area{margin-top:20px; display:inline-block;}
.remote_area .page_btn{float:left; margin:0px; margin-right:3px; padding-top:2px; display:block; width:37px; line-height:28px; font-size:12px; color:#555555; font-weight:bold; border:1px solid #E5E5E5; cursor:pointer;background:#fff;}
.remote_area .page_btn a{color:#555555;}
.remote_area .page_btn:hover{ border:1px solid #2B5F9B;}
.remote_area .page_btn.last img{transform:rotate(180deg)}
.remote_area .page_btn_bold{float:left; margin:0 3px 0 0 ; padding-top:2px; display:block; width:37px; line-height:28px; font-size:12px; color:#2B5F9B; font-weight:bold; border:1px solid #2B5F9B;background:#fff;}
.remote_area .page_num_area{width: 743px; height: 54px; text-align:center;margin-bottom:56px}
.remote_area .remote_notice{text-align:left;margin-bottom:76px}
.remote_area .remote_notice .tit{font-size:16px;color:#333;font-weight:bold;margin-bottom:15px}
.remote_area .remote_notice .txt{font-size:14px;color:#666;line-height:32px}
/* 2024.08.12 찜한자료 4사 통합 개선 */
.zzim-page-title{display: block; width: 100%; max-width: 805px; font-size: 22px; line-height: 1.2; font-weight: 500; color: #363636; text-align: left; box-sizing: border-box; padding-top: 12px; padding-bottom: 12px;}
.zzim-list-notice{width: 100%; box-sizing: border-box; background-color: #FAFAFA; color: #858585; font-size: 12px; line-height: 1.1; font-weight: 500; text-align: left; padding: 24px 20px;}
.zzim-list-notice>li{width: 100%; display: flex; justify-content: flex-start; align-items: flex-start;}
.zzim-list-notice>li+li{margin-top: 8px;}
.zzim-list-notice>li>i:first-of-type{width: 12px; font-weight: 900;}
.zzim-list-notice>li>i[class*='tag-']{ margin: 0 2px; border-radius:3px ; -webkit-border-radius:3px ; -moz-border-radius:3px ; -ms-border-radius:3px ; -o-border-radius:3px ; }
.zzim-list-notice>li>i.tag-pc, i.tag-pc{display: inline-block; vertical-align: middle; width: 22px; height: 14px; background: url("/images/mypage/renew/tag-pc.png")no-repeat center center; background-size: 100%;}
.zzim-list-notice>li>i.tag-mo, i.tag-mo{display: inline-block; vertical-align: middle; width: 22px; height: 14px; background: url("/images/mypage/renew/tag-mo.png")no-repeat center center; background-size: 100%;}
/* 검색바 수정 */
.search-wrap{width: 100%; box-sizing: border-box; padding: 32px 0px; display: flex; justify-content: flex-start; align-items: center; gap: 4px;}
.search-wrap>*{ display: block; height: 32px; border: 1px solid #D9D9D9; box-sizing: border-box; font-size: 14px; line-height: 1.1; font-weight: 500; letter-spacing: -0.5px; color: #858585; border-radius:4px ; -webkit-border-radius:4px ; -moz-border-radius:4px ; -ms-border-radius:4px ; -o-border-radius:4px ; }
.search-wrap select, .search-wrap input[name="choice_s_word"]{padding: 0px 12px; box-sizing: border-box; outline: none;}
.search-wrap select[name="choice_s_column"]{width: 148px; padding-right: 11px; border-color: #D9D9D9 !important;}
.search-wrap input[name="choice_s_word"]{width: calc(100% - 228px); color: #000;}
.search-wrap input[type="button"]{width: 72px; border-style: none; background-color: #858585; color: #fff; cursor: pointer;}
/* 내가 찜한 자료 정렬 */
.top-wrap{display: flex; justify-content: space-between; align-content:center; width: 100%;}
.top-wrap select,.top-wrap .button{height: 32px; box-sizing: border-box;}
.top-wrap>.left-wrap{display: flex; justify-content: flex-start; align-items: center; gap: 4px;}
.top-wrap>.left-wrap select, .search-wrap select[name="choice_s_column"]{ border: 1px solid #E7E7E7; font-size: 14px; letter-spacing: -0.5px; color: #858585; outline: none; padding: 0px 12px; text-align: left; appearance: none; background: url("/images/mypage/renew/ico-dropdown.png")no-repeat right 12px center; background-size: 10px; border-radius:4px ; -webkit-border-radius:4px ; -moz-border-radius:4px ; -ms-border-radius:4px ; -o-border-radius:4px ; }
.top-wrap>.left-wrap select:first-of-type{width: 80px;}
.top-wrap>.left-wrap select:last-of-type{width: 120px;}
.top-wrap>.right-wrap .small.button>a{position: initial; display: block; width: 72px; height: 32px; padding:0 !important; color: #858585; background: none; border: 1px solid #D3D3D3; background-color: #E7E7E7; font-size: 14px; line-height: 32px; letter-spacing: -0.5px; font-weight: 500; border-radius:4px ; -webkit-border-radius:4px ; -moz-border-radius:4px ; -ms-border-radius:4px ; -o-border-radius:4px ; }
.top-wrap>.right-wrap .small.button:hover>a{color: #858585;}
.top-wrap>.right-wrap .small.button{border-style: none; margin: 0; width: fit-content; height: fit-content; background: none; line-height: none;}
/* 찜한자료 리스트 스타일 수정 */
.rightAreaAlign{width: 805px;}
#liked-list{width: 100%; box-sizing: border-box; border-collapse: collapse; border-width: 1px ; margin-top: 12px;}
#liked-list>thead tr{border-top: 1px solid #959595; border-bottom: 1px solid #959595;}
#liked-list>thead tr>td{font-size: 14px; line-height: 1.1; font-weight: 500; letter-spacing: -0.5px; text-align: center; color: #363636 !important; text-align: center !important;}
#liked-list tr>td{box-sizing: border-box; padding-left: 8px; height: 40px; font-size: 14px; line-height: 1.1; font-weight: 500; letter-spacing: -0.5px; color: #858585; }
#liked-list tr>td:last-of-type{padding-right: 8px;}
#liked-list tr>td:first-of-type{width: 44px;}
#liked-list tr>td:nth-of-type(2){width: 96px;}
#liked-list tr>td:nth-of-type(3){width: calc(100% - 436px); min-width: 369px; text-align: left; color: #363636;}
#liked-list tr>td:nth-of-type(4),#liked-list tr>td:nth-of-type(5),#liked-list tr>td:last-of-type{width: 80px;}
/* 체크박스 */
#liked-list tr>td:first-of-type input{display: none;}
#liked-list tr>td:first-of-type input+label{display: block; margin: 0 auto; width: 14px; height: 14px; cursor: pointer; background: url("/images/mypage/renew/chk_default.png")no-repeat center center; background-size: 100%;}
#liked-list tr>td:first-of-type input:checked+label{background: url("/images/mypage/renew/chk_active.png")no-repeat center center; background-size: 100%;}
/* 리스트 내 타이틀 */
#liked-list tr>td>a{display: flex; justify-content: flex-start; align-items: center; gap: 4px; width: 100%; color: #363636 !important;}
#liked-list tr>td>a:visited{color: #363636 !important;}
#liked-list tr>td>a>span,#liked-list tr>td>span{width: 100%; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1;}
#liked-list tr>td>a>i+span{width: calc(100% - 28px);}
#liked-list tr>td>a:hover{text-decoration: none;}
#liked-list tr>td>a:hover>span{color: #429af4;}
/* 잔여일 */
#liked-list>thead tr>td:last-of-type{display: flex; justify-content: center; align-items: center; gap: 2px; cursor: pointer;}
#liked-list>thead tr>td:last-of-type>i.ico-dropdown{display: inline-block; width: 14px; height: 14px; background: url("/images/mypage/renew/icon_sort_up_down.png")no-repeat center center; background-size: 100%;}
#liked-list>thead tr>td:last-of-type>span{ width: fit-content;}
/* 2024.11 Pc 리뉴얼 작업 시작 */
/* 헤더 상단 GNB */
#wrap1.renew-2024 *{
box-sizing: border-box;
}
#wrap1.renew-2024 #header_wrap .gnb_menu{
height: 28px;
border-bottom: 1px solid #D9D9D9;
background-color: #F2F2F2;
}
#wrap1.renew-2024 #header_wrap .gnb_menu .gnb_menu_s{
display: flex;
justify-content: space-between;
align-items: center;
width: 1018px;
height: 100%;
line-height: initial;
}
#wrap1.renew-2024 #header_wrap .gnb_menu .gnb_menu_s>*{
float: none;
background: none;
padding: 0px;
}
#wrap1.renew-2024 #header_wrap .gnb_menu .gnb_menu_s .gnb_L>li>a{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 2px;
}
#wrap1.renew-2024 #header_wrap .gnb_menu .gnb_menu_s .gnb_L>li>a>i.ico-star{
display: inline-block;
vertical-align: middle;
width: 13px;
height: 13px;
background: url("/images/renew_icon/ico-star-gray.svg")no-repeat center center;
background-size: 100%;
margin-bottom: 3px;
}
#wrap1.renew-2024 #header_wrap .gnb_menu .gnb_menu_s .gnb_L>li>a>span{
font-size: 12px;
line-height: 1.2;
font-weight: 400;
letter-spacing: -0.3px;
color: #737373;
}
#wrap1.renew-2024 #header_wrap .gnb_menu .gnb_menu_s .gnb_R{
display: flex;
justify-content: flex-end;
align-items: center;
gap: 12px;
}
#wrap1.renew-2024 #header_wrap .gnb_menu .gnb_menu_s .gnb_R>li{
font-size: 12px;
line-height: 1.2;
font-weight: 400;
letter-spacing: -0.3px;
color: #737373;
cursor: pointer;
}
#wrap1.renew-2024 #header_wrap .gnb_menu .gnb_menu_s .gnb_R>li+li::before{
content: '';
display: inline-block;
vertical-align: middle;
width: 1px;
height: 10px;
background-color: #D9D9D9;
margin-right: 12px;
}
/* GNB FIN */
/* MAIN HEADER */
#wrap1.renew-2024 #header_wrap .top{
padding-top: 18px;
height: 98px;
}
#wrap1.renew-2024 #header_wrap .top .search{
height: 72px;
}
#wrap1.renew-2024 #header_wrap .top .search .hotsearch_keyword{
margin-top: 8px;
}
#wrap1.renew-2024 #header_wrap .top .search .hotsearch_keyword .left a{
font-size: 12px;
line-height: 1.2;
font-weight: 400;
letter-spacing: -0.3px;
color: #737373;
}
#wrap1.renew-2024 #header_wrap .top .banner_top_rig>a,
#wrap1.renew-2024 #header_wrap .top .banner_top_rig>a>img{
display: block;
width: 100%;
height: 100%;
}
#wrap1.renew-2024 #header_wrap .top .banner_top_rig>a>img{
object-fit: contain;
}
#wrap1.renew-2024 #header_wrap .vmenu{
background: none;
overflow: visible;
}
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox{
width: 100%;
height: auto;
border-top: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
}
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox+.vmenuBox{
border-top: none;
height: 30px;
}
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox.top{
padding: 0px;
height: auto;
}
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox>*{
width: 1018px;
margin: 0 auto;
float: none;
}
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .topMenuBox{
display: flex;
justify-content: flex-start;
align-items: center;
height: auto;
}
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .topMenuBox>li{
min-height: 41px;
}
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .topMenuBox>li[data-cate="MIB"],
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .topMenuBox>li[data-cate="PTV"],
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .topMenuBox>li[data-cate="PIC"]{
position: relative;
}
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .topMenuBox>li[data-cate="MIB"]::before,
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .topMenuBox>li[data-cate="PTV"]::before,
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .topMenuBox>li[data-cate="PIC"]::before{
content: '';
position: absolute;
top: 0px;
left: 5.3px;
display: block;
width: 25px;
height: 13px;
box-sizing: border-box;
}
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .topMenuBox>li[data-cate="MIB"]::before{background: url("/images/renew_icon/tag-new.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .topMenuBox>li[data-cate="PTV"]::before{background: url("/images/renew_icon/tag-hot.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .topMenuBox>li[data-cate="PIC"]::before{background: url("/images/renew_icon/tag-new-2.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .topMenuBox>li.on>span,
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .topMenuBox>li.active>span{
color: #5484D3;
font-weight: 600;
border-color: #5484D3;
}
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .topMenuBox>li,
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .topMenuBox>li>a{
display: flex;
justify-content: center;
align-items: center;
gap: 2px;
float: none;
height: auto;
padding: 11.5px 8px;
font-size: 14px;
line-height: 1;
font-weight: 500;
color: #404040;
text-transform: uppercase;
text-align: center;
border-bottom: 2px solid transparent;
cursor: pointer;
}
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .topMenuBox>li:hover,
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .topMenuBox>li.active{
border-color: #5484D3;
}
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .topMenuBox>li>a{
padding: 0px;
border-bottom: none;
}
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .topMenuBox>li>span,
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .topMenuBox>li>a>span{
display: block;
white-space: nowrap;
}
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .topMenuBox>li i.ico-adult{
display: inline-block;
vertical-align: middle;
width: 14px;
height: 14px;
background: url("/images/renew_icon/ico-adult-round.svg")no-repeat center center;
background-size: 100%;
}
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .topMenuBox>li[data-cate="TOP"]>span{
font-weight: 600;
color: #00222E;
}
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .topMenuBox>li[data-cate="TOP"]>span>b{
font-weight: 600;
color: #6A92D5;
}
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .topMenuBox>li i.ico-top100{
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
background: url("/images/renew_icon/ico-top100.svg")no-repeat center center;
background-size: 100%;
}
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .subMenuBox{
height: auto;
}
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .subMenuBox>div>a{
font-size: 12px;
font-weight: 500;
line-height: 1;
color: #555E6D;
background: none;
}
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .subMenuBox>div>a+a::before{
content: '';
display: inline-block;
vertical-align: middle;
width: 1px;
height: 10px;
background-color: #D9D9D9;
margin-right: 8px;
}
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .subMenuBox>div>a+a{
padding-left: 8px;
}
#wrap1.renew-2024 #header_wrap .subMenuBox div *:hover,
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .subMenuBox>div>a:hover,
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .subMenuBox>div>a.submenu_on{
color: #5484D3 !important;
}
#wrap1.renew-2024 #header_wrap .vmenu .vmenuBox .subMenuBox>div>a i.ico-adult{
display: inline-block;
vertical-align: middle;
width: 13px;
height: 10px;
background: url("/images/renew_icon/ico-adult-square.svg")no-repeat center center;
background-size: 100%;
margin-bottom: 2px;
margin-right: 4px;
}
/* 좌측 날개 배너 */
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu_L{
top: 168px;
left: -106px;
}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu_L .banner_quick_L{
top:0px;
}
/* 우측 퀵메뉴 */
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu{
top: 168px;
left: auto;
right: -88px;
width: 72px;
height: 446px;
}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu>.quick-menu-top{
width: 100%;
height: 40px;
background: url("/images/renew_icon/quick-menu-top.svg")no-repeat center center;
background-size: 100%;
}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu .banner_quick{
position: initial;
width: 100%;
border: 1px solid #D9D9D9;
box-sizing: border-box;
border-top: none;
border-radius: 0px 0px 12px 12px;
-webkit-border-radius: 0px 0px 12px 12px;
-moz-border-radius: 0px 0px 12px 12px;
-ms-border-radius: 0px 0px 12px 12px;
-o-border-radius: 0px 0px 12px 12px;
}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu .banner_quick>li{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px;
background-color: #fff;
box-sizing: border-box;
padding: 12px 8px;
cursor: pointer;
}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu .banner_quick>li:last-of-type{
border-radius: 0px 0px 12px 12px;
-webkit-border-radius: 0px 0px 12px 12px;
-moz-border-radius: 0px 0px 12px 12px;
-ms-border-radius: 0px 0px 12px 12px;
-o-border-radius: 0px 0px 12px 12px;
}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu .banner_quick>li:hover{
background-color: #F2F7FF;
}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu .banner_quick>li+li{
border-top: 1px solid #D9D9D9;
}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu .banner_quick>li.menu_flixko {
position: relative;
}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu .banner_quick>li.menu_flixko > img {
position: absolute;
top:0;
left:0;
}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu .banner_quick>li i{
display: block;
width: 30px;
height: 30px;
}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu .banner_quick>li i.ico-top100{background: url("/images/renew_icon/ico-right-menu-top100.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu .banner_quick>li i.ico-tv{background: url("/images/renew_icon/ico-right-menu-tv.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu .banner_quick>li i.ico-coupon{background: url("/images/renew_icon/ico-right-menu-coupon.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu .banner_quick>li i.ico-stamp{background: url("/images/renew_icon/ico-right-menu-stamp.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu .banner_quick>li i.ico-report{background: url("/images/renew_icon/ico-right-menu-report.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu .banner_quick>li i.ico-right-menu-flixko{background: url("/images/flixko/ico-right-menu-flixko.png")no-repeat center center;}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu .banner_quick>li:hover i.ico-top100{background: url("/images/renew_icon/ico-right-menu-top100-on.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu .banner_quick>li:hover i.ico-tv{background: url("/images/renew_icon/ico-right-menu-tv-on.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu .banner_quick>li:hover i.ico-coupon{background: url("/images/renew_icon/ico-right-menu-coupon-on.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu .banner_quick>li:hover i.ico-stamp{background: url("/images/renew_icon/ico-right-menu-stamp-on.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu .banner_quick>li:hover i.ico-report{background: url("/images/renew_icon/ico-right-menu-report-on.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu .banner_quick>li:hover i.ico-right-menu-flixko{background: url("/images/flixko/ico-right-menu-flixko-on.png")no-repeat center center;}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu .banner_quick>li>span{
font-size: 11px;
line-height: 1.2;
font-weight: 400;
letter-spacing: -0.3px;
color: #404040;
text-align: center;
text-transform: uppercase;
}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu .banner_quick>li:hover>span{
color: #6A92D5;
}
/* HEADER FIN */
/* CONTENTS AREA */
#wrap1.renew-2024 #container{
padding-top: 16px;
padding-bottom: 24px;
}
/* 로그인 전*/
.login_wrap.renew-2024,
.login_wrap.renew-2024 *{
box-sizing: border-box;
}
.login_wrap.renew-2024{
height: auto !important;
border: 1px solid #D9D9D9;
background-color: #fff !important;
padding: 20px 16px;
overflow: hidden;
min-height: 328px;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
}
.login_wrap.renew-2024 #site_set,
.login_wrap.renew-2024 #idinput,
.login_wrap.renew-2024 #pwinput{
display: block;
width: 100%;
background-color: #fff;
border-style: none;
border-bottom: 1px solid #F2F2F2;
padding: 11px 6px;
font-size: 14px;
line-height: 1.2;
font-weight: 500;
letter-spacing: -0.3px;
color: #404040;
outline: none;
}
.login_wrap.renew-2024 #site_set{
cursor: pointer;
padding-left: 4px;
}
.login_wrap.renew-2024 #site_set,
.login_wrap.renew-2024 #site_set>option{
font-family: '맑은 고딕' !important;
font-size: 14px;
line-height: 1.2;
font-weight: 500;
letter-spacing: -0.3px;
}
.login_wrap.renew-2024 #idinput::placeholder,
.login_wrap.renew-2024 #pwinput::placeholder{
color: #A6A6A6;
}
.login_wrap.renew-2024 #idinput,
.login_wrap.renew-2024 #pwinput{
margin-top: 8px;
}
.login_wrap.renew-2024 label[for="idSave"]{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 4px;
cursor: pointer;
margin-top: 12px;
}
.login_wrap.renew-2024 input[type="checkbox"]{
display: none;
}
.login_wrap.renew-2024 label[for="idSave"]>svg{
display: inline-block;
vertical-align: middle;
}
.login_wrap.renew-2024 label[for="idSave"]>svg>rect{
stroke: #D9D9D9;
}
.login_wrap.renew-2024 label[for="idSave"]>span{
font-size: 12px;
line-height: 1.2;
font-weight: 400;
letter-spacing: -0.3px;
color: #737373;
-webkit-user-drag: none;
}
.login_wrap.renew-2024 input#idSave:checked+svg>rect{
width: 12px !important;
height: 12px !important;
x: 0 !important;
y: 0 !important;
stroke: none;
fill: #6A92D5;
}
.login_wrap.renew-2024 input#idSave:checked+svg>path{
stroke: #fff;
}
.login_wrap.renew-2024 .button-wrap{
margin-top: 16px;
width: 100%;
}
.login_wrap.renew-2024 .button-wrap>*{
display: block;
width: 100%;
box-sizing: border-box;
padding: 11px;
font-size: 14px;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.3px;
border-radius: 4px;
outline: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
cursor: pointer;
}
.login_wrap.renew-2024 .button-wrap>.btn_login{
background-color: #6A92D5;
color: #fff;
border-style: none;
}
.login_wrap.renew-2024 .button-wrap>a{
border: 1px solid #D9D9D9;
background-color: #F2F2F2;
color: #737373;
margin-top: 4px;
}
.login_wrap.renew-2024>a.find-account{
display: block;
width: 100%;
margin-top: 8px;
text-align: center;
font-size: 12px;
line-height: 1.2;
font-weight: 400;
letter-spacing: -0.3px;
color: #737373;
}
/* 로그인 후*/
.login_wrap_info.renew-2024,
.login_wrap_info.renew-2024 *{
box-sizing: border-box;
float: none;
}
.login_wrap_info.renew-2024{
width: 100%;
border: 1px solid #D9D9D9;
background-color: #fff;
padding-top: 20px;
overflow: hidden;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
}
.login_wrap_info.renew-2024 .login_info_tit{
width: calc(100% - 32px);
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
padding-bottom: 14px;
border-bottom: 1px solid #F2F2F2;
margin: 0 auto;
}
.login_wrap_info.renew-2024 .login_info_tit>*{
float: none;
line-height: initial;
}
.login_wrap_info.renew-2024 .login_info_tit .name{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 2px;
margin: 0;
max-width: 65%;
font-size: 14px;
line-height: 1.3;
font-weight: 700;
letter-spacing: -0.3px;
color: #404040;
}
.login_wrap_info.renew-2024 .login_info_tit .name>i.ico-grade{
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
min-width: 16px;
}
.login_wrap_info.renew-2024 .login_info_tit .name>span{
float: none;
width: 100%;
padding: 0px;
margin: 0;
font-size: 14px;
line-height: 1.3;
font-weight: 700;
letter-spacing: -0.3px;
color: #404040;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
word-wrap: break-word;
white-space: pre-wrap;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.login_wrap_info.renew-2024 .login_info_tit>.memo{
display: flex;
justify-content: flex-end;
align-items: center;
gap: 4px;
padding: 0px;
max-width: auto;
}
.login_wrap_info.renew-2024 .login_info_tit>.memo::before{
content: '쪽지';
display: inline-block;
vertical-align: middle;
font-size: 11px;
line-height: 1.2;
font-weight: 400;
letter-spacing: -0.3px;
color: #737373;
}
.login_wrap_info.renew-2024 .login_info_tit>.memo>a{
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
word-wrap: break-word;
white-space: pre-wrap;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
max-width: 30px;
font-size: 12px;
line-height: 1.2;
font-weight: 700;
letter-spacing: -0.3px;
color: #404040;
margin-bottom: -3px;
}
.login_wrap_info.renew-2024 .user-info-list{
width: calc(100% - 32px);
margin: 0 auto;
margin-top: 14px;
/* padding-bottom: 16px; */
min-height: 211px;
}
.login_wrap_info.renew-2024 .user-info-list>li{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
}
.login_wrap_info.renew-2024 .user-info-list>li+li{
margin-top: 11px;
}
.login_wrap_info.renew-2024 .user-info-list>li>span:first-of-type{
text-align: left;
}
.login_wrap_info.renew-2024 .user-info-list>li>*:last-of-type{
text-align: right;
}
.login_wrap_info.renew-2024 .user-info-list>li>span,
.login_wrap_info.renew-2024 .user-info-list>li>span>a{
font-size: 12px;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.3px;
color: #737373;
}
.login_wrap_info.renew-2024 .user-info-list>li>span:last-of-type::after,
.login_wrap_info.renew-2024 .user-info-list>li>span:last-of-type>a::after{
content: '';
display: inline-block;
vertical-align: baseline;
text-transform: uppercase;
color: #737373;
margin-top: -1px;
}
.login_wrap_info.renew-2024 .user-info-list>li>span:last-of-type,
.login_wrap_info.renew-2024 .user-info-list>li>span:last-of-type>a{
color: #404040;
}
.login_wrap_info.renew-2024 .user-info-list>li:nth-of-type(6)>span{
text-align: right;
/* cursor: pointer; */
}
.login_wrap_info.renew-2024 .user-info-list>li.mileage>span{
cursor: pointer;
}
.login_wrap_info.renew-2024 .user-info-list>li.point>span:last-of-type::after,
.login_wrap_info.renew-2024 .user-info-list>li.coupon-point>span:last-of-type::after{content: 'p';}
.login_wrap_info.renew-2024 .user-info-list>li.bonus>span:last-of-type::after{content: 'b';}
.login_wrap_info.renew-2024 .user-info-list>li.coupon>span:last-of-type>a::after{content: '장';}
.login_wrap_info.renew-2024 .user-info-list>li.coupon>span:last-of-type>a:last-of-type::before{content: '/'; margin-right: 1px; color: #737373;}
.login_wrap_info.renew-2024 .user-info-list>li.coupon>span:last-of-type::after{display: none;}
.login_wrap_info.renew-2024 .user-info-list>li.bj-heart>span:last-of-type::after{content: '개';}
.login_wrap_info.renew-2024 .user-info-list>li.mileage>span:last-of-type::after{content: 'm';}
.login_wrap_info.renew-2024 .user-info-list>li.cash>span:last-of-type::after{content: 'c';}
.login_wrap_info.renew-2024 .login_menu{
position: initial;
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 46px;
border-top: 1px solid #D9D9D9;
}
.login_wrap_info.renew-2024 .login_menu>li{
flex: 1;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
font-size: 12px;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.3px;
color: #737373;
background-color: #F2F2F2;
cursor: pointer;
}
.login_wrap_info.renew-2024 .login_menu>li+li{
border-left: 1px solid #D9D9D9;
}
/* 좌측 마이페이지 탭 */
#wrap1.renew-2024 #leftarea #leftwrap .lmenu_tab{
display: flex;
justify-content: center;
align-items: center;
}
#wrap1.renew-2024 #leftarea #leftwrap .lmenu_tab a{
float: none;
}
/* 좌측 배너 */
#wrap1.renew-2024 #leftarea .left_banner{
width: 100%;
border-style: none;
margin-top: 16px;
}
#wrap1.renew-2024 #leftarea .left-banner-wrap{
width: 100%;
height: 102px;
overflow: hidden;
box-sizing: border-box;
border: 1px solid #D9D9D9;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
cursor: pointer;
}
#wrap1.renew-2024 #leftarea .left-banner-wrap>img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
#wrap1.renew-2024 #leftarea .left-item-wrap,
#wrap1.renew-2024 #rightarea .right-item-wrap{
width: 100%;
margin-top: 16px;
overflow: hidden;
border: 1px solid #D9D9D9;
background-color: #fff;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
}
#wrap1.renew-2024 #leftarea ul.left-item-wrap{
width: 100%;
box-sizing: border-box;
padding: 10px 0px;
}
#wrap1.renew-2024 #leftarea ul.left-item-wrap>li{
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
background: none;
float: none;
width: 100%;
height: auto;
line-height: initial;
padding: 10.525px 16px;
cursor: pointer;
}
#wrap1.renew-2024 #leftarea ul.left-item-wrap>li+li{
margin-top: 2px;
}
#wrap1.renew-2024 #leftarea ul.left-item-wrap>li .left-wrap{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 12px;
}
#wrap1.renew-2024 #leftarea ul.left-item-wrap>li .left-wrap i[class^="ico-"]{
display: inline-block;
vertical-align: middle;
width: 32px;
min-width: 32px;
height: 32px;
}
#wrap1.renew-2024 #leftarea ul.left-item-wrap>li .left-wrap i.ico-downloader{
background: url("/images/renew_icon/ico-download.svg")no-repeat center center;
background-size: 100%;
}
#wrap1.renew-2024 #leftarea ul.left-item-wrap>li .left-wrap i.ico-free-ticket{
background: url("/images/renew_icon/ico-freepass.svg")no-repeat center center;
background-size: 100%;
}
#wrap1.renew-2024 #leftarea ul.left-item-wrap>li .left-wrap i.ico-card-point{
background: url("/images/renew_icon/ico-card-point.svg")no-repeat center center;
background-size: 100%;
}
#wrap1.renew-2024 #leftarea ul.left-item-wrap>li .left-wrap i.ico-cashback{
background: url("/images/renew_icon/ico-cashback.svg")no-repeat center center;
background-size: 100%;
}
#wrap1.renew-2024 #leftarea ul.left-item-wrap>li .left-wrap i.ico-bingo{
background: url("/images/renew_icon/ico-bingo.svg")no-repeat center center;
background-size: 100%;
}
#wrap1.renew-2024 #leftarea ul.left-item-wrap>li .left-wrap>p>span{
display: block;
width: 100%;
letter-spacing: -0.3px;
line-height: 1.2;
text-align: left;
}
#wrap1.renew-2024 #leftarea ul.left-item-wrap>li .left-wrap>p>span:first-of-type{
font-size: 14px;
font-weight: 600;
color: #404040;
}
#wrap1.renew-2024 #leftarea ul.left-item-wrap>li .left-wrap>p>span:last-of-type{
font-size: 12px;
font-weight: 400;
color: #A6A6A6;
margin-top: 3px;
}
#wrap1.renew-2024 #leftarea ul.left-item-wrap>li i.ico-more{
display: inline-block;
vertical-align: middle;
width: 12px;
min-width: 12px;
height: 12px;
background: url("/images/renew_icon/ico-more.svg")no-repeat center center;
background-size: 100%;
}
/* 성인 왼쪽 메뉴 */
#wrap1.renew-2024 #leftarea .left-item-wrap.adult-left-menu>li>a{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 4px;
width: 100%;
font-size: 14px;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.3px;
color: #737373;
}
#wrap1.renew-2024 #leftarea .left-item-wrap.adult-left-menu>li>a>span.icon_new{
text-align: center;
font-size: 10px;
line-height: 1;
font-weight: bold;
letter-spacing: -0.5px;
color: #fff;
background: #f40a0a;
padding: 2px 3px;
padding-top: 3px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
}
/* 성인배너 */
#wrap1.renew-2024 #leftarea .left-item-wrap.left-banner{
padding: 0px;
height: 170px;
}
#wrap1.renew-2024 #leftarea .left-item-wrap.left-banner>a{
display: block;
width: 100%;
box-sizing: border-box;
}
#wrap1.renew-2024 #leftarea .left-item-wrap.left-banner img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
/* 고객센터 안내 */
#wrap1.renew-2024 #leftarea .cs-info-wrap .top-wrap{
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
padding: 14px 16px 12px;
}
#wrap1.renew-2024 #leftarea .cs-info-wrap .top-wrap i.ico-cs{
display: inline-block;
vertical-align: middle;
width: 58px;
height: 58px;
min-width: 58px;
background: url("/images/renew_icon/ico-CS.svg")no-repeat center center #F8F8F8;
background-size: 44px;
border-radius: 999px;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
-ms-border-radius: 999px;
-o-border-radius: 999px;
}
#wrap1.renew-2024 #leftarea .cs-info-wrap .top-wrap>p{
text-align: left;
}
#wrap1.renew-2024 #leftarea .cs-info-wrap .top-wrap>p>*{
display: block;
width: 100%;
}
#wrap1.renew-2024 #leftarea .cs-info-wrap .top-wrap>p>span:first-of-type{
font-size: 12px;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.3px;
color: #404040;
}
#wrap1.renew-2024 #leftarea .cs-info-wrap .top-wrap>p>span:nth-last-of-type(2),
#wrap1.renew-2024 #leftarea .cs-info-wrap .top-wrap>p>span:last-of-type{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 4px;
font-size: 12px;
line-height: 1.2;
font-weight: 400;
letter-spacing: -0.3px;
color: #737373;
}
#wrap1.renew-2024 #leftarea .cs-info-wrap .top-wrap>p>span:nth-last-of-type(2)>b,
#wrap1.renew-2024 #leftarea .cs-info-wrap .top-wrap>p>span:last-of-type>b{
font-weight: inherit;
}
#wrap1.renew-2024 #leftarea .cs-info-wrap .top-wrap>p>b{
font-size: 20px;
line-height: 1;
letter-spacing: -0.5px;
color: #6A92D5;
margin-top: 2px;
margin-bottom: 4px;
}
#wrap1.renew-2024 #leftarea .cs-info-wrap .button-wrap{
display: flex;
justify-content: flex-start;
align-items: center;
width: 101%;
height: 44px;
border-top: 1px solid #D9D9D9;
}
#wrap1.renew-2024 #leftarea .cs-info-wrap .button-wrap>button{
flex: 1;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
border-style: none;
background-color: #F2F2F2;
color: #737373;
cursor: pointer;
font-size: 11px;
}
#wrap1.renew-2024 #leftarea .cs-info-wrap .button-wrap>button+button{
border-left: 1px solid #D9D9D9;
}
/* 카테고리 페이지 내 왼쪽영역 */
#wrap1.renew-2024 #leftarea .sub-left-menu{
padding: 16px;
box-sizing: border-box;
}
#wrap1.renew-2024 #leftarea .sub-left-menu>li{
padding: 0px;
justify-content: flex-start !important;
}
#wrap1.renew-2024 #leftarea .sub-left-menu>li+li{
margin-top: 12px
}
#wrap1.renew-2024 #leftarea .sub-left-menu>li>span,
#wrap1.renew-2024 #leftarea .sub-left-menu>li>a{
font-size: 14px;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.3px;
color: #737373;
}
#wrap1.renew-2024 #leftarea .sub-left-menu>li>i.ico-lightning{
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
background: url("/images/renew_icon/ico-lightning.svg")no-repeat center center;
background-size: 100%;
}
/* 카테고리 페이지 내 죄측 top10 */
#wrap1.renew-2024 #leftarea .left-top-10{
padding: 20px 16px;
box-sizing: border-box;
text-align: left;
}
#wrap1.renew-2024 #leftarea .left-top-10 h4{
font-size: 16px;
line-height: 1;
font-weight: 700;
letter-spacing: -0.3px;
margin-bottom: 16px;
}
#wrap1.renew-2024 #leftarea .left-top-10 h4>*:first-of-type{
color: #333333;
}
#wrap1.renew-2024 #leftarea .left-top-10 h4>*:last-of-type{
color: #6A92D5;
margin-left: 2px;
text-transform: uppercase;
}
#wrap1.renew-2024 #leftarea .left-top-10 .catogory-top-10-list{
width: 100%;
}
#wrap1.renew-2024 #leftarea .left-top-10 .catogory-top-10-list>li{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 4px;
cursor: pointer;
}
#wrap1.renew-2024 #leftarea .left-top-10 .catogory-top-10-list>li+li{
margin-top: 8px;
}
#wrap1.renew-2024 #leftarea .left-top-10 .catogory-top-10-list>li>.ico-rank{
display: inline-block;
vertical-align: middle;
min-width: 20px;
height: 14px;
}
#wrap1.renew-2024 #leftarea .left-top-10 .catogory-top-10-list>li:first-of-type>.ico-rank{background: url("/images/renew_icon/ico-rank-primary-1.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #leftarea .left-top-10 .catogory-top-10-list>li:nth-of-type(2)>.ico-rank{background: url("/images/renew_icon/ico-rank-primary-2.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #leftarea .left-top-10 .catogory-top-10-list>li:nth-of-type(3)>.ico-rank{background: url("/images/renew_icon/ico-rank-primary-3.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #leftarea .left-top-10 .catogory-top-10-list>li:nth-of-type(4)>.ico-rank{background: url("/images/renew_icon/ico-rank-gray-4.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #leftarea .left-top-10 .catogory-top-10-list>li:nth-of-type(5)>.ico-rank{background: url("/images/renew_icon/ico-rank-gray-5.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #leftarea .left-top-10 .catogory-top-10-list>li:nth-of-type(6)>.ico-rank{background: url("/images/renew_icon/ico-rank-gray-6.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #leftarea .left-top-10 .catogory-top-10-list>li:nth-of-type(7)>.ico-rank{background: url("/images/renew_icon/ico-rank-gray-7.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #leftarea .left-top-10 .catogory-top-10-list>li:nth-of-type(8)>.ico-rank{background: url("/images/renew_icon/ico-rank-gray-8.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #leftarea .left-top-10 .catogory-top-10-list>li:nth-of-type(9)>.ico-rank{background: url("/images/renew_icon/ico-rank-gray-9.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #leftarea .left-top-10 .catogory-top-10-list>li:last-of-type>.ico-rank{background: url("/images/renew_icon/ico-rank-gray-10.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #leftarea .left-top-10 .catogory-top-10-list>li>span{
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
word-wrap: break-word;
white-space: pre-wrap;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
font-size: 14px;
line-height: 1.2;
font-weight: 500;
letter-spacing: -0.3px;
color: #737373;
}
#wrap1.renew-2024 #leftarea .left-top-10 .catogory-top-10-list>li:hover>span{
color: #6A92D5;
}
/* 우측영역 */
#wrap1.renew-2024 #rightarea .right-item-wrap.btn_rig_banner{
margin-top: 0px;
padding: 10px 0px;
height: auto;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.btn_rig_banner>li{
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
width: 100%;
padding: 11.5px 16px;
cursor: pointer;
float: none;
height: auto;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.btn_rig_banner>li+li{
margin-top: 2px;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.btn_rig_banner>li>p>span{
display: block;
width: 100%;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.btn_rig_banner>li>p>span:first-of-type{
font-size: 14px;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.3px;
color: #404040;
margin-bottom: 3px;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.btn_rig_banner>li>p>span:last-of-type{
font-size: 12px;
line-height: 1.2;
font-weight: 400;
letter-spacing: -0.3px;
color: #A6A6A6;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.btn_rig_banner>li i.ico-more,i.ico-more{
display: inline-block;
vertical-align: middle;
width: 12px;
min-width: 12px;
height: 12px;
background: url("/images/renew_icon/ico-more.svg")no-repeat center center;
background-size: 100%;
}
/* 무료쿠폰 등록 */
#wrap1.renew-2024 #rightarea .right-item-wrap.free-coupon-wrap{
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
border-color: #FFEAF1;
background-color: #FFF3F7;
padding: 18px 16px;
cursor: pointer;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.free-coupon-wrap .left-wrap{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 8px;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.free-coupon-wrap .left-wrap i.ico-coupon{
display: inline-block;
vertical-align: middle;
width: 32px;
height: 32px;
background: url("/images/renew_icon/ico-right-menu-coupon-on.svg")no-repeat center center;
background-size: 100%;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.free-coupon-wrap .left-wrap>p{
font-size: 14px;
line-height: 1.2;
font-weight: 800;
letter-spacing: -0.3px;
color: #F04176;
}
/* 우측 하단 인기 급상승 top10 */
#wrap1.renew-2024 #rightarea .right-item-wrap.p_contents_r{
padding: 20px 16px;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.p_contents_r .pc_title{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 4px;
width: 100%;
height: auto;
box-sizing: border-box;
padding: 0px;
background: none;
background-color: #fff;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.p_contents_r .pc_title::before,
#wrap1.renew-2024 #rightarea .right-item-wrap.p_contents_r .pc_title::after{
content: none;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.p_contents_r .pc_title>*{
font-size: 15px;
line-height: 1;
font-weight: 700;
letter-spacing: -0.3px;
color: #404040;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.p_contents_r .pc_title>strong{
color: #6A92D5;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.p_contents_r .p_c_tab{
margin-top: 16px;
display: flex;
justify-content: flex-start;
align-items: flex-end;
gap: 16px;
background: none;
margin: 0;
margin-top: 8px;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.p_contents_r .p_c_tab>a{
display: inline-block;
flex: 1;
width: auto;
height: auto;
margin: 0 !important;
background: none;
font-size: 13px;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.3px;
color: #A6A6A6;
background-color: #fff;
box-sizing: border-box;
padding-bottom: 2px;
border-bottom: 2px solid transparent;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.p_contents_r .p_c_tab>a.on{
border-color: #6A92D5;
color: #6A92D5;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.p_contents_r>ul{
width: 100%;
height: auto;
margin-top: 14px;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.p_contents_r>ul>li{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 4px;
float: none;
height: auto;
line-height: initial;
border-style: none;
background: none;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.p_contents_r>ul>li+li{
margin-top: 10px;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.p_contents_r>ul>li>a{
width: 100%;
height: auto;
line-height: initial;
margin: 0;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
word-wrap: break-word;
white-space: normal;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
font-size: 12px;
line-height: 1.2;
font-weight: 500;
letter-spacing: -0.3px;
color: #737373;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.p_contents_r>ul>li::before{
content: '';
display: inline-block;
vertical-align: middle;
width: 20px;
min-width: 20px;
height: 13px;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.p_contents_r>ul>li:first-of-type::before{background: url("/images/renew_icon/ico-rank-1.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #rightarea .right-item-wrap.p_contents_r>ul>li:nth-of-type(2)::before{background: url("/images/renew_icon/ico-rank-2.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #rightarea .right-item-wrap.p_contents_r>ul>li:nth-of-type(3)::before{background: url("/images/renew_icon/ico-rank-3.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #rightarea .right-item-wrap.p_contents_r>ul>li:nth-of-type(4)::before{background: url("/images/renew_icon/ico-rank-4.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #rightarea .right-item-wrap.p_contents_r>ul>li:nth-of-type(5)::before{background: url("/images/renew_icon/ico-rank-5.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #rightarea .right-item-wrap.p_contents_r>ul>li:nth-of-type(6)::before{background: url("/images/renew_icon/ico-rank-6.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #rightarea .right-item-wrap.p_contents_r>ul>li:nth-of-type(7)::before{background: url("/images/renew_icon/ico-rank-7.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #rightarea .right-item-wrap.p_contents_r>ul>li:nth-of-type(8)::before{background: url("/images/renew_icon/ico-rank-8.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #rightarea .right-item-wrap.p_contents_r>ul>li:nth-of-type(9)::before{background: url("/images/renew_icon/ico-rank-9.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #rightarea .right-item-wrap.p_contents_r>ul>li:nth-of-type(10)::before{background: url("/images/renew_icon/ico-rank-10.svg")no-repeat center center; background-size: 100%;}
#wrap1.renew-2024 #rightarea .right-item-wrap.news_req{
padding: 20px 16px;
background: none;
background-color: #fff;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.news_req>.pc_title{
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
background: none;
margin: 0;
padding: 0;
width: 100%;
height: auto;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.news_req>.pc_title::before,
#wrap1.renew-2024 #rightarea .right-item-wrap.news_req>.pc_title::after,
#wrap1.renew-2024 #rightarea .right-item-wrap.news_req>.pc_title>b::before,
#wrap1.renew-2024 #rightarea .right-item-wrap.news_req>.pc_title>b::after{
content: none;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.news_req>.pc_title>b{
background: none;
font-size: 15px;
line-height: 1;
font-weight: 700;
letter-spacing: -0.3px;
color: #404040;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.news_req>.pc_title .ico-more{
margin-top: -4px;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.news_req>ul{
margin: 0;
margin-top: 10px;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.news_req>ul>li{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 8px;
width: 100%;
cursor: pointer;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.news_req>ul>li+li{
margin-top: 2px;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.news_req>ul>li i.ico-complete{
display: inline-block;
vertical-align: middle;
width: 49px;
min-width: 49px;
height: 18px;
background: url("/images/renew_icon/tag-complete.svg")no-repeat center center;
background-size: 100%;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.news_req>ul>li>a{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 4px;
}
#wrap1.renew-2024 #rightarea .right-item-wrap.news_req>ul>li>a>span{
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
word-wrap: break-word;
white-space: normal;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
font-size: 12px;
line-height: 1.2;
font-weight: 500;
letter-spacing: -0.3px;
color: #404040;
}
/* 푸터 */
#wrap1.renew-2024::after{
content: '';
display: block;
visibility: hidden;
clear: both;
}
#footerarea{
width: 100%;
background-color: #F2F2F2;
}
#footerarea .inner-col{
width: 1018px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
}
#footerarea .top-wrap{
width: 100%;
border-top: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
box-sizing: border-box;
padding: 12px 0px;
}
#footerarea .top-wrap .inner-col{
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
#footerarea .top-wrap .inner-col .left-wrap{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 8px;
}
#footerarea .top-wrap .inner-col .left-wrap i.ico-notice{
display: inline-block;
vertical-align: middle;
width: 44px;
height: 16px;
background: url("/images/renew_icon/tag-notice.svg")no-repeat center center;
background-size: 100%;
cursor: pointer;
}
#footerarea .top-wrap .inner-col .left-wrap .swiper-notice{
width: 100%;
/* max-width: 379px; */
max-width: 290px;
height: 16px;
overflow: hidden;
margin: 0;
}
#footerarea .top-wrap .inner-col .left-wrap .swiper-notice .swiper-slide>*{
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
word-wrap: break-word;
white-space: pre-wrap;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
font-size: 12px;
line-height: 1.2;
font-weight: 400;
letter-spacing: -0.3px;
color: #404040;
cursor: pointer;
}
#footerarea .top-wrap .inner-col .right-wrap{
display: flex;
justify-content: flex-end;
align-items: center;
gap: 6px;
}
#footerarea .top-wrap .inner-col .right-wrap>li+li::before{
content: '';
display: inline-block;
vertical-align: middle;
width: 1px;
height: 10px;
background-color: #D9D9D9;
margin-right: 6px;
}
#footerarea .top-wrap .inner-col .right-wrap>li>*{
display: inline-block;
vertical-align: middle;
font-size: 12px;
line-height: 1.2;
font-weight: 400;
letter-spacing: -0.3px;
color: #737373;
cursor: pointer;
}
#footerarea .top-wrap .inner-col .right-wrap>li:hover>*{
font-weight: 600;
}
#footerarea .company-info-wrap{
box-sizing: border-box;
padding: 20px 0px;
}
#footerarea .company-info-wrap .inner-col{
align-items: flex-start;
}
#footerarea .company-info-wrap .inner-col>ul{
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
column-gap: 8px;
row-gap: 4px;
max-width: 692px;
}
#footerarea .company-info-wrap .inner-col>ul>li{
font-size: 12px;
line-height: 1.2;
font-weight: 400;
letter-spacing: -0.3px;
color: #737373;
}
#footerarea .company-info-wrap .inner-col>ul>li+li:not(:nth-of-type(5)):not(:nth-of-type(9)):not(:last-of-type)::before{
content: '';
display: inline-block;
vertical-align: middle;
width: 1px;
height: 10px;
background-color: #D9D9D9;
margin-right: 8px;
}
#footerarea .company-info-wrap .inner-col>ul>li:last-of-type{
display: block;
width: 100%;
}
#footerarea .bottom-wrap{
width: 100%;
border-top: 1px solid #D9D9D9;
box-sizing: border-box;
padding: 16px 0px;
}
#footerarea .bottom-wrap .inner-col{
justify-content: flex-start;
gap: 20px;
}
#footerarea .bottom-wrap .inner-col>img{
display: inline-block;
vertical-align: middle;
width: 78px;
height: 26px;
object-fit: cover;
}
#footerarea .bottom-wrap .inner-col>p{
font-size: 12px;
line-height: 1.2;
font-weight: 400;
letter-spacing: -0.3px;
color: #737373;
}
#footerarea .bottom-wrap .inner-col>p>span{
display: block;
width: 100%;
text-align: left;
}
/* 쓸데없는 공간 차지하는 Iframe 제거처리 */
#hiddenAction{
display: none;
}
/* centerarea */
#wrap1.renew-2024 #centerarea{
box-sizing: border-box;
padding: 0px 16px;
overflow: hidden;
}
#wrap1.renew-2024 #centerarea .m_top_banner{
position: relative;
width: 100%;
/* height: 228px; */
height: 190px;
overflow: hidden;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
}
#wrap1.renew-2024 #centerarea .m_top_banner>.swiper-wrapper{
width: 100%;
height: 100%;
}
#wrap1.renew-2024 #centerarea .m_top_banner>.swiper-wrapper .swiper-slide>a,
#wrap1.renew-2024 #centerarea .m_top_banner>.swiper-wrapper .swiper-slide>a>img{
display: block;
width: 100%;
height: 100%;
}
#wrap1.renew-2024 #centerarea .m_top_banner>.swiper-wrapper .swiper-slide>a>img{
object-fit: cover;
}
#wrap1.renew-2024 #centerarea .m_top_banner>.main-button-prev,
#wrap1.renew-2024 #centerarea .m_top_banner>.main-button-next{
display: none;
position: absolute;
top: 80px;
z-index: 11;
width: 40px;
height: 40px;
box-sizing: border-box;
cursor: pointer;
}
#wrap1.renew-2024 #centerarea .m_top_banner:hover>.main-button-prev,
#wrap1.renew-2024 #centerarea .m_top_banner:hover>.main-button-next{
display: block;
}
#wrap1.renew-2024 #centerarea .m_top_banner>.main-button-prev{
left: 12px;
}
#wrap1.renew-2024 #centerarea .m_top_banner>.main-button-next{
/* left: auto; */
right: 12px;
}
#wrap1.renew-2024 #centerarea .m_top_banner>.main-button-next>img{
transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
}
#wrap1.renew-2024 #centerarea .m_top_banner>.main-pagination{
position: absolute;
bottom: 17px;
z-index: 10;
display: flex;
justify-content: flex-end;
align-items: center;
gap: 8px;
padding-right: 19px;
}
#wrap1.renew-2024 #centerarea .m_top_banner>.main-pagination>span.swiper-pagination-bullet{
width: 6px;
height: 6px;
background-color: #A6A6A6;
margin: 0;
opacity: 1;
border-radius: 999px;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
-ms-border-radius: 999px;
-o-border-radius: 999px;
cursor: pointer;
transition-duration: 0.25s;
transition-timing-function: ease-in-out;
-webkit-box-shadow: 0 0 4px 0 rgba(000,000,000,0.25);
box-shadow: 0 0 4px 0 rgba(000,000,000,0.25);
}
#wrap1.renew-2024 #centerarea .m_top_banner>.main-pagination>span.swiper-pagination-bullet-active{
width: 20px;
background-color: #fff;
}
/* 미투 메인 인기 top100 */
#wrap1.renew-2024 #centerarea .main-top100-wrap{
width: 100%;
margin-top: 16px;
border: 1px solid #D9D9D9;
background-color: #fff;
box-sizing: border-box;
padding: 21px 20px;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
}
#wrap1.renew-2024 #centerarea .main-top100-wrap h3{
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
margin-bottom: 12px;
}
#wrap1.renew-2024 #centerarea .main-top100-wrap h3>span{
font-size: 18px;
line-height: 1;
font-weight: 800;
letter-spacing: -0.3px;
color: #262626;
}
#wrap1.renew-2024 #centerarea .main-top100-wrap h3>a{
display: inline-block;
vertical-align: middle;
font-size: 12px;
line-height: 1.2;
font-weight: 500;
letter-spacing: -0.3px;
color: #737373;
}
#wrap1.renew-2024 #centerarea .main-top100-wrap .main-top100-tab-wrap{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 12px;
margin-bottom: 12px;
}
#wrap1.renew-2024 #centerarea .main-top100-wrap .main-top100-tab-wrap>li{
font-size: 12px;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.3px;
color: #A6A6A6;
box-sizing: border-box;
padding: 8px 12px 7px;
background-color: #F2F2F2;
border: 1px solid #D9D9D9;
border-radius: 999px;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
-ms-border-radius: 999px;
-o-border-radius: 999px;
cursor: pointer;
}
#wrap1.renew-2024 #centerarea .main-top100-wrap .main-top100-tab-wrap>li.hot_on{
background-color: #6A92D5;
border-color: #6A92D5;
color: #fff;
font-weight: 800;
}
#wrap1.renew-2024 #centerarea .main-top100-wrap .main-top100-list-wrap{
display: grid;
grid-template-columns: repeat(5, 1fr);
column-gap: 12px;
row-gap: 12px;
width: 100%;
}
.main-top100-list-wrap .top100-list-item{
cursor: pointer;
}
.main-top100-list-wrap .top100-list-item>.m-thumb-wrap{
position: relative;
padding-top: calc(182 / 128 * 100%);
overflow: hidden;
border: 1px solid #F2F2F2;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
}
.main-top100-list-wrap .top100-list-item>.m-thumb-wrap>*{
position: absolute;
z-index: 11;
}
.main-top100-list-wrap .top100-list-item>.m-thumb-wrap>img{
left: 0px;
top: 0px;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 10;
transition-duration: 0.15s;
transition-timing-function: ease-in-out;
}
.main-top100-list-wrap .top100-list-item:hover>.m-thumb-wrap>img{
scale: 1.2;
}
/* 랭킹 */
.main-top100-list-wrap .top100-list-item>.m-thumb-wrap>.left-top-wrap{
display: flex;
justify-content: flex-start;
align-items: center;
left: 0px;
top: 0px;
}
.main-top100-list-wrap .top100-list-item>.m-thumb-wrap>.left-top-wrap i.ico-rank{
display: inline-block;
vertical-align: middle;
min-width: 22px;
height: 22px;
border-radius: 0px 0px 4px 0px;
-webkit-border-radius: 0px 0px 4px 0px;
-moz-border-radius: 0px 0px 4px 0px;
-ms-border-radius: 0px 0px 4px 0px;
-o-border-radius: 0px 0px 4px 0px;
}
.main-top100-list-wrap .top100-list-item:first-of-type>.m-thumb-wrap>.left-top-wrap i.ico-rank{background: url("/images/renew_icon/ico-rank-white-1.svg")no-repeat center center #6A92D5; background-size: 80%;}
.main-top100-list-wrap .top100-list-item:nth-of-type(2)>.m-thumb-wrap>.left-top-wrap i.ico-rank{background: url("/images/renew_icon/ico-rank-white-2.svg")no-repeat center center #6A92D5; background-size: 80%;}
.main-top100-list-wrap .top100-list-item:nth-of-type(3)>.m-thumb-wrap>.left-top-wrap i.ico-rank{background: url("/images/renew_icon/ico-rank-white-3.svg")no-repeat center center #6A92D5; background-size: 80%;}
.main-top100-list-wrap .top100-list-item:nth-of-type(4)>.m-thumb-wrap>.left-top-wrap i.ico-rank{background: url("/images/renew_icon/ico-rank-white-4.svg")no-repeat center center #6A92D5; background-size: 80%;}
.main-top100-list-wrap .top100-list-item:nth-of-type(5)>.m-thumb-wrap>.left-top-wrap i.ico-rank{background: url("/images/renew_icon/ico-rank-white-5.svg")no-repeat center center #6A92D5; background-size: 80%;}
.main-top100-list-wrap .top100-list-item:nth-of-type(6)>.m-thumb-wrap>.left-top-wrap i.ico-rank{background: url("/images/renew_icon/ico-rank-white-6.svg")no-repeat center center #6A92D5; background-size: 80%;}
.main-top100-list-wrap .top100-list-item:nth-of-type(7)>.m-thumb-wrap>.left-top-wrap i.ico-rank{background: url("/images/renew_icon/ico-rank-white-7.svg")no-repeat center center #6A92D5; background-size: 80%;}
.main-top100-list-wrap .top100-list-item:nth-of-type(8)>.m-thumb-wrap>.left-top-wrap i.ico-rank{background: url("/images/renew_icon/ico-rank-white-8.svg")no-repeat center center #6A92D5; background-size: 80%;}
.main-top100-list-wrap .top100-list-item:nth-of-type(9)>.m-thumb-wrap>.left-top-wrap i.ico-rank{background: url("/images/renew_icon/ico-rank-white-9.svg")no-repeat center center #6A92D5; background-size: 80%;}
.main-top100-list-wrap .top100-list-item:nth-of-type(10)>.m-thumb-wrap>.left-top-wrap i.ico-rank{background: url("/images/renew_icon/ico-rank-white-10.svg")no-repeat center center #6A92D5; background-size: 80%;}
.main-top100-list-wrap .top100-list-item:nth-of-type(11)>.m-thumb-wrap>.left-top-wrap i.ico-rank{background: url("/images/renew_icon/ico-rank-white-11.svg")no-repeat center center #6A92D5; background-size: 80%;}
.main-top100-list-wrap .top100-list-item:nth-of-type(12)>.m-thumb-wrap>.left-top-wrap i.ico-rank{background: url("/images/renew_icon/ico-rank-white-12.svg")no-repeat center center #6A92D5; background-size: 80%;}
.main-top100-list-wrap .top100-list-item:nth-of-type(13)>.m-thumb-wrap>.left-top-wrap i.ico-rank{background: url("/images/renew_icon/ico-rank-white-13.svg")no-repeat center center #6A92D5; background-size: 80%;}
.main-top100-list-wrap .top100-list-item:nth-of-type(14)>.m-thumb-wrap>.left-top-wrap i.ico-rank{background: url("/images/renew_icon/ico-rank-white-14.svg")no-repeat center center #6A92D5; background-size: 80%;}
.main-top100-list-wrap .top100-list-item:nth-of-type(15)>.m-thumb-wrap>.left-top-wrap i.ico-rank{background: url("/images/renew_icon/ico-rank-white-15.svg")no-repeat center center #6A92D5; background-size: 80%;}
/* 연령정보 */
.main-top100-list-wrap .top100-list-item>.m-thumb-wrap>.right-top-wrap,
.m-thumb-wrap>.right-top-wrap{
right: 4px;
top: 3px;
width: 18px;
height: 18px;
}
.main-top100-list-wrap .top100-list-item>.m-thumb-wrap>.right-top-wrap>i.ico-age,
i.ico-age{
display: block;
width: 100%;
height: 100%;
}
.main-top100-list-wrap .top100-list-item>.m-thumb-wrap>.right-top-wrap>i.ico-age.all,i.ico-age.all{background: url("/images/renew_icon/ico-age-all.svg")no-repeat center center; background-size: 100%;}
.main-top100-list-wrap .top100-list-item>.m-thumb-wrap>.right-top-wrap>i.ico-age.age-12,i.ico-age.age-12{background: url("/images/renew_icon/ico-age-12.svg")no-repeat center center; background-size: 100%;}
.main-top100-list-wrap .top100-list-item>.m-thumb-wrap>.right-top-wrap>i.ico-age.age-15,i.ico-age.age-15{background: url("/images/renew_icon/ico-age-15.svg")no-repeat center center; background-size: 100%;}
.main-top100-list-wrap .top100-list-item>.m-thumb-wrap>.right-top-wrap>i.ico-age.age-19,i.ico-age.age-19{background: url("/images/renew_icon/ico-age-19.svg")no-repeat center center; background-size: 100%;}
/* 화질정보 */
.main-top100-list-wrap .top100-list-item>.m-thumb-wrap>.left-bottom-wrap,
.m-thumb-wrap>.left-bottom-wrap{
left: 4px;
bottom: 4px;
height: 16px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.main-top100-list-wrap .top100-list-item>.m-thumb-wrap>.left-bottom-wrap>i.video-quality,i.video-quality{
height: 100%;
}
.main-top100-list-wrap .top100-list-item>.m-thumb-wrap>.left-bottom-wrap>i.video-quality[data-type="4k"],i.video-quality[data-type="4k"]{width: 21px; background: url("/images/renew_icon/badge-4k.svg")no-repeat center center; background-size: 100%;}
.main-top100-list-wrap .top100-list-item>.m-thumb-wrap>.left-bottom-wrap>i.video-quality[data-type="1080"],i.video-quality[data-type="1080"]{width: 40px; background: url("/images/renew_icon/badge-1080.svg")no-repeat center center; background-size: 100%;}
.main-top100-list-wrap .top100-list-item>.m-thumb-wrap>.left-bottom-wrap>i.video-quality[data-type="720"],i.video-quality[data-type="720"]{width: 33px; background: url("/images/renew_icon/badge-720.svg")no-repeat center center; background-size: 100%;}
.main-top100-list-wrap .top100-list-item>.m-thumb-wrap>.left-bottom-wrap>i.video-quality[data-type="480"],i.video-quality[data-type="480"]{width: 33px; background: url("/images/renew_icon/badge-480.svg")no-repeat center center; background-size: 100%;}
.main-top100-list-wrap .top100-list-item>.m-thumb-wrap>.left-bottom-wrap>i.video-quality[data-type="320"],i.video-quality[data-type="320"]{width: 33px; background: url("/images/renew_icon/badge-360.svg")no-repeat center center; background-size: 100%;}
/* 재생시간 */
.main-top100-list-wrap .top100-list-item>.m-thumb-wrap>.playtime{
display: flex;
justify-content: center;
align-items: center;
right: 4px;
bottom: 4px;
height: 16px;
font-size: 11px;
line-height: 1.2;
font-weight: 400;
letter-spacing: -0.3px;
color: #fff;
box-sizing: border-box;
padding: 0px 2px;
padding-top: 1px;
background-color: rgba(000, 000, 000, 0.6);
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
}
/* 타이틀 */
.main-top100-list-wrap .top100-list-item>.top100-info-wrap{
width: 100%;
margin-top: 6px;
}
.main-top100-list-wrap .top100-list-item>.top100-info-wrap>span{
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
word-wrap: break-word;
white-space: pre-wrap;
-webkit-box-orient: vertical;
line-height: 1.2;
letter-spacing: -0.3px;
font-weight: 600;
text-align: left;
}
.main-top100-list-wrap .top100-list-item>.top100-info-wrap>span.title{
display: -webkit-box;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
word-wrap: break-word;
white-space: pre-wrap;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: 12px;
color: #404040;
}
.main-top100-list-wrap .top100-list-item>.top100-info-wrap>span.category{
width: 100%;
-webkit-line-clamp: 1;
font-size: 11px;
color: #737373;
margin-top: 2px;
}
#wrap1.renew-2024 #container::after{
content: '';
display: block;
visibility: hidden;
clear: both;
}
/* 메인 하단 컨텐츠 영역 */
#main-bottom-container{
width: 1018px;
margin: 0 auto;
padding-top: 16px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 16px;
margin-bottom: 100px;
}
#main-bottom-container>*{
width: 100%;
box-sizing: border-box;
overflow: hidden;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
}
#main-bottom-container>*:not(.line-banner-wrap){
padding: 24px 20px;
border: 1px solid #D9D9D9;
}
#main-bottom-container>.line-banner-wrap{
cursor: pointer;
}
#main-bottom-container>.line-banner-wrap img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
#main-bottom-container>* h3{
font-size: 18px;
line-height: 1;
font-weight: 800;
letter-spacing: -0.3px;
color: #262626;
margin-bottom: 20px;
}
#main-bottom-container>.vod-container>h3{
display: flex;
justify-content: space-between;
align-items: center;
}
#main-bottom-container>.vod-container>h3>.show-all{
display: inline-block;
vertical-align: middle;
font-size: 12px;
line-height: 1.2;
font-weight: 500;
letter-spacing: -0.3px;
color: #737373;
cursor: pointer;
}
.tab-poster-container .tab-content-wrap{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 8px;
margin-bottom: 12px;
}
.tab-poster-container .tab-content-wrap>li{
font-size: 12px;
line-height: 1.2;
letter-spacing: -0.3px;
font-weight: 600;
color: #A6A6A6;
background-color: #F2F2F2;
padding: 8px 16px;
border: 1px solid #D9D9D9;
border-radius: 999px;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
-ms-border-radius: 999px;
-o-border-radius: 999px;
cursor: pointer;
}
.tab-poster-container .tab-content-wrap>li.active{
background-color: #6A92D5;
border-color: #6A92D5;
color: #fff;
font-weight: 800;
}
/* 포스터에 제목만 있는 타입 슬라이드 아이템 */
.slide-inner-col{
position: relative;
}
.tab-poster-slider-wrap .slide-inner-col{
display: none;
}
.tab-poster-slider-wrap .slide-inner-col.active{
display: block;
}
.tab-poster-slider-wrap .tab-poster-slider,
.vod-slider-wrap .vod-slider,
.poster-slider{
position: relative;
z-index: 1;
width: 100%;
overflow: hidden;
}
.tab-poster-slider-wrap .tab-poster-slider .swiper-wrapper,
.vod-slider-wrap .slide-inner-col .vod-slider.swiper-container .swiper-wrapper,
.poster-slider.swiper-container .swiper-wrapper{
display: flex;
justify-content: flex-start;
align-items: flex-start;
/* gap: 12px; */
}
.tab-poster-slider-wrap .tab-poster-slider>.swiper-slide,
.vod-slider-wrap .vod-slider .swiper-slide{
width: 100%;
}
/* 슬라이드 컨트롤러 */
.tab-poster-slider-wrap .slide-inner-col>div[class^="mvo-"],
.vod-slider-wrap .slide-inner-col>div[class^="vod-"]:not(.swiper-container),
.slide-inner-col>div[class^="poster-"]:not(.swiper-container){
position: absolute;
z-index: 10;
top: 76px;
cursor: pointer;
visibility: hidden;
}
.tab-poster-slider-wrap:hover .slide-inner-col>div[class^="mvo-"],
.vod-slider-wrap:hover .slide-inner-col>div[class^="vod-"]:not(.swiper-container),
.slide-inner-col:hover>div[class^="poster-"]:not(.swiper-container){
visibility: visible;
}
.vod-slider-wrap .slide-inner-col>div[class^="vod-"]:not(.swiper-container){
top: 40px;
}
.small-type .slide-inner-col .poster-prev,
.small-type .slide-inner-col .poster-next{
top: 50px !important;
}
.tab-poster-slider-wrap .slide-inner-col .mvo-hot-prev,
.tab-poster-slider-wrap .slide-inner-col .mvo-new-prev,
.vod-slider-wrap .slide-inner-col .vod-prev,
.slide-inner-col .poster-prev{
left: -12px;
}
.tab-poster-slider-wrap .slide-inner-col .mvo-hot-next,
.tab-poster-slider-wrap .slide-inner-col .mvo-new-next,
.vod-slider-wrap .slide-inner-col .vod-next,
.slide-inner-col .poster-next{
right: -12px;
}
.slide-inner-col i.ico-controller{
display: block;
width: 32px;
height: 32px;
}
.slide-inner-col .mvo-hot-prev>i.ico-controller,
.slide-inner-col .mvo-new-prev>i.ico-controller,
.slide-inner-col .vod-prev>i.ico-controller,
.slide-inner-col .poster-prev>i.ico-controller{
background: url("/images/renew_icon/slide-controller-black.svg")no-repeat center center;
background-size: 100%;
}
.slide-inner-col .mvo-hot-next>i.ico-controller,
.slide-inner-col .mvo-new-next>i.ico-controller,
.slide-inner-col .vod-next>i.ico-controller,
.slide-inner-col .poster-next>i.ico-controller{
background: url("/images/renew_icon/slide-controller-black.svg")no-repeat center center;
background-size: 100%;
transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
}
/* 슬라이드 아이템 */
.tab-poster-slider-wrap .tab-poster-slider .tab-poster-item,
.vod-slider .vod-item,
.poster-item{
cursor: pointer;
}
.tab-poster-item>.m-thumb-wrap,
.vod-item>.vod-thumb-wrap,
.poster-item>.poster-thumb-wrap{
position: relative;
overflow: hidden;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border: 1px solid #F2F2F2;
}
.tab-poster-slider-wrap .tab-poster-slider .tab-poster-item>.m-thumb-wrap,
.poster-item>.poster-thumb-wrap{
padding-top: calc(221 / 155 * 100%);
}
.vod-item>.vod-thumb-wrap{
padding-top: calc(124 / 222 * 100%);
}
.tab-poster-slider-wrap .tab-poster-slider .tab-poster-item>.m-thumb-wrap>*,
.vod-item>.vod-thumb-wrap>*,
.poster-item>.poster-thumb-wrap>*{
position: absolute;
left: 0px;
top: 0px;
}
.tab-poster-slider-wrap .tab-poster-slider .tab-poster-item>.m-thumb-wrap>img,
.vod-item>.vod-thumb-wrap>img,
.poster-item>.poster-thumb-wrap>img,
.actor-content-wrap .product-list>li>.product-thumb-wrap>img,
.populer-content-wrap .content-item>.item-wrap .m-thumb-wrap>.thumbnail-img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition-duration: 0.15s;
transition-timing-function: ease-in-out;
}
.tab-poster-slider-wrap .tab-poster-slider .tab-poster-item:hover>.m-thumb-wrap>img,
.vod-item:hover>.vod-thumb-wrap>img,
.poster-item:hover>.poster-thumb-wrap>img,
.actor-content-wrap .product-list>li:hover>.product-thumb-wrap>img,
.populer-content-wrap .content-item:hover>.item-wrap .m-thumb-wrap>.thumbnail-img{
scale: 1.2;
}
.tab-poster-slider-wrap .tab-poster-slider .tab-poster-item .poster-title,
.poster-item .poster-title{
font-size: 13px;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.3px;
color: #404040;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
word-wrap: break-word;
white-space: pre-wrap;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
margin-top: 6px;
}
/* 포스터 뱃지 */
.poster-item>.poster-thumb-wrap .left-top-wrap,
.tab-poster-slider-wrap .tab-poster-slider .tab-poster-item>.m-thumb-wrap i.badge{
left: 0px;
top: 0px;
z-index: 10;
}
.poster-item>.poster-thumb-wrap .left-top-wrap>i.badge,
.tab-poster-slider-wrap .tab-poster-slider .tab-poster-item>.m-thumb-wrap i.badge{
display: block;
height: 22px;
}
.poster-item>.poster-thumb-wrap .left-top-wrap>i.badge.sale,
.tab-poster-slider-wrap .tab-poster-slider .tab-poster-item>.m-thumb-wrap i.badge.sale{
width: 40px;
background: url("/images/renew_icon/badge-sale-poster.svg")no-repeat center center;
background-size: 100%;
}
.poster-item>.poster-thumb-wrap .left-top-wrap>i.badge.free,
.tab-poster-slider-wrap .tab-poster-slider .tab-poster-item>.m-thumb-wrap i.badge.free{
width: 40px;
background: url("/images/renew_icon/badge-free-poster.svg")no-repeat center center;
background-size: 100%;
}
.tab-poster-slider-wrap .tab-poster-slider .tab-poster-item>.m-thumb-wrap i.badge.payback,
.poster-item>.poster-thumb-wrap .left-top-wrap>i.badge.payback{
width: 73px;
background: url("/images/renew_icon/badge-payback-poster.svg")no-repeat center center;
background-size: 100%;
}
.poster-item .poster-title{
margin-top: 8px;
-webkit-line-clamp: 1;
}
/* VOD타입 slider */
.vod-content-wrap .slide-inner-col{
display: block;
}
.vod-item .vod-info-wrap{
margin-top: 6px;
}
.vod-item .vod-info-wrap .vod-episode{
display: flex;
justify-content: center;
align-items: center;
width: fit-content;
box-sizing: border-box;
height: 20px;
padding: 0px 6px;
padding-top: 2px;
font-size: 12px;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.3px;
color: #fff;
background-color: #8C8C8C;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
}
.vod-item .vod-info-wrap .vod-episode::after{
content: '회';
display: inline-block;
vertical-align: baseline;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: inherit;
letter-spacing: inherit;
}
.vod-item .vod-info-wrap .vod-episode.hidden{
visibility: hidden;
}
.vod-item .vod-info-wrap .vod-episode.hidden::after{
visibility: hidden;
}
.vod-item .vod-info-wrap>p{
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
word-wrap: break-word;
white-space: pre-wrap;
-webkit-box-orient: vertical;
box-sizing: border-box;
padding: 0px 2px;
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.3px;
}
.vod-item .vod-info-wrap>.vod-title{
-webkit-line-clamp: 1;
font-weight: 600;
color: #404040;
margin-top: 6px;
}
.vod-item .vod-info-wrap>.vod-info{
-webkit-line-clamp: 2;
font-weight: 500;
color: #737373;
margin-top: 4px;
}
/* 지금뜨는 배우 */
.actor-content-wrap{
width: 100%;
}
.actor-content-wrap .actor-list{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 20px;
margin-bottom: 32px;
}
.actor-content-wrap .actor-list>li{
position: relative;
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
box-sizing: border-box;
padding: 28px 0px;
padding-bottom: 24px;
border: 1px solid #D9D9D9;
background-color: #F2F2F2;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
cursor: pointer;
}
.actor-content-wrap .actor-list>li.active{
border-color: #6A92D5;
background-color: #F2F9FF;
}
.actor-content-wrap .actor-list>li::after{
content: '';
display: block;
width: 20px;
height: 9px;
box-sizing: border-box;
background: url("/images/renew_icon/ico-triangle-down-transparent.svg")no-repeat center center;
background-size: 100%;
position: absolute;
bottom: -9px;
left: 45%;
}
.actor-content-wrap .actor-list>li.active::after{
background: url("/images/renew_icon/ico-triangle-down-blue.svg")no-repeat center center;
}
.actor-content-wrap .actor-list>li .actor-img-wrap{
width: 110px;
height: 110px;
box-sizing: border-box;
overflow: hidden;
border-radius: 999px;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
-ms-border-radius: 999px;
-o-border-radius: 999px;
}
.actor-content-wrap .actor-list>li .actor-img-wrap>img,
.actor-content-wrap .product-list>li>.product-thumb-wrap>img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.actor-content-wrap .actor-list>li .actor-name{
font-size: 14px;
line-height: 1.2;
font-weight: 800;
letter-spacing: -0.3px;
color: #404040;
}
.actor-content-wrap .actor-list>li.active .actor-name{
color: #6A92D5;
}
.actor-content-wrap .product-list{
display: grid;
grid-template-columns: repeat(5,1fr);
column-gap: 12px;
row-gap: 20px;
}
.actor-content-wrap .product-list>li{
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 12px;
cursor: pointer;
}
.actor-content-wrap .product-list>li>*{
flex: 1;
}
.actor-content-wrap .product-list>li>.product-thumb-wrap{
position: relative;
min-width: 96px;
padding-top: calc(96 / 135 * 100%);
overflow: hidden;
border: 1px solid #D9D9D9;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
}
.actor-content-wrap .product-list>li>.product-thumb-wrap>img{
position: absolute;
left: 0px;
top: 0px;
}
.actor-content-wrap .product-list>li .product-info-wrap{
box-sizing: border-box;
padding: 8px 0px;
}
.actor-content-wrap .product-list>li .product-info-wrap>*{
display: block;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.3px;
}
.actor-content-wrap .product-list>li .product-info-wrap>.product-title{
font-size: 14px;
color: #404040;
}
.actor-content-wrap .product-list>li .product-info-wrap>.product-category{
font-size: 12px;
color: #737373;
margin-top: 2px;
}
/* 메인 리뉴얼 FIN */
/* 리스트페이지 리뉴얼 */
#wrap1.renew-2024 #contents_navi{
display: none;
}
#wrap1.renew-2024 #container1 .sub_list_tab{
display: flex;
justify-content: space-between;
align-items: center;
height: 42px;
margin: 0;
}
#wrap1.renew-2024 #container1 .sub_list_tab>.left-wrap{
display: flex;
justify-content: flex-start;
align-items: center;
height: 42px;
}
#wrap1.renew-2024 #container1 .sub_list_tab>.left-wrap>li{
min-width: 100px;
box-sizing: border-box;
padding: 12px 0px;
font-size: 14px;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.3px;
color: #A6A6A6;
background-color: #F2F2F2;
border: 1px solid #D9D9D9;
cursor: pointer;
}
#wrap1.renew-2024 #container1 .sub_list_tab>.left-wrap>li:first-of-type,
#wrap1.renew-2024 #container1 .sub_list_tab>.right-wrap .list-type-wrap>li:first-of-type{
border-radius: 4px 0px 0px 0px;
-webkit-border-radius: 4px 0px 0px 0px;
-moz-border-radius: 4px 0px 0px 0px;
-ms-border-radius: 4px 0px 0px 0px;
-o-border-radius: 4px 0px 0px 0px;
}
#wrap1.renew-2024 #container1 .sub_list_tab>.left-wrap>li:last-of-type,
#wrap1.renew-2024 #container1 .sub_list_tab>.right-wrap .list-type-wrap>li:last-of-type{
border-radius: 0px 4px 0px 0px;
-webkit-border-radius: 0px 4px 0px 0px;
-moz-border-radius: 0px 4px 0px 0px;
-ms-border-radius: 0px 4px 0px 0px;
-o-border-radius: 0px 4px 0px 0px;
}
#wrap1.renew-2024 #container1 .sub_list_tab>.left-wrap>li[class$="_on"]{
border-color: #6A92D5;
color: #6A92D5;
font-weight: 800;
background-color: #F2F7FF;
}
#wrap1.renew-2024 #container1 .sub_list_tab>.right-wrap{
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
align-items: center;
height: 100%;
/* gap: 24px; */
gap: 12px;
}
#wrap1.renew-2024 #container1 .sub_list_tab>.right-wrap .list-type-wrap{
display: flex;
justify-content: flex-end;
align-items: center;
height: 100%;
}
#wrap1.renew-2024 #container1 .sub_list_tab>.right-wrap .list-type-wrap>li{
display: flex;
justify-content: center;
align-items: center;
min-width: 42px;
height: 42px;
background-color: #F2F2F2;
border: 1px solid #D9D9D9;
box-sizing: border-box;
padding: 13px;
cursor: pointer;
}
#wrap1.renew-2024 #container1 .sub_list_tab>.right-wrap .list-type-wrap>li>svg>path{fill: #A6A6A6;}
#wrap1.renew-2024 #container1 .sub_list_tab>.right-wrap .list-type-wrap>li[class$="_on"]{
background-color: #F2F7FF;
border-color: #6A92D5;
}
#wrap1.renew-2024 #container1 .sub_list_tab>.right-wrap .list-type-wrap>li[class$="_on"]>svg>path{fill: #6A92D5;}
/* 툴팁 */
#wrap1.renew-2024 #container1 .sub_list_tab>.right-wrap .tooltip-wrap{
background-color: #6A92D5;
box-sizing: border-box;
padding: 6px 8px;
padding-left: 12px;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
position: relative;
}
#wrap1.renew-2024 #container1 .sub_list_tab>.right-wrap .tooltip-wrap::after{
content: '';
position: absolute;
top: 11px;
right: -3px;
width: 8px;
height: 5px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
background-color: #6A92D5;
}
#wrap1.renew-2024 #container1 .sub_list_tab>.right-wrap .tooltip-wrap>*{
display: inline-block;
vertical-align: middle;
}
#wrap1.renew-2024 #container1 .sub_list_tab>.right-wrap .tooltip-wrap>span{
font-size: 12px;
line-height: 1.2;
letter-spacing: -0.3px;
font-weight: 400;
color: #fff;
text-align: left;
margin-right: 6px;
}
#wrap1.renew-2024 #container1 .sub_list_tab>.right-wrap .tooltip-wrap>svg{
cursor: pointer;
}
#wrap1.renew-2024 #container1 .sort-wrap>ul{
display: flex;
justify-content: flex-end;
align-items: center;
gap: 16px;
box-sizing: border-box;
padding: 12px;
border: 1px solid #E9E9E9;
border-bottom: none;
}
#wrap1.renew-2024 #container1 .sort-wrap ul>li>label{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 4px;
cursor: pointer;
}
#wrap1.renew-2024 #container1 .sort-wrap ul>li>label>input[type="checkbox"]{display: none;}
#wrap1.renew-2024 #container1 .sort-wrap ul>li>label>svg>path:first-of-type{fill: #A6A6A6;}
#wrap1.renew-2024 #container1 .sort-wrap ul>li>label>span{
font-size: 12px;
line-height: 1.3;
font-weight: 500;
letter-spacing: -0.3px;
color: #A6A6A6;
}
#wrap1.renew-2024 #container1 .sort-wrap ul>li>label>input[type="checkbox"]:checked+svg>path{fill: #6A92D5;}
#wrap1.renew-2024 #container1 .sort-wrap ul>li>label>input[type="checkbox"]:checked~span{color: #404040;}
/* 리스트뷰 리뉴얼 */
#contentsListWrap.list{
width: 100%;
}
#contentsListWrap.list .list-border-wrap{
width: 100%;
border: 1px solid #E9E9E9;
overflow: hidden;
box-sizing: border-box;
border-radius: 0px 0px 12px 12px;
-webkit-border-radius: 0px 0px 12px 12px;
-moz-border-radius: 0px 0px 12px 12px;
-ms-border-radius: 0px 0px 12px 12px;
-o-border-radius: 0px 0px 12px 12px;
/* padding-bottom: 24px; */
}
#contentsListWrap.list .list-border-wrap>table{
width: 100%;
box-sizing: border-box;
border-bottom: none;
}
#contentsListWrap.list .list-border-wrap>table>tbody>tr{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 8px;
box-sizing: border-box;
padding: 10px 16px;
}
#contentsListWrap.list .list-border-wrap>table>tbody>tr.no-list{
justify-content: center;
}
#contentsListWrap.list .list-border-wrap>table>tbody>tr.no-list>td{
text-align: center !important;
width: 100% !important;
min-width: auto;
}
#contentsListWrap.list .list-border-wrap>table>tbody>tr.is_opened{
background-color: #F2F2F2;
}
#contentsListWrap.list .list-border-wrap.last-border>table>tbody>tr:last-of-type{
border-bottom: 1px solid #F2F2F2;
}
#contentsListWrap.list .list-border-wrap>table>tbody>tr+tr{
border-top: 1px solid #F2F2F2;
}
#contentsListWrap.list .list-border-wrap>table>tbody>tr:hover{
background-color: #F2F7FF;
}
#contentsListWrap.list .list-border-wrap>table>tbody>tr>td{
border-style: none;
}
#contentsListWrap.list .list-border-wrap>table>tbody>tr>td:first-of-type{
min-width: 80px;
width: 80px;
text-align: left;
}
#contentsListWrap.list .list-border-wrap>table>tbody>tr>td:first-of-type>span{
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
word-wrap: break-word;
white-space: pre-wrap;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
width:100%;
font-size: 12px;
line-height: 1.3;
font-weight: 400;
letter-spacing: -0.3px;
color: #737373;
}
#contentsListWrap.list .list-border-wrap>table>tbody>tr>td.title{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 8px;
width: 463px;
box-sizing: border-box;
padding: 0;
}
#contentsListWrap.list .list-border-wrap>table>tbody>tr>td.title i.ico-age{
display: inline-block;
vertical-align: middle;
width: 18px;
min-width: 18px;
height: 18px;
}
#contentsListWrap.list .list-border-wrap>table>tbody>tr>td.title i.ico-age.all{background: url("/images/renew_icon/ico-age-all.svg")no-repeat center center; background-size: 100%;}
#contentsListWrap.list .list-border-wrap>table>tbody>tr>td.title i.ico-age.age-12{background: url("/images/renew_icon/ico-age-12.svg")no-repeat center center; background-size: 100%;}
#contentsListWrap.list .list-border-wrap>table>tbody>tr>td.title i.ico-age.age-15{background: url("/images/renew_icon/ico-age-15.svg")no-repeat center center; background-size: 100%;}
#contentsListWrap.list .list-border-wrap>table>tbody>tr>td.title i.ico-age.age-19{background: url("/images/renew_icon/ico-age-19.svg")no-repeat center center; background-size: 100%;}
#contentsListWrap.list .list-border-wrap>table>tbody>tr>td.title>.ellipsis{
max-width: none;
}
/* 뱃지 */
#contentsListWrap table>tbody>tr>td.title>.ellipsis i.badge{
display: inline-block;
vertical-align: middle;
height: 16px;
margin-right: 4px;
}
#contentsListWrap table>tbody>tr>td.title>.ellipsis i.badge.free{
width: 33px;
min-width: 33px;
background: url("/images/renew_icon/badge-free-list.svg")no-repeat center center;
background-size: 100%;
}
#contentsListWrap table>tbody>tr>td.title>.ellipsis i.badge.sale{
width: 33px;
min-width: 33px;
background: url("/images/renew_icon/badge-sale-list.svg")no-repeat center center;
background-size: 100%;
}
#contentsListWrap table>tbody>tr>td.title>.ellipsis i.badge.payback{
width: 68px;
min-width: 68px;
background: url("/images/renew_icon/badge-payback-list.svg")no-repeat center center;
background-size: 100%;
}
/* 타이틀 */
#contentsListWrap table>tbody>tr>td.title>.ellipsis>a{
width: 100%;
padding-bottom: 3px;
}
#contentsListWrap table>tbody>tr>td.title>.ellipsis>a,
#contentsListWrap table>tbody>tr>td.title>.ellipsis>a>font{
display: flex;
justify-content: flex-start;
align-items: center;
}
#contentsListWrap table>tbody>tr>td.title>.ellipsis>a>font,
#contentsListWrap table>tbody>tr>td.title>.ellipsis>a>font>b{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
word-wrap: break-word;
white-space: pre-wrap;
font-size: 13px;
line-height: 1.2;
letter-spacing: -0.3px;
}
#contentsListWrap table>tbody>tr>td.title>.ellipsis>a>font>b{
/* margin-bottom: -3px; */
}
#contentsListWrap table>tbody>tr>td.title>.ellipsis>a>font+img,
#contentsListWrap table>tbody>tr>td.title>.ellipsis>a>font+img+img{
margin-left: 2px;
}
/* 용량 */
#contentsListWrap table>tbody>tr>td.file-size-wrap{
width: 60px;
}
#contentsListWrap table>tbody>tr>td.file-size-wrap>*{
/* display: -webkit-box; */
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
word-wrap: break-word;
white-space: pre-wrap;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
font-size: 12px;
font-weight: 400;
line-height: 1.3;
letter-spacing: -0.3px;
text-transform: uppercase;
color: #A6A6A6;
text-align: center;
}
#contentsListWrap.list .list-border-wrap>table>tbody>tr>td.comment-wrap,
#contentsListWrap.list .list-border-wrap>table>tbody>tr>td.uploader-wrap{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 2px;
width: 48px;
}
#contentsListWrap.list .list-border-wrap>table>tbody>tr>td.uploader-wrap{
width: 88px;
cursor: pointer;
}
#contentsListWrap.list .list-border-wrap>table>tbody>tr>td.comment-wrap>i[class^="ico-"],
#contentsListWrap.list .list-border-wrap>table>tbody>tr>td.uploader-wrap>i[class^="ico-"]{
display: inline-block;
vertical-align: middle;
width: 16px;
min-width: 16px;
height: 16px;
}
#contentsListWrap.list .list-border-wrap>table>tbody>tr>td.comment-wrap>i.ico-comment{
background: url("/images/renew_icon/ico-comment-off.svg")no-repeat center center;
background-size: 100%;
}
#contentsListWrap.list .list-border-wrap>table>tbody>tr:hover>td.comment-wrap>i.ico-comment{
background: url("/images/renew_icon/ico-comment-on.svg")no-repeat center center;
background-size: 100%;
}
#contentsListWrap.list .list-border-wrap>table>tbody>tr>td.uploader-wrap i.ico-grade.gold, i.ico-grade.gold{
background: url("/images/renew_icon/grade_gold.svg")no-repeat center center;
background-size: 100%;
}
#contentsListWrap.list .list-border-wrap>table>tbody>tr>td.uploader-wrap i.ico-grade.silver, i.ico-grade.silver{
background: url("/images/renew_icon/grade_silver.svg")no-repeat center center;
background-size: 100%;
}
#contentsListWrap.list .list-border-wrap>table>tbody>tr>td.uploader-wrap i.ico-grade.bronze, i.ico-grade.bronze{
background: url("/images/renew_icon/grade_bronze.svg")no-repeat center center;
background-size: 100%;
}
#contentsListWrap.list .list-border-wrap>table>tbody>tr>td.uploader-wrap i.ico-grade.dia-blue, i.ico-grade.dia-blue{
background: url("/images/renew_icon/grade_dia_blue.svg")no-repeat center center;
background-size: 100%;
}
#contentsListWrap.list .list-border-wrap>table>tbody>tr>td.uploader-wrap i.ico-grade.dia-green, i.ico-grade.dia-green{
background: url("/images/renew_icon/grade_dia_green.svg")no-repeat center center;
background-size: 100%;
}
#contentsListWrap.list .list-border-wrap>table>tbody>tr>td.comment-wrap>span,
#contentsListWrap.list .list-border-wrap>table>tbody>tr>td.uploader-wrap>span,
#contentsListWrap.list .list-border-wrap>table>tbody>tr>td.uploader-wrap>span>a{
font-size: 12px;
line-height: 1.3;
font-weight: 400;
color: #A6A6A6;
}
#contentsListWrap.list .list-border-wrap>table>tbody>tr:hover>td.comment-wrap>span,
#contentsListWrap.list .list-border-wrap>table>tbody>tr:hover>td.uploader-wrap>span,
#contentsListWrap.list .list-border-wrap>table>tbody>tr:hover>td.uploader-wrap>span>a{
color: #6A92D5;
}
#contentsListWrap.list .list-border-wrap>table>tbody>tr>td.uploader-wrap>span,
#contentsListWrap.list .list-border-wrap>table>tbody>tr>td.uploader-wrap>span>a{
display: -webkit-box;
width: 100%;
word-break: break-all;
word-wrap: break-word;
white-space: pre-wrap;
overflow: hidden !important;
text-overflow: ellipsis;
text-align: left;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
#wrap1.renew-2024 .fixing{
position: absolute;
/* top: 660px;
right: -1130px; */
/* top: 470px; */
top: 0px;
left: auto;
right: -88px;
width: 72px;
height: 144px;
}
#wrap1.renew-2024 .fixing>div{
box-sizing: border-box;
width: 100%;
height: 72px;
border: 1px solid #D9D9D9;
cursor: pointer;
background-color: #fff;
}
#wrap1.renew-2024 .fixing>div:first-of-type{
border-radius: 12px 12px 0px 0px;
-webkit-border-radius: 12px 12px 0px 0px;
-moz-border-radius: 12px 12px 0px 0px;
-ms-border-radius: 12px 12px 0px 0px;
-o-border-radius: 12px 12px 0px 0px;
}
#wrap1.renew-2024 .fixing>div:last-of-type{
border-top: none;
border-radius: 0px 0px 12px 12px;
-webkit-border-radius: 0px 0px 12px 12px;
-moz-border-radius: 0px 0px 12px 12px;
-ms-border-radius: 0px 0px 12px 12px;
-o-border-radius: 0px 0px 12px 12px;
}
#wrap1.renew-2024 .fixing>div>a{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 70px;
}
#wrap1.renew-2024 .fixing>div>a>svg>path{
fill: #A6A6A6;
}
#wrap1.renew-2024 .fixing>div:hover>a>svg>path{
fill: #6A92D5;
}
#wrap1.renew-2024 .fixing>div:first-of-type>a>svg{
transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
}
#userDiv,
#userDiv.new-popup{
display: block;
min-width: 90px;
background-color: #fff !important;
border: 1px solid #D9D9D9 !important;
box-sizing: border-box !important;
padding: 8px 0px !important;
border-radius: 6px !important;
-webkit-border-radius: 6px !important;
-moz-border-radius: 6px !important;
-ms-border-radius: 6px !important;
-o-border-radius: 6px !important;
-webkit-box-shadow: 0 4px 8px 0 rgba(000,000,000,0.08);
box-shadow: 0 4px 8px 0 rgba(000,000,000,0.08);
}
div#userDiv{
min-width: 87px;
}
div#userDiv:hover>ul{display: flex !important;}
div#userDiv>ul,
#userDiv.new-popup{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
/* #userDiv:hover{display: block !important;} */
/* #userDiv>ul:hover{
display: flex !important;
} */
div#userDiv>ul>li,
#userDiv.new-popup>li{
width: 100%;
box-sizing: border-box;
padding: 4px 12px;
cursor: pointer;
text-align: left !important;
}
div#userDiv>ul>li>span,
#userDiv.new-popup>li>span{
text-align: left !important;
font-size: 11px;
font-weight: 500;
line-height: 1.4;
letter-spacing: -0.3px;
color: #737373 !important;
white-space: nowrap;
}
div#userDiv>ul>li:hover>span,
#userDiv.new-popup>li:hover>span{
color: #6A92D5;
}
/* 포스터뷰 */
/* 이미지뷰 리스트 */
#contentsListWrap.image-view,
#contentsListWrap.poster-view{
border: 1px solid #E9E9E9;
border-top: none;
border-radius: 0px 0px 12px 12px;
-webkit-border-radius: 0px 0px 12px 12px;
-moz-border-radius: 0px 0px 12px 12px;
-ms-border-radius: 0px 0px 12px 12px;
-o-border-radius: 0px 0px 12px 12px;
}
[class$="-view-list-container"],
[class$="-view-list-container"] *{
box-sizing: border-box;
}
/* [class$="-view-list-container"]{
margin-bottom: 100px;
} */
[class$="-view-list-container"] .wrap{
padding: 0px 12px;
padding-bottom: 24px;
width: 100%;
border: 1px solid #E9E9E9;
border-top: none;
border-radius: 0px 0px 12px 12px;
-webkit-border-radius: 0px 0px 12px 12px;
-moz-border-radius: 0px 0px 12px 12px;
-ms-border-radius: 0px 0px 12px 12px;
-o-border-radius: 0px 0px 12px 12px;
}
[class$="-view-list-container"] .wrap>.another-ai,.another-ai{
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
width: 240px;
padding: 10px;
margin: 0 auto;
margin-top: 24px;
margin-bottom: 24px;
background-color: #fff;
border: 1px solid #D9D9D9;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
cursor: pointer;
}
[class$="-view-list-container"] .wrap>.another-ai>i.ico-change,.another-ai>i.ico-change{
display: inline-block;
vertical-align: middle;
width: 24px;
min-width: 24px;
height: 24px;
background: url("/images/renew_icon/ico-change.svg")no-repeat center center;
background-size: 100%;
}
[class$="-view-list-container"] .wrap>.another-ai>span,.another-ai>span{
font-size: 14px;
line-height: 1.2;
font-weight: 800;
letter-spacing: -0.3px;
color: #737373;
}
[class$="-view-list-container"] ul[class$="-view-list"]{
padding-bottom: 24px;
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 12px;
}
[class$="-view-list-container"] ul.poster-view-list{
grid-template-columns: repeat(5, 1fr);
}
[class$="-view-list-container"] ul>li.poster-list-item,
[class$="-view-list-container"] ul>li.image-list-item{
cursor: pointer;
}
[class$="-view-list-container"] ul>li.image-list-item {
width: calc((100% / 4) - 9px);
margin-bottom: 8px;
}
[class$="-view-list-container"] ul>li.poster-list-item {
width: calc((100% / 5) - 10px);
margin-bottom: 8px;
}
ul[class$="-view-list"]>li.image-list-item>.m-thumb-wrap,
ul[class$="-view-list"]>li.poster-list-item>.m-thumb-wrap{
position: relative;
z-index: 1;
overflow: hidden;
border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
}
[class$="-view-list-container"] ul.image-view-list>li.image-list-item>.m-thumb-wrap{
padding-top: calc( 125.7 / 226 * 100% );
}
[class$="-view-list-container"] ul.poster-view-list>li.poster-list-item>.m-thumb-wrap{
padding-top: calc( 254 / 178 * 100% );
}
[class$="-view-list-container"] ul[class$="-view-list"]>li.image-list-item>.m-thumb-wrap>*,
[class$="-view-list-container"] ul[class$="-view-list"]>li.poster-list-item>.m-thumb-wrap>*{
position: absolute;
z-index: 11;
}
[class$="-view-list-container"] ul[class$="-view-list"]>li.image-list-item>.m-thumb-wrap>img,
[class$="-view-list-container"] ul[class$="-view-list"]>li.poster-list-item>.m-thumb-wrap>img{
display: block;
width: 100%;
height: 100%;
box-sizing: border-box;
object-fit: cover;
top: 0px;
left: 0px;
z-index: 10;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
}
[class$="-view-list-container"] ul[class$="-view-list"]>li.image-list-item:hover>.m-thumb-wrap>img,
[class$="-view-list-container"] ul[class$="-view-list"]>li.poster-list-item:hover>.m-thumb-wrap>img{
scale: 1.2;
}
.m-thumb-wrap>.left-top-wrap{
left: 0px;
top: 0px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
li.image-list-item>.m-thumb-wrap>.left-top-wrap i.ico-rank,
li.poster-list-item>.m-thumb-wrap>.left-top-wrap i.ico-rank{
display: flex;
justify-content: center;
align-items: center;
min-width: 28px;
height: 28px;
font-size: 18px;
font-weight: 900;
line-height: 1;
font-style: italic;
color: #fff;
background-color: #6A92D5;
letter-spacing: -0.3px;
text-indent: -3px;
padding: 0px 6px;
padding-top: 2.5px;
border-radius: 0px 0px 4px 0px;
-webkit-border-radius: 0px 0px 4px 0px;
-moz-border-radius: 0px 0px 4px 0px;
-ms-border-radius: 0px 0px 4px 0px;
-o-border-radius: 0px 0px 4px 0px;
}
li.image-list-item>.m-thumb-wrap>.left-top-wrap i.badge,
li.poster-list-item>.m-thumb-wrap>.left-top-wrap i.badge{
display: inline-block;
vertical-align: middle;
height: 25px;
border-radius: 0px 0px 4px 0px;
-webkit-border-radius: 0px 0px 4px 0px;
-moz-border-radius: 0px 0px 4px 0px;
-ms-border-radius: 0px 0px 4px 0px;
-o-border-radius: 0px 0px 4px 0px;
}
li.image-list-item>.m-thumb-wrap>.left-top-wrap i.ico-rank+i.badge,
li.poster-list-item>.m-thumb-wrap>.left-top-wrap i.ico-rank+i.badge{
margin-left: -4px;
}
li.image-list-item>.m-thumb-wrap>.left-top-wrap i.badge.payback,
li.poster-list-item>.m-thumb-wrap>.left-top-wrap i.badge.payback{
width: 84px;
}
li.image-list-item>.m-thumb-wrap>.left-top-wrap i.badge:not(.payback),
li.poster-list-item>.m-thumb-wrap>.left-top-wrap i.badge:not(.payback){
width: 42px;
}
li.image-list-item>.m-thumb-wrap>.left-top-wrap i.badge.sale,
li.poster-list-item>.m-thumb-wrap>.left-top-wrap i.badge.sale{
background: url("/images/renew_icon/badge-sale-poster.svg")no-repeat center center;
background-size: 100%;
}
li.image-list-item>.m-thumb-wrap>.left-top-wrap i.badge.free,
li.poster-list-item>.m-thumb-wrap>.left-top-wrap i.badge.free{
background: url("/images/renew_icon/badge-free-poster.svg")no-repeat center center;
background-size: 100%;
}
li.image-list-item>.m-thumb-wrap>.left-top-wrap i.badge.payback,
li.poster-list-item>.m-thumb-wrap>.left-top-wrap i.badge.payback{
background: url("/images/renew_icon/badge-payback-poster.svg")no-repeat center center;
background-size: 100%;
}
/* 연령정보 */
.m-thumb-wrap>.right-top-wrap{
right: 4px;
top: 4px;
width: 22px;
height: 22px;
overflow: hidden;
}
.m-thumb-wrap>.right-top-wrap>i.ico-age{
width: 22px;
height: 22px;
display: block;
height: 100%;
}
.m-thumb-wrap>.right-top-wrap>i.ico-age.all{background: url("/images/renew_icon/ico-age-all.svg")no-repeat center center; background-size: 100%;}
.m-thumb-wrap>.right-top-wrap>i.ico-age.age-12{background: url("/images/renew_icon/ico-age-12.svg")no-repeat center center; background-size: 100%;}
.m-thumb-wrap>.right-top-wrap>i.ico-age.age-15{background: url("/images/renew_icon/ico-age-15.svg")no-repeat center center; background-size: 100%;}
.m-thumb-wrap>.right-top-wrap>i.ico-age.age-19{background: url("/images/renew_icon/ico-age-19.svg")no-repeat center center; background-size: 100%;}
/* 화질정보 */
.m-thumb-wrap>.left-bottom-wrap{
bottom: 4px;
left: 4px;
height: 16px;
overflow: hidden;
}
.m-thumb-wrap>.left-bottom-wrap>i.video-quality{
display: block;
height: 100%;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
}
.m-thumb-wrap>.left-bottom-wrap>i.video-quality[data-type="4k"]{width: 21px; background: url("/images/renew_icon/badge-4k.svg")no-repeat center center; background-size: 100%;}
.m-thumb-wrap>.left-bottom-wrap>i.video-quality[data-type="1080"]{width: 40px; background: url("/images/renew_icon/badge-1080.svg")no-repeat center center; background-size: 100%;}
.m-thumb-wrap>.left-bottom-wrap>i.video-quality[data-type="720"]{width: 33px; background: url("/images/renew_icon/badge-720.svg")no-repeat center center; background-size: 100%;}
.m-thumb-wrap>.left-bottom-wrap>i.video-quality[data-type="480"]{width: 33px; background: url("/images/renew_icon/badge-480.svg")no-repeat center center; background-size: 100%;}
.m-thumb-wrap>.left-bottom-wrap>i.video-quality[data-type="360"]{width: 33px; background: url("/images/renew_icon/badge-360.svg")no-repeat center center; background-size: 100%;}
/* 재생시간 */
.m-thumb-wrap>.playtime{
display: flex;
justify-content: center;
align-items: center;
right: 4px;
bottom: 4px;
height: 16px;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
padding: 0px 2px;
padding-top: 0.5px;
font-size: 11px;
line-height: 1;
font-weight: 400;
letter-spacing: -0.3px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
}
li.image-list-item>.item-info-wrap,
li.poster-list-item>.item-info-wrap{
margin-top: 8px;
}
li.image-list-item>.item-info-wrap .hashtag-wrap,
li.poster-list-item>.item-info-wrap .hashtag-wrap{
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
gap: 4px;
overflow: hidden;
}
li.image-list-item>.item-info-wrap .hashtag-wrap>.hashtag,
li.poster-list-item>.item-info-wrap .hashtag-wrap>.hashtag{
font-size: 13px;
line-height: 1.2;
font-weight: 400;
letter-spacing: -0.3px;
color: #1DB8B8;
white-space: pre-wrap;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
word-break: break-all;
word-wrap: break-word;
}
li.image-list-item>.item-info-wrap .hashtag-wrap>.hashtag:not(:last-of-type),
li.poster-list-item>.item-info-wrap .hashtag-wrap>.hashtag:not(:last-of-type){
min-width: fit-content;
}
li.image-list-item>.item-info-wrap .hashtag-wrap>.hashtag::before,
li.poster-list-item>.item-info-wrap .hashtag-wrap>.hashtag::before{
content: '#';
display: inline-block;
vertical-align: middle;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
letter-spacing: inherit;
color: inherit;
}
li.image-list-item>.item-info-wrap .item-title,
li.poster-list-item>.item-info-wrap .item-title{
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
word-wrap: break-word;
white-space: pre-wrap;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: 14px;
line-height: 1.2;
font-weight: 400;
letter-spacing: -0.3px;
color: #737373;
margin-top: 4px;
text-align: left;
}
li.image-list-item.is_opened>.item-info-wrap .item-title,
li.poster-list-item.is_opened>.item-info-wrap .item-title{
color: #A2A2A2;
}
li.image-list-item>.item-info-wrap .bottom-wrap,
li.poster-list-item>.item-info-wrap .bottom-wrap{
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
margin-top: 4px;
}
li.image-list-item>.item-info-wrap .bottom-wrap>*,
li.poster-list-item>.item-info-wrap .bottom-wrap>*{
display: flex;
align-items: center;
gap: 2px;
/* max-width: 45%; */
}
li.image-list-item>.item-info-wrap .bottom-wrap>*:first-of-type,
li.poster-list-item>.item-info-wrap .bottom-wrap>*:first-of-type{
justify-content: flex-start;
max-width: 70%;
}
li.image-list-item>.item-info-wrap .bottom-wrap>*:last-of-type,
li.poster-list-item>.item-info-wrap .bottom-wrap>*:last-of-type{
justify-content: flex-end;
max-width: 30%;
}
li.image-list-item>.item-info-wrap .bottom-wrap>*:first-of-type>.uploader-nickname>a.uploader:link,
li.poster-list-item>.item-info-wrap .bottom-wrap>*:first-of-type>.uploader-nickname>a.uploader:link{
color: #888;
font-size: 12px;
line-height: 1.3;
font-weight: 400;
letter-spacing: -0.3px;
}
li.image-list-item>.item-info-wrap .bottom-wrap>*>span,
li.poster-list-item>.item-info-wrap .bottom-wrap>*>span{
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
word-wrap: break-word;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
font-size: 12px;
line-height: 1.3;
font-weight: 400;
letter-spacing: -0.3px;
color: #888888;
max-width: 100%;
}
li.image-list-item>.item-info-wrap .bottom-wrap>*>span>*,
li.poster-list-item>.item-info-wrap .bottom-wrap>*>span>*{
color: inherit !important;
}
li.image-list-item>.item-info-wrap .bottom-wrap [class^="ico-"],
li.poster-list-item>.item-info-wrap .bottom-wrap [class^="ico-"]{
display: inline-block;
vertical-align: middle;
width: 16px;
min-width: 16px;
height: 16px;
}
li.poster-list-item>.item-info-wrap .bottom-wrap .comment-wrap>span {
min-width: 8px;
}
.item-info-wrap .bottom-wrap i.ico-comment{background: url("/images/renew_icon/ico-comment-off.svg")no-repeat center center; background-size: 100%;}
.item-info-wrap .bottom-wrap .ico-grade.gold{background: url("/images/renew_icon/grade_gold.svg")no-repeat center center; background-size: 100%;}
.item-info-wrap .bottom-wrap .ico-grade.silver{background: url("/images/renew_icon/grade_silver.svg")no-repeat center center; background-size: 100%;}
.item-info-wrap .bottom-wrap .ico-grade.bronze{background: url("/images/renew_icon/grade_bronze.svg")no-repeat center center; background-size: 100%;}
.item-info-wrap .bottom-wrap .ico-grade.dia-blue{background: url("/images/renew_icon/grade_dia_blue.svg")no-repeat center center; background-size: 100%;}
.item-info-wrap .bottom-wrap .ico-grade.dia-green{background: url("/images/renew_icon/grade_dia_green.svg")no-repeat center center; background-size: 100%;}
/* 마이페이지 구조변경 */
#wrap1.renew-2024 .mp_sellerinfo{
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
width: 100%;
height: auto;
}
#wrap1.renew-2024 .mp_sellerinfo>ul{
width: 100%;
}
#wrap1.renew-2024 .mp_sellerinfo>ul>li{
width: 100%;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
#wrap1.renew-2024 .mp_sellerinfo>ul>li>span{
height: 100%;
min-height: 35px;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
/* line-height: 1; */
text-align: center;
box-sizing: border-box;
padding: 8px;
color: #838383;
}
#wrap1.renew-2024 .mp_sellerinfo>ul>li>span:first-of-type{
flex: 1;
background-color: #f3f3f3;
border-bottom: 1px solid #f3f3f3;
}
#wrap1.renew-2024 .mp_sellerinfo>ul>li>span:nth-of-type(2),
#wrap1.renew-2024 .mp_sellerinfo>ul>li>p{
border-bottom: 1px solid #d5d5d5;
}
#wrap1.renew-2024 .mp_sellerinfo>ul>li>span:nth-of-type(2),
#wrap1.renew-2024 .mp_sellerinfo>ul:first-of-type>li:first-of-type>span:nth-of-type(2),
#wrap1.renew-2024 .mp_sellerinfo>ul>li>p{
flex: 2;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 2px;
}
#wrap1.renew-2024 .mp_sellerinfo>ul:first-of-type>li:first-of-type>span:nth-of-type(2) img{
display: inline-block;
vertical-align: middle;
width: 12px;
height: 18px;
}
#wrap1.renew-2024 .mp_sellerinfo>ul>li>span:nth-of-type(2),
#wrap1.renew-2024 .mp_sellerinfo>ul>li>span:nth-of-type(2) b{
font-weight: 500;
}
#wrap1.renew-2024 .mp_sellerinfo>ul>li>span:nth-of-type(2) b{
margin-bottom: -2px;
}
#wrap1.renew-2024 .mp_sellerinfo>ul>li>span:nth-of-type(2) i.ico-grade{
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
min-width: 16px;
}
#wrap1.renew-2024 .mp_sellerinfo>ul>li>span.seller-point::after,
#wrap1.renew-2024 .mp_sellerinfo>ul>li>span.cash::after{
content: '점';
display: inline-block;
vertical-align: middle;
font-size: inherit;
font-weight: inherit;
color: inherit;
line-height: inherit;
}
#wrap1.renew-2024 .mp_sellerinfo>ul>li>span.cash::after{
content: '캐시';
}
#wrap1.renew-2024 .mp_sellerinfo p{
float: none;
height: auto;
min-height: 35px;
box-sizing: border-box;
padding: 8px;
line-height: normal;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start !important;
}
#wrap1.renew-2024 .mp_sellerinfo p>span{
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 4px;
}
#wrap1.renew-2024 .mp_sellerinfo p>span>a{
display: inline-block;
vertical-align: middle;
}
#wrap1.renew-2024 .mp_sellerinfo>ul>li.item-info>p{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center !important;
gap: 4px;
}
#wrap1.renew-2024 .mp_sellerinfo>ul>li.item-info>p>span img{
display: inline-block;
vertical-align: middle;
width: 10px;
height: 17px;
object-fit: cover;
}
#wrap1.renew-2024 .mp_sellerinfo>ul>li.item-info>p>span{
width: fit-content;
}
#wrap1.renew-2024 .mp_sellerinfo>ul:first-of-type>li:last-of-type>span:first-of-type{
color: #6A92D5;
}
#wrap1.renew-2024 .mp_sellerinfo>ul:first-of-type>li:last-of-type>span:first-of-type.type-2{
height: 52px;
}
#wrap1.renew-2024 .mp_sellerinfo>ul:first-of-type>li:last-of-type>span:first-of-type.type-3{
height: 68px;
}
#wrap1.renew-2024 .mp_sellerinfo>ul:last-of-type>li:first-of-type>span:nth-of-type(2)::after,
#wrap1.renew-2024 .mp_sellerinfo>ul:last-of-type>li:nth-of-type(2)>span:nth-of-type(2)::after{
content: '개';
}
#wrap1.renew-2024 .mp_sellerinfo>ul:last-of-type>li:nth-of-type(3)>span:nth-of-type(2)::after{
content: 'p';
}
#wrap1.renew-2024 .mp_sellerinfo>ul:last-of-type>li>span:nth-of-type(2)::after{
display: inline-block;
vertical-align: middle;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: inherit;
letter-spacing: inherit;
text-transform: uppercase;
}
#wrap1.renew-2024 .mp_sellerinfo p>span b.site-name{
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
word-wrap: break-word;
white-space: pre-wrap;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
#leftwrap,
#friend_wrap{
margin-top: 16px;
}
#friend_wrap{
border-top: 1px solid #D9D9D9;
overflow: hidden;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
}
#contentsListWrap .no-list{
border-left: 1px solid #E9E9E9;
border-right: 1px solid #E9E9E9;
}
td.seller-grade i.ico-grade{
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
min-width: 16px;
}
.list_scrollbar .boardtype1 tbody td .ellipsis{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 4px;
}
.search_result{
border-left: 1px solid #E9E9E9;
border-right: 1px solid #E9E9E9;
box-sizing: border-box;
}
.login-wrap{position: relative;}
.login-wrap::after{
content: '';
display: block;
width: 62px;
height: 21px;
background: url("/images/renew_icon/select-tooltip.svg")no-repeat center center;
background-size: 100%;
position: absolute;
top: 9px;
right: 22px;
z-index: 10;
}
/* 플릭스코 */
.flixko_banner_wrap {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
overflow: hidden;
margin-bottom: 40px;
}
.flixko_banner_wrap .fbw_top {
background-color: #000;
display:flex;
justify-content: space-between;
align-items: center;
padding:20px;
box-sizing: border-box;
}
.flixko_banner_wrap .fbw_top .fbwt_left img {
width:177px;
}
.flixko_banner_wrap .fbw_top .fbwt_right {
font-size:13px;
color:#fff;
}
.flixko_banner_wrap .fbw_top .fbwt_right span {
color:#ffea61;
font-weight: 700;
}
.flixko_banner_wrap .fbw_bot img {
width:100%;
}
.flixko_banner_wrap .fbw_banner {
min-height:300px;
background-color: #d9d9d9;
}
.flixko_banner_wrap .fbw_banner img {
width:100%;
object-fit: cover;
}
.flixko_search_wrap {
display:flex;
align-items: center;
width:545px;
margin:auto;
margin-bottom: 40px;
height:45px;
border:2px solid #6A92D5;
border-radius:25px;
padding:0 20px;
box-sizing: border-box;
}
.flixko_search_wrap .fsw_select {
width: 66px;
padding-left:10px;
-o-appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-weight: bold;
outline:none;
cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23ADADAD' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center right;
border:0;
font-size:13px;
}
.flixko_search_wrap .fsw_btn {
width:24px;
height:24px;
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14Z' fill='%236A92D5'/%3E%3C/svg%3E");
background-repeat: no-repeat;
border:none;
cursor: pointer;
}
.flixko_search_wrap .fsw_search {
width:calc(100% - 90px);
border:none;
height:38px;
padding-left:10px;
outline: none;
}
.flixko_search_wrap .fsw_search::placeholder {
font-size:13px;
color:#939393;
}
.flixko_tab_wrap {
display:flex;
align-items: center;
margin-bottom: 12px;
}
.flixko_tab_wrap .flixko_tab {
cursor: pointer;
flex:1 1 0%;
text-align: center;
height:42px;
border:1px solid #E5E5E5;
line-height:42px;
background-color: #fafafa;
font-size:15px;
color:#666;
font-weight: bold;
}
.flixko_tab_wrap .flixko_tab.active {
color:#fff;
background-color: #4F7AFA;
border-color: #4F7AFA;
}
.flixko_tab_wrap .flixko_tab .ft_adult {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23FB5858'/%3E%3Cpath d='M8.45395 11.91L10.1531 9.37503C10.1072 9.3934 10.0245 9.41177 9.94187 9.41177C8.48151 9.41177 7.27832 8.39228 7.27832 6.87681C7.27832 5.27868 8.55499 4.25 10.1164 4.25C11.6778 4.25 12.9544 5.2695 12.9544 6.86762C12.9544 7.59321 12.7156 8.15348 12.2748 8.85151L10.346 11.91H8.45395ZM10.1164 8.05244C10.8603 8.05244 11.3288 7.52892 11.3288 6.85844C11.3288 6.18796 10.8603 5.66444 10.1164 5.66444C9.37242 5.66444 8.904 6.18796 8.904 6.85844C8.904 7.52892 9.37242 8.05244 10.1164 8.05244Z' fill='white'/%3E%3Cpath d='M6.23501 4.4245V11.91H4.57259V5.87567H3.25V4.4245H6.23501Z' fill='white'/%3E%3C/svg%3E");
display: inline-block;
width:16px;
height:16px;
vertical-align: text-top;
margin-top: 2px;
margin-right: 3px;
}
.flixko_list_top {
border-top: 1px solid #F2F2F2;
border-left: 1px solid #F2F2F2;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
display: flex;
align-items: center;
justify-content: space-between;
}
.flixko_list_top .list-type-wrap {
margin-top: -1px;
}
.flixko_list_top .flixko_nav {
margin-left: 13px;
display: flex;
align-items: center;
}
.flixko_list_top .flixko_nav .fn_tit {
font-weight: bold;
color: #333;
}
.flixko_list_top .flixko_nav .fn_icon {
display: inline-block;
width:16px;
height:16px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 12L10 8L6 4' stroke='%23ADADAD' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
margin:0 3px;
}
.flixko_list_top .flixko_nav .fn_now {
font-weight: bold;
color: #429AF4;
}
#wrap1.renew-2024 #container1 .flixko_list_top .sub_list_tab {
width:auto;
}
#wrap1.renew-2024 #container1 .flixko_list_top .sub_list_tab .right-wrap {
margin-top: 1px;
}
/* 태그 */
.item-tag-list {
width:100%;
overflow: hidden;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
height: 17px;
color:#5484D3;
text-align: left;
}
.item-tag-list .item-tag {
white-space: nowrap;
margin-left:-1px;
color:#5484D3;
letter-spacing: -0.5px;
font-size:13px;
}
.item-tag-list .item-tag:hover {
text-decoration: underline;
}
.is_opened .item-tag-list .item-tag {
color:#A2A2A2;
}
/*### 뷰창 추천태그검색 ###*/
.contents-tag-wrap {
border:1px solid #E9E9E9;
display: flex;
align-items: stretch;
justify-content: space-between;
margin-bottom: 20px;
}
.contents-tag-wrap .ctw-left {
background-color:#F9F9F9;
padding-left:16px;
width:138px;
color:#666;
display:inline-flex;
align-items: center;
}
.contents-tag-wrap .ctw-right {
padding:10px;
width:calc(100% - 138px);
}
.contents-tag-wrap .ctw-right .contents-item-tag-list {
display: flex;
gap:10px;
flex-wrap: wrap;
}
.contents-tag-wrap .ctw-right .contents-item-tag-list > .item-tag {
display: inline-block;
border:1px solid #429AF4;
border-radius: 30px;
background-color:#F2F7FF;
font-size:12px;
color:#333;
padding:4px 10px;
}
.contents-tag-wrap .ctw-right .contents-item-tag-list > .item-tag span {
font-size:14px;
color:#6A92D5;
margin-right:2px;
font-weight: bold;
}