/* 공통 */
*{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; }
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 {
background-color: #ffd;
}
input, select, textarea {
outline:none;
vertical-align: middle;
color: #363636;
font-size: 1em;
font-family:"맑은 고딕", "Malgun Gothic", Dotum, sans-serif;
}
textarea { resize:none; }
textarea:hover, textarea:focus { background-color:#FFF; }
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;background:#ffffff;}
#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; }
#header_wrap .gnb_menu .gnb_menu_s span:hover { color:#0000000;}
.gnb_menu .gnb_menu_s .gnb_L {float:left;}
.gnb_menu .gnb_menu_s .gnb_L li {float:left; height:25px;line-height:25px; cursor:pointer;font-family:"맑은 고딕", "Malgun Gothic", Dotum, sans-serif;font-weight:bold;font-size:11px;}
.gnb_menu .gnb_menu_s .gnb_L .gnb_L1 { background:url(/images/main/icon_gnb_home.jpg) no-repeat 0 4px; padding-left:18px ;padding-right:10px}
.gnb_menu .gnb_menu_s .gnb_L .gnb_L2 { background:url(/images/main/icon_gnb_star.jpg) no-repeat 0 4px;padding-left:18px }
.gnb_menu .gnb_menu_s .gnb_R {float:right;}
.gnb_menu .gnb_menu_s .gnb_R li {float:left;cursor:pointer;font-family:"맑은 고딕", "Malgun Gothic", Dotum, sans-serif;font-weight:bold;font-size:11px;}
.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:0 8px;}
.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;}
/*로고*/
#header_wrap .top {clear:both;width:1018px; min-width:1018px; min-height:100px; margin:0 auto; position:relative ;}
#header_wrap .top .logo {float:left;width:300px; height:85px;text-align:left; }
.top_logo{width:300px;height:100px;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 }
/*날개배너 (이전)*/
/*
#header_wrap .quick_layer {width:1018px; min-width:1000px; margin:0 auto; position:relative; }
#header_wrap .quick_layer .quick_menu { height:auto; width:80px; position:absolute; top:30%; right:-90px; text-align: left; padding: 0px; }
#header_wrap .quick_layer .quick_menu .banner_quick{width:80px; height:auto; background-color:#ffffff; position:absolute; right:0px; top:170px; }
.banner_quick .quick_bg {width:80px; height:auto; position:relative; -webkit-border-radius: 50px;-moz-border-radius: 50px; border-radius:50px;}
.banner_quick .quick_bg .banner_quick_top {width:80px; height:23px; background:url(/images/banner/quick1_top.png) 0px 0px no-repeat; margin-top:3px; }
.banner_quick .quick_bg .banner_quick_q1 {width:80px; height:70px; 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:80px; height:70px; background:url(/images/banner/quick1_01.png) no-repeat; background-position:-90px 0px ;border-bottom:1px #dddddd solid; }
.banner_quick .quick_bg .banner_quick_q1.on {width:80px; height:70px; background:url(/images/banner/quick1_01.png) no-repeat; background-position:-90px 0px ;border-bottom:1px #dddddd solid; }
.banner_quick .quick_bg .banner_quick_q2 {width:80px; height:70px; 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:80px; height:70px; background:url(/images/banner/quick1_02.png) no-repeat; background-position:-90px 0px ;border-bottom:1px #dddddd solid; }
.banner_quick .quick_bg .banner_quick_q2.on {width:80px; height:70px; background:url(/images/banner/quick1_02.png) no-repeat; background-position:-90px 0px ;border-bottom:1px #dddddd solid; }
.banner_quick .quick_bg .banner_quick_q3 {width:80px; height:70px; background:url(/images/banner/quick1_03.png) no-repeat; background-position:0px 0px; border-bottom:1px #dddddd solid;cursor:pointer;}
.banner_quick .quick_bg .banner_quick_q3:hover {width:80px; height:70px; background:url(/images/banner/quick1_03.png) no-repeat; background-position:-90px 0px ; border-bottom:1px #dddddd solid;}
.banner_quick .quick_bg .banner_quick_q3.on {width:80px; height:70px; background:url(/images/banner/quick1_03.png) no-repeat; background-position:-90px 0px ; border-bottom:1px #dddddd solid;}
.banner_quick .quick_bg .banner_quick_q4 {width:80px; height:70px; 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:80px; height:70px; background:url(/images/banner/quick1_04.png) no-repeat; background-position:-90px 0px; border-bottom:1px #dddddd solid;}
.banner_quick .quick_bg .banner_quick_q4.on {width:80px; height:70px; background:url(/images/banner/quick1_04.png) no-repeat; background-position:-90px 0px; border-bottom:1px #dddddd solid;}
.banner_quick .quick_bg .banner_quick_q5 {width:80px; height:70px; 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:80px; height:70px; background:url(/images/banner/quick1_05.png) no-repeat; background-position:-90px 0px; border-bottom:1px #dddddd solid;}
.banner_quick .quick_bg .banner_quick_q5.on {width:80px; height:70px; background:url(/images/banner/quick1_05.png) no-repeat; background-position:-90px 0px; border-bottom:1px #dddddd solid;}
.banner_quick .quick_bg .banner_quick_q6 {width:80px; height:70px; background:url(/images/banner/quick1_06.png) no-repeat; background-position:0px 0px; border-bottom:1px #dddddd solid;cursor:pointer;}
.banner_quick .quick_bg .banner_quick_q6:hover {width:80px; height:70px; background:url(/images/banner/quick1_06.png) no-repeat; background-position:-90px 0px; border-bottom:1px #dddddd solid;}
.banner_quick .quick_bg .banner_quick_q6.on {width:80px; height:70px; background:url(/images/banner/quick1_06.png) no-repeat; background-position:-90px 0px; border-bottom:1px #dddddd solid;}
.banner_quick .quick_bg .banner_quick_q7 {width:80px; height:102px; background:url(/images/banner/quick1_07.png) no-repeat; background-position:0px 0px; border-bottom:1px #dddddd solid;cursor:pointer;}
.banner_quick .quick_bg .banner_quick_q7:hover {width:80px; height:102px; background:url(/images/banner/quick1_07.png) no-repeat; background-position:-90px 0px ; border-bottom:1px #dddddd solid;}
.banner_quick .quick_bg .banner_quick_q7.on {width:65px; height:102px; background:url(/images/banner/quick1_07.png) no-repeat; background-position:-90px 0px ; border-bottom:1px #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 {width:1018px; min-width:1000px; margin:0 auto; position:relative; }
#header_wrap .quick_layer .quick_menu { height:260px; width:90px; position:absolute; top:10px; 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:230px; }
.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/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/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/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/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/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/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/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/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/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/quick1_03.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/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/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/quick1_05.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/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/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/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/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/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/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/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/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/quick1_10.png) no-repeat; background-position:-70px 0px ; border-bottom:0px #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 {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:180px; }
.quick_menu_L .banner_quickL_appdown {width:93px; height:235px; /*background:url(../images/banner/banner_quick_appdown0201.png) no-repeat;*/ background:url(../images/banner/banner_quick_appdown_191115.png) no-repeat; cursor:pointer;margin-top:20px;}
.quick_menu_L .banner_quickL_mobile {width:93px; height:220px; background:url(../images/banner/banner_quick_mofileis_20191115.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_2021emblem{ display:block; width:93px; height:164px; background:url(../images/banner/img_medal_93x164.png) no-repeat; cursor:pointer;margin-top:20px; }
/*날개배너 좌측 핫영화*/
#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}
/* 날개배너 좌측 슬라이드 리뉴얼 2022-07 */
.wingLeft { position:absolute; top:180px; left:-110px; width:103px; text-align:right; }
.wingLeft .wingLeft_slideWrap { position:relative; width:100%; height:250px; margin:0 auto; overflow:hidden; }
.wingLeft .wingLeft_slideList { position:relative; white-space:nowrap; font-size:0; }
.wingLeft .wingLeft_slideList > li { display:inline-block; width:93px; height:240px; padding-left:10px; text-align:center; vertical-align:top; cursor:pointer; }
.wingLeft .wingLeft_slideList > li > img { width:100%; }
.wingLeft_pager { position:absolute; left:50%; bottom:0%; transform:translateX(-50%); width:100%; padding-left:10px; display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; flex-direction:row; }
.wingLeft_pager > li { display:inline-block; width:7px; height:7px; background:#abb1be; border-radius:50%; margin:0 2px; vertical-align:middle; cursor:pointer; }
.wingLeft_pager > li.active { background:#444; }
/*플로팅 배너 이벤트 */
#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:75px; margin:0 auto; margin-top:10px; }
#header_wrap .top .search .cMenu_sh { margin-left:50px; height:19px; line-height:19px; margin-bottom:5px; }
#header_wrap .top .search .cMenu_sh li { float:left; height:19px; line-height:19px; cursor:pointer; padding:5px 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 15px;}
#header_wrap .top .search .cMenu_sh .m2 { background:url(/images/main/line.gif) no-repeat ; padding:5px 15px;}
#header_wrap .top .search .cMenu_sh .m3 { background:url(/images/main/line.gif) no-repeat ; padding:5px 15px;}
#header_wrap .top .search .cMenu_sh .m4 { background:url(/images/main/line.gif) no-repeat 0px 0px; padding:5px 15px;}
#header_wrap .top .search .cMenu_sh .m5 { background:url(/images/main/line.gif) no-repeat 0px 0px; padding:5px 15px;}
#header_wrap .top .search .cMenu_sh .m6 { background:url(/images/main/line.gif) no-repeat 0px 0px; padding:5px 15px;}
/* 2024.07.10 검색바 수정 */
#header_wrap .top .search .searchBox { clear:both; width:100%; height:40px; margin:0 auto; box-sizing: border-box; text-align:center; position:relative; background:#ffffff; border:#429af4 2px solid; -webkit-border-radius:50px ; -moz-border-radius:50px ; border-radius:50px ; -ms-border-radius:50px ; -o-border-radius:50px ; }
#header_wrap .top .search .searchBox li {float:left;height:30px; margin:0 auto; margin-top:2px;margin-left:0px;}
#header_wrap .top .search .searchBox li.sh_le {width:100px;height:30px; background:#ffffff; margin-left:13px; }
#header_wrap .top .search .searchBox li.sh_le .inupt_select { width:100px;height:27px; color:#666; border:#FFFFFF 1px solid; margin-top:3px;}
/* 2024.07.10 검색바 수정 */
/* #header_wrap .top .search .searchBox li.sh_ce {width:240px;height:30px; background:#FFFFFF;} */
#header_wrap .top .search .searchBox li.sh_ce {width:275px;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}
/* 2024.07.10 검색 아이콘 변경 */
/* #header_wrap .top .search .searchBox li.sh_ri { width:34px; height:30px; background:url(/images/icon/btn_top_sh_new2.png) no-repeat; padding:3px 0px; } */
#header_wrap .top .search .searchBox li.sh_ri { width:30px; height:30px; margin-right: 5px; background:url(/images/icon/icon_search_30x30.png) no-repeat center center; background-size: 100%; margin-top: 3px !important;}
#header_wrap .top .banner_top_rig { float:right; width:220px; height:80px;margin-top:20px;}
#header_wrap .top .search .searchBox li.sh_le .sc_n{ float:left; margin:0; width:92px;}
#header_wrap .top .search .searchBox li.sh_le .sc_n .category_m{text-align:left; width:80px;}
#header_wrap .top .search .searchBox li.sh_le .sc_n td{text-align:left;}
#Link {display:inline;z-index:2;}
/* 2024.07.10 검색바 수정 */
/* #header_wrap .top .search .searchBox .selectlayer{text-align:left; font-size:11px;display:block;position:relative; height:18px; border:0; cursor:pointer; z-index:999999;} */
#header_wrap .top .search .searchBox .selectlayer{text-align:left; font-size:11px;display:block;position:relative; height:30px; border:0; cursor:pointer; z-index:999999;}
/* #header_wrap .top .search .searchBox .selectlayer .pdefault {display:inline-block; width:80px; position:absolute; top:3px;} */
#header_wrap .top .search .searchBox .selectlayer .pdefault {display:block; width:80px; position:absolute;}
.selectlayer .pdefault>span{font-size: 13px;}
/* 2024.07.11 상단 검색바 수정 */
/* #header_wrap .selectlayer #ulLayer {width:80px; border-left:3px solid #429af4; border-right:3px solid #429af4;border-bottom:3px solid #429af4;position:absolute; top:35px; padding-bottom:5px} */
#header_wrap .selectlayer > ul { width:80px; border-left:2px solid #429af4; border-right:2px solid #429af4; border-bottom:2px solid #429af4; position:absolute; top:34px; padding-bottom:12px; overflow: hidden; border-radius: 0px 0px 16px 16px ; -webkit-border-radius: 0px 0px 16px 16px ; -moz-border-radius: 0px 0px 16px 16px ; -ms-border-radius: 0px 0px 16px 16px ; -o-border-radius: 0px 0px 16px 16px ; }
/* #header_wrap .selectlayer #ulLayer li{display:inline-block; height:17px; line-height:17px; color:#666566; font-size:11px;text-decoration:none;} */
#header_wrap .selectlayer > ul li{display:inline-block; height:25px; line-height:17px; color:#666566; font-size:11px;text-decoration:none;}
#header_wrap .selectlayer > ul li:hover {background-color:#f4f4f4;color:#141517;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:#ffffff;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/icon/btn_keyword_lefton.png) no-repeat; width:13px; height:13px;}
#header_wrap .top .search .hotsearch_keyword .right .btn_keyword_left_off{background:url(/images/icon/btn_keyword_leftoff.png) no-repeat; width:13px; height:13px;}
#header_wrap .top .search .hotsearch_keyword .right .btn_keyword_right_on{background:url(/images/icon/btn_keyword_righton.png) no-repeat; width:13px; height:13px;}
#header_wrap .top .search .hotsearch_keyword .right .btn_keyword_right_off{background:url(/images/icon/btn_keyword_rightoff.png) no-repeat; width:13px; height:13px;}
/*메뉴 - 탑 background-color:#616a88; background-color:#ffffff; background-color:#616a88; background-color:#ffffff; background-color:#616a88;*/
/* #header_wrap .vmenu{display: none;} */
#header_wrap .vmenu {width:100%; min-width:1018px; height:75px; background-color:#414141; }
#header_wrap .vmenu .vmenu_s {width:100%; min-width:1018px;background-color:#429af4; }
#header_wrap .vmenu .vmenu_s .vmenuBox {width:1018px;min-width:1018px;height:45px; margin:0 auto;box-sizing: border-box; }
#header_wrap .vmenu .vmenu_s .vmenuBox .topMenuBox {display: flex;align-items: center; width: 100%;position:relative; }
#header_wrap .vmenu .vmenu_s .vmenuBox .topMenuBox li { flex-grow: 1; padding: 0 8px; height:45px; line-height:45px; list-style:none; cursor:pointer; font-size:13px; font-family:"맑은 고딕", "Malgun Gothic", Dotum, sans-serif; font-weight:bold; color:#ffffff ; position:relative; }
#header_wrap .vmenu .vmenu_s .vmenuBox .topMenuBox li:hover {background-color:#414141; color:#ffffff;}
#header_wrap .vmenu .vmenu_s .vmenuBox .topMenuBox .tm_on {background-color:#414141; color:#ffffff;}
#header_wrap .vmenu .vmenu_s .vmenuBox .topMenuBox li:not(:last-of-type)::after,
#header_wrap .vmenu .vmenu_s .vmenuBox .topMenuBox li>a::after { content: ''; display: inline-block; position: absolute; top: 19px; right: 0; width: 1px; height: 9px; background-color: #8ec2f8;}
#header_wrap .vmenu .vmenu_s .vmenuBox .topMenuBox li.on:after { visibility: hidden;}
#header_wrap .vmenu .vmenu_s .vmenuBox .topMenuBox li:hover::after,#header_wrap .vmenu .vmenu_s .vmenuBox .topMenuBox li>a:hover::after, #header_wrap .vmenu .vmenu_s .vmenuBox .topMenuBox .tm_on:after { visibility: hidden;}
#header_wrap .vmenu .vmenu_s .vmenuBox .topMenuBox li[data-cate="MIB"]::before{ content: 'new'; position: absolute; top: 1px; left: 30px; right: auto; z-index: 10; display: block; width: auto; height: auto; box-sizing: border-box; padding: 2px 4px; color: #fff; background-color: red; text-transform: uppercase; line-height: 1; font-size: 0.7em; font-weight: 800 !important; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
#header_wrap .vmenu .vmenu_s .vmenuBox .topMenuBox li>a{color: #fff;}
#header_wrap .vmenu .vmenu_s .vmenuBox .topMenuBox li img { margin-bottom: 3px; padding-right: 3px; vertical-align: middle;}
#header_wrap .vmenu .vmenu_s .vmenuBox .topMenuBox li .ic_sale1 {width:100%; height:22px;background:url(/images/icon/icon_navsale1.png) no-repeat; background-position:center; position:absolute; top:-6px;z-index:100; }
#header_wrap .vmenu .vmenu_s .vmenuBox .topMenuBox li .ic_sale2 {width:100%; height:20px;background:url(/images/icon/icon_navsale2.png) no-repeat; background-position:center; position:absolute; top:-5px;z-index:100; }
#header_wrap .vmenu .vmenu_s .vmenuBox .topMenuBox li .ic_sale3 {width:100%; height:20px;background:url(/images/icon/icon_navsale_bj.png) no-repeat; background-position:center; position:absolute; top:-5px;z-index:100; }
#header_wrap .vmenu .vmenu_s .vmenuBox .topMenuBox li .ic_sale_new {width:100%; height:20px;background:url(/images/icon/icon_navsale_new.png) no-repeat; background-position:center; position:absolute; top:-5px;z-index:100; }
#header_wrap .vmenu .vmenu_s .vmenuBox .topMenuBox li .ic_sale_hot {width:100%; height:20px;background:url(/images/icon/icon_navsale_hot.png) no-repeat; background-position:center; position:absolute; top:-5px;z-index:100; }
#header_wrap .vmenu .vmenu_s .vmenuBox .topMenuBox li.vmenuTop_TOP { padding: 0; width: 100px; color: #ffe56b; font-size: 16px;}
#header_wrap .vmenu .vmenu_s .vmenuBox .topMenuBox li.vmenuTop_TOP::after { width: 0;}
/*메뉴 - 서브*/
#header_wrap .vmenu .vmenu_s .vmenuBox .subMenuBox {width:1018px; height:30px; line-height:30px;text-align:left; display: flex; justify-content: flex-start; align-items: center; box-sizing: border-box;}
.subMenuBox div {display: none;}
.subMenuBox>div#menu_BOK{ display: flex; justify-content: flex-end; align-items: center; width: 100%; padding-left: 0 !important;}
.subMenuBox>div a{ padding: 0px 5px; color: #fff;}
.subMenuBox>div#menu_UTL a{padding: 0px 3px; box-sizing: border-box;}
.subMenuBox>div a+a::before{content: ''; display: inline-block; width: 1px; height: 10px; background-color: #fff; box-sizing: border-box; vertical-align: middle;margin-right: 10px; opacity: 0.3;}
.subMenuBox div a:hover {color:yellow;font-weight:bold}
/* .subMenuBox div { position: absolute; bottom: 2px; display:none;font-size:12px; font-family:"맑은 고딕", "Malgun Gothic", Dotum, sans-serif;}
.subMenuBox div a {display:inline-block;padding-left:17px;color:#fff; background:url(/images/main/line3.gif) no-repeat 5px 12px;}
.subMenuBox div a.first {background:url(/images/main/line3.gif) no-repeat 5px 100px; padding-left: 0;}
.subMenuBox div a:hover {color:yellow;font-weight:bold} */
/*
.subMenuBox #menu_TOP {padding-left:0;}
.subMenuBox #menu_MOB {padding-left:117px;}
.subMenuBox #menu_ALL {padding-left:165px;}
.subMenuBox #menu_MVO {padding-left:90px;}
.subMenuBox #menu_DRA {padding-left:140px;}
.subMenuBox #menu_MED {padding-left:205px;}
.subMenuBox #menu_GME {padding-left:270px;}
.subMenuBox #menu_ANI {padding-left:315px;}
.subMenuBox #menu_UTL {padding-left:365px;}
.subMenuBox #menu_CTN {padding-left:415px;}
.subMenuBox #menu_MUS {padding-left:470px;}
.subMenuBox #menu_DOC {padding-left:460px;}
.subMenuBox #menu_EDU {padding-left:510px;}
.subMenuBox #menu_IMG {padding-left:560px;}
.subMenuBox #menu_ADT {padding-left:668px;}
.subMenuBox #menu_MON {padding-left:680px;}
.subMenuBox #menu_TON {padding-left:780px;}
.subMenuBox #menu_PTB {padding-left:740px;}
.subMenuBox #menu_ETC {padding-left:620px;}
.subMenuBox #menu_REQ {padding-left:780px; margin-right: -10px; text-align: right;}
.subMenuBox #menu_BOK {padding-left:660px; margin-right: -10px; text-align: right;}
.subMenuBox #menu_CTV {padding-left:730px; }
.subMenuBox .submenu_on{color:yellow;font-weight:bold}
*/
/*fileis.com*/
/* .subMenuBox #menu_TOP { left: 10px; }
.subMenuBox #menu_MOB { left: 134px; }
.subMenuBox #menu_ALL { left: 182px; }
.subMenuBox #menu_MVO { left: 107px; }
.subMenuBox #menu_DRA { left: 157px; }
.subMenuBox #menu_MED { left: 222px; }
.subMenuBox #menu_GME { left: 287px; }
.subMenuBox #menu_ANI { left: 340px; }
.subMenuBox #menu_UTL { left: 371px; }
.subMenuBox #menu_CTN { left: 440px; }
.subMenuBox #menu_MUS { left: 487px; }
.subMenuBox #menu_DOC { left: 495px; }
.subMenuBox #menu_EDU { left: 550px; }
.subMenuBox #menu_IMG { left: 600px; }
.subMenuBox #menu_ADT { left: 665px; }
.subMenuBox #menu_MON { left: 697px; }
.subMenuBox #menu_TON { left: 797px; }
.subMenuBox #menu_PTB { left: 757px; }
.subMenuBox #menu_ETC { left: 637px; }
.subMenuBox #menu_REQ { left: 671px; }
.subMenuBox #menu_BOK { right: 10px; }
.subMenuBox #menu_CTV { left: 747px; }
.subMenuBox .submenu_on{color:yellow;font-weight:bold} */
/*file-is.com*/
/* .subMenuBoxAdt #menu_TOP { left: 10px; }
.subMenuBoxAdt #menu_DRA { left: 180px; }
.subMenuBoxAdt #menu_MED { left: 275px; }
.subMenuBoxAdt #menu_GME { left: 370px; }
.subMenuBoxAdt #menu_ANI { left: 440px; }
.subMenuBoxAdt #menu_UTL { left: 382px; }
.subMenuBoxAdt #menu_CTN { left: 580px; }
.subMenuBoxAdt #menu_MUS { left: 487px; }
.subMenuBoxAdt #menu_DOC { left: 660px; }
.subMenuBoxAdt #menu_EDU { left: 720px; }
.subMenuBoxAdt #menu_IMG { left: 815px; }
.subMenuBoxAdt #menu_ETC { left: 890px; }
.subMenuBoxAdt #menu_REQ { right: 10px; }
.subMenuBoxAdt .submenu_on{color:yellow;font-weight:bold} */
/*.topMenuBox .vmenuTop_TOP {width:105px; background:url(/images/main/mainMenu_171025000.jpg) 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_171025000.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_171025000.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_171025000.jpg) 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_171025000.jpg) 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_171025000.jpg) 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_171025000.jpg) 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_171025000.jpg) 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_171025000.jpg) 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_171025000.jpg) no-repeat -558px -40px}
.topMenuBox .vmenuTop_CTN:hover {width:47px; background-position: -558px 0px}
.topMenuBox .vmenuTop_CTN.UTL_on{width:47px; background-position: -558px 0px}
.topMenuBox .vmenuTop_DOC {width:47px; background:url(/images/main/mainMenu_171025000.jpg) no-repeat -605px -40px}
.topMenuBox .vmenuTop_DOC:hover {width:47px; background-position: -605px 0px}
.topMenuBox .vmenuTop_DOC.on{width:47px; background-position: -605px 0px}
.topMenuBox .vmenuTop_EDU {width:47px;background:url(/images/main/mainMenu_171025000.jpg) 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_171025000.jpg) 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_171025000.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_171025000.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_171025000.jpg) 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_171025000.jpg) 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_171025000.jpg) 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_171025000.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_TON {width:47px;background:url(/images/main/mainMenu_171025000.jpg) 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_171025000.jpg) 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_171025000.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}
*/
/*### 본문-왼쪽 */
/*로그인*/
#container #leftarea .login_wrap { padding-bottom: 10px;width:201px; border:1px solid #dddddd;background:#f8f8f8; margin-bottom:5px;}
.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_wrap .sns_join { width:177px;margin:0 auto; height:35px;margin-top:4px; border-bottom:1px #d9d9d9 solid; padding-top:7px;padding-bottom:7px;}
.login_wrap .sns_join li {list-style:none; float:left; height:28px; text-align:left;cursor:pointer}
.login_wrap .sns_join li span {float:left; line-height:14px; font-size:11px; letter-spacing:-1px; color:#666666;padding-top:2px;}
/*
.login_wrap .sns_join .icon_f {width:28px; height:28px;margin:0 auto; background:url(/images/icon/icon_f.png) no-repeat; background-position:center; margin-right:5px;}
.login_wrap .sns_join .icon_t {width:28px; height:28px;margin:0 auto; background:url(/images/icon/icon_t.png) no-repeat; background-position:center; margin-right:5px;}
.login_wrap .sns_join .icon_n {width:28px; height:28px;margin:0 auto; background:url(/images/icon/icon_n.png) no-repeat; background-position:center; margin-right:5px;}
*/
.login_wrap .sns_join .icon_k { margin-right: 5px; width:86px; height:35px; background:url(/images/icon/btn_kakao_left.jpg) center center no-repeat; }
.login_wrap .sns_join .icon_n {width:86px; height:35px; background:url(/images/icon/btn_naver_left.jpg) center center no-repeat; }
.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:#e3ebf4; border:#768fe0 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:#e3ebf4; border:#768fe0 1px solid }
.login_boxn .btn_login { width:70px; height:58px; line-height:58px; position:absolute; top:0px; right:0px; background-color:#18313d; color:#FFFFFF; font-weight:bold; border:#707582 1px solid; text-align:center; cursor:pointer }
.login_tit_img { width:100%; height:45px; background:url(/images/main/login_tit_n2.jpg) no-repeat; background-position:center;}
.login_btn_join { width:175px; height:37px; line-height:37px; margin:0 auto; background-color:#ea5c30; cursor:pointer;border:#dc5823 1px solid; margin-top:8px; text-align:center; color:#ffffff ;font-weight:bold; font-size:15px }
.login_btn_join:hover { background-color:#f3354e; border:#e1223b 1px solid; color:#ffffff ;}
/*로그인후*/
.login_wrap_info {width:201px; /*height:249px; min-height: 249px;*/ border:1px solid #dddddd;background:#f8f8f8; position:relative; margin-bottom:5px;}
.login_wrap_info .login_info_tit {width:100%; height:40px; margin:0 auto;text-align:left; border-bottom:#ccc 1px solid; }
.login_wrap_info .login_info_tit li { list-style:none;}
.login_wrap_info .login_info_tit .name {width:115px; float:left; list-style:none; width:auto; margin:0 auto; height:25px; line-height:25px; margin-top:8px; }
.login_wrap_info .login_info_tit .mame_txt { float:left; padding-left:5px; width:115px; text-align:left;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:bold;}
.login_wrap_info .login_info_tit .memo { width:75px; list-style:none; float:left; text-align:center; letter-spacing:-1px; height:25px; line-height:25px; font-size:11px ; margin-top:8px;}
.login_wrap_info .info_tb { width:100%; /*height:170px;*/ margin:0 auto; background-color:#ffffff;border-bottom:#ccc 1px solid; padding: 5px 0 3px 0; }
.login_wrap_info .info_tb table {width:185px; height:auto;margin:0 auto; }
.login_wrap_info .info_tb table td {height:25px; line-height:25px; font-size:12px;border-bottom:#ccc 0px dotted; }
.login_wrap_info .info_tb table .td_le { font-weight:bold; text-align:left;}
.login_wrap_info .info_tb table .td_ri { font-weight:bold; text-align:right }
.login_wrap_info .info_tb table .td_ri img { vertical-align: middle; margin-bottom: 2px;}
.login_wrap_info .login_menu {width:100%; height: 27px; margin:0 auto; text-align:center; }
.login_wrap_info .login_menu li{ list-style:none; color:#727987; cursor:pointer;}
.login_wrap_info .login_menu li:hover { background-color:#efefef}
.login_wrap_info .login_menu .mymenu {float:left; width:55px; padding-top:5px;text-align:center; height:22px; font-size:11px; border-right:#d9d9d9 1px solid }
.login_wrap_info .login_menu .btn_logout {float:right;width:86px; padding-top:5px; text-align:center; height:22px; 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; background:#ffffff; }
#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 { cursor: pointer; width:100%; height:52px; background:url(/images/banner/main_left_n05.jpg) no-repeat; display:block; border-bottom:1px solid #dddddd;}
#leftarea .left_banner .left_menu_attend { width:100%; height:50px;background:url(/images/banner/left_menu_attend.jpg) no-repeat; display:block;}
/*보험사 */
#leftarea .left_banner .left_menu_3000p { width:100%; height:50px;background:url(/images/banner/main_left_n3000n.jpg) no-repeat; display:block;border-top:1px solid #dddddd;}
#leftarea .left_banner .left_menu_6000p { width:100%; height:50px;background:url(/images/banner/main_left_n6000n.jpg) no-repeat; display:block;border-top:1px solid #dddddd;}
#leftarea .left_banner .left_menu_9000p { width:100%; height:50px;background:url(/images/banner/main_left_n9000n.jpg) no-repeat; display:block;}
#leftarea .left_banner .left_menu_charge { width:100%; height:50px; background:url(/images/banner/main_left_menu_charge.jpg) no-repeat; display:block;}
#leftarea .left_banner .left_menu_flat { width:100%; height:50px; background:url(/images/banner/main_left_ch02.jpg) no-repeat; display:block;}
#leftarea .left_banner .left_menu_free { width:100%; height:50px; background:url(/images/banner/main_left_is01_1127.jpg) no-repeat; display:block;}
#leftarea .left_banner .left_menu_ppk { width:100%; height:50px; background:url(/images/banner/main_left_menu_ppk.jpg) no-repeat; display:block;}
#leftarea .left_banner .left_menu_ppkon { width:100%; height:50px; background:url(/images/banner/left_menu_ppkon.jpg) no-repeat; display:block;}
#leftarea .left_banner .left_menu_okcsb { width:100%; height:50px; background:url(/images/banner/main_left_ok_20201130.jpg) no-repeat; display:block;}
#leftarea .left_banner .left_menu_cardpoint { width:100%; height:50px; background:url(/images/banner/main_left_cardpoint_20201130.jpg) no-repeat; display:block;border-top:0px solid #dddddd;}
#leftarea .left_banner .left_menu_clean { width:100%; height:50px; background:url(/images/banner/main_left_n03n.jpg) no-repeat; display:block;}
#leftarea .left_banner .left_menu_survey { width:100%; height:50px; background:url(/images/banner/main_left_survey_20200421.jpg) no-repeat; display:block;}
#leftarea .left_banner .left_menu_ispay { width:100%; height:50px; background:url(/images/banner/main_left_ispay_20200512.jpg) no-repeat; display:block;}
/*회원별 충전배너 */
/*#leftarea .left_banner .left_m_untitled { width:100%; height:101px; background:url(/images/banner/main_left_chg_untitled2.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid; } */
#leftarea .left_banner .left_m_untitled { width:100%; height:101px; background:url(/images/banner/main_left_chg_normal_180401n_off.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid; }
#leftarea .left_banner .left_m_untitled_1805 { width:100%; height:101px; background:url(/images/banner/main_left_chg_normal_180501_off.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid; }
/*#leftarea .left_banner .left_m_normal { width:100%; height:101px; background:url(/images/banner/main_left_chg_normal.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid; }*/
#leftarea .left_banner .left_m_normal { width:100%; height:101px; background:url(/images/banner/main_left_chg_normal_180401n_on.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid; }
#leftarea .left_banner .left_m_normal_1805 { width:100%; height:101px; background:url(/images/banner/main_left_chg_normal_180501_on.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid; }
#leftarea .left_banner .left_m_normal_1806 { width:100%; height:101px; background:url(/images/banner/main_left_chg_normal_180601.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid; }
#leftarea .left_banner .left_m_normal_1807 { width:100%; height:101px; background:url(/images/banner/main_left_chg_normal_180701.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid; }
#leftarea .left_banner .left_m_normal_1808 { width:100%; height:101px; background:url(/images/banner/main_left_chg_normal_180801.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid; }
#leftarea .left_banner .left_m_normal_1809 { width:100%; height:101px; background:url(/images/banner/main_left_chg_normal_180901.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid; }
#leftarea .left_banner .left_m_normal_1810 { width:100%; height:101px; background:url(/images/banner/main_left_chg_normal_181001.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid; }
#leftarea .left_banner .left_m_normal_1811 { width:100%; height:101px; background:url(/images/banner/main_left_chg_normal_181101.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid; }
#leftarea .left_banner .left_m_normal_1812 { width:100%; height:101px; background:url(/images/banner/main_left_chg_normal_181201.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid; }
#leftarea .left_banner .left_m_normal_1812n { width:100%; height:101px; background:url(/images/banner/main_left_m_charge_1812.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid; }
/*#leftarea .left_banner .left_m_normal_1901 { width:100%; height:101px; background:url(/images/banner/main_left_chg_normal_181101.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid; }*/
/*#leftarea .left_banner .left_m_normal_1901 { width:100%; height:101px; background:url(/images/banner/main_left_chg_normal_190503.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid; }*/
#leftarea .left_banner .left_m_normal_1901 { width:100%; height:101px; background:url(/images/banner/main_left_chg_normal_190715.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid; }
#leftarea .left_banner .left_m_normal_1903 { width:100%; height:101px; background:url(/images/banner/main_left_chg_normal_181101.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid; }
#leftarea .left_banner .left_m_normal_1906 { width:100%; height:101px; background:url(/images/banner/main_left_chg_normal_190620.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid; }
#leftarea .left_banner .left_m_normal_1909 { width:100%; height:101px; background:url(/images/banner/main_left_chg_normal_190918.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid; }
#leftarea .left_banner .left_m_normal_2004 { width:100%; height:101px; background:url(/images/banner/charge/banner_left_first_20200219.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid; }
#leftarea .left_banner .left_m_normal_default { width:100%; height:101px; background:url(/images/banner/charge/banner_left_normal_20200421.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid; }
/* 회원별 충전배너 리뉴얼 @toptoon_20210609 */
#leftarea .left_banner .left_default { width:100%; height:101px; border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid;}
#leftarea .left_banner .left_first { width:100%; height:101px; border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid;}
#leftarea .left_banner .left_normal { width:100%; height:101px; border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid;}
#leftarea .left_banner .left_first_new { width:100%; height:101px; border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid;}
#leftarea .left_banner .left_normal_new { width:100%; height:101px; border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid;}
/*회원별 이벤트용 좌배너 */
#leftarea .left_banner .left_m_evt1902 { width:100%; height:101px; background:url(/images/banner/main_left_m_charge_1902is.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid; }
#leftarea .left_banner .left_m_evt1906 { width:100%; height:101px; background:url(/images/banner/main_left_chg_normal_190620.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid; }
#leftarea .left_banner .left_m_first { width:100%; height:101px; background:url(/images/banner/main_left_chg_first.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid;}
#leftarea .left_banner .left_m_first_1806 { width:100%; height:101px; background:url(/images/banner/main_left_chg_first_180601.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid;}
#leftarea .left_banner .left_m_first_1807 { width:100%; height:101px; background:url(/images/banner/main_left_chg_first_180601.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid;}
#leftarea .left_banner .left_m_first_1808 { width:100%; height:101px; background:url(/images/banner/main_left_chg_first_180601.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid;}
#leftarea .left_banner .left_m_first_1809 { width:100%; height:101px; background:url(/images/banner/main_left_chg_first_180601.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid;}
#leftarea .left_banner .left_m_first_1810 { width:100%; height:101px; background:url(/images/banner/main_left_chg_first_180601.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid;}
#leftarea .left_banner .left_m_first_1811 { width:100%; height:101px; background:url(/images/banner/main_left_chg_first_180601.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid;}
#leftarea .left_banner .left_m_first_1812 { width:100%; height:101px; background:url(/images/banner/main_left_chg_first_180601.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid;}
#leftarea .left_banner .left_m_first_1901 { width:100%; height:101px; background:url(/images/banner/main_left_chg_first_190315.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid;}
#leftarea .left_banner .left_m_first_1903 { width:100%; height:101px; background:url(/images/banner/main_left_chg_first_180601.gif) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid;}
#leftarea .left_banner .left_m_first_1909 { width:100%; height:101px; background:url(/images/banner/main_left_chg_first_190918.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid;}
#leftarea .left_banner .left_m_first_default { width:100%; height:101px; background:url(/images/banner/charge/banner_left_first_20200421.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; border-top:#dddddd 1px solid;}
#leftarea .left_banner .left_m_flat { width:100%; height:50px; background:url(/images/banner/main_left_flatn_20200703.jpg) no-repeat; display:block; /*border-bottom:#dddddd 0px solid;*/ }
#leftarea .left_banner .left_m_charge { width:100%; height:101px; background:url(/images/banner/main_left_ch01.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; }
#leftarea .left_banner .left_m_sleep { width:100%; height:101px; background:url(/images/banner/main_left_m_sleep_201711.jpg) no-repeat; display:block;border-bottom:#dddddd 1px solid; }
#leftarea .left_banner .left_menu_adt { width:100%; height:57px; background:url(/images/banner/main_left_is04_1122.jpg) no-repeat; background-position:center; display:block; }
/* #leftarea .left_banner .left_menu_bot { width:100%; height:50px; background:url(/images/banner/banner_main_left_botn.jpg) no-repeat; background-position:center; display:block; border-bottom:#dddddd 1px solid; } */
#leftarea .left_banner .left_menu_bot { width:100%; height:auto; display:block; border-bottom:#dddddd 1px solid; text-align:left; padding:5px; box-sizing:border-box; color:#969696; font-size:11px; letter-spacing:-1px; line-height:14px; cursor:pointer; }
#leftarea .left_banner .left_menu_bot > span.fontRed { font-weight:none; color:#bd6466; }
#leftarea .left_botline {border-bottom:#dddddd 1px solid;}
#leftarea .left_topline {border-top:#dddddd 1px solid;}
#leftarea .left_Tbanner {width:201px; height:auto; height:77px; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:1px solid #dddddd;background:#ffffff; display:inline-table; }
#leftarea .left_Tbanner li {list-style:none; float:left;cursor:pointer;}
#leftarea .left_Tbanner li:hover{ background-position:1px 1px }
#leftarea .left_Tbanner .left_tb01 { width:99px; height:77px; background:url(/images/banner/main_left_ch_t1_n.jpg) no-repeat; background-position:center; display:block; border-right:1px #e2e2e2 solid; }
#leftarea .left_Tbanner .left_tb02 { width:99px; height:77px; background:url(/images/banner/main_left_ch_t2_n.jpg) no-repeat; background-position:center; display:block; }
#leftarea .left_Tbanner .left_tb03 { width:66px; height:77px; background:url(/images/banner/main_left_ch_t3.jpg) no-repeat; background-position:center; display:block; }
/* #leftarea .left_banner_join {width:201px; height:236px; background:url(/images/banner/left_banner_joinb.jpg) no-repeat; background-position:center; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:1px solid #dddddd; } */
#leftarea .left_banner_join {width:201px; height:236px; background:url(/images/banner/banner_join_left_20250620.jpg) no-repeat; background-position:center; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:1px solid #dddddd; }
#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 { padding: 5px 0; clear:both; width:100%; height:180px; background:url(/images/banner/main_left_cs_20200625.jpg) 0px 0px no-repeat; }
#leftarea .cs_center li {list-style:none; float:left; background-color:#C33; margin-top:135px; 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:180px; background:url(/images/banner/main_left_cs_20200625.jpg) 0px 0px no-repeat; }
#leftarea .cs_center_hu li {list-style:none; float:left; background-color:#C33; margin-top:135px; 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; width:201px; 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;}
/*카테고리 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/banner/banner_main_rig_is01.jpg) no-repeat; border-bottom:#ddd 1px solid; cursor:pointer}
.hom_rig_banner2 { width:195px; height:70px; background:url(../images/banner/banner_main_rig_is02.jpg) no-repeat; border-bottom:#ddd 1px solid; cursor:pointer}
.hom_rig_banner3 { width:195px; height:70px; background:url(../images/banner/banner_main_rig_is03.jpg) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer; display: none;} /* 2020.07.01 판매자 이벤트 제거 */
.hom_rig_banner4 { width:195px; height:70px; background:url(../images/banner/banner_main_rig_is36.gif) no-repeat; border-bottom:#ddd 1px solid; cursor:pointer}
.hom_rig_banner5 { width:195px; height:70px; background:url(../images/banner/banner_main_rig_is05.jpg) 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_is31.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner32 { width:195px; height:70px; background:url(../images/main/banner_main_rig_is32.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner33 { width:195px; height:70px; background:url(../images/main/banner_main_rig_is33.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner34 { width:195px; height:70px; background:url(../images/main/banner_main_rig_is34.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner35 { width:195px; height:70px; background:url(../images/main/banner_main_rig_is35.gif) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner36 { width:195px; height:70px; background:url(../images/main/main_right_jtbc_20200709.jpg) no-repeat; border-bottom:#eeeeee 1px solid; cursor:pointer}
.hom_rig_banner37 { width:195px; height:70px; background:url(../images/main/banner_main_rig_point_20201130.jpg) no-repeat; border-bottom:#ddd 1px solid; cursor:pointer}
/* 신규 다운로드 베스트 */
#centerarea .down_ctn { width:600px; height:200px; margin:0 auto; position:relative ; margin-top:20px;}
.down_ctn .down_ctn_tit_mov { width:100%; height:30px; line-height:30px;background:url(/images/main/title_movie.jpg) no-repeat; background-position:left; border-bottom:1px #CCC solid; position:relative}
.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:13px; 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:#2266c5 2px solid; color:#2266c5}
.down_ctn .down_ctn_tit_mov .down_ctn_rig li.down_on { border-bottom:#2266c5 2px solid; color:#2266c5}
.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 .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:13px; 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:#2266c5 2px solid; color:#2266c5}
.down_ctn .down_ctn_tit_tv .tv_ctn_rig li.down_on { border-bottom:#2266c5 2px solid; color:#2266c5}
.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:116px; height:25px; margin-top:131px; 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;}
/*################################### 추가 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;}
.banner_mid {width:608px;height:44px; margin: 0 auto; cursor:pointer; margin-top:7px;}
/* 고객센터 FAQ 게시판 상단 */
.faq_tit { display:inline-block; width:805px; margin-bottom:5px; line-height:30px; font-size:16px; font-weight:bold; text-align:left; }
.faq_top { display:inline-block; width:805px; height:auto; margin:0 auto; text-align:left; /*background:url(/images/img/tom_faq_bg.gif) no-repeat #ffffff;*/ }
.faq_top_inner { display:inline-block; width:100%; height:auto; }
.faq_tab { position:relative; float:left; display:inline-block; width:100%; height:30px; /*border-bottom:1px solid #414141;*/ }
.faq_tab ul { position:absolute; top:1px; display:inline-block; }
.faq_tab li { float:left; display:inline-block; width:100px; padding:5px 0; background:#7e87ac; border:1px solid #6974a2; border-bottom:1px solid #414141; color:#ffffff; text-align:center; cursor:pointer; }
.faq_tab li:hover { background:#ffffff; color:#000000; border-bottom:1px solid #ffffff;}
.faq_tab .on { float:left; display:inline-block; width:100px; padding:5px 0; background:#ffffff; border:1px solid #6974a2; border-bottom:1px solid #ffffff; color:#000000; text-align:center; cursor:pointer; }
/*
.faq_tab li.tab_li_01 { position:relative; }
.faq_tab li.tab_li_02 { position:absolute; left:100px; }
.faq_tab li.tab_li_03 { position:absolute; left:199px; }
.faq_tab li.tab_li_04 { position:absolute; left:298px; }
.faq_tab li.tab_li_05 { position:absolute; left:397px; }
.faq_tab li.tab_li_06 { position:absolute; left:496px; }
*/
.admin_btn_w { float:right; padding:2px 30px;display:block; background-color:#666666; color:#ffffff; margin:5px; cursor:pointer; }
.fsearch_box_wrap { display:inline-block; width:805px; margin:0 auto; margin-bottom:20px; padding:15px; border:1px solid #cccccc; box-sizing:border-box; }
.fsearch_box { display:inline-block; width:100%; /*border:1px solid #cbd0e0; box-sizing:border-box;*/ }
.fsearch_box_inner { display:inline-block; width:100%; text-align:center; }
.fsearch_box_inner_1 { display:inline-block; width:100%; margin-bottom:15px; padding:20px 0; background:#e6e9f4; }
.fsearch_tit { display:inline-block; margin-right:5px; font-size:16px; font-weight:bold; letter-spacing:-1px; }
.fsearch { display:inline-block; font-size:14px; }
.input_box { display:inline-block; width:100px; height:30px; background:#ffffff; border:1px solid #b5bbd2; box-sizing:border-box; border-radius:0.25em; color:#444;}
.input_keyword { display:inline-block; width:260px; height:30px; border:1px solid #b5bbd2; box-sizing:border-box; border-radius:0.25em; color:#444; }
.btn_fsearch { display:inline-block; height:30px; line-height:30px; padding:0 30px;background:#414141; border:none; border-radius:0.25em; font-size:14px; color:#ffffff; cursor:pointer; }
.btn_fsearch:hover { background:#429af4; }
.fsearch_box_inner_2 { display:inline-block; width:100%; }
.fsearch_box_inner_2 a { display:inline-block; height:11px; margin:0 5px; padding:9px 12px; background:#ffffff; border:1px solid #7e87ac; border-radius:0.25em; line-height:9px; font-size:14px; color:#6974a2; font-weight:bold; }
.fsearch_box_inner_2 a:hover { text-decoration:none; background-color:#429af4; border:1px solid #429af4; color:#ffffff; }
/* 서브카테고리 */
#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 돋움, Dotum; 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:35px; clear:both; }
#contents_left {height:35px;text-align:left;float:left;line-height:35px;}
#contents_right {height:35px;text-align:right;float:right;line-height:35px;}
#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:70px; height:30px;text-align:center;-webkit-border-radius: 5px 5px 0px 0px ; -moz-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px;}
#contents_left .tab-list li.new_on{ width:70px; height:30px; background-color:#ffffff; border-top:2px #ed430f solid; border-left:1px #cccccc solid; border-right:1px #cccccc solid;border-bottom:1px #ffffff solid; color:#ed430f;font-weight:bold; }
#contents_left .tab-list li.new_off{ width:70px; height:30px; background-color:#ffffff; border-top:2px #cccccc solid; border-left:1px #cccccc solid; border-right:1px #cccccc solid;border-bottom:1px #ffffff solid; color:#3c3c3c; }
#contents_left .tab-list li.new_off:hover{ width:70px; height:30px; background-color:#ffffff; border-top:2px #ed430f solid; border-left:1px #cccccc solid; border-right:1px #cccccc solid;border-bottom:1px #ffffff solid; color:#ed430f;}
#contents_left .tab-list li.best_on{ width:70px; height:30px; background-color:#ffffff; border-top:2px #ed430f solid; border-left:1px #cccccc solid; border-right:1px #cccccc solid;border-bottom:1px #ffffff solid; color:#ed430f;font-weight:bold;}
#contents_left .tab-list li.best_off{ width:70px; height:30px; background-color:#ffffff; border-top:2px #cccccc solid; border-left:1px #cccccc solid; border-right:1px #cccccc solid;border-bottom:1px #ffffff solid; color:#3c3c3c; }
#contents_left .tab-list li.best_off:hover{width:70px; height:30px; background-color:#ffffff; border-top:2px #ed430f solid; border-left:1px #cccccc solid; border-right:1px #cccccc solid;border-bottom:1px #ffffff solid; color:#ed430f;}
#contents_left .tab-list li.cmt_on{width:70px; height:30px; background-color:#ffffff; border-top:2px #ed430f solid; border-left:1px #cccccc solid; border-right:1px #cccccc solid;border-bottom:1px #ffffff solid; color:#ed430f;font-weight:bold;}
#contents_left .tab-list li.cmt_off{ width:70px; height:30px; background-color:#ffffff; border-top:2px #cccccc solid; border-left:1px #cccccc solid; border-right:1px #cccccc solid;border-bottom:1px #ffffff solid; color:#3c3c3c; }
#contents_left .tab-list li.cmt_off:hover{width:70px; height:30px; background-color:#ffffff; border-top:2px #ed430f solid; border-left:1px #cccccc solid; border-right:1px #cccccc solid;border-bottom:1px #ffffff solid; color:#ed430f;}
#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;}
#contents_right .btn_rbt_tot {margin:0 auto; height:25px; }
#contents_right .btn_rbt_tot li {list-style:none;float:left; display:inline-block; height:24px; line-height:24px; margin-left:4px;cursor:pointer}
#contents_right .btn_rbt_tot .btn_rbt_b { width:auto; background-color:#4763be; border:1px #4763be solid; color:#ffffff;font-weight:bold; font-size:12px; padding:0px 10px; text-align:center; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px; margin-top:2px;}
#contents_right .btn_rbt_tot .btn_rbt_b:hover { background-color:#3551ab; border:1px #3551ab solid; }
#contents_right .btn_rbt_tot .btn_rbt_s { width:auto; background-color:#666666; border:1px #666666 solid; color:#ffffff;font-weight:bold; font-size:12px; padding:0px 10px; text-align:center;-webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px;margin-top:2px;}
#contents_right .btn_rbt_tot .btn_rbt_s:hover { background-color:#595252; border:1px #595252 solid; }
#contents_right .btn_rbt_tot .btn_rbt_w { width:auto; background-color:#f9f9f9; border:1px #cccccc solid; color:#666666;font-weight:bold; font-size:12px; padding:0px 10px; text-align:center;-webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px;margin-top:2px;}
#contents_right .btn_rbt_tot .btn_rbt_w:hover { background-color:#f9f9f9; border:1px #cccccc solid; color:#ec0909; }
#contents_right .btn_rbt_tot li select {width:100px; height:25px; line-height:23px; margin:0 auto; background-color:#ffffff; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px; border:1px #cccccc solid; color:#000000; font-size:11px;}
/* 2024.08.08 찜한자료 4사 통합 개선 */
.list-search .list-search-wrap{display: flex; justify-content: space-between; align-items: center; gap: 4px;}
.list-search select{ width: 148px; height: 32px; border: 1px solid #E7E7E7; color: #858585; box-sizing: border-box; padding: 0px 12px; padding-right: 11px; border-radius:4px ; -webkit-border-radius:4px ; -moz-border-radius:4px ; -ms-border-radius:4px ; -o-border-radius:4px ; }
.list-search input.list-search-input{ flex: 1; height: 32px; box-sizing: border-box; padding: 0px 12px; border: 1px solid #E7E7E7; border-radius:4px ; -webkit-border-radius:4px ; -moz-border-radius:4px ; -ms-border-radius:4px ; -o-border-radius:4px ; }
.list-search input.list-search-input+input{width: 72px; height: 32px;}
.list-search #list-search-input-submit{ border-style: none; background-color: #858585; color: #fff; font-size: 14px; text-align: center !important; line-height: 1.1; font-weight: 500; cursor: pointer; border-radius:4px ; -webkit-border-radius:4px ; -moz-border-radius:4px ; -ms-border-radius:4px ; -o-border-radius:4px ; }
#contents_bar.mypage-contents-bar{display: flex; justify-content: space-between; align-items: center; height: 32px;}
#contents_bar.mypage-contents-bar>div{display: flex; justify-content: flex-start; align-items: center; gap: 4px;}
#contents_bar.mypage-contents-bar>.contents_right{justify-content: flex-end;}
#contents_bar.mypage-contents-bar>div>*{height: 32px; box-sizing: border-box;}
#contents_bar.mypage-contents-bar select, .list-search select{ appearance: none; -moz-appearance: none; -webkit-appearance: none; box-sizing: border-box; padding: 0px 12px; border: 1px solid #E7E7E7; background-color: #fff; color: #858585; border-radius:4px ; -webkit-border-radius:4px ; -moz-border-radius:4px ; -ms-border-radius:4px ; -o-border-radius:4px ; }
#contents_bar.mypage-contents-bar select::-ms-expand, .list-search select::-ms-expand{display: none;}
#contents_bar.mypage-contents-bar select, .list-search select{background: url("/images/mypage/renew/ico-dropdown.png")no-repeat right 12px center; background-size: 10px;}
#contents_bar #list-set{width: 80px;}
#contents_bar #choiceCategory1{width: 120px;}
#contents_bar #contents_right.mypage-right>*{ width: 72px; border: 1px solid #D3D3D3; background-color: #E7E7E7; font-size: 14px; line-height: 32px; font-weight: 500; text-align: center; cursor: pointer; text-decoration: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
#contents_bar #contents_right.mypage-right .btn_rbt_w{color: #858585;}
#contents_bar #contents_right.mypage-right .btn_rbt_b{color: #429AF4; border-color: #B8DAFE; background-color: #DDECFC;}
#liked-list-container{box-sizing: border-box; padding-top: 12px;}
#liked-list-container #liked-list{border-style: solid; border-collapse: collapse;}
#liked-list-container #liked-list tr{box-sizing: border-box; height: 40px;}
#liked-list-container #liked-list thead{border-top: 1px solid #959595; border-bottom: 1px solid #959595; border-right: none; border-left: none; text-align: center !important;}
#liked-list-container #liked-list thead tr>td{color: #363636 !important;}
#liked-list-container #liked-list thead tr>td:last-of-type{display: flex; justify-content: center; align-items: center;}
#liked-list-container #liked-list thead tr>td:last-of-type div{display: none;justify-content: center; align-items: center; height: 40px; font-size: 14px; border-style: none; background-color: transparent; cursor: pointer;}
#liked-list-container #liked-list thead tr>td:last-of-type div.active{display: flex;}
#liked-list-container #liked-list thead tr>td:last-of-type i.sort-up-down-icon, i.sort-up-down-icon{display: inline-block; vertical-align: middle; width: 14px; height: 14px; background: url("/images/mypage/renew/icon_sort_up_down.png")no-repeat center center; background-size: 100%; box-sizing: border-box;}
#liked-list-container #liked-list tbody>tr:first-of-type,#liked-list-container #liked-list tbody>tr+tr{border-bottom: 1px solid #E7E7E7;}
#liked-list-container #liked-list tbody>tr:last-of-type{border-bottom: none;}
#liked-list-container #liked-list tr>td:first-of-type{width: 44px;}
#liked-list-container #liked-list tr>td:not(:nth-of-type(3)){text-align: center;}
#liked-list-container #liked-list tr>td:nth-of-type(2){width: 96px; color: #858585;}
#liked-list-container #liked-list tr>td:nth-of-type(3){width: calc(100% - 420px); min-width: 425px;}
#liked-list-container #liked-list tr>td:nth-of-type(4),#liked-list-container #liked-list tr>td:nth-of-type(5),#liked-list-container #liked-list tr>td:last-of-type{width: 80px; color: #858585;}
#liked-list-container #liked-list tr>td{padding-left: 8px; font-size: 14px; line-height: 1.1; letter-spacing: -0.5px; box-sizing: border-box;}
#liked-list-container #liked-list tr>td:last-of-type{padding-right: 8px; text-align: center !important;}
/* 리스트 내 체크박스 */
#liked-list-container #liked-list tr>td:first-of-type input[type="checkbox"]{display: none; visibility: hidden;}
#liked-list-container #liked-list tr>td:first-of-type input[type="checkbox"]+label{display: block; width: 14px; height: 14px; margin: 0 auto; cursor: pointer; background: url("/images/mypage/renew/chk_default.png")no-repeat center center; background-size: 100%;}
#liked-list-container #liked-list tr>td:first-of-type input[type="checkbox"]:checked+label{background: url("/images/mypage/renew/chk_active.png")no-repeat center center; background-size: 100%;}
/* 리스트 내 타이틀 */
#liked-list-container #liked-list tr>td:nth-of-type(3)>a{display: flex; align-items: center; width: 100%; gap: 3px; text-decoration: none; color: #363636;}
#liked-list-container #liked-list tr>td:nth-of-type(3)>a>span{display: inline-block; vertical-align: middle; width: 100%; }
#liked-list-container #liked-list tr>td:nth-of-type(3)>a:hover>span{color: #429af4;}
#liked-list-container #liked-list tr>td:nth-of-type(3)>a>i+span{width: calc(100% - 28px); }
#liked-list-container #liked-list tr>td:nth-of-type(3)>a>span,#liked-list-container #liked-list tr>td:nth-of-type(4)>span{display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1;}
/* 말줄임표 처리 */
#container #centerarea .ctn_mid .sub_m_tab { clear:both; width:100%; height:31px; margin:0 auto; margin-bottom:5px;}
#container #centerarea .ctn_mid .sub_m_tab .sub_m_tab_L {margin:0 auto; float:left}
#container #centerarea .ctn_mid .sub_m_tab .sub_m_tab_L li { list-style:none; margin-right:1px; display:block; float:left; }
.sub_m_tab_L .sub_tab_01 { float:left; width:98px; height:30px; background:url(../images/btn/ctn_tab_bg.png) no-repeat; background-position:0px -34px; cursor:pointer;}
.sub_m_tab_L .sub_tab_01:hover { width:98px; height:30px; background:url(../images/btn/ctn_tab_bg.png) no-repeat; background-position:0px 0px;}
.sub_m_tab_L .sub_tab_01.ston1 { width:98px; height:30px; background:url(../images/btn/ctn_tab_bg.png) no-repeat; background-position:0px 0px;}
.sub_m_tab_L .sub_tab_02 { float:left; width:98px; height:30px; background:url(../images/btn/ctn_tab_bg.png) no-repeat; background-position:-100px -34px; cursor:pointer;}
.sub_m_tab_L .sub_tab_02:hover { width:98px; height:30px; background:url(../images/btn/ctn_tab_bg.png) no-repeat; background-position:-100px 0px;}
.sub_m_tab_L .sub_tab_02.ston2 { width:98px; height:30px; background:url(../images/btn/ctn_tab_bg.png) no-repeat; background-position:-100px 0px;}
.sub_m_tab_L .sub_tab_03 { float:left; width:98px; height:30px; background:url(../images/btn/ctn_tab_bg.png) no-repeat; background-position:-200px -34px; cursor:pointer;}
.sub_m_tab_L .sub_tab_03:hover { width:98px; height:30px; background:url(../images/btn/ctn_tab_bg.png) no-repeat; background-position:-200px 0px;}
.sub_m_tab_L .sub_tab_03.ston3 { width:98px; height:30px; background:url(../images/btn/ctn_tab_bg.png) no-repeat; background-position:-200px 0px;}
.sub_m_tab_L .sub_tab_04 { float:left; width:98px; height:30px; background:url(../images/btn/ctn_tab_bg.png) no-repeat; background-position:-300px -34px; cursor:pointer;}
.sub_m_tab_L .sub_tab_04:hover { width:98px; height:30px; background:url(../images/btn/ctn_tab_bg.png) no-repeat; background-position:-300px 0px;}
.sub_m_tab_L .sub_tab_04.ston4 { width:98px; height:30px; background:url(../images/btn/ctn_tab_bg.png) no-repeat; background-position:-300pxx 0px;}
.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 {width:483px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 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, 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-size:12px;font-weight:none;color:#333;}
.list_color{font-size:12px;font-weight:none;color:#333;background-color:#F9F9F9;}
.lbox_font01{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-size:12px;color:#4a4a4a;font-weight:700;padding-left:14px;}
.style02_01{font-size:12px;font-weight:700;color:#df6900;}
.style03{font-size:12px;color:#4a4a
4a;background-color:#fff;border-bottom:1px #d3d3d3 solid;text-align:center;}
.f_orange{font-size:12px;font-weight:700;color:#de6800;}
.f_blue{font-size:12px;font-weight:700;color:#116aad;}
.f_black{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, 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 !important;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-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-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-size:11px;font-weight:none;color:#333;}
.blue_bold{font-family:"Tahoma";font-size:12px;color:red;font-weight:700;}
.board_font01{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-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-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-size:12px;line-height:160%;color:#656565;background-color:#fff;border:1px solid #e4e4e4;}
.left02{font-size:12px;font-weight:700;color:#4a4a4a;border-bottom-color:#d3d3d3;border-bottom-style:solid;border-bottom-width:1px;}
.left01{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-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-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-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{color:#707070;font-size:11px;line-height:13px;}
.mem_font01{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 리녈추가 안쓰는거같아 주석처리함 20180102 재옥
#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;}
*/
/* 포인트 충전소 2018 */
.charge_ntot { width:805px; padding-bottom:40px;}
.banner_charge_normal { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_charge_180201.gif) no-repeat; /*background:url(/images/banner/banner_charge_normail_0103.gif) no-repeat;*/ }
.banner_charge_normal_0301 { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_charge_180301.gif) no-repeat; /*background:url(/images/banner/banner_charge_normail_0103.gif) no-repeat;*/ }
.banner_charge_normal_0401 { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_charge_180401n.gif) no-repeat; /*background:url(/images/banner/banner_charge_normail_0103.gif) no-repeat;*/ }
.banner_charge_normal_0416 { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_charge_180416.gif) no-repeat; }
.banner_charge_normal_0501 { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_charge_180501.gif) no-repeat; }
.banner_charge_normal_0601 { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_normal_180601.gif) no-repeat; }
.banner_charge_normal_1807 { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_normal_180701.gif) no-repeat; }
.banner_charge_normal_1808 { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_normal_180801.gif) no-repeat; }
.banner_charge_normal_1809 { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_normal_1809.gif) no-repeat; }
.banner_charge_normal_1810 { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_normal_181001.gif) no-repeat; }
.banner_charge_normal_1811 { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_normal_181101.gif) no-repeat; }
.banner_charge_normal_1812 { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_normal_181201.gif) no-repeat; }
/*.banner_charge_normal_1901 { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_normal_181101.gif) no-repeat; }*/
/*.banner_charge_normal_1901 { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_normal_190503.jpg) no-repeat; }*/
.banner_charge_normal_1901 { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_normal_190531.jpg) no-repeat; }
.banner_charge_normal_1903 { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_normal_181101.gif) no-repeat; }
.banner_charge_normal_1909 { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_normal_190918.jpg) no-repeat; }
.banner_charge_normal_default { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_default_191104.jpg) no-repeat; }
.banner_charge_normal_jeju1906 { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_charge1606_new.jpg) no-repeat; }
.banner_charge_first { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_charge_first_180201.gif) no-repeat; /*background:url(/images/banner/banner_charge_first_0103.gif) no-repeat;*/ }
.banner_charge_first_0601 { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_first_180601.gif) no-repeat; /*background:url(/images/banner/banner_charge_first_0103.gif) no-repeat;*/ }
.banner_charge_first_1807 { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_first_180601.gif) no-repeat; /*background:url(/images/banner/banner_charge_first_0103.gif) no-repeat;*/ }
.banner_charge_first_1808 { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_first_180601.gif) no-repeat; /*background:url(/images/banner/banner_charge_first_0103.gif) no-repeat;*/ }
.banner_charge_first_1809 { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_first_180601.gif) no-repeat; /*background:url(/images/banner/banner_charge_first_0103.gif) no-repeat;*/ }
.banner_charge_first_1810 { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_first_180601.gif) no-repeat; /*background:url(/images/banner/banner_charge_first_0103.gif) no-repeat;*/ }
.banner_charge_first_1811 { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_first_180601.gif) no-repeat; /*background:url(/images/banner/banner_charge_first_0103.gif) no-repeat;*/ }
.banner_charge_first_1812 { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_first_180601.gif) no-repeat; /*background:url(/images/banner/banner_charge_first_0103.gif) no-repeat;*/ }
.banner_charge_first_1901 { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_first_190402.jpg) no-repeat; /*background:url(/images/banner/banner_first_190402.jpg) no-repeat;*/ /*background:url(/images/banner/banner_charge_first_0103.gif) no-repeat;*/ }
.banner_charge_first_1903 { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_first_180601.gif) no-repeat; /*background:url(/images/banner/banner_charge_first_0103.gif) no-repeat;*/ }
.banner_charge_first_1909 { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_first_190918.jpg) no-repeat; }
.banner_charge_first_default { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_first_191107.jpg) no-repeat; }
.banner_charge_normal_evt { width:100%; height:188px; margin:0 auto; background:url(/images/banner/banner_charge_normal_evt_01.gif) no-repeat; position:relative; /*background:url(/images/banner/banner_charge_first_0103.gif) no-repeat;*/ }
.banner_charge_normal_evt .day_bx { width:240px; height:30px; line-height:30px; background-color:#000000; color:#ffffff; font-size:16px; border-radius:7px; -webkit-border-radius:7px;-moz-border-radius:7px; border:#fc7e71 1px solid; position:absolute; bottom:10px; right:15px; }
.banner_charge_normal_tit { width:100%; height:29px; margin:0 auto; background:url(/images/banner/banner_charge_normal_evt_tit.jpg) 25px 0px no-repeat; position:relative; margin-bottom:5px; }
.banner_charge_normal_tit_0301 { width:100%; height:29px; margin:0 auto; background:url(/images/banner/banner_charge_normal_evt_tit_1803.jpg) 25px 0px no-repeat; position:relative; margin-bottom:5px; }
.banner_charge_normal_tit_0401 { width:100%; height:29px; margin:0 auto; background:url(/images/banner/banner_charge_normal_evt_tit_1804nnn.jpg) 25px 0px no-repeat; position:relative; margin-bottom:5px; }
.banner_charge_normal_tit_0501 { width:100%; height:29px; margin:0 auto; background:url(/images/banner/banner_charge_normal_evt_tit_1805.jpg) 25px 0px no-repeat; position:relative; margin-bottom:5px; }
.banner_charge_normal_tit_0601 { width:100%; height:29px; margin:0 auto; background:url(/images/banner/banner_charge_normal_evt_tit_1806.gif) 25px 0px no-repeat; position:relative; margin-top:30px;}
.banner_charge_normal_tit_1807 { width:100%; height:29px; margin:0 auto; background:url(/images/banner/banner_charge_normal_evt_tit_1807.gif) 25px 0px no-repeat; position:relative; margin-top:30px;}
.banner_charge_normal_tit_1808 { width:100%; height:29px; margin:0 auto; background:url(/images/banner/banner_charge_normal_evt_tit_1808.gif) 25px 0px no-repeat; position:relative; margin-top:30px;}
.banner_charge_normal_tit_1809 { width:100%; height:29px; margin:0 auto; background:url(/images/banner/banner_charge_normal_evt_tit_1809.gif) 25px 0px no-repeat; position:relative; margin-top:30px;}
.banner_charge_normal_tit_1810 { width:100%; height:29px; margin:0 auto; background:url(/images/banner/banner_charge_normal_evt_tit_1810.gif) 25px 0px no-repeat; position:relative; margin-top:30px;}
.banner_charge_normal_tit_1811 { width:100%; height:29px; margin:0 auto; background:url(/images/banner/banner_charge_normal_evt_tit_1810.gif) 25px 0px no-repeat; position:relative; margin-top:30px;}
.banner_charge_normal_tit_1812 { width:100%; height:29px; margin:0 auto; background:url(/images/banner/banner_charge_normal_evt_tit_1810.gif) 25px 0px no-repeat; position:relative; margin-top:30px;}
.banner_charge_normal_tit_1901 { width:100%; height:29px; margin:0 auto; background:url(/images/banner/banner_charge_normal_evt_tit_1810.gif) 25px 0px no-repeat; position:relative; margin-top:30px;}
.banner_charge_normal_tit_1903 { width:100%; height:29px; margin:0 auto; background:url(/images/banner/banner_charge_normal_evt_tit_1810.gif) 25px 0px no-repeat; position:relative; margin-top:30px;}
.banner_charge_normal_tit_1909 { width:100%; height:29px; margin:0 auto; background:url(/images/banner/banner_charge_normal_evt_tit_190918.gif) 25px 0px no-repeat; position:relative; margin-top:30px;}
.banner_charge_normal_tit_default { width:100%; height:29px; margin:0 auto; background:url(/images/banner/banner_charge_first_evt_tit_default.gif) 25px 0px no-repeat; position:relative; margin-top:30px;}
.banner_charge_first_tit_0601 { width:100%; height:29px; margin:0 auto; background:url(/images/banner/banner_charge_first_evt_tit_1806.gif) 25px 0px no-repeat; position:relative; margin-top:30px;}
.banner_charge_first_tit_1807 { width:100%; height:29px; margin:0 auto; background:url(/images/banner/banner_charge_first_evt_tit_1807.gif) 25px 0px no-repeat; position:relative; margin-top:30px;}
.banner_charge_first_tit_1808 { width:100%; height:29px; margin:0 auto; background:url(/images/banner/banner_charge_first_evt_tit_1808.gif) 25px 0px no-repeat; position:relative; margin-top:30px;}
.banner_charge_first_tit_1809 { width:100%; height:29px; margin:0 auto; background:url(/images/banner/banner_charge_first_evt_tit_1809.gif ) 25px 0px no-repeat; position:relative; margin-top:30px;}
.banner_charge_first_tit_1810 { width:100%; height:29px; margin:0 auto; background:url(/images/banner/banner_charge_first_evt_tit_1810.gif ) 25px 0px no-repeat; position:relative; margin-top:30px;}
.banner_charge_first_tit_1811 { width:100%; height:29px; margin:0 auto; background:url(/images/banner/banner_charge_first_evt_tit_1810.gif ) 25px 0px no-repeat; position:relative; margin-top:30px;}
.banner_charge_first_tit_1812 { width:100%; height:29px; margin:0 auto; background:url(/images/banner/banner_charge_first_evt_tit_1810.gif ) 25px 0px no-repeat; position:relative; margin-top:30px;}
.banner_charge_first_tit_1901 { width:100%; height:29px; margin:0 auto; background:url(/images/banner/banner_charge_first_evt_tit_1810.gif ) 25px 0px no-repeat; position:relative; margin-top:30px;}
.banner_charge_first_tit_1903 { width:100%; height:29px; margin:0 auto; background:url(/images/banner/banner_charge_first_evt_tit_1810.gif ) 25px 0px no-repeat; position:relative; margin-top:30px;}
.banner_charge_first_tit_1909 { width:100%; height:29px; margin:0 auto; background:url(/images/banner/banner_charge_first_evt_tit_190918.gif ) 25px 0px no-repeat; position:relative; margin-top:30px;}
.banner_charge_first_tit_default { width:100%; height:29px; margin:0 auto; background:url(/images/banner/banner_charge_first_evt_tit_default.gif ) 25px 0px no-repeat; position:relative; margin-top:30px;}
.charge_title { width:750px; height:35px; line-height:35px; margin:0 auto; text-align:left; color:#000000;font-size:16px; margin-top:20px; letter-spacing:-1px; }
/* 포인트 충전소 특가충전폼 */
.charge_ntot .charge_hot_tot { clear:both; width:100%; height:240px; margin:0 auto; background-color:#f6f0f3;padding-top:20px; margin-bottom:25px; }
.charge_ntot .charge_hot_tot .charge_hotL_top { width:365px; height:auto;float:left; margin-left:20px}
.charge_ntot .charge_hot_tot .charge_hotL_top li { list-style:none; font-size:12px; letter-spacing:-1px; }
.charge_ntot .charge_hot_tot .charge_hotL_top .hotL_top1 { width:365px; height:110px; background:url(/images/charge/charge_hotL_01n.png) no-repeat; padding-top:10px;}
.charge_ntot .charge_hot_tot .charge_hotL_top .hotL_top1 li { list-style:none; text-align:right; padding-right:20px;}
.charge_ntot .charge_hot_tot .charge_hotL_top .hotL_top1 .txth1 { line-height:35px; }
.charge_ntot .charge_hot_tot .charge_hotL_top .hotL_top1 .txth2 { line-height:30px; }
.charge_ntot .charge_hot_tot .charge_hotL_top .hotL_top1 .txth3 { line-height:30px; }
.charge_ntot .charge_hot_tot .charge_hotL_top .hotL_top2 { width:365px; height:70px; line-height:50px; text-align:left; background:url(/images/charge/charge_hotL_02n.png) repeat-y; position:relative; }
.charge_ntot .charge_hot_tot .charge_hotL_top .hotL_top2 .charge_hot_line { width:90% ; height:5px ; margin:0 auto; border-bottom:#cccccc 1px solid }
.charge_ntot .charge_hot_tot .charge_hotL_top .hotL_top2 li { list-style:none; float:left; margin-top:10px; }
.charge_ntot .charge_hot_tot .charge_hotL_top .hotL_top2 .txt1 { display:block; width:80px; text-align:left; height:20px; line-height:20px; font-size:12px; color:#666; padding-left:15px; }
.charge_ntot .charge_hot_tot .charge_hotL_top .hotL_top2 .txt2 { display:block; width:80px;text-align:left; height:20px; line-height:20px; font-size:16px; color:#666; padding-left:15px; text-decoration:line-through; letter-spacing:-1px; }
.charge_ntot .charge_hot_tot .charge_hotL_top .hotL_top2 .txt3 { font-size:33px; color:#000000; letter-spacing:-1px; font-weight:bold; padding-right:20px;}
.charge_ntot .charge_hot_tot .charge_hotL_top .hotL_top2 .txt4 { width:120px; height:40px; line-height:40px; font-size:16px; text-align:center; color:#ffffff; letter-spacing:-1px; font-weight:bold; position:absolute; top:20px; right:15px; background-color:#e6207e;border-radius:5px;
-webkit-border-radius:5px;-moz-border-radius:5px;}
.charge_ntot .charge_hot_tot .charge_hotL_top .hotL_top3 { width:365px; height:10px; background:url(/images/charge/charge_hotL_03n.png) no-repeat;cursor:pointer}
.charge_ntot .charge_hot_tot .charge_hotR_top { width:365px; height:auto;float:right;margin-right:20px}
.charge_ntot .charge_hot_tot .charge_hotR_top li { list-style:none; font-size:12px; letter-spacing:-1px; }
.charge_ntot .charge_hot_tot .charge_hotR_top .hotR_top1 { width:365px; height:110px; background:url(/images/charge/charge_hotR_01n.png) no-repeat;padding-top:10px;}
.charge_ntot .charge_hot_tot .charge_hotR_top .hotR_top1 li { list-style:none; text-align:right; padding-right:20px;}
.charge_ntot .charge_hot_tot .charge_hotR_top .hotR_top1 .txth1 { line-height:35px;}
.charge_ntot .charge_hot_tot .charge_hotR_top .hotR_top1 .txth2 { line-height:30px; }
.charge_ntot .charge_hot_tot .charge_hotR_top .hotR_top1 .txth3 { line-height:30px; }
.charge_ntot .charge_hot_tot .charge_hotR_top .hotR_top2 { width:365px; height:70px; line-height:50px; text-align:left; background:url(/images/charge/charge_hotR_02n.png) repeat-y;position:relative; }
.charge_ntot .charge_hot_tot .charge_hotR_top .hotR_top2 .charge_hot_line { width:90% ; height:5px ; margin:0 auto; border-bottom:#cccccc 1px solid }
.charge_ntot .charge_hot_tot .charge_hotR_top .hotR_top2 li { list-style:none; float:left;margin-top:10px; }
.charge_ntot .charge_hot_tot .charge_hotR_top .hotR_top2 .txt1 { display:block;width:80px; text-align:left; height:20px; line-height:20px; font-size:12px; color:#666; padding-left:15px;}
.charge_ntot .charge_hot_tot .charge_hotR_top .hotR_top2 .txt2 { display:block; width:80px; text-align:left; height:20px; line-height:20px; font-size:16px; color:#666; padding-left:15px; text-decoration:line-through; letter-spacing:-1px; }
.charge_ntot .charge_hot_tot .charge_hotR_top .hotR_top2 .txt3 { font-size:33px;width:140px; color:#000000; letter-spacing:-1px; font-weight:bold; padding-right:20px;}
.charge_ntot .charge_hot_tot .charge_hotR_top .hotR_top2 .txt4 { width:120px; height:40px; line-height:40px; font-size:16px; text-align:center; color:#ffffff; letter-spacing:-1px; font-weight:bold; position:absolute; top:20px; right:15px; background-color:#3896b5;border-radius:5px;
-webkit-border-radius:5px;-moz-border-radius:5px;}
.charge_ntot .charge_hot_tot .charge_hotR_top .hotR_top3 { width:365px; height:46px; background:url(/images/charge/charge_hotR_03n.png) no-repeat;cursor:pointer}
/* dlq*/
.charge_ntot .ch_box { clear:both; width:750px; height:80px; margin:0 auto; background-color:#ffffff;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; margin-top:20px;display:block;
font-family:"맑은 고딕", "Malgun Gothic", Dotum, sans-serif;position:relative; }
.charge_ntot .ch_boxS { border:#CCC 1px solid;}
.charge_ntot .ch_boxR { border:#ed152a 2px solid;}
.charge_ntot .ch_box .icon_wonL { width:8px; height:21px; background:url(/images/icon/is_charge_L.png) no-repeat; position:absolute; top:35px; left:-1px; z-index:100}
.charge_ntot .ch_box .icon_wonR { width:8px; height:21px; background:url(/images/icon/is_charge_R.png) no-repeat; position:absolute; top:35px; right:-1px; z-index:100}
/* 포인트 충전소 2018 깃발아이콘 */
.charge_ntot .ch_box .icon_c80 { width:47px; height:55px;height:55px; background:url(/images/icon/is_charge_icon80.png) no-repeat; position:absolute; top:0px; left:53%; z-index:100}
.charge_ntot .ch_box .icon_R { width:47px; height:55px; line-height:30px; background:url(/images/icon/is_charge_icon.png) no-repeat; position:absolute; top:0px; left:53%; text-align:center; color:#FFF; font-size:12px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; z-index:100}
.charge_ntot .ch_box .icon_B { width:47px; height:55px; line-height:30px; background:url(/images/icon/is_charge_iconB.png) no-repeat; position:absolute; top:0px; left:53%; text-align:center; color:#FFF; font-size:12px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; z-index:100}
.charge_ntot .ch_box .icon_P { width:47px; height:55px; line-height:30px; background:url(/images/icon/is_charge_iconP.png) no-repeat; position:absolute; top:0px; left:53%; text-align:center; color:#FFF; font-size:12px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; z-index:100}
/* 이벤트 박스 */
.charge_ntot .ch_box_evt1 { clear:both; width:750px; height:50px;text-align:left; margin:0 auto; margin-bottom:30px; background:url(/images/banner/jeju_chbg1.png) no-repeat;
display:block;
font-family:"맑은 고딕", "Malgun Gothic", Dotum, sans-serif; position:relative;}
.charge_ntot .ch_box_evt2 { clear:both; width:750px; height:50px; text-align:left; margin:0 auto; margin-bottom:30px; background:url(/images/banner/jeju_chbg2.png) no-repeat;
display:block;
font-family:"맑은 고딕", "Malgun Gothic", Dotum, sans-serif; position:relative;}
.charge_ntot .ch_box_evt3 { clear:both; width:750px; height:50px; text-align:left; margin:0 auto; margin-bottom:30px; background:url(/images/banner/jeju_chbg3.png) no-repeat;
display:block;
font-family:"맑은 고딕", "Malgun Gothic", Dotum, sans-serif; position:relative;}
.charge_ntot .ch_box_evt4 { clear:both; width:750px; height:50px; text-align:left; margin:0 auto; margin-bottom:30px; background:url(/images/banner/jeju_chbg1.png) no-repeat;
display:block;
font-family:"맑은 고딕", "Malgun Gothic", Dotum, sans-serif; position:relative;}
/* 블루 */
.charge_ntot .ch_box .ch_box_L {width:56%; background-color:#dbe7f8; min-height:80px; float:left; -webkit-border-radius:10px 0px 0px 10px ; -moz-border-radius:10px 0px 0px 10px; border-radius:10px 0px 0px 10px; }
.charge_ntot .ch_box .ch_box_L li { list-style:none; padding-left:10px;}
/* 핑크 */
.charge_ntot .ch_box .ch_box_L2 {width:56%; background-color:#fff3f8; min-height:80px; float:left; -webkit-border-radius:10px 0px 0px 10px ; -moz-border-radius:10px 0px 0px 10px; border-radius:10px 0px 0px 10px; }
.charge_ntot .ch_box .ch_box_L2 li { list-style:none; padding-left:10px;}
/* 그레이 */
.charge_ntot .ch_box .ch_box_L3 {width:56%; background-color:#f9f9f9; min-height:80px; float:left; -webkit-border-radius:10px 0px 0px 10px ; -moz-border-radius:10px 0px 0px 10px; border-radius:10px 0px 0px 10px; }
.charge_ntot .ch_box .ch_box_L3 li { list-style:none; padding-left:30px;}
/* 충전소 가격폼 201509
.charge_ntot .ch_box .ch_box_R {width:44%; float:right; text-align:right; position:relative; }
.charge_ntot .ch_box .ch_box_R .preisL { width:200px; height:75px; line-height:75px; text-align:right }
.charge_ntot .ch_box .ch_box_R .preisL li { list-style:none; float:right; }
.charge_ntot .ch_box .ch_box_R .preisL .ch_preis1 { width:90px; min-width:90px; display:block; font-size:12px; text-decoration:line-through; color:#666; letter-spacing:-.1px; text-align:right;}
.charge_ntot .ch_box .ch_box_R .preisL .ch_preis2 { width:100px; color:#000; letter-spacing:-1px; text-align:right; display:block; }
.charge_ntot .ch_box .ch_box_R .preisL .btn_buy { width:103px; height:45px; line-height:45px; text-align:center; background-color:#414141;
-webkit-border-radius:10px ; -moz-border-radius:10px ; border-radius:10px; color:#FFF; font-size:16px; font-weight:bold; position:absolute; top:20px; right:15px; cursor:pointer}
.charge_ntot .ch_box .ch_box_R .preisL .btn_buy:hover { background-color:#e81414}
.charge_ntot .ch_box .ch_box_R .preisL .btn_buy_on {width:103px; height:45px; line-height:45px; text-align:center; background-color:#e81414;
-webkit-border-radius:10px ; -moz-border-radius:10px ; border-radius:10px; color:#FFF; font-size:16px; font-weight:bold; position:absolute; top:20px; right:15px; cursor:pointer}
.charge_ntot .ch_box .ch_box_txt1 { height:40px; line-height:40px; margin-top:10px; font-size:22px; text-align:left; letter-spacing:-.5px;}
.charge_ntot .ch_box .ch_box_txt2 { height:20px; line-height:20px; font-size:14px; text-align:left; color:#333; letter-spacing:-.5px;}
.charge_ntot .ch_noti{ clear:both; padding:20px 25px; border:1px solid #e5e5e5; overflow:hidden; margin:30px 20px; -webkit-border-radius:5px ; -moz-border-radius:5px; border-radius:5px; }
.charge_ntot .ch_noti .h2_tt{ padding-bottom:15px; border-bottom:1px solid #e5e5e5;text-align:left;}
.charge_ntot .ch_noti .con_tt{ padding-top:15px; color:#777; padding-left:10px;text-align:left}
*/
/* 충전소 가격폼 201805 */
.charge_ntot .ch_box .ch_box_R {width:44%; float:right; text-align:right; position:relative; }
.charge_ntot .ch_box .ch_box_R .preisL { width:200px; height:75px; line-height:75px; text-align:right }
.charge_ntot .ch_box .ch_box_R .preisL li { list-style:none; float:right; }
.charge_ntot .ch_box .ch_box_R .preisL .ch_preis1 { width:90px; min-width:90px; display:block; font-size:12px; text-decoration:line-through; color:#666; letter-spacing:-.1px; text-align:right;}
.charge_ntot .ch_box .ch_box_R .preisL .ch_preis2 { width:100px; color:#000; letter-spacing:-1px; text-align:right; display:block; }
.charge_ntot .ch_box .ch_box_R .preisL .btn_buy { width:103px; height:45px; line-height:45px; text-align:center; background-color:#414141;
-webkit-border-radius:10px ; -moz-border-radius:10px ; border-radius:10px; color:#FFF; font-size:16px; font-weight:bold; position:absolute; top:20px; right:15px; cursor:pointer}
.charge_ntot .ch_box .ch_box_R .preisL .btn_buy:hover { background-color:#e81414}
.charge_ntot .ch_box .ch_box_R .preisL .btn_buy_on {width:103px; height:45px; line-height:45px; text-align:center; background-color:#e81414;
-webkit-border-radius:10px ; -moz-border-radius:10px ; border-radius:10px; color:#FFF; font-size:16px; font-weight:bold; position:absolute; top:20px; right:15px; cursor:pointer}
.charge_ntot .ch_box .ch_box_txt1 { height:40px; line-height:40px; margin-top:10px; font-size:22px; text-align:left; letter-spacing:-.5px; padding-left:10px}
.charge_ntot .ch_box .ch_box_txt2 { height:20px; line-height:20px; font-size:14px; text-align:left; color:#333; letter-spacing:-.5px;}
/* 180530 추가 */
.charge_ntot .ch_box .ch_06f_01 {width:150px; height:75px; float:left ; }
.charge_ntot .ch_box .ch_06f_01 .ch_06f_B {width:120px; height:50px; line-height:50px; letter-spacing:-.5px; text-align:center; background:url(/images/charge/btn_chbg.png) repeat-x; border:1px #0e61ae solid; color:#0e61ae;
-webkit-border-radius:10px ; -moz-border-radius:10px ; border-radius:10px; font-weight:bold; position:absolute; top:15px; left:15px;}
.charge_ntot .ch_box .ch_06f_01 .ch_06f_R {width:120px;height:50px; line-height:50px; letter-spacing:-.5px; text-align:center; background:url(/images/charge/btn_chbg.png) repeat-x; border:1px #bc3a70 solid; color:#bc3a70;
-webkit-border-radius:10px ; -moz-border-radius:10px ; border-radius:10px; font-weight:bold; position:absolute; top:15px; left:15px;}
.charge_ntot .ch_box .ch_06f_02 {width:260px; line-height:20px; font-size:14px; text-align:left; color:#333; position:absolute; top: 10px; left:140px; letter-spacing:-.5px; }
.charge_ntot .ch_noti{ clear:both; padding:20px 25px; border:1px solid #e5e5e5; overflow:hidden; margin:30px 20px; -webkit-border-radius:5px ; -moz-border-radius:5px; border-radius:5px; }
.charge_ntot .ch_noti .h2_tt{ padding-bottom:15px; border-bottom:1px solid #e5e5e5;text-align:left;}
.charge_ntot .ch_noti .con_tt{ padding-top:15px; color:#777; padding-left:10px;text-align:left}
.icon_charge_cu { width:30px; height:30px; line-height:30px; background-color:#bc3a70; color:#FFF; font-size:.9em;-webkit-border-radius:100px ; -moz-border-radius:100px ; border-radius:100px;position:absolute; top:5px; left:3px;z-index:100}
.icon_charge_be { width:30px; height:30px; line-height:30px; background-color:#0e61ae; color:#FFF; font-size:.9em;-webkit-border-radius:100px ; -moz-border-radius:100px ; border-radius:100px;position:absolute; top:5px; left:3px;z-index:100}
.icon_charge_img {width:83px; height:38px; background:url(/images/icon/charge_iconimg_01.png) no-repeat; margin:0 auto; text-align:center; position:absolute; top:-16px; left:3px;z-index:100}
.icon_charge_max {width:83px; height:38px; background:url(/images/icon/charge_iconimg_02.png) no-repeat; margin:0 auto; text-align:center; position:absolute; top:-16px; left:3px;z-index:100}
.icon_charge_concert_img {width:131px; height:32px; background:url(/images/icon/charge_concert_iconimg.png) no-repeat; margin:0 auto; text-align:center; position:absolute; top:-16px; left:3px;z-index:100}
/*충전리뉴*/
.charge_ntot .chargeN_info { clear:both; padding:20px 25px; border:1px solid #e5e5e5; overflow:hidden; margin:30px 20px; -webkit-border-radius:5px ; -moz-border-radius:5px; border-radius:5px; }
.chargeN_info .chargeN_info_L { width:124px; height:40px; line-height:40px; text-align:left; background:url(/images/charge_ntit.jpg) no-repeat; background-size:124px 30px; background-position:left; float:left; }
.chargeN_info .chargeN_info_Ltxt { height:40px; line-height:40px; text-align:left; float:left; font-family:"맑은 고딕", "Malgun Gothic", Dotum, sans-serif;letter-spacing:-1px;}
.chargeN_info .chargeN_info_R { float:right; text-align:right; }
.chargeN_info .chargeN_info_R .ic_p { background-color:#000; color:#FFF; font-size:11px; text-align:center; padding:2px 5px; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; }
.chargeN_info .chargeN_info_R .ic_b { background-color:#093; color:#FFF; font-size:11px; text-align:center; padding:2px 5px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; }
.chargeN_info .chargeN_info_R .ic_sb {background-color:#F00; color:#FFF; font-size:11px; text-align:center; padding:2px 5px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; }
.chargeN_info .chargeN_info_R .ic_m {background-color:#df792e; color:#FFF; font-size:11px; text-align:center; padding:2px 5px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; }
.chargeN_info .chargeN_info_R .ic_normal {background-color:#666; color:#FFF; font-size:11px; text-align:center; padding:2px 5px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; }
.chargeN_info .chargeN_info_R .ic_s { color:#000; font-size:12px; text-align:center; line-height:15px; padding:3px;padding-left:5px;letter-spacing:-1px; }
.chargeN_info .chargeN_info_R .ic_ss { color:#666; font-size:11px; text-align:center; line-height:15px; padding:3px;padding-left:5px;letter-spacing:-1px; }
.chargeN_notice {clear:both; width:95%; margin:0 auto; border-top: 1px #ccc dotted; padding-top:20px; padding-bottom:40px;position:relative}
.chargeN_notice .chargeN_notice_s{width:100%; margin:0 auto;text-align:left; }
.chargeN_notice .chargeN_notice_s p { line-height:20px; text-align:left;color:#666; }
/* 결제페이지 상단 이동탭 공통 시작 */
.charge_tab {
display: table;
table-layout: fixed;
/*margin-bottom: 6px;*/
width: 805px;
height: 40px;
line-height: 40px;
box-sizing: border-box;
}
.charge_tab li {
font-family: '돋움','dotum';
position: relative;
display: table-cell;
vertical-align: middle;
border: 1px solid #ddd;
border-bottom: 1px solid #429af4;
border-left: none;
font-size: 14px;
font-weight: bold;
color: #5d5d5d;
letter-spacing: -0.1em;
cursor: pointer;
}
.charge_tab li:first-of-type {
border-left: 1px solid #ddd;
}
.charge_tab li.on {
border-color: #429af4;
border-left: 1px solid #429af4;
border-bottom: none;
color: #429af4;
}
.charge_tab li > img {
position: absolute;
top: 12px;
}
/* 결제페이지 상단 이동탭 공통 끝 */
/* 미투 정액제리뉴 201509*/
.me2_flat { width:805px; margin:0 auto; background:#f7f3f5; }
.me2_flat .me2_flat_01 { width:100%; height:auto; background:url(/images/charge/flat_is_01_20200703.jpg) no-repeat; margin:0 auto; text-align:center }
.me2_flat .me2_flat_01 ul {padding-top:380px;}
.me2_flat .me2_flat_01 li {width:100%; margin-bottom:20px; list-style:none; margin:0 auto; text-align:center; display:block; cursor:pointer; }
.me2_flat .me2_flat_01 .me2_m1n {width:730px; height:159px; background:url(/images/charge/flat_is_auto_20200703.jpg) no-repeat; margin-top:20px;}
.me2_flat .me2_flat_01 .me2_m2n {width:730px; height:159px; background:url(/images/charge/flat_is_auto2_20200703.jpg) no-repeat; margin-top:20px;}
.me2_flat .me2_flat_01 .me2_m3n {width:753px; height:159px; background:url(/images/charge/flat_is_auto3.jpg) 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:90%; margin:0 auto; padding: 40px 0; text-align:left; }
.me2_flat .me2_flat_03 li { width:128px; list-style:none; display:block;}
.me2_flat .me2_flat_03 p{ width:100%; display:block; line-height: 22px; font-size:12px; color:#666666;text-align:left; }
/* 메인 로그인 재작업 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,#login_warp .idpwsearch li a:visited, #login_warp .idpwsearch li 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:50px;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 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: #429AF4; background-color: #429AF4;}
.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{ display: none; 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;}
/* 2024.07.11 검색 상단바 수정 */
/* .selectlayer .pdefault {display:inline-block;width:80px; margin-top:5px;position:absolute;color:#333;font-size:11px;margin-left:12px;height:18px;} */
.selectlayer .pdefault {display:inline-block;width:80px; margin-top:7px;position:absolute;color:#333;font-size:11px;margin-left:12px;height:18px;}
/* 2024.07.10 검색바 수정 */
.sc_n td img {position:absolute; display: block; top: 15px;}
.selectlayer ul {position:absolute;left:0;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-size:11px;height:18px;list-style:none;}
/* .selectlayer ul li a {display:inline-block;height:18px;padding:0 0 0 10px; color:#666566;line-height:20px;text-decoration:none;} */
.selectlayer ul li a {display:inline-block;height:18px; font-size: 13px; padding:4px 0 0 10px; color:#666566;line-height:20px;text-decoration:none;}
.selectlayer ul li a:hover {background-color:#f4f4f4;color:#141517;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_MON{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_topbanner{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 .`{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 { width:600px;margin:0 auto; position:relative; padding-top:22px; }
.newcontents .hot_ctn_tit { width:100%; height:30px; line-height:30px; border-bottom:1px #CCC solid;position:relative;text-align:left; font-size:15px;font-weight:bold;letter-spacing:-.5px}
.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:13px; 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:#2266c5 2px solid; color:#2266c5}
.newcontents .hot_ctn_tit .hot_ctn_rig li.hot_on { border-bottom:#2266c5 2px solid; color:#2266c5}
.newcontents .hot_ctn_tit .hot_ctn_rig li.bgno { background:url(/images/main/line2.gif) 0px 60px no-repeat;}
.newcontents .nclist{width:100%}
.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:100%; margin-top:10px; clear:both;position:relative }
.newcontents .nc_list .nc_list_s {width:100%;position:relative;}
.newcontents .nc_list .nc_list_s li{ height:40px; line-height:40px; float:left; border-bottom: 1px #d9d9d9 dotted;}
.newcontents .nc_list .nc_list_s .ic_mpon_on{width:28px; height:40px; background:url(/images/icon/view_btn_mobile_on.png) no-repeat; background-position:center; }
.newcontents .nc_list .nc_list_s .ic_mpon_off {width:28px; height:40px; background:url(/images/icon/view_btn_mobile_off.png) no-repeat; background-position:center; }
.newcontents .nc_list .nc_list_s .genre3{ width:30px; font-size:13px;text-align:center; font-weight:bold;font-family:Verdana, Geneva, sans-serif;font-style:italic;letter-spacing:-1px; }
.newcontents .nc_list .nc_list_s .genre1 {width:330px; text-overflow:ellipsis; color:#333; overflow:hidden; white-space:nowrap; padding-left:5px;text-align:left;}
.newcontents .nc_list .nc_list_s .genre2 {width:140px;text-align:right; font-size: 11px; color: #8e8e8e; }
.newcontents .nc_list .nc_list_s .genre2 .nc_tdco {text-decoration:line-through; font-size:12px; color:#777777;text-align:right;display:inline-block;}
.newcontents .nc_list .nc_list_s .genre2 .nc_tdco_on {font-size:12px; color:#f54211; text-align:right; font-weight:bold; display:inline-block;}
.newcontents .nc_list .nc_list_s .genre4{ padding-right: 10px; width:56px; font-size:11px;text-align:right; color: #8e8e8e; }
/*컨텐츠리스트 할인화살표 아이콘 공통사용*/
.icon_rp {width:30px; height:9px; background:url(/images/icon/icon_rp.png) no-repeat; background-position:center ; display:inline-block; }
/* 영화&드라마리스트 레이어추가 */
#centerarea .bestcontents .sum_list li{float:left; display:inline-block; /*margin:0 5px 0 6px;*/ margin: 0 4px 0 0; text-align:center;}
#centerarea .bestcontents .sum_list li .thumb{position:relative;height:156px; width:116px;overflow:hidden;}
#centerarea .bestcontents .sum_list li .thumb > .blt_210114184543{ position:absolute; top:5px; left:5px; z-index:5; }
#centerarea .bestcontents .sum_list li .thumb .movieposter_img img{height:156px; width:116px;}
#centerarea .bestcontents .sum_list li .thumb .thumb_dsc {height:156px; width:116px;background:url(/images/moon/tvschedule/cover.png); text-align:center; position:absolute; top:-156px; left:0; display:inline-block;}
#centerarea .bestcontents .sum_list li .thumb .thumb_dsc .coverlink{display:inline-block; position:absolute; height:156px; width:116px; left:0; text-decoration:none; cursor:pointer;}
#centerarea .bestcontents .sum_list li .thumb .thumb_dsc .t_dsc_mov{position:absolute; left:13px; width:92px; margin-top:89px; text-align:center;}
#centerarea .bestcontents .sum_list li .thumb .thumb_dsc .t_dsc_dra{position:absolute; left:13px; 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 .noti_R { clear:both; height:65px;border:1px solid #ddd;overflow:hidden; position:relative;}
#rightarea .noti_R li { list-style:none; height:20px;}
#rightarea .noti_R .noti_list {clear:both; width:95%; text-align:left; margin:0 auto; height:20px;line-height:20px; font-size:11px; color:#999; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
#rightarea .rig_coupon {width:197px;height:202px; margin:0 auto; text-align:center; }
#rightarea .btn_rig_banner {width:195px; height:282px; 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 .rigm_title1 { clear:both;width:100%; background:#444444; margin:0 auto; height:30px; line-height:30px; text-align:left; font-size:12px; color:#ffffff;letter-spacing:-1px; font-weight:bold; text-indent:5px ;position:relative;}
#rightarea .rigm_title2 { clear:both;width:100%; background:#444444; margin:0 auto; height:30px; line-height:30px; margin-top:5px; text-align:left; font-size:12px; color:#ffffff;letter-spacing:-1px; font-weight:bold; text-indent:5px ; position:relative;}
#rightarea .rigm_title2 .rigm_right { height:18px; line-height:18px; background:#f9f9f9; color:#000000;font-size:11px; text-align:center; cursor:pointer ; padding:0px 5px; position:absolute; top:5px; right:5px; z-index:100;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
#rightarea .rigm_title2 .rigm_right:hover {background:#429af4; color:#FFFFFF;}
#rightarea .pt_color {color:#73c7df;}
#rightarea .rigm_title2 .btn_LR { width:25px; height:13px; position:absolute; top:8px; right:10px;}
#rightarea .rigm_title2 .btn_LR li {list-style:none;cursor:pointer ;}
#rightarea .rigm_title2 .btn_LR .btn_ml { width:13px; height:13px; float:left; background:url(/images/icon/btn_lefribg.png) no-repeat 0px -13px}
#rightarea .rigm_title2 .btn_LR .btn_ml:hover { width:13px; height:13px; float:left; background:url(/images/icon/btn_lefribg.png) no-repeat 0px 0px}
#rightarea .rigm_title2 .btn_LR .btn_mr { width:12px; height:13px; float:right; background:url(/images/icon/btn_lefribg.png) no-repeat -13px -13px}
#rightarea .rigm_title2 .btn_LR .btn_mr:hover { width:12px; height:13px; float:right; background:url(/images/icon/btn_lefribg.png) no-repeat -13px 0px}
/* #rightarea .rig_menu_bot { width:195px; height:50px; background:url(/images/main/banner_main_left_bot20201015.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:#969696; font-size:11px; letter-spacing:-1px; line-height:14px; cursor:pointer; }
#rightarea .rig_menu_bot > span.fontRed { font-weight:none; color:#bd6466; }
/* 신규추천*/
#rightarea .hotct { clear:both; width:100%; height:255px; position:relative; }
#rightarea .hotct .hotct_over { width:100%; height:auto; background:url(/images/bg_black50.png) repeat;margin:0 auto;position:absolute; bottom:0px; z-index:100;padding-top:10px; padding-bottom:20px;}
#rightarea .hotct .hotct_over li {width:90%;margin:0 auto; list-style:none; text-align:left; }
#rightarea .hotct .hotct_over .hot_tit1 { font-size:18px; color:#ffffff; text-align:left; line-height:25px;font-weight:bold; }
#rightarea .hotct .hotct_over .hot_tit2 { font-size:12px; color:#ffffff; text-align:left; line-height:16px; }
#rightarea .hotct .hotct_img img {width:100%; height:255px; }
/*우측 실시간 시작*/
#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 .h_contents_r { height:auto; border:1px solid #ddd; }
#rightarea .h_contents_r .pc_title{ height:36px; background:#f4f4f4; vertical-align:top; }
#rightarea .h_contents_r ul { margin-top:6px; margin-bottom:6px; }
#rightarea .h_contents_r li { text-align:left; height:27px; line-height:27px; }
#rightarea .h_contents_r li a { float:left; width:120px; font-size:11px; height:27px; line-height:27px; color:#656565; letter-spacing:-1px; text-decoration:none; margin-left:35px; overflow:hidden; display:block; white-space:nowrap; text-overflow: ellipsis;}
#rightarea .h_contents_r li a:hover { text-decoration:underline;}
#rightarea .h_contents_r li span { float:right; width:6px; height:28px; line-height:31px; padding-left:16px; margin-right:16px; font-size:11px; color:#8c8c8c; }
#rightarea .h_contents_r .pc_list01{background:url(/images/main/ico_list_hotnum.png) no-repeat 0 0;}
#rightarea .h_contents_r .pc_list02{background:url(/images/main/ico_list_hotnum.png) no-repeat 0 -28px;}
#rightarea .h_contents_r .pc_list03{background:url(/images/main/ico_list_hotnum.png) no-repeat 0 -56px;}
#rightarea .h_contents_r .pc_list04{background:url(/images/main/ico_list_hotnum.png) no-repeat 0 -84px;}
#rightarea .h_contents_r .pc_list05{background:url(/images/main/ico_list_hotnum.png) no-repeat 0 -112px;}
#rightarea .h_contents_r .pc_list06{background:url(/images/main/ico_list_hotnum.png) no-repeat 0 -140px;}
#rightarea .h_contents_r .pc_list07{background:url(/images/main/ico_list_hotnum.png) no-repeat 0 -168px;}
#rightarea .h_contents_r .pc_list08{background:url(/images/main/ico_list_hotnum.png) no-repeat 0 -196px;}
#rightarea .h_contents_r .pc_list09{background:url(/images/main/ico_list_hotnum.png) no-repeat 0 -224px;}
#rightarea .h_contents_r .pc_list10{background:url(/images/main/ico_list_hotnum.png) no-repeat 0 -252px;}
#rightarea .h_contents_r .hotlist_icon_up{background:url(/images/main/ico_list_hotarrow.png) no-repeat 0 0;}
#rightarea .h_contents_r .hotlist_icon_hp{background:url(/images/main/ico_list_hotarrow.png) no-repeat 0 -28px;}
#rightarea .h_contents_r .hotlist_icon_down{background:url(/images/main/ico_list_hotarrow.png) no-repeat 0 -56px;}
/* 실시간 급상승*/
#rightarea .p_contents_r { border:1px solid #e7e7e7; margin-top:5px; }
#rightarea .p_contents_r .pc_title{background:#f4f4f4; vertical-align:top;}
#rightarea .p_contents_r .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;}
#rightarea .p_contents_r .p_c_tab a{display:inline-block; 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 #ddd; }
#rightarea .news_req .pc_title{background:#f4f4f4; height:40px; vertical-align:top;}
#rightarea .news_req ul{margin:3px 0 6px 7px}
#rightarea .news_req li { width:170px; height:19px; line-height:19px; text-align:left;list-style:none; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;;}
#rightarea .news_req li a:hover{width:170px; height:25px; line-height:25px; 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;}
/* 마이페이지 리뉴얼 2022-03 */
#wrapMypage{width:805px; margin-bottom:60px; text-align:left; letter-spacing:-0.8px;}
#wrapMypage tbody .non-list {
text-align: center;
font-size: 12px;
line-height: 1.2;
color: #b0b0b0;
padding: 12px 0;
}
#wrapMypage tbody .non-list.big { height:120px; font-size:12px; }
/* 2024.08.08 찜한자료 4사 통합 개선 */
#wrapMypage .float_rig a{color:#858585;}
#wrapMypage a:hover{color:#429af4;}
#wrapMypage a:active{font-weight:bold;}
#wrapMypage a.col_blue{color:#429af4;}
#wrapMypage a.col_red{color:#ea4335;}
.info_wrap{margin-top:17px; padding:20px 0 0; height:224px; border:1px solid #e7e7e7; border-radius:20px;}
.info_wrap li.txt{float:left; padding:0 20px; width:28.22%; border-right:1px solid #e7e7e7;}
.info_wrap li.txt_last{float:left; padding:0 20px; width:28.22%;}
.info_wrap li.line{padding:20px 0; border-bottom:1px solid #e7e7e7;}
.comment{padding:20px 15px; width:764px; height:80px; border:1px solid #959595; border-bottom:none; font-family:"Malgun Gothic","맑은 고딕";}
.comment_ok_wrap{margin-left:4px; width:794px; height:38px; border-top:1px solid #e7e7e7; border-right:1px solid #959595; border-bottom:1px solid #959595; border-left:1px solid #959595;}
.comment_ok_wrap .name{padding-left:20px; line-height:39px;}
.comment_ok_wrap .ico_name{top:4px; right:0;}
.comment_ok_wrap .confirm{width:84px; border-left:1px solid #e7e7e7; line-height:38px;}
.comment_ok_wrap .confirm .btn_ok{display:block; width:100%; text-align:center; cursor:pointer;}
.comment_ok_wrap .confirm .btn_ok:hover{color:#429af4; text-decoration:none;}
/* 2024.08.08 찜한자료 4사 통합 개선 */
.mypage_bbs_tbl{width:100%; margin-top:16px; table-layout:fixed; gap: 8px;}
.mypage_bbs_tbl thead td{color: #363636; border-spacing: 8px;}
.mypage_bbs_tbl td{padding:12px 0; font-size:14px; line-height: 1.1; letter-spacing:-0.5px;}
.mypage_bbs_tbl td.head{border-top:1px solid #959595; border-bottom:1px solid #959595; text-align:center; font-weight:500;}
.mypage_bbs_tbl td.head_bg{background:#f9f9f9; border-top:1px solid #959595; border-bottom:1px solid #959595; text-align:center; font-weight:500;}
.mypage_bbs_tbl td.head_statistics{background:#f9f9f9; border:1px solid #959595; text-align:center; font-weight:500;}
/* 2024.08.08 찜한자료 4사 통합 개선 */
.mypage_bbs_tbl td.con{border-bottom:1px solid #e7e7e7; text-align:center; color:#858585; letter-spacing:-0.8px; font-weight: 500;}
.mypage_bbs_tbl td.conlm {padding-left:25px;}
.mypage_bbs_tbl td.con > a.col_85 { color:#858585; }
.mypage_bbs_tbl td.con_statistics_total{padding:22px 0; border:1px solid #e7e7e7; border-top:none; text-align:center; color:#858585; letter-spacing:-0.8px; line-height:21px;}
.mypage_bbs_tbl td.con_str{border-bottom:1px solid #e7e7e7; color:#363636; text-align:left; font-weight:500;}
.mypage_bbs_tbl td.con_left { border-bottom:1px solid #e7e7e7; text-align:left; }
.mypage_bbs_tbl td > a { display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mypage_bbs_tbl td.a_w80 > a { max-width:80%; }
.mypage_bbs_tbl td.con_statistics{border-bottom:1px solid #e7e7e7; text-align:center; color:#333; letter-spacing:-0.4px;}
.mypage_bbs_tbl td.con_statistics_str{border-bottom:1px solid #e7e7e7; text-align:center; color:#333; font-weight:bold; letter-spacing:-0.4px;}
.mypage_bbs_tbl td.con_qna_first{border-top:1px solid #959595;}
.mypage_bbs_tbl tr.faq-q td.con{text-align: center;}
.mypage_bbs_tbl .con_qna_reply{padding:10px 40px 30px 40px; background:#f9f9f9; color:#777; line-height:24px;}
.mypage_bbs_tbl .con_qna_reply p{clear:both;}
/* 2024.08.21 찜한 자료 4사 통합개선 */
.mypage_bbs_tbl td.con_str>a{max-width: 100%; width: 100%; display: flex; justify-content: flex-start; align-items: center; gap: 4px;}
.mypage_bbs_tbl td.con_str>a>i{display: inline-block; vertical-align: middle; width: 24px; min-width: 24px; height: 16px;}
.mypage_bbs_tbl td.con_str>a>i.tag-pc{background: url("/images/mypage/renew/tag-pc.png")no-repeat center center; background-size: 100%;}
.mypage_bbs_tbl td.con_str>a>i.tag-mo{background: url("/images/mypage/renew/tag-mo.png")no-repeat center center; background-size: 100%;}
.mypage_bbs_tbl td.con_str>a>span{width: 100%; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; white-space: pre-wrap;}
.mypage_bbs_tbl td.con_str>a:hover>span{color: #429af4;}
.mypage_bbs_tbl td.con_str>a>i+span{width: calc(100% - 28px);}
.mypage_bbs_tbl td > a >*{display: inline-block; vertical-align: middle; text-decoration: none; color: #363636;}
.mypage_bbs_tbl td > a:hover >*{text-decoration: none;}
.mypage_bbs_tbl td > a >i.tag-pc, i.tag-pc{display: inline-block; vertical-align: middle; background: url("/images/mypage/renew/tag-pc.png")no-repeat center center; background-size: 100%; width: 24px; height: 16px; border-radius:3px ; -webkit-border-radius:3px ; -moz-border-radius:3px ; -ms-border-radius:3px ; -o-border-radius:3px ;}
.mypage_bbs_tbl td > a >i.tag-mo, i.tag-mo{display: inline-block; vertical-align: middle; background: url("/images/mypage/renew/tag-mo.png")no-repeat center center; background-size: 100%; width: 24px; height: 16px; border-radius:3px ; -webkit-border-radius:3px ; -moz-border-radius:3px ; -ms-border-radius:3px ; -o-border-radius:3px ;}
/* .mypage_bbs_tbl td > a >i+span{text-indent: 24.5px;} */
.mypage_bbs_tbl .btn_qna{background-color:#fff; border:1px solid #959595; color:#333; font-size:12px; font-weight:bold; letter-spacing:-0.6px; cursor:pointer;}
.mypage_bbs_tbl .btn_qna:hover{border:1px solid #429af4; color:#429af4; text-decoration:none;}
.mypage_bbs_tbl .btn_fileistalk{display:inline-block;padding:5px 18px; border-radius:40px;}
.mypage_bbs_tbl > tbody > tr:hover { background-color:#f9f9f9; }
.mypage_bbs_tbl > tbody > tr:hover td.non-list { background-color:#FFF; }
.space_cheak{top:3px; right:29px;}
.space_paid{padding:0 5px;}
.ico_seller{padding-right:3px;vertical-align: middle;}
.ico_cheak{top:50%; transform:translateY(-50%); margin:3px 0 0 8px;}
textarea::placeholder{color:#b0b0b0;}
.col_blue{color:#429af4;}
.col_red{color:#ea4335;}
.col_b0{color:#b0b0b0;}
.col_77{color:#777;}
.col_85{color:#858585;}
.col_95{color:#959595;}
.col_33{color:#333;}
.font_11{font-size:11px;}
.font_12{font-size:12px;}
.font_13{font-size:13px;}
.font_14{font-size:14px;}
.font_15{font-size:15px;}
.font_16{font-size:16px;}
.font_18{font-size:18px;}
.font_20{font-size:20px;}
.str{font-weight:bold;}
.let_spc_0{letter-spacing:0;}
.let_spc_1{letter-spacing:-1px;}
.mar_t1{margin-top:1px;}
.mar_t14{margin-top:14px;}
.mar_t10{margin-top:10px;}
.mar_t20{margin-top:20px;}
.mar_t30{margin-top:30px;}
.mar_t40{margin-top:40px;}
.mar_t50{margin-top:50px;}
.mar_tb10{margin:10px 0;}
.pad_l2{padding-left:2px;}
.pad_l8{padding-left:8px;}
.pad_l16{padding-left:16px;}
.pad_r4{padding-right:4px;}
.pad_b20{padding-bottom:20px;}
.position_abs{position:absolute;}
.position_rel{position:relative;}
.float_lef{float:left;}
.float_rig{float:right;}
.clear{clear:both;}
.text_lef{text-align:left;}
.text_mid{text-align:center;}
.text_rig{text-align:right;}
.ver_top{vertical-align:top;}
.ver_mid{vertical-align:middle;}
.text-under_line{text-decoration:underline;}
.box_blue{border:1px solid #429af4}
.faq_td{display:none; background:#f9f9f9; border-bottom:1px solid #e7e7e7;}
.faq_a{display:none;}
.faq_a.active{display:block;}
/* 2024.08.08 찜한자료 4사 통합 개선 */
.bt_open{display:inline-block;float:right;width:20px;height:20px;background:url("/images/mypage/renew/dropdown-new.svg") no-repeat left center;vertical-align:middle;margin-right:39px;}
.bt_open.active{ transform: scaleY(-1); -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); }
.star_point>.input,
.star_point>.input>label:hover,
.star_point>.input>input:focus+label,
.star_point>.input>input:checked+label{display: inline-block;vertical-align:middle;background:url('/images/mypage/renew/icon_star.png')no-repeat;}
.star_point{display:inline-block; white-space:nowrap;width:100px;height:14px;padding:0px;}
.star_point>.input{display:inline-block;width:79px;background-size:79px;height:14px;white-space:nowrap;overflow:hidden;position:relative; margin-top:-7px;}
.star_point>.input>input{position:absolute;width:1px;height:1px;opacity:0;}
.star_point>.input>label{width:15px;height:0;padding:14px 0 0 0;overflow: hidden;float:left;cursor: pointer;position: absolute;top: 0;left: 0;}
.star_point>.input>label:hover,
.star_point>.input>input:focus+label,
.star_point>.input>input:checked+label{background-size: 79px;background-position: 0 bottom;}
.star_point>.input>label:hover~label{background-image: none;}
/*.star_point>.input>label[for="p1"]{width:16px;z-index:5;}
.star_point>.input>label[for="p2"]{width:32px;z-index:4;}
.star_point>.input>label[for="p3"]{width:48px;z-index:3;}
.star_point>.input>label[for="p4"]{width:64px;z-index:2;}
.star_point>.input>label[for="p5"]{width:80px;z-index:1;}*/
.star_point>.input>.label1{width:16px;z-index:5;}
.star_point>.input>.label2{width:32px;z-index:4;}
.star_point>.input>.label3{width:48px;z-index:3;}
.star_point>.input>.label4{width:64px;z-index:2;}
.star_point>.input>.label5{width:80px;z-index:1;}
.btn_seller {
display: inline-block;
padding: 4px 10px;
color: #fff;
height: 25px;
line-height: 16px;
box-sizing: border-box;
background-color: #537abb;
border: 1px solid #426aae;
border-radius: 3px;
font-size: 11px;
}
.banner_mypage { width:100%; margin-top:30px; }
.banner_mypage > ul { width:100%; border-radius:8px; overflow:hidden; }
.banner_mypage > ul li { float:left; display:inline-block; width:805px; cursor:pointer; }
.banner_mypage > ul li img { display:block; }
/* 마이페이지 서브 공통 2022-09 */
#wrapBoard { width:805px; margin-bottom:60px; text-align:left; letter-spacing:-0.8px; }
#wrapBoard tbody .non-list {
text-align: center;
font-size: 11px;
color: #b0b0b0;
}
#wrapBoard tbody .non-list.big { height:120px; font-size:12px; }
#wrapBoard a:visited{color:#333;}
#wrapBoard a:hover{color:#429af4; text-decoration:underline;}
#wrapBoard a:active{font-weight:bold;}
#wrapBoard a.col_blue{color:#429af4;}
#wrapBoard a.col_red{color:#ea4335;}
/* 서브 상단 */
.mypage_header { width:100%; margin:0; }
.mypage_header > h2 { margin-bottom:17px; font-size:20px; font-weight:bold; letter-spacing:-2px; color:#363636; }
.mypage_header > ul.txt { display:flex; flex-direction:column; justify-content:center; width:100%; min-height:80px; margin:0 auto; margin-bottom:16px; padding:20px; box-sizing:border-box; border:1px solid #e7e7e7; border-radius:20px; }
.mypage_header > ul.txt li { margin-bottom:6px; font-size:12px; letter-spacing:-0.25px; color:#858585; }
.mypage_header > ul.txt li:before { content:''; display:inline-block; width:2px; height:2px; background:#b5b5b5; margin-right:10px; vertical-align:middle; }
.mypage_header > ul.txt li:last-child { margin-bottom:0; }
.mypage_header > ul.txt li.title { margin-bottom:8px; color:#363636; font-weight:bold; }
.mypage_header > ul.txt li.title:before { display:none; }
.mh_notxt {margin-bottom:30px !important}
/* 탭 스타일 */
.tab_ctgr { width:100%; margin:0 auto; overflow: hidden; }
.tab_ctgr button { position:relative; width: calc(100%/13); height:32px; float: left; border: none; outline: none; cursor: pointer; transition: all 0.2s ease; font-size: 13px; color:#363636; font-weight:bold; background:#FFF; }
.tab_ctgr button:last-child:after { display:none; }
.tab_ctgr button:hover { color:#429af4; }
.tab_ctgr button.active { font-weight:bold; color:#429af4; }
.tab_ctgr button:after { content:''; display:inline-block; position:absolute; top:11px; right:0; width:1px; height:12px; background:#e7e7e7; }
.tabcontent { display: none; }
.tabcontent a.col_85 { color:#858585; }
/* 게시판 버튼 */
button.btn_BL { min-width:80px; height:30px; border: none; outline: none; cursor:pointer; border:1px solid #419af4; background:#419af4; transition: all 0.2s ease; font-size: 12px; color:#fff; font-weight:bold; padding:0 15px; }
button.btn_BL:hover { background:#fff; border:1px solid #419af4; color:#419af4; }
button.btn_BL_line { min-width:80px; height:30px; border: none; outline: none; cursor:pointer; border:1px solid #419af4; background:#fff; transition: all 0.2s ease; font-size: 12px; color:#419af4; font-weight:bold; padding:0 15px; }
button.btn_BL_line:hover { background:#419af4; border:1px solid #419af4; color:#fff; }
button.btn_BK { min-width:80px; height:30px; border: none; outline: none; cursor:pointer; border:1px solid #333; background:#333; color:#fff; transition: all 0.2s ease; font-size: 12px; font-weight:bold; padding:0 15px; }
button.btn_BK:hover { background:#fff; border:1px solid #333; color:#333; }
button.btn_BK_line { min-width:80px; height:30px; border: none; outline: none; cursor:pointer; border:1px solid #333; background:#fff; transition: all 0.2s ease; font-size: 12px; color:#333; font-weight:bold; padding:0 15px; }
button.btn_BK_line:hover { background:#333; border:1px solid #333; color:#fff; }
button.btn_go { width:200px; height:44px; margin:0 auto; outline:none; cursor:pointer; background:#fff; border:1px solid #419af4; transition: all 0.2s ease; font-size:13px; color:#419af4; font-weight:bold; letter-spacing:-2px; }
button.btn_go:hover { color:#419af4; background-color:#eef6fe; }
button.btn_go img { padding-bottom:3px; margin-left:5px; }
/* 게시판 페이징 버튼 */
.pagenum {text-align:center; margin:20px 0}
.pagenum span {display:inline-block; width:30px; height:30px; padding-top:5px; text-align:center; border:1px solid #dcddde; font-size:12px; color:#333; vertical-align:middle; cursor:pointer; margin-right:4px; box-sizing:border-box}
.pagenum span.arrow {border:0;}
.pagenum span:hover {font-weight:bold}
.pagenum .on {border:0; background:#333; color:#fff; font-weight:bold}
/* 게시판 공통 */
.tab_brd { position:relative; display:inline-block; width:100%; height:46px; margin:0 auto; margin-bottom:5px; border-left:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; }
.tab_brd ul { position:absolute; left:-1px; bottom:-1px; }
.tab_brd ul li { float:left; display:inline-block; width:120px; line-height:45px; border:1px solid #e7e7e7; border-left:0; border-bottom:0; transition:all 0.2s ease; color:#858585; font-size:12px; text-align:center; cursor:pointer; box-sizing:border-box; }
.tab_brd ul li:hover { color:#333; font-weight:bold; }
.tab_brd ul li.on { border:1px solid #959595; border-bottom-color:#FFF; color:#333; font-weight:bold; }
.tab_brd > .float_rig { display:flex; flex-direction:row; flex-wrap:nowrap; align-items:flex-start; height:40px; }
.tab_brd > .float_rig > select { height:30px; padding:5px 9px; box-sizing:border-box; border:1px solid #333; border-radius:0; font-size:12px; letter-spacing:-0.5px; }
.brd_srch { width:100%; margin:0 auto; padding-top:20px; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; }
.brd_srch > .select_srch { height:40px; padding:5px 9px; box-sizing:border-box; border:1px solid #959595; border-right:0; border-radius:0; font-size:12px; letter-spacing:-0.5px; }
.brd_srch > .input_srch { width:400px; height:40px; padding:5px 9px; box-sizing:border-box; border:1px solid #959595; border-right:0; border-radius:0; font-size:12px; letter-spacing:-0.5px; }
.brd_srch > .btn_srch { border: none; outline: none; cursor:pointer; border:1px solid #959595; background:#fff; transition: all 0.2s ease; font-size: 12px; color:#333; font-weight:bold; height:40px; padding:0 20px; }
.ico_brd { display:inline-block; min-width:40px; padding:0px 5px; font-size:11px; text-align:center; cursor:default; vertical-align:top; }
.ico_brd.btn { cursor:pointer; }
.ico_brd.RD { border:1px solid #ea4335; background:#ea4335; color:#FFF; }
.ico_brd.RD_line { border:1px solid #ea4335; background:#FFF; color:#ea4335; }
.ico_brd.OR { border:1px solid #ff8661; background:#ff8661; color:#FFF; }
.ico_brd.OR_line { border:1px solid #ff8661; background:#FFF; color:#ff8661; }
.ico_brd.GB { border:1px solid #2597b9; background:#2597b9; color:#FFF; }
.ico_brd.BL { border:1px solid #419af4; background:#419af4; color:#FFF; }
.ico_brd.BL_line { border:1px solid #419af4; background:#FFF; color:#419af4; }
.ico_brd.G { border:1px solid #d2d2d2; background:#d2d2d2; color:#FFF; }
.ico_brd.G_line { border:1px solid #d2d2d2; background:#FFF; color:#777; }
.ico_brd.BK { border:1px solid #333; background:#333; color:#FFF; }
.ico_brd.BK.btn:hover { border:1px solid #333; background:#FFF; color:#333; }
.ico_brd.BK_line { border:1px solid #959595; background:#FFF; color:#414141; }
.ico_brd.BK_line.btn:hover { border:1px solid #414141; background:#414141; color:#FFF; }
.bar_brd { display:inline-block; width:1px; height:12px; background:#e7e7e7; margin:0 10px; }
.bar_brd.m20 { margin:0 20px; }
.btn_brd_small { display:inline-block; min-width:54px; line-height:18px; padding:0 10px; border:1px solid #d2d2d2; background:#FFF; color:#777; font-size:11px; text-align:center; cursor:pointer; }
.btn_brd_small:hover { background:#f9f9f9; }
/* 게시판 게시글 뷰, 글쓰기 */
.brd_style { width:100%; margin-top:16px; table-layout:fixed; border-top:1px solid #959595; }
.brd_style th { padding:10px 10px 10px 30px; font-size:13px; letter-spacing:-0.6px; border-bottom:1px solid #e7e7e7; color:#333; font-weight:bold; }
.brd_style th.ver_top { line-height:24px; }
.brd_style td { padding:10px; font-size:13px; letter-spacing:-0.6px; border-bottom:1px solid #e7e7e7; color:#333; letter-spacing:-0.8px; line-height:21px; }
.brd_style td img { max-width:100%; }
.brd_nobr { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:inherit; font-size:inherit; }
.brd_title { font-weight:bold; }
.brd_ctn { min-height:200px; color:inherit; font-size:inherit;}
.brd_input { height:32px; padding:3px; box-sizing:border-box; border:1px solid #dcdcdc; }
.brd_select { height:32px; padding:3px; box-sizing:border-box; border:1px solid #dcdcdc; font-size:12px; }
.brd_textarea { width:100%; max-width:100%; min-height:220px; padding:9px; box-sizing:border-box; }
ul.brd_answer li { display:inline-block; width:100%; }
ul.brd_answer li.brd_answer_top { margin-bottom:10px; }
ul.brd_answer li.brd_answer_ctn { min-height:150px; color:inherit; padding:0 0 5px 0; }
/* 게시판 댓글 */
td.brd_cmt_td { padding:0; }
.brd_cmt_textarea { padding:20px 0 20px; text-align:center; }
.brd_cmt_textarea textarea { max-width:764px; }
dl.brd_cmt_area { width:100%; margin:0 auto; }
dl.brd_cmt_area dd.brd_cmt_list { padding:15px 10px; border-bottom:1px solid #e7e7e7; }
dl.brd_cmt_area dd.brd_cmt_list:last-child { border-bottom:0; }
dl.brd_cmt_area dd.brd_cmt_list li { display:inline-block; width:100%; margin-bottom:10px; }
dl.brd_cmt_area dd.brd_cmt_list li:last-child { margin-bottom:0; }
/* 나의친구관리 */
tr.brd_modify > td { background:#f9f9f9; }
/* 나의쪽지관리 */
ul.state_box { display:flex; flex-direction:column; justify-content:center; width:100%; margin:0 auto; padding:15px; box-sizing:border-box; }
ul.state_box li { margin-bottom:6px; font-size:12px; letter-spacing:-0.25px; color:#858585; }
ul.state_box li:before { content:''; display:inline-block; width:2px; height:2px; background:#b5b5b5; margin-right:10px; vertical-align:middle; }
ul.state_box li:last-child { margin-bottom:0; }
/* 쪽지보내기 */
.layer_brd_friendList { z-index:1; width:280px; min-height:140px; padding:10px; box-sizing:border-box; border:1px solid #959595; background:#FFF; overflow:hidden; }
.layer_brd_friendList .btn_BL, .layer_brd_friendList .btn_BK { min-width:60px; }
.layer_brd_tbl { width:100%; table-layout:fixed; border-top:1px solid #e7e7e7; }
.layer_brd_tbl th { padding:10px; font-size:12px; letter-spacing:-0.6px; border-bottom:1px solid #e7e7e7; color:#333; text-align:center; font-weight:bold; background:#f9f9f9; }
.layer_brd_tbl td { padding:10px; font-size:12px; letter-spacing:-0.6px; border-bottom:1px solid #e7e7e7; color:#333; letter-spacing:-0.8px; line-height:21px; }
.brd_scrollY { height:100%; overflow:hidden; overflow-y:auto; }
.brd_checkList > label { float:left; display:inline-block; width:100%; line-height:100%; padding:6px; }
.brd_checkList > label:last-child { margin-bottom:0; }
.brd_checkList > label:hover { background:#f9f9f9; color:#429af4; cursor:pointer; }
.brd_checkList > label input[type='checkbox'] { margin-top:-2px; cursor:pointer; }
/* 회원정보확인 및 수정 */
.mypage_edit_tbl {width:100%; margin-top:16px; table-layout:fixed; border-top:1px solid #959595;}
.mypage_edit_tbl th {padding:9px 9px 9px 16px; font-size:12px; letter-spacing:-0.6px; border-bottom:1px solid #e7e7e7; color:#333; text-align:center; font-weight:bold; background:#f9f9f9}
.mypage_edit_tbl td {padding:9px; font-size:12px; letter-spacing:-0.6px; border-bottom:1px solid #e7e7e7; color:#858585; letter-spacing:-0.8px; line-height:21px;}
.mypage_edit_tbl td p {color:#858585}
.notifyTxt {display:inline-block; font-size:11px; color:#b0b0b0; padding-left:15px}
input.pwInp {border:1px solid #dcdcdc; outline:none; padding:3px; text-align:left !important; }
select.selsty {border:1px solid #dcdcdc; height:24px; outline:none}
.protection li:nth-child(1) {color:#333; font-weight:bold}
.font_bk_line {color:#333; text-decoration:underline}
.wdBox {margin-top:80px;}
ul.wdtxt li:nth-child(1) {color:#ff1e78; font-weight:bold; margin-left:12px;}
ul.wdtxt li:nth-child(1):before { content:''; display:none; }
/* 회원정보확인 및 수정 221026*/
.mem_edit {width:100%; margin:0 auto; }
.mem_basics {width:100%; min-height:60px; box-sizing:border-box; border-bottom:1px solid #e7e7e7; font-size:14px; overflow:hidden;}
.mem_basics .tit {width:25%; float:left; min-height:60px; box-sizing:border-box; padding:20px; font-size:inherit; font-weight:bold; }
.mem_basics .con {width:75%; float:left; min-height:60px; padding:20px 0; box-sizing:border-box; font-size:14px; color:#858585; }
.mem_basics .con .txtml {display:inline-block; margin-left:30px; font-size:12px;}
.mem_basics .con .protection {margin-bottom:5px; font-size:inherit; color:#858585}
.basics_mt {margin-top:5px}
.mailsel {position:absolute; top:18px; right:0; z-index:2; height:30px; padding:3px 9px; box-sizing:border-box; border:1px solid #333; border-radius:0; font-size:14px; letter-spacing:-0.5px;}
.mailsel:focus ~ .row_border { height:2px; background:#333; }
.row { position:relative; width:100%; font-size:14px; }
.row .row_border { position:absolute; left:0; bottom:0; width:100%; height:1px; background:#e7e7e7; transition:all 0.25s; }
.row label { display:inline-block; width:25%; padding:20px; box-sizing:border-box; color:#333; font-weight:bold;}
.row label.mt {margin-top:20px}
.row input.input_row { outline:0; border:0; width:75%; height:60px; font-size:inherit; }
.row input[class="input_row"]:focus ~ .row_border { height:2px; background:#333; }
.row input::placeholder {color: #858585;}
.row2 { position:relative; width:100%; font-size:14px; }
.row2 .row_border { position:absolute; left:0; bottom:0; width:100%; height:1px; background:#e7e7e7; transition:all 0.25s; }
.row2 label { display:inline-block; width:25%; padding:20px; box-sizing:border-box; color:#333; font-weight:bold;}
.row2 input.input_row { outline:0; border:0; width:75%; height:30px; font-size:inherit; }
.row2 input[class="input_row"]:focus ~ .row_border { height:2px; background:#333; }
.row2 input::placeholder {color: #858585;}
.selstxt {margin:0 0 0 25%; padding-bottom:20px; font-size:12px; color:#858585}
.selstxt input {margin:-4px 5px 0 0; }
.pt20 {padding-top:20px}
button.btn_Madult {width:100px; height:30px; border: none; outline: none; cursor:pointer; border:1px solid #ff1e78; background:#fff; color:#ff1e78; transition: all 0.2s ease; font-size: 13px; font-weight:bold; margin-left:5px; border-radius:3px}
button.btn_Madult:hover { background:#ff1e78; border:1px solid #ff1e78; color:#fff; }
button.btn_Mcancel {width:60px; height:30px; border: none; outline: none; cursor:pointer; border:1px solid #bbb; background:#fff; color:#bbb; transition: all 0.2s ease; font-size: 13px; font-weight:bold; padding:3px 5px; margin-left:5px; border-radius:3px}
button.btn_Mcancel:hover { background:#bbb; border:1px solid #bbb; color:#fff; }
.wdbtn {overflow:hidden; margin-bottom:20px;}
button.btn_withdrawal {float:left; min-width:80px; height:30px; outline: none; cursor:pointer; border:none; background:#fff; transition: all 0.2s ease; font-size: 13px; color:#bbb; font-weight:bold; padding:0 15px; margin-left:5px }
button.btn_withdrawal:hover {color:#333; }
/* The Modal (background) */
.modal {display: none; /* Hidden by default */position: fixed; /* Stay in place */ z-index: 1000; /* Sit on top */left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}
#myModal.modal{overflow:hidden}
/* Modal Content/Box */
.modal-content {background-color: #fefefe; margin: 15% auto; /* 15% from the top and centered */ padding: 30px; border: 5px solid #333; width: 500px; /* Could be more or less, depending on screen size */ }
/* The Close Button */
.closex {color: #aaa; float: right; font-size: 28px; font-weight: bold;}
.closex:hover, .closex:focus { color: black; text-decoration: none; cursor: pointer; }
/* 비밀번호 확인 */
.pwCheck {width:60%; margin:150px auto 16px auto; padding:30px; box-sizing:border-box; text-align:center;}
.pwCheck .pwtxt {font-size:16px; color:#858585; margin:0 0 40px 0}
.pwCheck .pwInput {width:400px; height:50px; font-size:16px; border:0; border-bottom:1px solid #e7e7e7; font-weight:bold; box-sizing:border-box; }
.pwCheck .pwInput:focus {border-bottom:2px solid #333;}
.pwCheck .pwInput::placeholder {color: #858585;}
.ml5 {margin-left:5px;}
/* 회원탈퇴 */
.leaveBox {padding:0 30px 30px 30px; overflow:hidden; text-align:left; }
.leaveBox .lbtxt {font-size:13px; color:#363636; margin-bottom:5px; box-sizing:border-box}
.leaveBtnBox {border-top:1px solid #e7e7e7; text-align:center; margin-top:15px; padding-top:15px;}
.leaveInp {width:100%; height:50px; font-size:16px; border:0; border-bottom:1px solid #e7e7e7; font-weight:bold; box-sizing:border-box; margin-top:30px;}
.leaveInp:focus {border-bottom:2px solid #333;}
.leaveInp::placeholder {color: #858585;}
/* 마일리지 전환 */
.conversion { width:100%; margin:40px auto 16px auto; box-sizing:border-box; border-radius:20px; overflow:hidden; border:1px solid #e7e7e7;}
.conversion li {width:50%; height:120px; float:left; box-sizing:border-box; border-bottom:1px solid #e7e7e7; padding:20px 0; font-size:16px; font-weight:bold; text-align:center; display: flex; justify-content: center; align-items: center; }
.conversion li .titbox {width:100%; height:80px; border-right:1px solid #e7e7e7; text-align:center; display: flex; justify-content: center; align-items: center; font-size:16px; font-weight:bold}
.conversion li .holdtxt {display:inline-block; margin-top:4px;}
.conversion li .minp {width:100px; height:30px; margin-right:5px; font-size:16px; font-weight:bold; border:1px solid #e7e7e7; padding-left:5px;}
button.btn_cvs { width:200px; height:44px; margin:0 auto; outline:none; cursor:pointer; background:#fff; border:1px solid #419af4; transition: all 0.2s ease; font-size:13px; color:#419af4; font-weight:bold; letter-spacing:-2px; }
button.btn_cvs:hover { color:#419af4; background-color:#eef6fe; }
button.btn_cvs img { padding-bottom:0px; margin-left:5px; }
.btnbox_cvs {margin-top:30px; text-align:center}
.refe_box {width:70%; margin:50px auto 0 auto; border-top:1px solid #e7e7e7; padding-top:30px}
.refe_box .refe_tit {font-size:12px; color:#333; font-weight:bold; margin-bottom:10px}
.refe_box .refe_txt {}
.refe_box .refe_txt li { margin-bottom:6px; font-size:12px; letter-spacing:-0.25px; color:#858585; }
.refe_box .refe_txt li:before { content:''; display:inline-block; width:2px; height:2px; background:#b5b5b5; margin-right:10px; vertical-align:middle; }
.font_pink {color:#ff1e78}
/* 마일리지 사용내역 */
.boardtop_are {overflow:hidden; padding-top:10px;}
.boardtop_are .bor_left {width:50%; float:left; display: flex; justify-content: left; align-items: left; }
.boardtop_are .bor_right {width:50%; float:left; text-align:right}
.boardtop_are .bor_right .datebox {height:30px; padding:5px 9px; box-sizing:border-box; border:1px solid #333; border-radius:0; font-size:12px; letter-spacing:-0.5px;}
.boardtop_are .bor_right .dateinp { width:140px; height:30px; border:1px solid #e7e7e7; outline:none; background:url('/images/mypage/icon_calendar.gif') no-repeat 116px 5px; padding:0 10px; box-sizing:border-box; margin-top:-3px;}
.boardtop_are .bor_right .btn_src {height:30px; border: none; outline: none; cursor:pointer; background:#333; color:#fff; font-size: 12px; font-weight:bold; padding:0 15px; }
button.btn_gray_line { min-width:50px; height:30px; border: none; cursor:pointer; border:1px solid #e7e7e7; background:#fff; color:#666; transition: all 0.2s ease; font-size: 12px; font-weight:bold; padding:0 15px; }
button.btn_gray_line:hover { border:1px solid #333; color:#333; }
.text_left {text-align:left !important}
.ba_mb {margin-bottom:15px}
/* 게시판 검색 */
.srcCon {width:230px; height:30px; display:inline-block; position:relative; }
.srcCon .searchBox { position: absolute; top: -15px; left: 0; transform: translate(0%,50%); background: #fff; height: 30px; margin-left:3px;}
.srcCon .searchBox:hover > .searchInput { width: 170px; height:30px; border:1px solid #333; padding:0 5px; box-sizing:border-box}
.srcCon .searchBox:hover > .searchButton { background: #333; color : #fff;}
.srcCon .searchButton {color: white; float: right; width: 50px; height: 30px; background: #333; color:#fff; display: flex; justify-content: center; align-items: center; transition: 0.4s;}
.srcCon .searchInput {border:none; background: none; outline:none; float:left; padding: 0; transition: 0.4s; line-height: 30px; width: 0px;}
.ml0 {margin-left:0 !important}
/* 마이페이지 */
#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-top:1px #e2e2e2 solid; border-left:1px #e2e2e2 solid; border-right:1px #e2e2e2 solid; }
.mp_infon .mp_infon_s table td { line-height:20px ; font-size:12px; padding:5px; border-bottom:1px #e2e2e2 solid; }
.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_infon .mp_infon_s .mptd_tit3 { background:#f9f9f9; text-align:center; color:#999999; border-bottom:1px #e2e2e2 solid;}
.mp_infon .mp_infon_s .btn_infoB{ background:#143766; text-align:center; color:#FFFFFF; font-size:.9em; padding:2px 5px; border-radius:3px;
-webkit-border-radius:3px;-moz-border-radius:3px; cursor:pointer; }
.mp_infon .mp_infon_s .btn_infoR{ background:#e53c2e; text-align:center; color:#FFFFFF; font-size:11px; padding:2px 5px; border-radius:3px;
-webkit-border-radius:3px;-moz-border-radius:3px;cursor:pointer; }
.mp_infon .mp_infon_s .rig_line { border-right:1px #cccccc dotted; text-align:left;}
.info_title {clear:both; width:100%; height:30px; line-height:30px; margin:0 auto; text-align:left; font-size:12px;font-weight:bold; margin-top:59px; position:relative}
.info_title .btn_more { position:absolute; top:0px; right:0px; text-align:right}
.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-image:url(/images/moon/main/renew/ico_mypagearrow.gif); background-repeat:no-repeat; padding-top:1px; text-align:left; font-size:12px; font-weight:bold; color:#363636; padding-left:15px; 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;}
.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 #e2e2e2 solid; height:30px; line-height:30px; text-align:center;}
.mypage_tablestyle tbody td{color:#919191; font-size:11px; height:30px; line-height:20px; background-image:url(/images/moon/main/renew/mpbg_dot01.gif); background-repeat:repeat-x; background-position:bottom; text-align:center;}
.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:34px; line-height:30px; margin:5px 10px 0 0; padding:0 35px; 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; }
/* 판매자용 */
.mp_sellerinfo{margin-top:5px; width:100%; height:90px;}
.mp_sellerinfo .box{width:383px; float:left;}
.mp_sellerinfo p{border-bottom:1px #ffffff solid; float:left; display:inline-block; height:30px; line-height:30px;}
.mp_sellerinfo h4{background-color:#f3f3f3; font-size:11px; color:#838383; font-weight:normal; display:inline-block; height:30px; line-height:30px; width:120px; text-align:left; padding-left:30px; font-weight:bold; float:left;}
.mp_sellerinfo .box div{font-size:11px; color:#838383; height:29px; line-height:29px; float:left; width:223px; border-bottom:1px #d5d5d5 solid;}
.margin15{margin:5px 15px 0 15px;}
.marginr9{margin-right:9px;}
.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_infon .mp_infon_s .btn_seller { display: inline-block; padding: 0 10px; color: #fff; height: 18px; line-height: 16px; box-sizing: border-box; background-color: #537abb; border: 1px solid #426aae; border-radius: 3px; font-size: 11px;}
/* 마이페이지 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}
/*이벤트 하단용 댓글*/
.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:-10px;}
/*### 페이지 공통###*/
.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;
}
#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:40px;}
/*-- 댓글수정할부분 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:570px; background:url(/images/coupon/me2_coupon_01.jpg) no-repeat; margin:0 auto; position:relative; }
.me2_coupon01 li { list-style:none }
.me2_coupon01 .input_cou1 { width:438px; height:46px; line-height:46px; text-align:center; background:#ffffff; border:none; font-size:20px; font-family:"나눔고딕", "돋움" ;font-weight:bold; color:#000000; margin:0 auto;position:absolute;top:388px;left:106px;}
.me2_coupon01 .btn_cou {width:145px;height:58px;margin:0 auto;position:absolute;top:382px;left:560px; display:block; cursor:pointer}
.me2_coupon01 .btn_cou:hover {width:145px;height:58px;margin:0 auto;position:absolute;top:382px;left:560px; display:block; cursor:pointer; border:#ffff00 3px solid; box-sizing:border-box;}
.me2_coupon02 {width:805px; height:297px; background:url(/images/coupon/is_coupon_02n_2021_220303.jpg) 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_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; font-family:"나눔고딕", "돋움" ; }
/* 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:150px; height:50px; line-height:50px; display:inline-block; text-align:center; font-size:16px; color:#FFF; font-weight:bold; background-color:#4c7ccc; border:#1d51a7 1px solid; margin:10px; }
.me2_auth_box_s .btn_auth2 { width:150px; height:50px;line-height:50px;display:inline-block; text-align:center; font-size:16px; color:#FFF; font-weight:bold; background-color:#c5c5c5; border:#999999 1px solid; margin:10px; }
.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; }
/*###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; }
/*### 텍스트 깜빡임 ###*/
.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;}
.fontBlue_n{ color:#115de9;}
.fontBlueR{ color:#2e7de4;}
.fontBlueis { color:#0090ff;}
.fontBlack{ color:#000;}
.fontGreen{ color:#378b33;}
.fontGreen2{ color:#6d8c0e;}
.fontyellow{ color:#fcff00;}
.fontyellow2{color:#fff000}
.fontOrange{ color:#F30;}
.fontGray { color:#757575}
.fontPink { color:#e4377f;}
.fontPinkn { color:#bc3a70;}
.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;}
.font25 {font-size:25px;}
.font26 {font-size:26px;}
.font28 {font-size:28px;}
.font30 {font-size:30px;}
.font32 {font-size:32px;}
.font34 {font-size:34px;}
/*### 정렬 ###*/
.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_rig3 { margin-right:3px}
.mar_rig5 { margin-right:5px}
.mar_rig7 { margin-right:7px}
.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_left3 {padding-left:3px}
.pad_left5 {padding-left:5px}
.pad_left20 {padding-left:20px}
/* 멀티브라우저 설치레이어*/
.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_n.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_n.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;}
/* 멀티브라우저 설치레이어2*/
.view_install_layer {width:650px; height:500px; margin:0 auto; position:absolute; }
.view_install_layer .view_install { clear:both; width:100%; height:auto; margin:0 auto; text-align:center; padding:0; position:relative; }
.view_install .install_s {width:100%; height:250px; margin:0 auto; position:relative; background:#ffffff; border-radius: 10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding-bottom:30px;}
.view_install .install_s .install_top { width:100%; height:50px; margin:0 auto; background:#429af4; text-align:left;
border-radius: 10px 10px 0px 0px; -webkit-border-radius:10px 10px 0px 0px; -moz-border-radius:10px 10px 0px 0px; position:absolute; top:-3px; z-index:100 }
.view_install .install_s .install_top .install_top_img { width:100%; height:50px; line-height:50px; background:url('/images/icon/icon_view_ptit.png') no-repeat ; background-position:left; margin-right:5px; margin-left:10px; float:left}
.view_install .install_s .install_top .install_top_img span { padding-left:35px;color:#ffffff ;font-weight:bold ;font-size:16px; }
.view_install .install_s .install_top .btn_installx { width:25px; height:25px;background:url('../images/btn/btn_close.png') no-repeat ; position:absolute; top:10px; right:10px; z-index:100;cursor:pointer;}
.view_install .install_s .install_txt {clear:both; width:90%; line-height:30px;color:#666666 ;font-size:16px; text-align:center; padding-top:70px; letter-spacing:-1px; }
.view_install .install_s .install_btn { width:50%; height:40px; line-height:40px;margin:0 auto; background-color:#de323e;font-size:18px;text-align:center; cursor:pointer; border-radius: 10px; color:#ffffff; margin-top:15px; -webkit-border-radius:10px; -moz-border-radius:10px;}
/*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}
/*6900원 정액제 레이어 */
.flat30d_layer {width:100%; height:200px; margin:0 auto; padding: 0px; text-align: center; position:absolute; z-index:10000; }
.flat30d_layer .flat30d_layer_s { width:565px; height:576px; margin:0 auto; position:relative; top:200px;}
.flat30d_layer .flat30d_layer_s .flat30d_close{ width:54px; height:54px; background:url('/images/popup/popup_charge_180123x.png') no-repeat; position:absolute; top:40px; right:30px;z-index:1000; cursor:pointer}
.flat30d_layer .flat30d_layer_s .flat30d_tot{ width:565px; height:576px; margin:0 auto; background:url(../images/popup/popup_flat30dnew2.png) no-repeat; background-position:center; position:relative; cursor:pointer; }
.flat30d_layer .flat30d_layer_s .flat30d_tot .flat30d_tit {width:100%; margin:0 auto; text-align: center; font-weight:bold; color:#fff;font-size:2.5em; padding-top:90px;}
.flat30d_layer .flat30d_layer_s .flat30d_tot .flat30d_img {width:233px; height:95px; margin:0 auto; text-align: center;background:url(../images/popup/flat30d_img.gif) no-repeat;position:absolute; top:202px; left:179px;z-index:10000 }
/*990원 정액제 레이어 */
.flat990d_layer {width:100%; height:200px; margin:0 auto; padding: 0px; text-align: center; position:absolute; z-index:10000; }
.flat990d_layer .flat990d_layer_s { width:565px; height:576px; margin:0 auto; position:relative; top:200px;}
.flat990d_layer .flat990d_layer_s .flat990_close{ width:54px; height:54px; background:url('/images/popup/popup_charge_180123x.png') no-repeat; position:absolute; top:40px; right:30px;z-index:1000; cursor:pointer}
.flat990d_layer .flat990d_layer_s .flat990_tot{ width:565px; height:576px; margin:0 auto; background:url(../images/popup/popup_flat990_new_20200522.png) no-repeat; background-position:center; cursor:pointer; position:relative; }
.flat990d_layer .flat990d_layer_s .flat990_tot .flat990_tit {width:100%; margin:0 auto; text-align: center; font-weight:bold; color:#fff;font-size:2.5em; padding-top:90px;}
.flat990d_layer .flat990d_layer_s .flat990_tot .flat990_img {width:233px; height:95px; margin:0 auto; text-align: center;background:url(../images/popup/flat30d_img.gif) no-repeat;position:absolute; top:202px; left:179px;z-index:10000 }
/* 재결기본충전소 스페셜 레이어 */
.ch_noevt_layer { width:554px; height:485px; margin:0 auto; text-align:center; margin-top:250px; z-index:1000; position:relative; }
.ch_noevt_layer .pop_evtimg { width:554px; height:485px; margin:0 auto; text-align:center; background:url('/images/popup/popup_charge_180201.png') no-repeat; display:block; position:relative; cursor:pointer}
.ch_noevt_layer .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}
/* 3월 스페셜 레이어 */
.ch_1803_layer { width:554px; height:485px; margin:0 auto; text-align:center; margin-top:250px; z-index:1000; position:relative; }
.ch_1803_layer .pop_evtimg { width:554px; height:485px; margin:0 auto; text-align:center; background:url('/images/event/charge1803/popup_charge_180301.png') no-repeat; display:block; position:relative; cursor:pointer}
.ch_1803_layer .pop_evtimg .pop_evtimg_gif { width:100%; height:63px; margin:0 auto; text-align:center; background:url('/images/event/charge1803/popup_charge_180301_img.gif') no-repeat; display:block; background-position:center; position:absolute; top:40px;}
.ch_1803_layer .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}
/* 4월 스페셜 레이어 */
.ch_1804_layer { width:554px; height:485px; margin:0 auto; text-align:center; margin-top:250px; z-index:1000; position:relative; }
.ch_1804_layer .pop_evtimg { width:554px; height:485px; margin:0 auto; text-align:center; background:url('/images/event/charge1804/popup_charge_180401.png') no-repeat; display:block; position:relative; cursor:pointer}
.ch_1804_layer .pop_evtimg .pop_evtimg_gif { width:100%; height:63px; margin:0 auto; text-align:center; background:url('/images/event/charge1804/popup_charge_180401_img.gif') no-repeat; display:block; background-position:center; position:absolute; top:40px;}
.ch_1804_layer .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}
/* 4월 제주도 레이어 */
.ch_jeju2018_layer { width:610px; height:485px; margin:0 auto; text-align:center; margin-top:250px; z-index:1000; position:relative; }
.ch_jeju2018_layer .pop_evtimg { width:610px; height:485px; margin:0 auto; text-align:center; background:url('/images/popup/popup_charge_180416.png') no-repeat; display:block; position:relative; cursor:pointer; }
.ch_jeju2018_layer .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; }
/* 5월 스페셜 레이어 */
.ch_1805_layer { width:554px; height:485px; margin:0 auto; text-align:center; margin-top:250px; z-index:1000; position:relative; }
.ch_1805_layer .pop_evtimg { width:554px; height:485px; margin:0 auto; text-align:center; background:url('/images/event/charge1805/popup_charge_180501n.png') no-repeat; display:block; position:relative; cursor:pointer}
.ch_1805_layer .pop_evtimg .pop_evtimg_gif { width:100%; height:63px; margin:0 auto; text-align:center; background:url('/images/event/charge1805/popup_charge_180501_img.gif') no-repeat; display:block; background-position:center; position:absolute; top:40px;}
.ch_1805_layer .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}
/* 6월 스페셜 레이어 */
.ch_1806_layer { width:554px; height:485px; margin:0 auto; text-align:center; margin-top:250px; z-index:1000; position:relative; }
.ch_1806_layer .pop_evtimg { width:554px; height:485px; margin:0 auto; text-align:center; background:url('/images/event/charge1806/popup_charge_1800601.png') no-repeat; display:block; position:relative; cursor:pointer}
.ch_1806_layer .pop_evtimg .pop_evtimg_gif { width:100%; height:63px; margin:0 auto; text-align:center; background:url('/images/event/charge1806/popup_charge_180501_img.gif') no-repeat; display:block; background-position:center; position:absolute; top:40px;}
.ch_1806_layer .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}
/* 7월 스페셜 레이어 */
.ch_1807_layer { width:554px; height:485px; margin:0 auto; text-align:center; margin-top:250px; z-index:1000; position:relative; }
.ch_1807_layer .pop_evtimg { width:554px; height:485px; margin:0 auto; text-align:center; background:url('/images/popup/popup_charge_180701bg.png') no-repeat; display:block; position:relative; cursor:pointer}
.ch_1807_layer .pop_evtimg .pop_evtimg_gif { width:164px; height:60px; margin:0 auto; text-align:center; background:url('/images/popup/popup_charge_180701img.gif') no-repeat; display:block; background-position:center; position:absolute; left:194px; top:88px;}
.ch_1807_layer .btn_chevtx { width:54px; height:54px; background:url('/images/popup/popup_charge_180123x.png') no-repeat; position:absolute; top:70px; right:90px;z-index:1000; cursor:pointer}
/* 8월 스페셜 레이어 */
.ch_1808_layer { width:554px; height:485px; margin:0 auto; text-align:center; margin-top:250px; z-index:1000; position:relative; }
.ch_1808_layer .pop_evtimg { width:554px; height:485px; margin:0 auto; text-align:center; background:url('/images/popup/popup_charge_180801bg.png') no-repeat; display:block; position:relative; cursor:pointer}
.ch_1808_layer .pop_evtimg .pop_evtimg_gif { width:164px; height:60px; margin:0 auto; text-align:center; background:url('/images/popup/popup_charge_180801img.gif') no-repeat; display:block; background-position:center; position:absolute; left:194px; top:85px;}
.ch_1808_layer .btn_chevtx { width:54px; height:54px; background:url('/images/popup/popup_charge_180123x.png') no-repeat; position:absolute; top:70px; right:90px;z-index:1000; cursor:pointer}
/* 9월 스페셜 레이어 */
.ch_1809_layer { width:554px; height:485px; margin:0 auto; text-align:center; margin-top:250px; z-index:1000; position:relative; }
.ch_1809_layer .pop_evtimg { width:554px; height:485px; margin:0 auto; text-align:center; background:url('/images/popup/popup_charge_180901bg.png') no-repeat; display:block; position:relative; cursor:pointer}
.ch_1809_layer .pop_evtimg .pop_evtimg_gif { width:164px; height:60px; margin:0 auto; text-align:center; background:url('/images/popup/popup_charge_180901img.gif') no-repeat; display:block; background-position:center; position:absolute; left:194px; top:85px;}
.ch_1809_layer .btn_chevtx { width:54px; height:54px; background:url('/images/popup/popup_charge_180123x.png') no-repeat; position:absolute; top:70px; right:90px;z-index:1000; cursor:pointer}
/* 10월 스페셜 레이어 */
.ch_1810_layer { width:554px; height:485px; margin:0 auto; text-align:center; margin-top:250px; z-index:1000; position:relative; }
.ch_1810_layer .pop_evtimg { width:554px; height:485px; margin:0 auto; text-align:center; background:url('/images/popup/popup_charge_180901bg.png') no-repeat; display:block; position:relative; cursor:pointer}
.ch_1810_layer .pop_evtimg .pop_evtimg_gif { width:164px; height:60px; margin:0 auto; text-align:center; background:url('/images/popup/popup_charge_180901img.gif') no-repeat; display:block; background-position:center; position:absolute; left:194px; top:85px;}
.ch_1810_layer .btn_chevtx { width:54px; height:54px; background:url('/images/popup/popup_charge_180123x.png') no-repeat; position:absolute; top:70px; right:90px;z-index:1000; cursor:pointer}
/* 11월 스페셜 레이어 */
.ch_1811_layer { width:554px; height:485px; margin:0 auto; text-align:center; margin-top:250px; z-index:1000; position:relative; }
.ch_1811_layer .pop_evtimg { width:554px; height:485px; margin:0 auto; text-align:center; background:url('/images/popup/popup_charge_181101bg.png') no-repeat; display:block; position:relative; cursor:pointer}
.ch_1811_layer .pop_evtimg .pop_evtimg_gif { width:164px; height:60px; margin:0 auto; text-align:center; background:url('/images/popup/popup_charge_181101img.gif') no-repeat; display:block; background-position:center; position:absolute; left:194px; top:85px;}
.ch_1811_layer .btn_chevtx { width:54px; height:54px; background:url('/images/popup/popup_charge_180123x.png') no-repeat; position:absolute; top:70px; right:90px;z-index:1000; cursor:pointer}
/* 12월 스페셜 레이어 */
.ch_1812_layer { width:554px; height:485px; margin:0 auto; text-align:center; margin-top:250px; z-index:1000; position:relative; }
.ch_1812_layer .pop_evtimg { width:554px; height:485px; margin:0 auto; text-align:center; background:url('/images/popup/popup_charge_181201bg.png') no-repeat; display:block; position:relative; cursor:pointer}
.ch_1812_layer .pop_evtimg .pop_evtimg_gif { width:164px; height:60px; margin:0 auto; text-align:center; background:url('/images/popup/popup_charge_181201img.gif') no-repeat; display:block; background-position:center; position:absolute; left:194px; top:85px;}
.ch_1812_layer .btn_chevtx { width:54px; height:54px; background:url('/images/popup/popup_charge_180123x.png') no-repeat; position:absolute; top:70px; right:90px;z-index:1000; cursor:pointer}
/* 12월 크리스마스 레이어 */
.ch_xmas1812_layer { width:554px; height:485px; margin:0 auto; text-align:center; margin-top:250px; z-index:1000; position:relative; }
.ch_xmas1812_layer .pop_evtimg { width:554px; height:485px; margin:0 auto; text-align:center; background:url('/images/popup/popup_charge_181225bg.png') no-repeat; display:block; position:relative; cursor:pointer}
.ch_xmas1812_layer .pop_evtimg .pop_evtimg_gif { width:368px; height:176px; margin:0 auto; text-align:center; background:url('/images/popup/popup_charge_181225img.gif') no-repeat; display:block; background-position:center; position:absolute; left:103px; top:144px;}
.ch_xmas1812_layer .btn_chevtx { width:54px; height:54px; background:url('/images/popup/popup_charge_180123x.png') no-repeat; position:absolute; top:70px; right:90px;z-index:1000; cursor:pointer}
/* 2019년 1월 스페셜 레이어 */
.ch_1901_layer { width:554px; height:485px; margin:0 auto; text-align:center; margin-top:250px; z-index:1000; position:relative; }
.ch_1901_layer .pop_evtimg { width:554px; height:485px; margin:0 auto; text-align:center; background:url('/images/popup/popup_charge_181101bg.png') no-repeat; display:block; position:relative; cursor:pointer}
.ch_1901_layer .pop_evtimg .pop_evtimg_gif { width:164px; height:60px; margin:0 auto; text-align:center; background:url('/images/popup/popup_charge_181101img.gif') no-repeat; display:block; background-position:center; position:absolute; left:194px; top:85px;}
.ch_1901_layer .btn_chevtx { width:54px; height:54px; background:url('/images/popup/popup_charge_180123x.png') no-repeat; position:absolute; top:70px; right:90px;z-index:1000; cursor:pointer}
/* 2019년 3월 스페셜 레이어 */
.ch_1903_layer { width:554px; height:485px; margin:0 auto; text-align:center; margin-top:250px; z-index:1000; position:relative; }
.ch_1903_layer .pop_evtimg { width:554px; height:485px; margin:0 auto; text-align:center; background:url('/images/popup/popup_charge_181101bg.png') no-repeat; display:block; position:relative; cursor:pointer}
.ch_1903_layer .pop_evtimg .pop_evtimg_gif { width:164px; height:60px; margin:0 auto; text-align:center; background:url('/images/popup/popup_charge_181101img.gif') no-repeat; display:block; background-position:center; position:absolute; left:194px; top:85px;}
.ch_1903_layer .btn_chevtx { width:54px; height:54px; background:url('/images/popup/popup_charge_180123x.png') no-repeat; position:absolute; top:70px; right:90px;z-index:1000; cursor:pointer}
/*201906 제주2 레이어 */
.jeju1906_layer {width:100%; height:744px; margin:0 auto; padding: 0px; text-align: center; position:absolute; z-index:10000; }
.jeju1906_layer .jeju1906_layer_s { width:1018px; height:744px; margin:0 auto; position:relative; top:225px;}
.jeju1906_layer .jeju1906_layer_s .jeju1906_close{ width:54px; height:54px; background:url('/images/popup/popup_charge_180123x.png') no-repeat; position:absolute; top:10px; right:10px;z-index:1000; cursor:pointer}
.jeju1906_layer .jeju1906_layer_s .jeju1906_tot{ width:1018px; height:744px; margin:0 auto; background:url(../images/popup/popup_201906_jeju_new.jpg) no-repeat; background-position:center; cursor:pointer; position:relative; }
/*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: 900px; position: relative; background :url('/images/popup/event_210623122803.jpg') center center no-repeat; }
.event_210623122803_wrap > .btn_210623122803 { position: absolute; top: 482px; left: 0; right: 0; margin: 0 auto; cursor:pointer; width:390px; height:72px; background:url('/images/popup/btn_210623122803.jpg'); }
.event_210623122803_wrap > .btn_210623122803:hover{ background:url('/images/popup/btn_hover_210623122803.jpg'); }
/* // 2021-06-22 회원님께 드리는 특급 혜택 */
/**/
.login_wrap_2{ box-sizing:border-box; border:1px solid #dddddd; background:#f8f8f8; }
.login_wrap_2{ height:243px; 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 > .btns + .btns{ border-top:1px solid #dddddd; margin-top:10px; padding-top:10px; }
.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 #ddd; }
.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:#62a8ef; }
.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:#429af4; }
.login_pop_wrap > .login_popup > .body .tab_ui > div.on{ border-color:#429af4; border-bottom-color:white; }
.login_pop_wrap > .login_popup > .body .tab_ui > div.on + div{ border-left-color:#429af4; }
.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:#429af4; }
.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:#429af4; }
/**/
.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{ 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{ 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{ cursor:pointer; display:inline-flex; align-items:center; }
.login_pop_wrap > .login_popup > .body .tab_child_ui .find_id_btn:hover{ text-decoration:underline; }
.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 #3589df; background:#429af4; }
.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 > 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;}
/* 2024.05 메뉴바 치환 */
nav#new-menu-containernav,#new-menu-container *{
margin: 0;
padding: 0;
font-family: "맑은 고딕", "Malgun Gothic", Dotum, sans-serif;
white-space: nowrap;
box-sizing: border-box;
}
nav#new-menu-container>div{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
height: 45px;
background-color: #429af4;
}
nav#new-menu-container>div.sub-menu-wrap{
background-color: #414141;
height: 30px;
}
nav#new-menu-container>div>ul {
width: 1018px;
justify-content: flex-start;
align-items: center;
height: 100%;
cursor: pointer !important;
}
nav#new-menu-container>div>ul.minor-only{
justify-content: space-around;
}
nav#new-menu-container>div>ul>li{
height: 100%;
color: #fff;
text-transform: uppercase;
cursor: pointer !important;
}
nav#new-menu-container>div>ul>li+li::before{
content: '';
display: inline-block;
vertical-align: middle;
width: 1px;
height: 10px;
background-color: #fff;
margin-right: 9px;
opacity: 0.3;
}
nav#new-menu-container>div.sub-menu-wrap>ul{
display: none;
}
nav#new-menu-container>div.main-menu-wrap>ul.minor-only,
nav#new-menu-container>div.main-menu-wrap>ul.adult-only,
nav#new-menu-container>div.sub-menu-wrap>ul.active{
display: flex;
cursor: pointer;
}
nav#new-menu-container>div.sub-menu-wrap.minor-only>ul[data-menu="EDU"],
nav#new-menu-container>div.sub-menu-wrap.minor-only>ul[data-menu="REQ"],
nav#new-menu-container>div.sub-menu-wrap>ul[data-menu="BOK"]{
justify-content: flex-end;
}
nav#new-menu-container>div.main-menu-wrap>ul>li{
text-align: center;
font-size: 13px;
font-weight: 800;
line-height: 45px;
padding-right: 9px;
position: relative;
cursor: pointer !important;
}
nav#new-menu-container>div.main-menu-wrap>ul.minor-only>li{
flex: 1;
width: 100%;
padding-right: 0px;
text-align: center;
}
nav#new-menu-container>div.main-menu-wrap>ul.minor-only>li+li::before{
position: absolute;
left: 0px;
top: 17px;
z-index: 100;
}
nav#new-menu-container>div.main-menu-wrap>ul>li.new-menu::after{
content: 'new';
position: absolute;
top: -1px;
left: 35%;
display: block;
font-size: 10px;
line-height: normal;
background-color: red;
color: #fff;
font-weight: 800;
padding: 1px 5px;
box-sizing: border-box;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
transform: scale(0.8);
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
}
nav#new-menu-container>div.main-menu-wrap>ul>li.adult-only>i{
display: inline-block;
vertical-align: middle;
width: 18px;
height: 15px;
background: url("/images/icon/icon_adt_19.png")no-repeat center center;
background-size: contain;
margin-right: 4px;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
}
nav#new-menu-container>div.main-menu-wrap>ul>li:hover,
nav#new-menu-container>div.main-menu-wrap>ul>li.hover,
nav#new-menu-container>div.main-menu-wrap>ul>li.tm_on,
nav#new-menu-container>div.main-menu-wrap>ul>li[data-cate="TOP"]{
color: #ffe56b;
}
nav#new-menu-container>div.main-menu-wrap>ul>li[data-cate="TOP"]{
font-size: 16px;
text-align: center;
font-weight: 700;
min-width: 120px;
box-sizing: border-box;
padding-right: 0;
}
nav#new-menu-container>div.main-menu-wrap>ul>li[data-cate="TOP"]>i{
display: inline-block;
vertical-align: middle;
width: 15px;
height: 15px;
background: url("/images/icon/icon_top_star.png")no-repeat top center;
background-size: contain;
margin-right: 2px;
margin-bottom: 2px;
}
nav#new-menu-container>div.main-menu-wrap>ul>li:hover,
nav#new-menu-container>div.main-menu-wrap>ul>li.active,
nav#new-menu-container>div.main-menu-wrap>ul>li.tm_on,
nav#new-menu-container>div.main-menu-wrap>ul>li.hover{
background-color: #414141;
}
nav#new-menu-container>div.main-menu-wrap>ul>li:hover::before,
nav#new-menu-container>div.main-menu-wrap>ul>li.active::before,
nav#new-menu-container>div.main-menu-wrap>ul>li[data-menu="TOP"]+li::before,
nav#new-menu-container>div.main-menu-wrap>ul>li:hover+li::before,
nav#new-menu-container>div.main-menu-wrap>ul>li.active+li::before,
nav#new-menu-container>div.main-menu-wrap>ul>li.tm_on+li::before,
nav#new-menu-container>div.main-menu-wrap>ul>li.hover+li::before{
visibility: hidden;
}
nav#new-menu-container>div.sub-menu-wrap ul{
height: 30px;
line-height: 30px;
}
nav#new-menu-container>div.sub-menu-wrap ul>li:hover,
nav#new-menu-container>div.sub-menu-wrap ul>li.active,
nav#new-menu-container>div.sub-menu-wrap ul>li:active,
nav#new-menu-container>div.sub-menu-wrap ul>li.submenu_on{
color: #ff0;
}
nav#new-menu-container>div.sub-menu-wrap ul>li{
font-size: 12px;
padding-right: 8px;
}
nav#new-menu-container>div.sub-menu-wrap ul>li.adult-only>i{
display: inline-block;
vertical-align: middle;
width: 13px;
height: 10px;
background: url("/images/icon_adt19.png")no-repeat center center;
background-size: contain;
margin-right: 4px;
}
/* 2024 메인페이지 리뉴얼 */
#wrap1.renew-2024 #header_wrap{
box-sizing: border-box;
margin: 0;
padding: 0;
}
#wrap1.renew-2024 #header_wrap .gnb_menu.renew-2024{
height: 27px;
background-color: #F2F2F2;
border-bottom: 1px solid #D9D9D9;
}
#wrap1.renew-2024 #header_wrap .gnb_menu.renew-2024 *{float: none;}
#wrap1.renew-2024 #header_wrap .gnb_menu.renew-2024 .gnb-menu-wrap{
display: flex;
justify-content: space-between;
align-items: center;
height: 27px !important;
line-height: normal;
width: 1018px;
}
#wrap1.renew-2024 #header_wrap .gnb_menu.renew-2024 .gnb-menu-wrap .menu-left-wrap>li{
height: auto !important;
line-height: normal;
}
#wrap1.renew-2024 #header_wrap .gnb_menu.renew-2024 .gnb-menu-wrap .menu-right-wrap{
display: flex;
justify-content: flex-end;
align-items: center;
height: auto;
}
#wrap1.renew-2024 #header_wrap .gnb_menu.renew-2024 .gnb-menu-wrap .menu-right-wrap>*{
padding: 0px;
}
#wrap1.renew-2024 #header_wrap .gnb_menu.renew-2024 .gnb-menu-wrap .menu-left-wrap,
#wrap1.renew-2024 #header_wrap .gnb_menu.renew-2024 .gnb-menu-wrap .menu-left-wrap>li a{
display: flex;
justify-content: flex-start;
align-items: center;
}
#wrap1.renew-2024 #header_wrap .gnb_menu.renew-2024 .gnb-menu-wrap .menu-left-wrap>li a>span,
#wrap1.renew-2024 #header_wrap .gnb_menu.renew-2024 .gnb-menu-wrap .menu-right-wrap>*{
font-size: 12px !important;
font-weight: 400;
line-height: 1.2;
letter-spacing: -0.3px !important;
color: #737373;
}
#wrap1.renew-2024 #header_wrap .gnb_menu.renew-2024 .gnb-menu-wrap .menu-left-wrap i.ico-star{
display: inline-block;
vertical-align: middle;
width: 13px;
height: 11px;
background: url("/images/renew_icon/ico-star-gray.svg")no-repeat center center;
background-size: 100%;
margin-right: 2px;
margin-bottom: 4px;
}
#wrap1.renew-2024 #header_wrap .gnb_menu.renew-2024 .gnb-menu-wrap .menu-right-wrap>li+li{
margin-left: 12px;
}
#wrap1.renew-2024 #header_wrap .gnb_menu.renew-2024 .gnb-menu-wrap .menu-right-wrap>li+li::before{
content: '';
display: inline-block;
width: 1px;
height: 10px;
background-color: #D9D9D9;
margin-right: 12px;
}
/* FIN 메인 헤더 내 GNB */
/*
#wrap1.renew-2024 #header_wrap .top.renew-2024{
display: flex;
justify-content: space-between;
align-items: center;
width: 1200px;
margin: 0 auto;
box-sizing: border-box;
float: none;
} */
#wrap1.renew-2024 #header_wrap .top.renew-2024{
float: none;
width: 1018px;
min-width: 1018px;
min-height: 96px;
}
#wrap1.renew-2024 #header_wrap .top.renew-2024 .logo.renew-2024{
display: flex;
justify-content: flex-start;
align-items: center;
height: 96px;
}
#wrap1.renew-2024 #header_wrap .top.renew-2024 .logo.renew-2024>img{
width: 170px;
height: 45.4px;
}
/* 검색 */
#wrap1.renew-2024 #header_wrap .top.renew-2024 .search{
display: flex;
justify-content: center;
align-items: center;
width: 430px;
height: 96px;
margin: 0 auto;
}
/* 우측 배너 */
#wrap1.renew-2024 #header_wrap .top.renew-2024 .banner_top_rig{
width: 210px;
height: 96px;
padding-top: 16px;
margin-top: 0px;
box-sizing: border-box;
}
#wrap1.renew-2024 #header_wrap .top.renew-2024 .banner_top_rig>a{
display: block;
width: 100%;
height: 100%;
}
/* 헤더 내 메뉴바 수정 */
nav#new-menu-container.renew-2024>div{
background-color: #fff;
}
nav#new-menu-container.renew-2024>div.main-menu-wrap{
height: 40px;
border-bottom: 1px solid #429AF4;
border-top: 1px solid #D9D9D9;
}
nav#new-menu-container.renew-2024>div.sub-menu-wrap{
height: 35px;
border-bottom: 1px solid #D9D9D9;
}
nav#new-menu-container.renew-2024>div.main-menu-wrap>ul{
width: 1018px;
gap: 0px;
}
nav#new-menu-container.renew-2024>div.main-menu-wrap>ul>li{
color: #262626;
line-height: 40px;
margin-right: 0;
box-sizing: border-box;
padding: 0px 10px;
}
nav#new-menu-container.renew-2024>div>ul>li[data-cate="TOP"]{
display: flex;
justify-content: center;
align-items: center;
gap: 4.5px;
width: 100px;
min-width: auto;
color: #262626;
}
nav#new-menu-container.renew-2024>div>ul>li[data-cate="TOP"]>i.ico-top100{
width: 18px;
height: 18px;
background: url("/images/renew_icon/ico-top100.svg")no-repeat center center;
background-size: 100%;
}
nav#new-menu-container.renew-2024>div>ul>li+li::before{
display: none;
}
nav#new-menu-container.renew-2024>div.main-menu-wrap>ul>li,
nav#new-menu-container.renew-2024>div.main-menu-wrap>ul>li>span{
font-size: 14px;
font-weight: 600;
letter-spacing: -0.3px;
}
nav#new-menu-container.renew-2024>div.main-menu-wrap>ul>li:hover,
nav#new-menu-container.renew-2024>div.main-menu-wrap>ul>li.active,
nav#new-menu-container.renew-2024>div.main-menu-wrap>ul>li.tm_on,
nav#new-menu-container.renew-2024>div.main-menu-wrap>ul>li.hover{
background-color: transparent;
color: #429AF4;
}
nav#new-menu-container.renew-2024>div.main-menu-wrap>ul>li>i.ico-adult{
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
min-width: 20px;
background: url("/images/renew_icon/ico-19.svg")no-repeat center center;
background-size: 100%;
margin-right: 4px;
margin-top: -2px;
}
/* 서브메뉴 */
nav#new-menu-container.renew-2024>div.sub-menu-wrap>ul{
height: 100%;
gap: 8px;
}
nav#new-menu-container.renew-2024>div.sub-menu-wrap>ul>li{
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
padding-right: 0px;
}
nav#new-menu-container.renew-2024>div.sub-menu-wrap>ul>li:hover{
color: #429AF4;
}
nav#new-menu-container.renew-2024>div.sub-menu-wrap>ul>li+li::before{
content: '';
display: inline-block;
vertical-align: middle;
width: 1px;
height: 10px;
background-color: #D9D9D9;
margin-right: 3.5px;
}
nav#new-menu-container.renew-2024>div.sub-menu-wrap>ul>li>i.ico-adult{
display: inline-block;
vertical-align: middle;
width: 13px;
min-width: 13px;
height: 10px;
background: url("/images/renew_icon/ico-19-square.svg")no-repeat center center;
background-size: 100%;
margin-bottom: 2px;
margin-right: 0px;
}
nav#new-menu-container.renew-2024>div.sub-menu-wrap>ul>li,
nav#new-menu-container.renew-2024>div.sub-menu-wrap>ul>li>span{
font-size: 13px;
line-height: 1.2;
font-weight: 700;
letter-spacing: -0.3px;
color: #737373;
}
nav#new-menu-container.renew-2024>div.sub-menu-wrap>ul>li:hover>span,
nav#new-menu-container.renew-2024>div.sub-menu-wrap>ul>li.submenu_on>span{
color: #429AF4;
}
/* 검색창 수정 */
#header_wrap .top.renew-2024 .search .searchBox li.sh_ce {
width: 275px;
}
#header_wrap .top.renew-2024 .search .searchBox li.sh_ce .inupt_sh{
height: 32px;
}
/* 좌측 영역 수정 */
/* 로그인 전 */
#container #leftarea .login_wrap.renew-2024{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 352px;
background-color: #fff !important;
background: none;
border: 1px solid #D9D9D9;
overflow: hidden;
box-sizing: border-box;
padding: 16px;
padding-bottom: 20px;
border-radius: 12px;
margin-bottom: 0px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
}
/* 컨테이너 크기 수정 */
#wrap1.renew-2024 #container{
/* width: 1200px; */
margin-top: 12px;
position: relative;
}
#wrap1.renew-2024 .login_wrap.renew-2024 .login_tit_img {
display: none;
}
#wrap1.renew-2024 .login_wrap.renew-2024 .login_boxn{
position: initial;
width: 100%;
height: auto;
}
#wrap1.renew-2024 .login_wrap.renew-2024 .login_boxn .input-wrap{
width: 100%;
}
#wrap1.renew-2024 .login_wrap.renew-2024 .login_boxn .input-wrap>input{
display: block;
width: 100%;
float: none;
height: 40px;
box-sizing: border-box;
border-style: none;
border-bottom: 1px solid #F2F2F2;
background-color: #fff;
font-size: 12px;
font-weight: 500;
line-height: 1.2;
letter-spacing: -0.3px;
box-sizing: border-box;
padding: 11px 8px;
}
#wrap1.renew-2024 .login_wrap.renew-2024 .login_boxn .input-wrap>input+input{
margin-top: 8px;
}
#wrap1.renew-2024 .login_wrap.renew-2024 .login_boxn .input-wrap>input::placeholder{
color: #A6A6A6;
}
#wrap1.renew-2024 .login_wrap.renew-2024 .login_boxn .checkbox-wrap{
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 12px;
}
#wrap1.renew-2024 .login_wrap.renew-2024 .login_boxn .checkbox-wrap input{display: none;}
#wrap1.renew-2024 .login_wrap.renew-2024 .login_boxn .checkbox-wrap label{display: flex; align-items: center; gap: 4px;}
#wrap1.renew-2024 .login_wrap.renew-2024 .login_boxn .checkbox-wrap svg>rect{fill: transparent; stroke: #D9D9D9;}
#wrap1.renew-2024 .login_wrap.renew-2024 .login_boxn .checkbox-wrap svg>path{stroke: transparent;}
/* 체크박스 */
#wrap1.renew-2024 .login_wrap.renew-2024 .login_boxn .checkbox-wrap label>input:checked + svg>rect{stroke: none; fill: #429AF4;}
#wrap1.renew-2024 .login_wrap.renew-2024 .login_boxn .checkbox-wrap label>input:checked + svg>path{stroke: #FFFFFF;}
#wrap1.renew-2024 .login_wrap.renew-2024 .login_boxn .checkbox-wrap label>span{
font-size: 11px;
line-height: 1.3;
font-weight: 400;
letter-spacing: -0.3px;
color: #737373;
}
#wrap1.renew-2024 .login_wrap.renew-2024 .login_boxn .submit-wrap{
margin-top: 18px;
}
#wrap1.renew-2024 .login_wrap.renew-2024 .login_boxn .submit-wrap>*{
display: block;
}
#wrap1.renew-2024 .login_wrap.renew-2024 .login_boxn .submit-wrap .btn_login,
#wrap1.renew-2024 .login_wrap.renew-2024 .login_boxn .submit-wrap .btn-join{
float: none;
position: initial;
width: 100%;
box-sizing: border-box;
padding: 11px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
}
#wrap1.renew-2024 .login_wrap.renew-2024 .login_boxn .submit-wrap .btn_login,
#wrap1.renew-2024 .login_wrap.renew-2024 .login_boxn .submit-wrap .btn-join>span{
font-size: 12px;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.3px;
text-align: center;
}
#wrap1.renew-2024 .login_wrap.renew-2024 .login_boxn .submit-wrap .btn_login{
height: auto;
margin-bottom: 0px;
border: none;
background-color: #429AF4;
color: #fff;
}
#wrap1.renew-2024 .login_wrap.renew-2024 .login_boxn .submit-wrap .btn-join{
border: 1px solid #D9D9D9;
background-color: #F2F2F2;
color: #737373;
margin-top: 4px;
}
#wrap1.renew-2024 .login_wrap.renew-2024 .login_boxn .submit-wrap .find-info{
display: block;
margin: 0 auto;
margin-top: 10px;
font-size: 12px;
line-height: 1.3;
font-weight: 400;
letter-spacing: -0.3px;
color: #737373;
}
/* sns 로그인 */
#wrap1.renew-2024 .login_wrap.renew-2024 .login_boxn .sns-join-wrap{
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
width: 100%;
margin-top: 10px;
}
#wrap1.renew-2024 .login_wrap.renew-2024 .login_boxn .sns-join-wrap>button{
box-sizing: border-box;
flex: 1;
background-color: #fff;
border: 1px solid #D9D9D9;
padding: 8px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
}
#wrap1.renew-2024 .login_wrap.renew-2024 .login_boxn .sns-join-wrap>button>i[class^="ico-"]{
display: block;
width: 20px;
height: 20px;
background-size: 100%;
margin: 0 auto;
}
#wrap1.renew-2024 .login_wrap.renew-2024 .login_boxn .sns-join-wrap>button>i.ico-kakao{background: url("/images/renew_icon/ico-kakao.svg")no-repeat center center;}
#wrap1.renew-2024 .login_wrap.renew-2024 .login_boxn .sns-join-wrap>button>i.ico-naver{background: url("/images/renew_icon/ico-naver.svg")no-repeat center center;}
#wrap1.renew-2024 .login_wrap.renew-2024 .login_boxn .sns-join-wrap>button>span{
display: block;
text-align: center;
font-size: 12px;
font-weight: 600;
line-height: 1.3;
letter-spacing: -0.3px;
color: #404040;
margin-top: 4px;
}
/* 로그인 후 */
#wrap1.renew-2024 .login_wrap_info{
overflow: hidden;
width: 100%;
background-color: #fff;
box-sizing: border-box;
/* padding: 20px 16px; */
padding-top: 20px;
padding-bottom: 0px;
border: 1px solid #D9D9D9;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
}
#wrap1.renew-2024 .login_wrap_info>*:not(.login_menu){
box-sizing: border-box;
padding: 0px 16px;
}
#wrap1.renew-2024 .login_wrap_info .login_info_tit{
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
height: auto;
box-sizing: border-box;
padding-bottom: 16px;
border-bottom: 1px solid #F2F2F2;
}
#wrap1.renew-2024 .login_wrap_info .login_info_tit b{
font-size: 14px;
line-height: 1;
font-weight: 700;
letter-spacing: -0.3px;
color: #404040;
}
#wrap1.renew-2024 .login_wrap_info .login_info_tit .nickname{
max-width: calc(100% - 62px);
display: flex;
justify-content: flex-start;
align-items: center;
gap: 2px;
}
#wrap1.renew-2024 .login_wrap_info .login_info_tit .nickname>b{
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
word-wrap: break-word;
white-space: pre-wrap;
line-height: 1.3;
}
#wrap1.renew-2024 .login_wrap_info .login_info_tit .nickname>i.ico-grade{
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
min-width: 16px;
}
#wrap1.renew-2024 .login_wrap_info .login_info_tit>b.note-count{
font-size: 12px;
line-height: 1.2;
font-weight: 700;
letter-spacing: -0.3px;
color: #404040;
}
#wrap1.renew-2024 .login_wrap_info .login_info_tit>b.note-count,
#wrap1.renew-2024 .login_wrap_info .login_info_tit>b.note-count::before{
text-align: right;
}
#wrap1.renew-2024 .login_wrap_info .login_info_tit>b.note-count::before{
content: '쪽지';
display: inline-block;
vertical-align: middle;
font-size: 11px;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.3px;
color: #737373;
margin-right: 4px;
}
#wrap1.renew-2024 .login_wrap_info .login_info_tit>b.note-count>a{
display: inline-block;
vertical-align: middle;
margin-bottom: -3px;
}
#wrap1.renew-2024 .login_wrap_info .login-user-info-wrap{
width: 100%;
margin-top: 16px;
/* padding-bottom: 16px; */
min-height: 235.7px;
}
#wrap1.renew-2024 .login_wrap_info .login-user-info-wrap>li{
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
width: 100%;
font-size: 12px;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.3px;
color: #737373;
}
#wrap1.renew-2024 .login_wrap_info .login-user-info-wrap>li+li{
margin-top: 10px;
}
#wrap1.renew-2024 .login_wrap_info .login-user-info-wrap>li span{
color: #404040;
}
#wrap1.renew-2024 .login_wrap_info .login-user-info-wrap>li:nth-of-type(6) span{
text-align: right;
cursor: pointer;
}
/* 항목별 after */
#wrap1.renew-2024 .login_wrap_info .login-user-info-wrap>li>span::after,
#wrap1.renew-2024 .login_wrap_info .login-user-info-wrap>li.coupon>span:last-of-type::before,
#wrap1.renew-2024 .login_wrap_info .login-user-info-wrap>li>a>span::after{
content: '';
display: inline-block;
vertical-align: bottom;
text-transform: uppercase;
font-size: inherit;
line-height: inherit;
color: #737373;
letter-spacing: inherit;
font-weight: inherit;
margin-left: 1px;
}
#wrap1.renew-2024 .login_wrap_info .login-user-info-wrap>li.point>span::after,
#wrap1.renew-2024 .login_wrap_info .login-user-info-wrap>li.coupon-point span::after{content: 'p';}
#wrap1.renew-2024 .login_wrap_info .login-user-info-wrap>li.bonus>span::after{content: 'b';}
#wrap1.renew-2024 .login_wrap_info .login-user-info-wrap>li.coupon span::after{content: '장';}
#wrap1.renew-2024 .login_wrap_info .login-user-info-wrap>li.BJ-heart span::after{content: '개';}
#wrap1.renew-2024 .login_wrap_info .login-user-info-wrap>li.mileage>span::after{content: 'm';}
#wrap1.renew-2024 .login_wrap_info .login-user-info-wrap>li.cash>span::after{content: 'c';}
#wrap1.renew-2024 .login_wrap_info .login-user-info-wrap>li.coupon>span:last-of-type::before{
content: '/';
margin-left: 0px;
}
#wrap1.renew-2024 .login_wrap_info .login-user-info-wrap .ispay-wrap{
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
width: 100%;
background-color: #F2F9FF;
border: 1px solid #DEEEFF;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
cursor: pointer;
padding: 7px 0px;
margin-top: 13px;
}
#wrap1.renew-2024 .login_wrap_info .login-user-info-wrap .ispay-wrap>i.ico-ispay{
display: inline-block;
vertical-align: middle;
width: 32px;
height: 32px;
min-width: 32px;
}
#wrap1.renew-2024 .login_wrap_info .login-user-info-wrap .ispay-wrap>p{
text-align: left;
}
#wrap1.renew-2024 .login_wrap_info .login-user-info-wrap .ispay-wrap>p>span{
display: block;
width: 100%;
color: #737373;
font-size: 12px;
line-height: 1;
font-weight: 400;
letter-spacing: -0.3px;
}
#wrap1.renew-2024 .login_wrap_info .login-user-info-wrap .ispay-wrap>p>span:first-of-type{
font-size: 14px;
font-weight: 800;
color: #429AF4;
margin-bottom: 4px;
}
#wrap1.renew-2024 .login_wrap_info .login_menu{
display: flex;
justify-content: center;
align-items: center;
width: 101%;
border-top: 1px solid #D9D9D9;
height: auto;
}
#wrap1.renew-2024 .login_wrap_info .login_menu>*{
flex: 1;
height: 46px;
background-color: #F2F2F2;
color: #737373;
border-style: none;
font-size: 11px;
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.3px;
float: none;
padding-top: 2px;
width: auto;
cursor: pointer;
}
#wrap1.renew-2024 .login_wrap_info .login_menu>*+*{
border-left: 1px solid #d9d9d9;
}
/* 배너 영역 */
#wrap1.renew-2024 #leftarea .banner-wrap{
width: 100%;
height: 112px;
overflow: hidden;
box-sizing: border-box;
border: 1px solid #D9D9D9;
border-radius: 12px;
margin-top: 16px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
cursor: pointer;
}
#wrap1.renew-2024 #leftarea .banner-wrap *{
width: 100%;
height: 100%;
border-style: none;
object-fit: fill;
}
/* 좌측 배너 하단 메뉴 */
#wrap1.renew-2024 #leftarea .left-menu-wrap{
width: 100%;
float: none;
margin-top: 16px;
overflow: hidden;
box-sizing: border-box;
padding: 10px 0px;
border: 1px solid #D9D9D9;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
}
#wrap1.renew-2024 #leftarea .left-menu-wrap>li{
display: flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
padding: 10px 16px;
width: 100%;
cursor: pointer;
}
#wrap1.renew-2024 #leftarea .left-menu-wrap>li>span{
font-size: 14px;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.3px;
color: #737373;
}
#wrap1.renew-2024 #leftarea .left-menu-wrap>li .left-wrap{
display: flex;
justify-content: space-between;
align-items: center;
gap: 6px;
}
#wrap1.renew-2024 #leftarea .left-menu-wrap>li .left-wrap>i[class^="ico-"]{
display: inline-block;
vertical-align: middle;
width: 32px;
height: 32px;
min-width: 32px;
background-size: 100%;
}
#wrap1.renew-2024 #leftarea .left-menu-wrap>li .left-wrap>i.ico-downloader{
background: url("/images/renew_icon/ico-downloader.svg")no-repeat center center;
}
#wrap1.renew-2024 #leftarea .left-menu-wrap>li .left-wrap>i.ico-free-ticket{
background: url("/images/renew_icon/ico-free-ticket.svg")no-repeat center center;
}
#wrap1.renew-2024 #leftarea .left-menu-wrap>li .left-wrap>i.ico-card-point{
background: url("/images/renew_icon/ico-card-point.svg")no-repeat center center;
}
#wrap1.renew-2024 #leftarea .left-menu-wrap>li .left-wrap>i.ico-cashback{
background: url("/images/renew_icon/ico-ok.svg")no-repeat center center;
}
#wrap1.renew-2024 #leftarea .left-menu-wrap>li .left-wrap>i.ico-drama{
background: url("/images/renew_icon/ico-drama.svg")no-repeat center center;
}
#wrap1.renew-2024 #leftarea .left-menu-wrap>li .left-wrap>i.ico-ispay,i.ico-ispay{
background: url("/images/renew_icon/ico-ispay.svg")no-repeat center center;
}
/* #wrap1.renew-2024 #leftarea .left-menu-wrap>li .left-wrap>i.ico-free-ticket{
background: url("/images/renew_icon/ico-free-ticket.svg")no-repeat center center;
} */
#wrap1.renew-2024 #leftarea .left-menu-wrap>li .left-wrap>p>span{
display: block;
width: 100%;
text-align: left;
font-size: 11px;
line-height: 1.3;
font-weight: 400;
letter-spacing: -0.3px;
color: #A6A6A6;
}
#wrap1.renew-2024 #leftarea .left-menu-wrap>li .left-wrap>p>span.list-title{
font-size: 12px;
line-height: 1.2;
font-weight: 600;
color: #404040;
}
#wrap1.renew-2024 #leftarea .left-menu-wrap>li>i.ico-more{
display: inline-block;
vertical-align: middle;
width: 12px;
height: 12px;
background: url("/images/renew_icon/ico-more.svg")no-repeat center center;
background-size: 100%;
margin-top: -4px;
}
/* 성인배너 */
#wrap1.renew-2024 #leftarea .left-menu-wrap.left-banner{
padding: 0px;
height: 170px;
}
#wrap1.renew-2024 #leftarea .left-menu-wrap.left-banner>a{
display: block;
width: 100%;
box-sizing: border-box;
}
#wrap1.renew-2024 #leftarea .left-menu-wrap.left-banner img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
/* 이즈 고객센터 */
#wrap1.renew-2024 #leftarea .cs-wrap{
margin-top: 16px;
border: 1px solid #D9D9D9;
background-color: #fff;
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;
}
#wrap1.renew-2024 #leftarea .cs-wrap .cs-info-wrap{
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
padding: 14px 16px 12px;
}
#wrap1.renew-2024 #leftarea .cs-wrap .cs-info-wrap>i.ico-cs{
display: inline-block;
vertical-align: middle;
width: 58px;
min-width: 58px;
height: 58px;
background: url("/images/renew_icon/ico-cs.svg")no-repeat center center;
background-size: 100%;
}
#wrap1.renew-2024 #leftarea .cs-wrap .cs-info-wrap .cs-info{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 4px;
}
#wrap1.renew-2024 #leftarea .cs-wrap .cs-info-wrap .cs-info>p:first-of-type>*,
#wrap1.renew-2024 #leftarea .cs-wrap .cs-info-wrap .cs-info>p:last-of-type>span{
display: block;
}
#wrap1.renew-2024 #leftarea .cs-wrap .cs-info-wrap .cs-info>p:first-of-type>span{
font-size: 12px;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.3px;
color: #404040;
text-align: left;
}
#wrap1.renew-2024 #leftarea .cs-wrap .cs-info-wrap .cs-info>p:first-of-type>b{
font-size: 21px;
font-weight: 800;
line-height: 1;
letter-spacing: -0.5px;
color: #429AF4;
margin-top: 2px;
}
#wrap1.renew-2024 #leftarea .cs-wrap .cs-info-wrap .cs-info>p:last-of-type>span>b{
font-size: 12px;
line-height: 1.2;
font-weight: 400;
letter-spacing: -0.3px;
color: #737373;
}
#wrap1.renew-2024 #leftarea .cs-wrap .cs-info-wrap .cs-info>p:last-of-type>span>b:first-of-type{
margin-right: 2px;
}
#wrap1.renew-2024 #leftarea .cs-wrap .cs-link-wrap{
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
border-top: 1px solid #D9D9D9;
}
#wrap1.renew-2024 #leftarea .cs-wrap .cs-link-wrap>*{
flex: 1;
border-style: none;
background-color: #F2F2F2;
box-sizing: border-box;
padding: 13px 0px;
height: 42px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
#wrap1.renew-2024 #leftarea .cs-wrap .cs-link-wrap>*+*{
border-left: 1px solid #D9D9D9;
}
#wrap1.renew-2024 #leftarea .cs-wrap .cs-link-wrap>*>span{
font-size: 12px;
line-height: 1.3;
font-weight: 600;
letter-spacing: -0.3px;
color: #737373;
text-align: center;
}
/* 우측 메뉴 */
/* 우측 상단 메뉴 리스트 */
#wrap1.renew-2024 #rightarea .right-menu-wrap{
width: 100%;
box-sizing: border-box;
border: 1px solid #D9D9D9;
background-color: #fff;
padding: 8px 10px;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
}
#wrap1.renew-2024 #rightarea .right-menu-wrap>li{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
gap: 4px;
box-sizing: border-box;
padding: 14.5px 7px;
cursor: pointer;
}
#wrap1.renew-2024 #rightarea .right-menu-wrap>li>p{
max-width: calc(100% - 20px);
text-align: left;
}
#wrap1.renew-2024 #rightarea .right-menu-wrap>li>p>span{
display: block;
}
#wrap1.renew-2024 #rightarea .right-menu-wrap>li>p>span:first-of-type{
font-size: 12px;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.3px;
color: #404040;
}
#wrap1.renew-2024 #rightarea .right-menu-wrap>li>p>span:last-of-type{
font-size: 11px;
font-weight: 400;
line-height: 1.2;
letter-spacing: -0.3px;
color: #A6A6A6;
margin-top: 3px;
}
#wrap1.renew-2024 #rightarea .right-menu-wrap>li>i.ico-more, .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 .ispay-wrap{
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin-top: 16px;
overflow: hidden;
border: 1px solid #DEEEFF;
background-color: #F2F9FF;
box-sizing: border-box;
padding: 19px 16px;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
cursor: pointer;
}
#wrap1.renew-2024 #rightarea .ispay-wrap>.left-wrap{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
#wrap1.renew-2024 #rightarea .ispay-wrap i.ico-ispay{
display: inline-block;
vertical-align: middle;
width: 32px;
min-width: 32px;
height: 32px;
background: url("/images/renew_icon/ico-ispay.svg")no-repeat center center;
background-size: 100%;
}
#wrap1.renew-2024 #rightarea .ispay-wrap>.left-wrap>p{
text-align: left;
}
#wrap1.renew-2024 #rightarea .ispay-wrap>.left-wrap>p>span{
display: block;
letter-spacing: -0.3px;
line-height: 1.2;
}
#wrap1.renew-2024 #rightarea .ispay-wrap>.left-wrap>p>span:first-of-type{
font-size: 13px;
font-weight: 800;
color: #429AF4;
}
#wrap1.renew-2024 #rightarea .ispay-wrap>.left-wrap>p>span:last-of-type{
font-size: 11px;
font-weight: 400;
color: #737373;
}
/* 실시간 인기 검색어 */
#wrap1.renew-2024 #rightarea .realtime-wrap,
#wrap1.renew-2024 #rightarea .request-data-wrap{
margin-top: 16px;
overflow: hidden;
border: 1px solid #D9D9D9;
background-color: #fff;
text-align: left;
box-sizing: border-box;
padding: 20px 16px;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
}
#wrap1.renew-2024 #rightarea .request-data-wrap{
padding-bottom: 16px;
}
#wrap1.renew-2024 #rightarea .realtime-wrap>p,
#wrap1.renew-2024 #rightarea .request-data-wrap>a>span{
font-size: 14px;
line-height: 1;
letter-spacing: -0.3px;
font-weight: 700;
color: #404040;
}
#wrap1.renew-2024 #rightarea .realtime-wrap>ul{
margin-top: 16px;
width: 100%;
}
#wrap1.renew-2024 #rightarea .realtime-wrap>ul>li{
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
gap: 8px;
}
#wrap1.renew-2024 #rightarea .realtime-wrap>ul>li+li{
margin-top: 10px;
}
#wrap1.renew-2024 #rightarea .realtime-wrap>ul>li::before{
content: '';
display: inline-block;
vertical-align: middle;
min-width: 18px;
min-height: 18px;
background-size: 100%;
}
#wrap1.renew-2024 #rightarea .realtime-wrap>ul>li:first-of-type::before{background: url("/images/renew_icon/ico-rank-1.svg")no-repeat center center;}
#wrap1.renew-2024 #rightarea .realtime-wrap>ul>li:nth-of-type(2)::before{background: url("/images/renew_icon/ico-rank-2.svg")no-repeat center center;}
#wrap1.renew-2024 #rightarea .realtime-wrap>ul>li:nth-of-type(3)::before{background: url("/images/renew_icon/ico-rank-3.svg")no-repeat center center;}
#wrap1.renew-2024 #rightarea .realtime-wrap>ul>li:nth-of-type(4)::before{background: url("/images/renew_icon/ico-rank-4.svg")no-repeat center center;}
#wrap1.renew-2024 #rightarea .realtime-wrap>ul>li:nth-of-type(5)::before{background: url("/images/renew_icon/ico-rank-5.svg")no-repeat center center;}
#wrap1.renew-2024 #rightarea .realtime-wrap>ul>li:nth-of-type(6)::before{background: url("/images/renew_icon/ico-rank-6.svg")no-repeat center center;}
#wrap1.renew-2024 #rightarea .realtime-wrap>ul>li:nth-of-type(7)::before{background: url("/images/renew_icon/ico-rank-7.svg")no-repeat center center;}
#wrap1.renew-2024 #rightarea .realtime-wrap>ul>li:nth-of-type(8)::before{background: url("/images/renew_icon/ico-rank-8.svg")no-repeat center center;}
#wrap1.renew-2024 #rightarea .realtime-wrap>ul>li:nth-of-type(9)::before{background: url("/images/renew_icon/ico-rank-9.svg")no-repeat center center;}
#wrap1.renew-2024 #rightarea .realtime-wrap>ul>li:nth-of-type(10)::before{background: url("/images/renew_icon/ico-rank-10.svg")no-repeat center center;}
#wrap1.renew-2024 #rightarea .realtime-wrap>ul>li:nth-of-type(11)::before{background: url("/images/renew_icon/ico-rank-11.svg")no-repeat center center;}
#wrap1.renew-2024 #rightarea .realtime-wrap>ul>li:nth-of-type(12)::before{background: url("/images/renew_icon/ico-rank-12.svg")no-repeat center center;}
#wrap1.renew-2024 #rightarea .realtime-wrap>ul>li:nth-of-type(13)::before{background: url("/images/renew_icon/ico-rank-13.svg")no-repeat center center;}
#wrap1.renew-2024 #rightarea .realtime-wrap>ul>li:nth-of-type(14)::before{background: url("/images/renew_icon/ico-rank-14.svg")no-repeat center center;}
#wrap1.renew-2024 #rightarea .realtime-wrap>ul>li:nth-of-type(15)::before{background: url("/images/renew_icon/ico-rank-15.svg")no-repeat center center;}
#wrap1.renew-2024 #rightarea .realtime-wrap>ul>li>a{
display: -webkit-box;
vertical-align: middle;
font-size: 12px;
line-height: 1.2;
font-weight: 500;
letter-spacing: -0.3px;
color: #737373;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
word-wrap: break-word;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
#wrap1.renew-2024 #rightarea .request-data-wrap>a{
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
cursor: pointer;
}
#wrap1.renew-2024 #rightarea .request-data-wrap>ul{
width: 100%;
margin-top: 16px;
}
#wrap1.renew-2024 #rightarea .request-data-wrap>ul>li{
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 8px;
}
#wrap1.renew-2024 #rightarea .request-data-wrap>ul>li+li{
margin-top: 7px;
}
#wrap1.renew-2024 #rightarea .request-data-wrap>ul>li>a{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 8px;
}
#wrap1.renew-2024 #rightarea .request-data-wrap>ul>li>i.ico-request,.ico-request{
display: inline-block;
vertical-align: middle;
width: 39px;
min-width: 39px;
height: 18px;
background: url("/images/renew_icon/tag-ing.svg")no-repeat center center;
background-size: 100%;
}
#wrap1.renew-2024 #rightarea .request-data-wrap>ul>li>a>span{
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
word-break: break-all;
word-wrap: break-word;
white-space: pre-wrap;
font-size: 12px;
line-height: 1.2;
font-weight: 500;
letter-spacing: -0.3px;
color: #404040;
}
/* 완쪽 날개배너 */
#wrap1.renew-2024 .wingLeft{
display: flex;
justify-content: center;
align-items: center;
width: 90px;
overflow: hidden;
top: 185px;
left: -106px;
/* background-color: aliceblue; */
}
#wrap1.renew-2024 .wingLeft .wingLeft_slideList{
overflow: hidden;
height: 220px;
/* border: 1px solid #D9D9D9; */
}
#wrap1.renew-2024 .wingLeft .wingLeft_slideList > li{
width: 90px;
height: auto;
padding-left: 0px;
}
#wrap1.renew-2024 .wingLeft .pagerArea{
width: 73px;
right: 6px !important;
}
#wrap1.renew-2024 .wingLeft .pagerArea.mac-os{
right: -2px !important;
}
/* 우측 퀵메뉴 */
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu{
width: 72px;
top: 184px;
right: -92px;
height: auto;
background-color: #fff;
border: 1px solid #E5E5E5;
border-top: none;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu>li{
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px;
box-sizing: border-box;
padding: 12px 8px;
cursor: pointer;
}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu>li:first-of-type{
padding: 0px;
cursor: default;
}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu>li>i{
display: block;
width: 30px;
height: 30px;
background-size: 100%;
}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu>li>i.ico-right-menu-top100{background: url("/images/renew_icon/ico-right-menu-top100.svg")no-repeat center center;}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu>li>i.ico-right-menu-tv{background: url("/images/renew_icon/ico-right-menu-tv.svg")no-repeat center center;}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu>li>i.ico-right-menu-coupon{background: url("/images/renew_icon/ico-right-menu-coupon.svg")no-repeat center center;}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu>li>i.ico-right-menu-attend{background: url("/images/renew_icon/ico-right-menu-attend.svg")no-repeat center center;}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu>li>i.ico-right-menu-unphotographed{background: url("/images/renew_icon/ico-right-menu-unphotographed.svg")no-repeat center center;}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu>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>li:hover>i.ico-right-menu-top100{background: url("/images/renew_icon/ico-right-menu-top100-on.svg")no-repeat center center;}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu>li:hover>i.ico-right-menu-tv{background: url("/images/renew_icon/ico-right-menu-tv-on.svg")no-repeat center center;}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu>li:hover>i.ico-right-menu-coupon{background: url("/images/renew_icon/ico-right-menu-coupon-on.svg")no-repeat center center;}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu>li:hover>i.ico-right-menu-attend{background: url("/images/renew_icon/ico-right-menu-attend-on.svg")no-repeat center center;}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu>li:hover>i.ico-right-menu-unphotographed{background: url("/images/renew_icon/ico-right-menu-unphotographed-on.svg")no-repeat center center;}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu>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>li+li:not(:nth-of-type(2)){
border-top: 1px solid #E5E5E5;
}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu>li>span{
display: block;
text-align: center;
font-size: 11px;
line-height: 1.2;
font-weight: 400;
letter-spacing: -0.3px;
color:#404040;
}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu>li:hover{
background-color: #F2F9FF;
}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu>li:hover>span{
color: #429AF4;
}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu>li.menu_flixko {
position: relative;
}
#wrap1.renew-2024 #header_wrap .quick_layer .quick_menu>li.menu_flixko > img {
position: absolute;
top:0;
left:0;
}
/* 메인페이지 배너 */
#wrap1.renew-2024 .main-banner{
position: relative;
z-index: 10;
overflow: hidden;
width: 586px;
height: 196px;
/* border: 1px solid #D9D9D9; */
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
margin-left: 16px;
}
#wrap1.renew-2024 .main-banner .swiper-wrapper{
width: 100%;
height: 100%;
}
#wrap1.renew-2024 .main-banner .swiper-slide img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
background-position: center center;
}
#wrap1.renew-2024 .main-banner .main-pagination,
#wrap1.renew-2024 .main-banner .main-button-prev,
#wrap1.renew-2024 .main-banner .main-button-next{
position: absolute;
z-index: 15;
}
#wrap1.renew-2024 .main-banner .main-pagination{
display: flex;
justify-content: flex-end;
align-items: center;
gap: 5px;
width: 100%;
bottom: 14px;
box-sizing: border-box;
padding-right: 16px;
/* right: 16px; */
}
#wrap1.renew-2024 .main-banner .main-pagination .swiper-pagination-bullet{
width: 6px;
height: 6px;
opacity: 1;
background-color: #A6A6A6;
-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);
border-radius: 999px;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
-ms-border-radius: 999px;
-o-border-radius: 999px;
cursor: pointer;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
}
#wrap1.renew-2024 .main-banner .main-pagination .swiper-pagination-bullet-active{
background-color: #fff;
width: 20px;
}
/* 메인 배너 컨트롤러 */
#wrap1.renew-2024 .main-banner .main-button-prev,
#wrap1.renew-2024 .main-banner .main-button-next{
display: block;
width: 40px;
height: 40px;
box-sizing: border-box;
cursor: pointer;
visibility: hidden;
}
#wrap1.renew-2024 .main-banner:hover .main-button-prev,
#wrap1.renew-2024 .main-banner:hover .main-button-next{
visibility: visible;
}
#wrap1.renew-2024 .main-banner .main-button-prev{
left: 12px;
top: 85px;
}
#wrap1.renew-2024 .main-banner .main-button-next{
right: 12px;
top: 85px;
}
#wrap1.renew-2024 .main-banner .main-button-next>img{
transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
}
/* 푸터 리뉴얼 */
#footerarea,
#footerarea *{
margin: 0;
padding: 0;
box-sizing: border-box;
}
#footerarea{
width: 100%;
background-color: #F2F2F2;
border-top: 1px solid #d9d9d9;
margin-top: 50px;
}
#footerarea .inner-col{
width: 1018px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
#footerarea>*+*{
border-top: 1px solid #D9D9D9;
}
#footerarea .top-wrap{
padding: 12px 0px;
}
#footerarea .top-wrap .inner-col{
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
row-gap: 8px;
}
#footerarea .top-wrap .left-notice-wrap{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 8px;
overflow: hidden;
}
#footerarea .top-wrap .left-notice-wrap>i.ico-notice{
display: inline-block;
vertical-align: middle;
width: 44px;
min-width: 44px;
height: 16px;
background: url("/images/renew_icon/badge-notice.svg")no-repeat center center;
background-size: 100%;
}
#footerarea .top-wrap .left-notice-wrap .notice-swiper{
position: relative;
width: 379px;
height: 15.6px;
overflow: hidden;
display: flex;
justify-content: flex-start;
align-items: center;
}
#footerarea .top-wrap .left-notice-wrap .notice-swiper .swiper-wrapper{
display: initial !important;
height: 15.6px;
}
#footerarea .top-wrap .left-notice-wrap .notice-swiper .swiper-slide>p{
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: 12px;
font-weight: 400;
line-height: 1.2;
letter-spacing: -0.3px;
color: #404040;
-webkit-user-drag: none;
cursor: pointer;
}
.swiper-notification{display: none;}
#footerarea .top-wrap ul{
display: flex;
justify-content: flex-end;
align-items: center;
gap: 12px;
}
#footerarea .top-wrap ul>li+li::before{
content: '';
display: inline-block;
vertical-align: middle;
width: 1px;
height: 8px;
background-color: #D9D9D9;
margin-right: 12px;
}
#footerarea .top-wrap ul>li>a,
#footerarea .company-info-wrap>.inner-col .company-info>span,
#footerarea .footer-bottom-wrap>.inner-col>p{
font-size: 12px;
font-weight: 400;
line-height: 1.2;
letter-spacing: -0.3px;
color: #737373;
}
#footerarea .top-wrap ul>li:hover>a{
font-weight: 600;
}
#footerarea .company-info-wrap>.inner-col{
padding: 20px 0px;
align-items: flex-start;
}
#footerarea .company-info-wrap>.inner-col .company-info{
max-width: 805px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
column-gap: 8px;
row-gap: 4px;
color: #737373;
}
#footerarea .company-info-wrap>.inner-col .company-info>span+span:not(:nth-of-type(5)):not(:nth-of-type(9)):not(:last-of-type)::before{
content: '';
display: inline-block;
width: 1px;
height: 8px;
background-color: #D9D9D9;
margin-right: 8px;
}
#footerarea .company-info-wrap>.inner-col .company-info>span:last-of-type{
display: block;
width: 100%;
}
#footerarea .footer-bottom-wrap>.inner-col{
justify-content: flex-start;
padding: 16px 0px;
gap: 20px;
}
#footerarea .footer-bottom-wrap>.inner-col>p>span{
display: block;
}
/* 메인 배너 하단 컨텐츠영역 */
#wrap1.renew-2024 .newcontents,
#wrap1.renew-2024 .newcontents *{
box-sizing: border-box;
margin: 0;
padding: 0;
}
#wrap1.renew-2024 .newcontents{
width: 586px;
margin-left: 16px;
margin-top: 16px;
padding: 24px 20px;
padding-bottom: 22px;
border: 1px solid #D9D9D9;
background-color: #fff;
overflow: hidden;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
}
#wrap1.renew-2024 .newcontents .hot_ctn_tit{
height: auto;
line-height: auto;
border-style: none;
position: initial;
letter-spacing: auto;
font-weight: auto;
}
#wrap1.renew-2024 .newcontents .populer-title-wrap{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
}
#wrap1.renew-2024 .newcontents .populer-title-wrap>p{
font-size: 18px;
line-height: 1;
letter-spacing: -0.3px;
font-weight: 900;
color: #262626;
text-transform: uppercase;
}
#wrap1.renew-2024 .newcontents .populer-title-wrap>a{
font-size: 12px;
line-height: 1.2;
font-weight: 500;
letter-spacing: -0.3px;
color: #737373;
}
/* 이즈 인기 top100 상단 탭 */
#wrap1.renew-2024 .newcontents .populer-content-tab-wrap{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 8px;
margin-bottom: 12px;
width: 100%;
}
#wrap1.renew-2024 .newcontents .populer-content-tab-wrap>li{
display: flex;
justify-content: center;
align-items: center;
padding: 6px 12px;
text-align: center;
font-size: 12px;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.3px;
color: #A6A6A6;
border: 1px solid #D9D9D9;
margin: 0;
height: auto;
background: none;
background-color: #F2F2F2;
float: none;
width: fit-content;
border-radius: 999px;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
-ms-border-radius: 999px;
-o-border-radius: 999px;
}
#wrap1.renew-2024 .newcontents .populer-content-tab-wrap>li.hot_on{
background-color: #429AF4;
border-color: #429AF4;
color: #fff;
}
/* 메인 컨텐츠 영역*/
#wrap1.renew-2024 .newcontents .populer-content-wrap{
width: 100%;
display: grid;
grid-template-columns: repeat(5, 1fr);
column-gap: 12px;
row-gap: 16px;
}
#wrap1.renew-2024 .newcontents .populer-content-wrap .content-item>.item-wrap .m-thumb-wrap{
position: relative;
z-index: 1;
overflow: hidden;
padding-top: calc(245.4 / 173 * 100%);
border: 1px solid #D9D9D9;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
}
#wrap1.renew-2024 .newcontents .populer-content-wrap .content-item>.item-wrap .m-thumb-wrap>*{
position: absolute;
z-index: 11;
}
/* 썸네일 이미지 */
#wrap1.renew-2024 .newcontents .populer-content-wrap .content-item>.item-wrap .m-thumb-wrap>.thumbnail-img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
left: 0px;
top: 0px;
z-index: 10;
}
/* 랭킹 */
#wrap1.renew-2024 .newcontents .populer-content-wrap .content-item>.item-wrap .m-thumb-wrap>.left-top-wrap{
left: 0px;
top: 0px;
}
#wrap1.renew-2024 .newcontents .populer-content-wrap .content-item>.item-wrap .m-thumb-wrap>.left-top-wrap .rank-wrap{
display: flex;
justify-content: flex-start;
align-items: center;
}
#wrap1.renew-2024 .newcontents .populer-content-wrap .content-item>.item-wrap .m-thumb-wrap>.left-top-wrap .rank-wrap>*{
display: inline-block;
vertical-align: middle;
}
.content-item>.item-wrap .m-thumb-wrap>.left-top-wrap .rank-wrap>i.ico-rank{
width: 22px;
height: 22px;
background-size: 100%;
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;
}
.content-item:first-of-type>.item-wrap .m-thumb-wrap>.left-top-wrap .rank-wrap>i.ico-rank{background: url("/images/renew_icon/ico-rank-white-1.svg")no-repeat center center #429AF4;}
.content-item:nth-of-type(2)>.item-wrap .m-thumb-wrap>.left-top-wrap .rank-wrap>i.ico-rank{background: url("/images/renew_icon/ico-rank-white-2.svg")no-repeat center center #429AF4;}
.content-item:nth-of-type(3)>.item-wrap .m-thumb-wrap>.left-top-wrap .rank-wrap>i.ico-rank{background: url("/images/renew_icon/ico-rank-white-3.svg")no-repeat center center #429AF4;}
.content-item:nth-of-type(4)>.item-wrap .m-thumb-wrap>.left-top-wrap .rank-wrap>i.ico-rank{background: url("/images/renew_icon/ico-rank-white-4.svg")no-repeat center center #429AF4;}
.content-item:nth-of-type(5)>.item-wrap .m-thumb-wrap>.left-top-wrap .rank-wrap>i.ico-rank{background: url("/images/renew_icon/ico-rank-white-5.svg")no-repeat center center #429AF4;}
.content-item:nth-of-type(6)>.item-wrap .m-thumb-wrap>.left-top-wrap .rank-wrap>i.ico-rank{background: url("/images/renew_icon/ico-rank-white-6.svg")no-repeat center center #429AF4;}
.content-item:nth-of-type(7)>.item-wrap .m-thumb-wrap>.left-top-wrap .rank-wrap>i.ico-rank{background: url("/images/renew_icon/ico-rank-white-7.svg")no-repeat center center #429AF4;}
.content-item:nth-of-type(8)>.item-wrap .m-thumb-wrap>.left-top-wrap .rank-wrap>i.ico-rank{background: url("/images/renew_icon/ico-rank-white-8.svg")no-repeat center center #429AF4;}
.content-item:nth-of-type(9)>.item-wrap .m-thumb-wrap>.left-top-wrap .rank-wrap>i.ico-rank{background: url("/images/renew_icon/ico-rank-white-9.svg")no-repeat center center #429AF4;}
.content-item:nth-of-type(10)>.item-wrap .m-thumb-wrap>.left-top-wrap .rank-wrap>i.ico-rank{background: url("/images/renew_icon/ico-rank-white-10.svg")no-repeat center center #429AF4;}
.content-item:nth-of-type(11)>.item-wrap .m-thumb-wrap>.left-top-wrap .rank-wrap>i.ico-rank{background: url("/images/renew_icon/ico-rank-white-11.svg")no-repeat center center #429AF4;}
.content-item:nth-of-type(12)>.item-wrap .m-thumb-wrap>.left-top-wrap .rank-wrap>i.ico-rank{background: url("/images/renew_icon/ico-rank-white-12.svg")no-repeat center center #429AF4;}
.content-item:nth-of-type(13)>.item-wrap .m-thumb-wrap>.left-top-wrap .rank-wrap>i.ico-rank{background: url("/images/renew_icon/ico-rank-white-13.svg")no-repeat center center #429AF4;}
.content-item:nth-of-type(14)>.item-wrap .m-thumb-wrap>.left-top-wrap .rank-wrap>i.ico-rank{background: url("/images/renew_icon/ico-rank-white-14.svg")no-repeat center center #429AF4;}
.content-item:last-of-type>.item-wrap .m-thumb-wrap>.left-top-wrap .rank-wrap>i.ico-rank{background: url("/images/renew_icon/ico-rank-white-15.svg")no-repeat center center #429AF4;}
.content-item>.item-wrap .m-thumb-wrap>.left-top-wrap .rank-wrap>i.ico-rank+.badge.payback,.badge.payback{
width: 74px;
height: 22px;
background: url("/images/renew_icon/badge-payback-poster.svg")no-repeat center center;
background-size: 100%;
margin-left: -3px !important;
}
.content-item>.item-wrap .m-thumb-wrap>.left-top-wrap .rank-wrap>i.ico-rank+.badge.sale{
width: 40px;
height: 22px;
background: url("/images/renew_icon/badge-sale-poster.svg")no-repeat center center;
background-size: 100%;
margin-left: -3px !important;
}
.content-item>.item-wrap .m-thumb-wrap>.left-top-wrap .rank-wrap>i.ico-rank+.badge.free{
width: 40px;
height: 22px;
background: url("/images/renew_icon/badge-free-poster.svg")no-repeat center center;
background-size: 100%;
margin-left: -3px !important;
}
/* 연령정보 */
.content-item>.item-wrap .m-thumb-wrap>.right-top-wrap{
right: 4px;
top:3px;
}
.content-item>.item-wrap .m-thumb-wrap>.right-top-wrap i.ico-age{
display: block;
width: 18px;
height: 18px;
}
.content-item>.item-wrap .m-thumb-wrap>.right-top-wrap i.ico-age.all{background: url("/images/renew_icon/ico-age-all.png")no-repeat center center; background-size: 100%;}
.content-item>.item-wrap .m-thumb-wrap>.right-top-wrap i.ico-age.age-12{background: url("/images/renew_icon/ico-age-12.png")no-repeat center center; background-size: 100%;}
.content-item>.item-wrap .m-thumb-wrap>.right-top-wrap i.ico-age.age-15{background: url("/images/renew_icon/ico-age-15.png")no-repeat center center; background-size: 100%;}
.content-item>.item-wrap .m-thumb-wrap>.right-top-wrap i.ico-age.age-19{background: url("/images/renew_icon/ico-age-19.png")no-repeat center center; background-size: 100%;}
/* 화질 정보 */
.content-item>.item-wrap .m-thumb-wrap>.left-bottom-wrap{
left: 4px;
bottom: 4px;
height: 16px;
}
.content-item>.item-wrap .m-thumb-wrap>.left-bottom-wrap i.ico-video-qulity{
display: inline-block;
/* vertical-align: middle; */
background-size: 100%;
height: 16px;
}
.content-item>.item-wrap .m-thumb-wrap>.left-bottom-wrap i.ico-video-qulity[data-type="4k"]{
width: 21px;
background: url("/images/renew_icon/badge-4k.svg")no-repeat center center;
background-size: 100%;
}
.content-item>.item-wrap .m-thumb-wrap>.left-bottom-wrap i.ico-video-qulity[data-type="1080"]{
width: 40px;
background: url("/images/renew_icon/badge-1080.svg")no-repeat center center;
background-size: 100%;
}
.content-item>.item-wrap .m-thumb-wrap>.left-bottom-wrap i.ico-video-qulity[data-type="720"]{
width: 33px;
background: url("/images/renew_icon/badge-720.svg")no-repeat center center;
background-size: 100%;
}
.content-item>.item-wrap .m-thumb-wrap>.left-bottom-wrap i.ico-video-qulity[data-type="480"]{
width: 33px;
background: url("/images/renew_icon/badge-480.svg")no-repeat center center;
background-size: 100%;
}
.content-item>.item-wrap .m-thumb-wrap>.left-bottom-wrap i.ico-video-qulity[data-type="360"]{
width: 33px;
background: url("/images/renew_icon/badge-360.svg")no-repeat center center;
background-size: 100%;
}
/* 재생시간 */
.content-item>.item-wrap .m-thumb-wrap> .playtime{
display: flex;
justify-content: center;
align-items: center;
height: 16px;
box-sizing: border-box;
padding: 0px 2px !important;
padding-top: 0.8px;
right: 4px;
bottom: 4px;
font-size: 11px;
line-height: 1;
font-weight: 400;
letter-spacing: -0.3px;
color: #fff;
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;
}
#wrap1.renew-2024 .newcontents .populer-content-wrap .content-item>.item-wrap .item-info-wrap{
margin-top: 4px;
text-align: left;
}
#wrap1.renew-2024 .newcontents .populer-content-wrap .content-item>.item-wrap .item-info-wrap>.title{
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
word-break: break-all;
word-wrap: break-word;
white-space: pre-wrap;
font-size: 12px;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.3px;
color: #404040;
}
#wrap1.renew-2024 .newcontents .populer-content-wrap .content-item>.item-wrap .item-info-wrap>.category{
font-size: 11px;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.3px;
color: #737373;
margin-top: 2px;
}
#wrap1.renew-2024 #container::after{
content: '';
display: block;
visibility: hidden;
clear: both;
}
/* 메인 하단 영역 */
#wrap1.renew-2024 #main-bottom-container{
width: 1018px;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 16px;
margin-top: 16px;
}
#main-bottom-container>*{
width: 100%;
overflow: hidden;
box-sizing: border-box;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
}
#main-bottom-container>*:not(.line-benner-wrap){
border: 1px solid #D9D9D9;
overflow: hidden;
padding: 24px 20px;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
}
#main-bottom-container .line-benner-wrap{
display: flex;
justify-content: center;
align-items: center;
}
#main-bottom-container .line-benner-wrap>img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
cursor: pointer;
}
#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: #429AF4;
border-color: #429AF4;
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{
height: fit-content;
}
.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 .slide-inner-col:hover>div[class^="mvo-"],
.vod-slider-wrap .slide-inner-col:hover>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: 1px solid #F2F2F2;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
}
.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;
}
.webtoon .poster-item>.poster-thumb-wrap::after {
content:"";
display: block;
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
bottom:0;
right:0;
z-index: 1;
background-color: rgba(0, 0, 0, 0.8);
}
.webtoon .poster-item>.poster-thumb-wrap::before {
content:"";
display: block;
position: absolute;
width: 18px;
height: 18px;
top:5px;
right:5px;
background: url("/images/renew_icon/ico-age-19.png")no-repeat center center;
background-size: 100%;
z-index: 2;
}
/* 포스터 뱃지 */
.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: block;
width: fit-content;
box-sizing: border-box;
padding: 2.5px 6px 1.5px;
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: #429AF4;
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: #429AF4;
}
.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_bar{
float: none;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: auto;
}
#wrap1.renew-2024 #contents_left{
float: none;
height: auto;
line-height: initial;
}
#wrap1.renew-2024 #contents_left>.tab-list.renew-2024{
display: flex;
justify-content: flex-start;
align-items: center;
height: 42px;
float: none;
box-sizing: border-box;
background: none;
overflow: hidden;
border-radius: 4px 4px 0px 0px ;
-webkit-border-radius: 4px 4px 0px 0px ;
-moz-border-radius: 4px 4px 0px 0px ;
-ms-border-radius: 4px 4px 0px 0px ;
-o-border-radius: 4px 4px 0px 0px ;
}
#wrap1.renew-2024 #contents_left>.tab-list.renew-2024>li,
#wrap1.renew-2024 #contents_left>.tab-list.renew-2024>li[class$="_off"]{
float: none;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
width: 100px;
height: 100%;
padding: 12px 0px;
border: 1px solid #D9D9D9;
background-color: #F2F2F2;
cursor: pointer;
}
#wrap1.renew-2024 #contents_left>.tab-list.renew-2024>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 #contents_left>.tab-list.renew-2024>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 #contents_left>.tab-list.renew-2024>li>span{
font-size: 14px;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.3px;
color: #A6A6A6;
text-transform: uppercase;
}
#wrap1.renew-2024 #contents_left>.tab-list.renew-2024>li[class$="_on"]{
background-color: #F2F9FF;
border-color: #429AF4;
}
#wrap1.renew-2024 #contents_left>.tab-list.renew-2024>li[class$="_on"]>span{
color: #429AF4;
}
/* 카테고리 페이지 내 왼쪽영역 */
#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;
}
#wrap1.renew-2024 #leftarea .sub-left-menu>li+li{
margin-top: 12px
}
#wrap1.renew-2024 #leftarea .sub-left-menu>li>span{
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: #429AF4;
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-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-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-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: #429AF4;
}
/* #contents_navi 삭제 */
#wrap1.renew-2024 #contents_navi{
background: none;
padding: 0px;
width: 0px;
display: none;
line-height: 0;
float: none;
}
/* 리스트 상단 뷰타입 변경 */
#wrap1.renew-2024 #contents_right{
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
align-items: center;
gap: 12px;
height: auto;
line-height: inherit;
float: none;
}
#wrap1.renew-2024 #contents_right>.list-type-wrap{
display: flex;
justify-content: flex-end;
align-items: center;
height: 100%;
}
#wrap1.renew-2024 #contents_right>.list-type-wrap>li,
#wrap1.renew-2024 #contents_right>.list-type-wrap>li[class$="_off"]{
display: flex;
justify-content: center;
align-items: center;
background-color: #F2F2F2;
border: 1px solid #D9D9D9;
box-sizing: border-box;
padding: 12px;
cursor: pointer;
}
#wrap1.renew-2024 #contents_right>.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 #contents_right>.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 #contents_right>.list-type-wrap>li>svg{
display: block;
width: 16px;
height: 16px;
}
#wrap1.renew-2024 #contents_right>.list-type-wrap>li>svg>path{
fill: #A6A6A6;
}
/* #wrap1.renew-2024 #contents_right>.list-type-wrap>li.active, */
#wrap1.renew-2024 #contents_right>.list-type-wrap>li[class$="_on"]{
background-color: #F2F9FF;
border-color: #429AF4;
}
#wrap1.renew-2024 #contents_right>.list-type-wrap>li[class$="_on"]>svg>path{
fill: #429AF4;
}
#wrap1.renew-2024 #contents_right .tooltip-wrap{
height: 100%;
box-sizing: border-box;
padding: 6px 8px;
padding-left: 12px;
background-color: #429AF4;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
position: relative;
}
#wrap1.renew-2024 #contents_right .tooltip-wrap::after{
content: '';
display: block;
position: absolute;
top: 11px;
right: -3px;
width: 8px;
height: 8px;
background-color: #429AF4;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
#wrap1.renew-2024 #contents_right .tooltip-wrap>*{
display: inline-block;
vertical-align: middle;
}
#wrap1.renew-2024 #contents_right .tooltip-wrap>span{
color: #fff;
text-align: left;
font-size: 12px;
line-height: 1.2;
letter-spacing: -0.3px;
font-weight: 400;
margin-right: 6px;
/* margin-bottom: -3px; */
}
#wrap1.renew-2024 #contents_right .tooltip-wrap>svg{
cursor: pointer;
}
/* 리스트 정렬바 */
#wrap1.renew-2024 .list-sort-wrap{
border: 1px solid #E9E9E9;
border-bottom: none;
display: flex;
align-items: center;
justify-content: space-between;
}
#wrap1.renew-2024 .list-sort-wrap>ul{
display: flex;
justify-content: flex-end;
align-items: center;
gap: 16px;
box-sizing: border-box;
padding: 12px;
margin-left:auto;
}
#wrap1.renew-2024 .list-sort-wrap>ul>li>label{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 4px;
cursor: pointer;
}
#wrap1.renew-2024 .list-sort-wrap>ul>li>label>span{
font-size: 12px;
line-height: 1.3;
font-weight: 400;
letter-spacing: -0.3px;
color: #A6A6A6;
}
#wrap1.renew-2024 .list-sort-wrap>ul>li>label input{
display: none;
}
#wrap1.renew-2024 .list-sort-wrap>ul>li>label>svg>path:first-of-type{
fill: #A6A6A6;
}
#wrap1.renew-2024 .list-sort-wrap>ul>li>label input:checked+svg>path{
fill: #429AF4;
}
#wrap1.renew-2024 .list-sort-wrap>ul>li>label input:checked+svg+span{
color: #404040;
}
#wrap1.renew-2024 .list-sort-wrap .top100-cate-wrap {
display: flex;
align-items: center;
padding:10px 12px;
}
#wrap1.renew-2024 .list-sort-wrap .top100-cate-wrap .top100-cate {
cursor: pointer;
font-size:13px;
padding:0 6px;
position: relative;
}
#wrap1.renew-2024 .list-sort-wrap .top100-cate-wrap .top100-cate:first-child {
padding-left:0;
}
#wrap1.renew-2024 .list-sort-wrap .top100-cate-wrap .top100-cate + .top100-cate::after {
content: '';
display: inline-block;
vertical-align: middle;
width: 1px;
height: 10px;
background-color: #D9D9D9;
position: absolute;
left:0;
top:50%;
transform: translateY(-50%);
}
#wrap1.renew-2024 .list-sort-wrap .top100-cate-wrap .top100-cate.active {
font-weight: bold;
color:#429AF4;
}
/* 리스트 페이지 */
.boardtype1{
border-bottom: none;
}
#contentsListWrap .list-border-wrap{
box-sizing: border-box;
border: 1px solid #F2F2F2;
width: 100%;
overflow: hidden;
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 table>tbody{
box-sizing: border-box;
width: 100%;
}
#contentsListWrap table>tbody *{
box-sizing: border-box;
}
#contentsListWrap table>tbody>tr{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 8px;
box-sizing: border-box;
padding: 10px 16px;
width: 100%;
cursor: pointer;
}
#contentsListWrap table>tbody>tr.no-list{
justify-content: center;
}
#contentsListWrap table>tbody>tr:hover{
background-color: #F2F9FF;
}
#contentsListWrap tr.is_opened{
background-color: #F2F2F2;
}
#contentsListWrap table>tbody>tr+tr{
border-top: 1px solid #F2F2F2;
}
#contentsListWrap .list-border-wrap.last-border>table>tbody>tr:last-of-type{
border-bottom: 1px solid #f2f2f2;
}
#contentsListWrap table>tbody>tr>td{
border-style: none;
}
table>tbody>tr.search-wrap>td{
border: 1px solid #E9E9E9;
}
#contentsListWrap table>tbody>tr>td.category-wrap{
width: 80px;
text-align: left;
}
#contentsListWrap table>tbody>tr>td.category-wrap>span{
width: 100%;
font-size: 12px;
font-weight: 400;
line-height: 1.2;
letter-spacing: -0.3px;
color: #737373;
margin-bottom: -3px;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
word-wrap: break-word;
}
#contentsListWrap table>tbody>tr>td.title{
width: 465px;
padding-left: 0px;
}
#contentsListWrap table>tbody>tr>td.title>.ellipsis{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 8px;
width: 100%;
}
#contentsListWrap table>tbody>tr>td.title>.ellipsis>i.ico-age{
display: inline-block;
vertical-align: middle;
width: 18px;
height: 18px;
min-width: 18px;
}
#contentsListWrap table>tbody>tr>td.title>.ellipsis>i.ico-age.all{
background: url("/images/renew_icon/ico-age-all.png")no-repeat center center;
background-size: 18px;
}
#contentsListWrap table>tbody>tr>td.title>.ellipsis>i.ico-age.age-12{
background: url("/images/renew_icon/ico-age-12.png")no-repeat center center;
background-size: 18px;
}
#contentsListWrap table>tbody>tr>td.title>.ellipsis>i.ico-age.age-15{
background: url("/images/renew_icon/ico-age-15.png")no-repeat center center;
background-size: 18px;
}
#contentsListWrap table>tbody>tr>td.title>.ellipsis>i.ico-age.age-19{
background: url("/images/renew_icon/ico-age-19.png")no-repeat center center;
background-size: 18px;
}
/* 뱃지 */
#contentsListWrap table>tbody>tr>td.title>.ellipsis i.badge{
display: inline-block;
vertical-align: middle;
height: 16px;
margin-right: 4px;
margin-left: 0px !important;
}
#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%;
}
#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+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 !important;
}
#contentsListWrap table>tbody>tr>td.comment-wrap,
#contentsListWrap table>tbody>tr>td.uploader-wrap{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 2px;
}
#contentsListWrap table>tbody>tr>td.comment-wrap>span,
#contentsListWrap table>tbody>tr>td.uploader-wrap>span>a{
font-size: 12px;
line-height: 1.3;
font-weight: 400;
letter-spacing: -0.3px;
color: #A6A6A6;
text-align: left;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
word-wrap: break-word;
}
#contentsListWrap table>tbody>tr:hover>td.comment-wrap>span,
#contentsListWrap table>tbody>tr:hover>td.uploader-wrap>span>a{
color: #429AF4;
}
#contentsListWrap table>tbody>tr>td.comment-wrap{
width: 48px;
}
#contentsListWrap table>tbody>tr>td.comment-wrap i,
#contentsListWrap table>tbody>tr>td.uploader-wrap i{
display: inline-block;
vertical-align: middle;
width: 16px;
min-width: 16px;
height: 16px;
}
#contentsListWrap 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 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 table>tbody>tr>td.uploader-wrap{
width: 88px;
}
#contentsListWrap 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 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 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 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 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%;
}
#wrap1.renew-2024 .fixing{
position: absolute;
/* top: 660px;
right: -1130px; */
/* top: 406px; */
top: 0px;
left: auto;
right: -91px;
width: 72px;
height: 144px;
}
#wrap1.renew-2024 .fixing>div{
box-sizing: border-box;
width: 100%;
height: 72px;
border: 1px solid #E5E5E5;
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: 100%;
}
#wrap1.renew-2024 .fixing>div>a>svg>path{
fill: #A2A2A2;
}
#wrap1.renew-2024 .fixing>div:hover>a>svg>path{
fill: #429AF4;
}
#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{
overflow: hidden;
box-sizing: border-box;
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;
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
}
div#userDiv,
div#userDiv>ul{
min-width: 90px !important;
}
#userDiv.new-popup{
max-width: none;
width: 90px !important;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 8px 0px;
}
#userDiv>ul>li,
#userDiv.new-popup>li{
display: block;
min-width: 88px;
max-width: none;
text-align: center;
box-sizing: border-box;
padding: 4px 12px;
text-align: left;
cursor: pointer;
}
#userDiv>ul>li>span,
#userDiv.new-popup>li>span{
font-size: 11px;
font-weight: 400;
line-height: 1.2;
letter-spacing: -0.9px;
color: #737373;
text-align: left;
}
#userDiv>ul>li:hover>span,
#userDiv.new-popup>li:hover>span{
color: #429AF4;
}
#wrap1.renew-2024 .paging_n{
padding-top: 24px;
}
/* 이미지뷰 리스트 */
[class$="-view-list-container"],
[class$="-view-list-container"] *{
box-sizing: border-box;
}
[class$="-view-list-container"]{
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;
padding-bottom: 24px;
}
[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"]{
/* display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 12px;
row-gap: 24px; */
padding: 0px 12px;
padding-bottom: 24px;
width: 100%;
display:flex;
flex-wrap:wrap;
gap:12px;
}
[class$="-view-list-container"] ul>li.image-list-item {
width:calc((100%/4) - 9px);
}
[class$="-view-list-container"] ul>li.poster-list-item {
width:calc((100%/5) - 10px);
}
[class$="-view-list-container"] ul.poster-view-list{
grid-template-columns: repeat(5, 1fr);
}
[class$="-view-list-container"] ul>li.image-list-item,
[class$="-view-list-container"] ul>li.poster-list-item,
[class$="-view-list-container"] ul>li.poster-list-item>a{
cursor: pointer;
}
li.image-list-item.is_opened .item-info-wrap>.item-title,
li.image-list-item.is_opened .item-info-wrap>a>.item-title,
li.poster-list-item.is_opened .item-info-wrap>.item-title.
li.poster-list-item.is_opened .item-info-wrap>a>.item-title{
color: #A2A2A2;
}
[class$="-view-list-container"] ul>li.image-list-item>a>.m-thumb-wrap,
[class$="-view-list-container"] ul>li.poster-list-item>a>.m-thumb-wrap,
[class$="-view-list-container"] ul>li.image-list-item>.m-thumb-wrap,
[class$="-view-list-container"] ul>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,
[class$="-view-list-container"] ul.image-view-list>li.image-list-item>a>.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,
[class$="-view-list-container"] ul.poster-view-list>li.poster-list-item>a>.m-thumb-wrap
{
padding-top: calc( 254 / 178 * 100% );
}
[class$="-view-list-container"] ul>li.image-list-item>.m-thumb-wrap>*,
[class$="-view-list-container"] ul>li.image-list-item>a>.m-thumb-wrap>*,
[class$="-view-list-container"] ul>li.poster-list-item>.m-thumb-wrap>*,
[class$="-view-list-container"] ul>li.poster-list-item>a>.m-thumb-wrap>*{
position: absolute;
z-index: 11;
}
[class$="-view-list-container"] ul>li.image-list-item>.m-thumb-wrap>img,
[class$="-view-list-container"] ul>li.image-list-item>a>.m-thumb-wrap>img,
[class$="-view-list-container"] ul>li.poster-list-item>.m-thumb-wrap>img,
[class$="-view-list-container"] ul>li.poster-list-item>a>.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>li.image-list-item:hover>.m-thumb-wrap>img,
[class$="-view-list-container"] ul>li.image-list-item:hover>a>.m-thumb-wrap>img,
[class$="-view-list-container"] ul>li.poster-list-item:hover>.m-thumb-wrap>img,
[class$="-view-list-container"] ul>li.poster-list-item:hover>a>.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;
}
.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: #429AF4;
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;
}
.m-thumb-wrap>.left-top-wrap i.badge{
display: inline-block;
vertical-align: middle;
height: 28px;
}
.m-thumb-wrap>.left-top-wrap i.ico-rank+i.badge{
margin-left: -4px;
}
.m-thumb-wrap>.left-top-wrap i.badge.payback{
width: 84px;
}
.m-thumb-wrap>.left-top-wrap i.badge:not(.payback){
width: 50px;
}
.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%;
}
.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%;
}
.m-thumb-wrap>.left-top-wrap .top100-icon {
height: 28px;
background-color: #2987e7;
font-size: 13px;
font-weight: bold;
width: 30px;
color: #fff;
font-style: italic;
opacity: 1;
line-height: 28px;
right: auto;
border-top-left-radius: 2px;
padding: 0 4px;
position:relative;
z-index: 9;
}
.m-thumb-wrap>.left-top-wrap .top100-icon + i.badge.free {
margin-left:-4px;
position:relative;
z-index: 8;
}
/* 연령정보 */
.m-thumb-wrap>.right-top-wrap{
right: 4px;
top: 4px;
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: 1px;
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;
}
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;
min-width: 17px;
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;
}
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;
}
.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%;}
/* 태그 */
.item-tag-list {
width:100%;
overflow: hidden;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
height: 17px;
color:#429AF4;
text-align: left;
}
.item-tag-list .item-tag {
white-space: nowrap;
margin-left:-1px;
color:#429AF4;
letter-spacing: -0.5px;
font-size:13px;
}
.item-tag-list .item-tag:hover {
text-decoration: underline;
}
#list-container-2024{
position: relative;
}
#list-container-2024 .list-sort-wrap>ul>li.btn_rbt_b{
background-color: #429AF4;
padding: 2px 10px;
color: #fff;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
cursor: pointer;
}
/* 에피소드 리스트 수정 */
.boardtype1.episode{
width: 100%;
max-width: 803px;
}
#contentsListWrap.list_scrollbar.episode>table>tbody>tr>td.title{
width: 403px;
}
.detailview{
position: relative;
}
.detailview>span.blt_210114184543{
top: 0px !important;
left: 12px !important;
}
.seller-grade{
display: flex;
justify-content: flex-end;
align-items: center;
gap: 4px;
}
.seller-grade>i.ico-grade{
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
min-width: 20px;
}
/* .scrollbox{overflow: hidden;}
.scrollbox>div{overflow-x: scroll;} */
/* #view_tot .view_left{position: relative;} */
/* .view_bot{bottom: 17px !important;} */
/* 플릭스코 */
.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_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 #429AF4;
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;
}
.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='%23429AF4'/%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;
}
.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;
}
.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;
}
.flixko_wrap .poster-view-list,
.flixko_wrap .image-view-list {
padding-top:10px;
}
/* TOP100 리뉴얼 */
#contentsListWrap table>tbody>tr.top100>td.category-wrap {
width:40px;
}
#contentsListWrap table>tbody>tr.top100>td.title {
width:505px;
}
#contentsListWrap table>tbody>tr.top100>td.category-wrap .rankNumber {
font-weight: bold;
font-style:italic;
}
#contentsListWrap table > tbody > tr.top100 .rankNumber.rank1,
#contentsListWrap table > tbody > tr.top100 .rankNumber.rank2,
#contentsListWrap table > tbody > tr.top100 .rankNumber.rank3,
#contentsListWrap table > tbody > tr.top100 .rankNumber.rank4,
#contentsListWrap table > tbody > tr.top100 .rankNumber.rank5,
#contentsListWrap table > tbody > tr.top100 .rankNumber.rank6,
#contentsListWrap table > tbody > tr.top100 .rankNumber.rank7,
#contentsListWrap table > tbody > tr.top100 .rankNumber.rank8,
#contentsListWrap table > tbody > tr.top100 .rankNumber.rank9,
#contentsListWrap table > tbody > tr.top100 .rankNumber.rank10 {
color:#2987e7;
}
/* kav tab */
.av_tab_box {
margin-bottom: 5px;
}
.av_tab_box ul {
display: flex;
align-items: center;
}
.av_tab_box ul .av_tab {
width:50%;
text-align: center;
height:46px;
line-height:42px;
background-color:#f7f7f7;
font-size:18px;
font-weight: bold;
color:#333;
cursor: pointer;
box-sizing: border-box;
border:1px solid #E5E5E5;
}
.av_tab_box ul .av_tab.now {
color:#fff;
background-color: #F43A49;
border-color: #F43A49;
}
.av_tab_box ul .av_tab:first-child {
border-top-left-radius: 6px;
}
.av_tab_box ul .av_tab:last-child {
border-top-right-radius: 6px;
position: relative;
}
.av_tab_box ul .av_tab:last-child::after {
content:"";
display: block;
width:42px;
height:20px;
position: absolute;
top: -8px;
left: 35%;
background-repeat: no-repeat;
background-size:100%;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='42' height='20' viewBox='0 0 42 20' fill='none'%3E%3Crect width='42' height='20' fill='url(%23pattern0_47_9)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_47_9' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_47_9' transform='scale(0.0238095 0.05)'/%3E%3C/pattern%3E%3Cimage id='image0_47_9' width='42' height='20' preserveAspectRatio='none' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAUCAYAAAD7s6+GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3dpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAzIDc5Ljk2OTBhODdmYywgMjAyNS8wMy8wNi0yMDo1MDoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjMDEwMTJkOS1mMzAyLTcwNGItOGNjMC03NjFjNDZjYjQxZGIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkI1N0EyMzA4ODhEMTFGMDhDMTY4MTE5NTNDQzQyOEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkI1N0EyMkY4ODhEMTFGMDhDMTY4MTE5NTNDQzQyOEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI2LjEwIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmMwMGE2ZDUwLTIwN2EtOTA0MC05YjU5LTU4MjU4ZWEzZTlmYiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpjMDEwMTJkOS1mMzAyLTcwNGItOGNjMC03NjFjNDZjYjQxZGIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz50ZleSAAAB2UlEQVR42mJUD14UwMDAMB2IJRgGJ3gBxJksQGIWEIsyDF4ACsDZTIPckTAgwsQwRABRDr2xJo4hP+gihpij7is4Gx2D5M4tLmKojTsB1yMp8BMshywG05/ofguvG1iI9VFmVC/D/rOTGS495IeLCfD+gLMr+1oY1h+TQ9Fz4oIzg7XxaQaGRRZgfpjTDTCNLAZz4I6T8pSHKAg8eGrKUJ+xjqTo2n1cl0FB+jQ4JEHAWPsWw9XbjmAxPfmPYDFTndtgsecf2Knj0Jkr/RkUZS5jRBsMtBfVwKP98KwWsBgshGEhaaa/mWHJZmewp/3tr4PFLAz2Mly4rknQfhZSQqh5egHYQRsPYhqMLepB4NRFX3BIJn7lZPj2XQSsRkfFFBz9jueVGLg432A1j+wQhYUQyGJSksD+U/rgkHQ0u8hw5ZYlWOwI0IGg6E8MOAgOXeR0TxWHgkD5ZD9wEiAWwDIJyLEgR4Mdf1mM4fU7NbDY0bOm1CueQODDZw4wDUr0oCSALIaeRkE40OoRXD0os4DA/J1qcPXHz1nDQ5cYwAis6/8PmwJ/1KHEg5dDwaGgejoDvRztuLEmtnKwR33bYHUkskNbgI6sHtQJAFg8Nf7//59hsGOAAAMAy6I2zZCz4GEAAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E");
}