/* 기본색상 #555555 12px body, td, div, p {font-size:12px; color:#555555; font-family:돋움, tahoma} img {border:0 none} form, iframe { margin:0px; padding:0px} ul,li,dl,dt,dd { list-style:none; margin:0px; padding:0px} .b {font-weight:bold} .u {text-decoration:underline} .nu {text-decoration:none} a.bold:hover {font-weight:bold} a {color:#555555; text-decoration:none} a:link {color:#555555; text-decoration:none} a:hover {color:#619f10; text-decoration:underline} a,img,input{selector-dummy: expression(this.hideFocus=true)} /* png 투명화 처리 */ .png24 {tmp:expression(setPng24(this))} /* History Title */ .histroy{font-size:12px; color:#d6d6d6} .b{font-weight:bold} .point{font-size:12px; color:#619f10; font-weight:bold} .point02{font-size:12px; color:#619f10; font-weight:bold; text-decoration:underline} .subTitle{font-size:14px; color:#619f10; font-weight:bold} /* 줄간격 */ .lh13 {line-height:1.3} .lh14 {line-height:1.4} .lh15 {line-height:1.5} .lh16 {line-height:1.6} .lh17 {line-height:1.7} .lh18 {line-height:1.8} .lh19 {line-height:1.9} .lh20 {line-height:2.0} .gray{color:#666666} a.gray:link{color:#666666} a.gray:visited{color:#666666} a.gray:active{color:#666666} a.gray:hover{color:#666666} /* Board Title */ .logArea{font-size:11px; padding:5 0 0 0; color:#4f4f30} a.logArea:link{color:#4f4f30; font-weight:normal} a.logArea:visited{color:#4f4f30; font-weight:normal} a.logArea:active{color:#4f4f30; font-weight:normal} a.logArea:hover{color:#4f4f30; font-weight:normal; text-decoration:none} /* Board Title */ .boardBar{font-size:11px; padding:3 0 0 0; color:#FFFFFF; font-weight:bold} a.boardBar:link{color:#888888; font-weight:normal} a.boardBar:visited{color:#888888; font-weight:normal} a.boardBar:active{color:#888888; font-weight:normal} a.boardBar:hover{color:#555555; font-weight:normal; text-decoration:none} #f_board td tt {font-family:돋움; font-size:11px; color:#545454; letter-spacing:-1pt; filter: DropShadow(Color=#FFFFFF, OffX=1, OffY=1, Positive=1)} .ch_board {border-top:2px solid #111;} .ch_board th {font-size:11px; letter-spacing:-0.1em; font-family:돋움; padding:5px 0; background-color:#FBFBFB; line-height:20px;} .ch_board th #couponGuideLayer {background-color:#FFF; width:330px; font-size:11px; text-align:left;padding:10px; display:none;position:absolute;border:solid 1px #666; font-weight:lighter; color:#555;} #couponGuideLayerP {background-color:#FFF; width:330px; font-size:11px; text-align:left;padding:10px; display:none;position:absolute;border:solid 1px #666; font-weight:lighter; color:#555;} #couponGuideLayerP2 {background-color:#FFF; width:380px; font-size:11px; text-align:left;padding:10px; display:none;position:absolute;border:solid 1px #666; font-weight:lighter; color:#555;} .ch_board td {line-height:18px; font-family:tahoma;} /* Board Title */ .boardList{font-size:12px; padding:4 0 0 0; color:#555555} a.boardList:link{color:#555555} a.boardList:visited{color:#555555} a.boardList:active{color:#555555} a.boardList:hover{color:#ff6600; text-decoration:none} /* 상단 공지사항 */ .topNotice{color:#FFFFFF; font-weight:bold} a.topNotice:link{color:#FFFFFF} a.topNotice:visited{color:#FFFFFF} a.topNotice:active{color:#FFFFFF} a.topNotice:hover{color:#ffcc00; text-decoration:none} /* 상단 시계 */ .time{color:#b7b7b7; font-size:11px; font-weight:bold} /* 좌측메뉴 */ .style_left {font-size: 9pt; font-family:돋움, tahoma; font-weight: bold; color: #595959; } .style_left tt {font-size: 9pt; font-family:돋움, tahoma; font-weight: bold; color: #3A9B00; letter-spacing:-1pt} .style_left b {font-size: 8pt; font-family:돋움, tahoma; font-weight: bold; color: #C8C8C8; letter-spacing:-1pt} #style_bigsopping {font-size: 9pt; font-family:돋움, tahoma; color: #555555; letter-spacing:-1pt} .mainMenu{color:#FFFFFF; font-weight:bold} a.mainMenu:link{color:#FFFFFF} a.mainMenu:visited{color:#FFFFFF} a.mainMenu:active{color:#FFFFFF} a.mainMenu:hover{color:#97ff00; text-decoration:none} .textEvent{color:#666666} a.textEvent:link{color:#00a99d} a.textEvent:visited{color:#00a99d} a.textEvent:hover{color:#00a99d; text-decoration:underline} /* Text_Field */ .mid_search {color:#ff8a00;height:17px;padding:2px;border-top:1px solid #262626;border-left:1px solid #262626;border-right:1px solid #5A5A5A;border-bottom:1px solid #5A5A5A;background-color:#464646;font-size:11px;font-family:돋움, tahoma} .Text_Field_Enable { border: 1px solid #999999; font-size: 11px; line-height: 16px; color: #333333; HEIGHT: 18px; font-family:돋움, tahoma} .searchTextField { border: 1px solid #999999; font-size: 12px; line-height: 16px; color: #406618; HEIGHT: 18px; font-family:돋움, tahoma} .Text_Field_border0 { border: 0px solid #999999; font-size: 12px; line-height: 16px; color: #888888; HEIGHT: 18px; font-family:돋움, tahoma} .Text_Field_Disable { BACKGROUND-COLOR: #F5F5F5; border: 1px #666666 solid; font-size: 12px; line-height: 16px; color: #666666; font-family:돋움, tahoma} .Text_Field_essential { BACKGROUND-COLOR: #FFFFF0; border: 1px #666666 solid; font-size: 12px; line-height: 16px; color: #333333; HEIGHT: 18px; font-family:돋움, tahoma} #apDiv1 {position:absolute;left:224px;top:296px;width:666px;height:92px;z-index:1} #apDiv2 {position:absolute;left:10px;top:124px;width:204px;height:264px;z-index:2} /* 서브페이지 타이틀 */ .subTile{font-size: 9pt; font-family:돋움, tahoma; color: #595959; letter-spacing:-1pt} .subTile tt {font-size: 9pt; font-family:돋움, tahoma; font-weight: bold; color: #36A200; letter-spacing:-1pt} /*.subTile b {font-size: 8pt; font-family:돋움, tahoma; font-weight: bold; color: #C8C8C8; letter-spacing:-1pt}*/ .subTile b {font-size: 13px; font-family:돋움, tahoma; font-weight: bold; color: #B80003; letter-spacing:-1pt} /** 정액제페이지 리뉴얼 **/ #f_cash_tt {letter-spacing:-1pt} #f_cash_tt tt{letter-spacing:-1pt; color:#CCCCCC} #f_cash {letter-spacing:-1pt} #f_cash_r td {padding:0 0 0 5} #f_cash_r td tt{font-weight:bold; color:#EA4721} #f_cash_r td s{color:#9F9F9F} #f_cash_m td {padding:0 0 0 5} #f_cash_m td tt{font-weight:bold; color:#DA0062} #f_cash_m td s{color:#9F9F9F} #f_cash_b td {padding:0 0 0 5} #f_cash_b td tt{font-weight:bold; color:#7667CE} #f_cash_b td s{color:#9F9F9F} #f_cash_y td {padding:0 0 0 5} #f_cash_y td tt{font-weight:bold; color:#AC731C} #f_cash_y td s{color:#9F9F9F} #f_cash_g td {padding:0 0 0 5} #f_cash_g td tt{font-weight:bold; color:#5CAD05} #f_cash_g td s{color:#9F9F9F} #f_cash_caution td {height:16px; font-family:돋움; font-size:11px; color:#787878; letter-spacing:-1pt} #f_cash_title_txt {width:100%; /*border-right:1px solid #DDDDDD;*/ font-family:돋움; font-size:11px; letter-spacing:-1pt; filter:DropShadow(color=#FFFFFF,offx=1,offy=1,positive=1)} #f_cash_title_txt_e {width:100%; font-family:돋움; font-size:11px; letter-spacing:-1pt; filter:DropShadow(color=#FFFFFF,offx=1,offy=1,positive=1)} .f_cash_s {color:#9F9F9F} .f_cash_tr {color:#EA4721} .f_cash_tb {color:#7667CE} .f_cash_ty {color:#AC731C} .f_cash_tm {color:#DA0062} .f_cash_tg {color:#5CAD05} /* 교육컨텐츠 디자인 CSS */ .edu_list{font-family:돋움; font-size:9pt; lette-spacing:-1pt; color:#555555; line-height:13pt} /** 빅쇼핑 CSS **/ /* 개별상품리스트 */ #good_list {width:105px; height:105px; border:0px solid #EAEAEA; margin:12 0 10 0} #good_name {letter-spacing:-1pt} #good_price td b {font-family:tahoma; font-size:9pt; font-weight:bold; color:#FF7200} #good_price td s {font-family:tahoma; font-size:11px; color:#B9B9B9} /* 추천상품 */ #s_must_tt {font-weight:bold; color:#555555; letter-spacing:-1pt; padding:0 0 0 7} #s_price_low {font-family:tahoma; font-size:13pt; color:#FF7200; letter-spacing:-1pt} #s_price_bigfile {font-family:tahoma; font-size:20pt; color:#FF4800; letter-spacing:-1pt} /* 상품 상세보기 페이지 */ #s_detail_name {font-family:돋움; font-size:13pt; letter-spacing:-1pt; color:#3E3E3E; font-weight:bold} #s_detail_base td {padding:0 4 0 4} #s_detail_base td span {letter-spacing:-1pt} #s_detail_base td tt {color:#B9B9B9} #s_detail_base td b {color:#FF7200} #s_detail_base_total {font-size:11pt; font-family:tahoma; color:#FF4800} #s_comment_tt td span {font-family:돋움; font-size:11px; letter-spacing:-1pt; color:#555555; filter:DropShadow(color=#FFFFFF,offx=1,offy=1,positive=1); width:100%} #s_comment_txt td {font-family:돋움; font-size:11px; color:#777777} #s_infor_txt td b {letter-spacing:-1pt; font-weight:bold; color:#777777} #s_infor_txt td tt {font-family:돋움; font-size:11px; letter-spacing:-1pt; color:#777777} #se_caution {font-family:돋움; font-size:11px; color:#909090} /* 상품 주문결제 페이지 */ #s_goods_name {font-weight:bold; letter-spacing:-1pt; line-height:11pt; color:#3E3E3E} #s_goods_option {font-family:돋움; font-size:11px; letter-spacing:-1pt; line-height:11pt; color:#808080} #s_order_infor td b {filter:DropShadow(color=#FFFFFF,offx=1,offy=1,positive=1); width:100%; letter-spacing:-1pt} #s_order_infor td span {filter:DropShadow(color=#FFFFFF,offx=1,offy=1,positive=1); width:100%; font-weight:bold; color:#FF4800} #s_order_total td tt {color:#FF4800; font-weight:bold; font-size:11pt; font-family:tahoma} /* 결제완료 팝업창 */ #s_pop_tt td span {font-family:돋움; font-size:11px; letter-spacing:-1pt; color:#555555; filter:DropShadow(color=#FFFFFF,offx=1,offy=1,positive=1); width:100%} .wr_pch {padding:22px 20px 0px 20px;} /* 주문내역 */ #s_history_tt {height:20px; font-weight:bold} #s_history_st {height:20px; font-family:돋움; font-size:11px; color:#808080} #s_history_r {height:20px; color:#FF4800; font-weight:bold} #s_history_y {height:20px; color:#B79670} #s_history_g {height:20px; color:#62A924} #s_history_b {height:20px; color:#358CB9} /* 이벤트 당첨후기 */ .review{font-size:11px; color:#adadad; letter-spacing:-1pt} a.review:link{color:#adadad} a.review:visited{color:#adadad} a.review:active{color:#adadad} a.review:hover{color:#adadad; text-decoration:underline} /* 2010 여름 여행사진 이벤트 */ .2010summer {font-size:11px; color:#555555; letter-spacing:-1pt; line-height:18pt} a.2010summer:link {font-size:11px; color:#555555; letter-spacing:-1pt} a.2010summer:visited {font-size:11px; color:#555555; letter-spacing:-1pt} a.2010summer:active {font-size:11px; color:#555555; letter-spacing:-1pt} a.2010summer:hover {font-size:11px; color:#479FA1; letter-spacing:-1pt} .2010summer_green {font-size:11px; color:#479FA1; letter-spacing:-1pt} .2010summer_green2 {font-size:11px; color:#549091; letter-spacing:-1pt} .2010summer_grey {font-size:11px; color:#b6b6b6; letter-spacing:-1pt} .2010summer_grey_num {font-size:11px; color:#b6b6b6} .2010summer_input {border:1px solid #bbbbbb; font-size:9pt; color:#555; padding:3px 0px 0px 3px} /* 캐시충전 */ .cash_tt {width:100%; height:34px; margin-top:20px; border-bottom:2px solid #555} /* *{font-size:9pt; font-family:돋움, Dotum, trebuchet MS, sans-serif; color:#555555} */ body {margin:0px; padding:0px;min-width:1180px;} #wrapper {width:100%;} /* #header {width:960px; margin:0 auto} */ #container {position:relative; width:100%; margin:0 auto} #mheader {position:relative; width:100%; height:115px} #logo {position:relative; float:left; width:273px; height:115px} #gnbbar {position:relative; float:left; width:430px; height:115px} #inforbar {position:relative; float:left; width:257px; height:115px} #category {position:relative; width:100%; height:68px; border-top:1px solid #69B100} #category_wrapper {height:67px; background:url(/_template/service/images/main_2010/bg_category.gif)} #infor {position:relative; width:100%; height:138px; background-color:#F4F4F4; border-bottom:1px solid #9E9E9E; z-index:4} #infor_left {float:left; width:193px; height:138px; border-left:1px solid #9E9E9E; border-right:1px solid #9E9E9E} #infor_body {position:relative; float:left; width:601px; height:138px} #infor_right {position:relative; float:left; width:166px; height:138px; border-left:1px solid #9E9E9E; border-right:1px solid #9E9E9E} /*#contents {position:relative; width:100%; background-color:#FFFFFF; border-bottom:3px solid #777777; border-right:1px solid #D5D5D5; border-left:1px solid #D5D5D5}*/ #contents_left {position:relative; width:192px; border-right:1px solid #D5D5D5; background-color:#FBFBFB} #contents_body {position:relative; float:left; width:601px; height:100%} #contents_right {position:relative; float:left; width:166px; height:100%; border-left:1px solid #D5D5D5; border-right:1px solid #D5D5D5} #sub_body {width:765px} #footer {position:relative; width:100%;} .sep_ho {position:relative; width:100%; height:2px; background:url(/_template/service/images/common/bg_sep_ho.gif); font-size:1pt} .sep_dot {position:relative; background:url(/_template/service/images/common/bg_sep_dot.gif)} /** HEADER **/ #gnb {position:relative; width:430px; height:18px; padding-left:0px; margin-top:36px} #gnbbar div {position:relative; float:left} .gnb_sep {position:relative; width:1px; height:10px; background-color:#DCDCDC; margin:2px 11px 0px 11px} #searchbar {position:relative; margin-top:10px} #field {position:relative; width:399px; height:31px; background:url(/_template/service/images/main_2010/bg_searchbar.gif); padding-top:2px} .gnb_divide {position:relative; width:1px; height:10px; background-color:#DCDCDC; margin:4px 9px 0px 10px} #gnb_menu {position:relative; width:430px; height:18px; padding-left:0px; margin-top:20px} #gnb_menu div {margin-top:16px} #infobtn {position:relative; margin:68px 0px 0px 15px} #infobtn div {position:relative; float:left} /** INFOR **/ .wr_lg {border-bottom:1px solid #ACACAC; text-align:center; padding:1px 0;} #loginform {position:relative; background-color:#fcfcfc;} /* 기존 포지션 relative .type_log {position:relative; line-height:11pt} .type_tt {position:relative; font-size:11px; letter-spacing:-1pt; font-weight:bold} .type_count {position:relative; font-size:11px; font-weight:bold; color:#FB4600} */ .type_log {position:; line-height:11pt} .type_tt {position:; font-size:11px; letter-spacing:-1pt; font-weight:bold} .type_count {position:; font-size:11px; font-weight:bold; color:#FB4600} .login_top td {font-size:11px; letter-spacing:-1pt; color:;#3E3E3E} .login_fond a {font-size:11px; letter-spacing:-1pt; color:;#7C7C7C} /* #infor_more {position:absolute; left:-1px; top:105px; width:192px; border-left:1px solid #D5D5D5; border-right:1px solid #D5D5D5; border-bottom:1px solid #D5D5D5; background-color:#FBFBFB; z-index:100;} */ .more_txt {height:18px; color:#666666; letter-spacing:-1pt; font-size:11px; padding-top:2px} .more_count {color:#FF7B00; letter-spacing:-1pt; font-size:11px; font-weight:bold; padding-top:2px} .more_val {color:#A5A5A5; font-size:11px; padding-top:2px} /** CATEGORY **/ #camenu {margin-left:10px; width:100%; height:38px} #camenu td a {display:block; height:38px; line-height:38px; color:#F7FCEF; text-decoration:none; font-weight:bold; font-size:12px; letter-spacing:-1pt; padding:0px 8px 0px 8px; filter:dropshadow(offx=1,offy=1,color=#6EA91D)} #camenu a:hover {display:block;color: #F7FCEF; line-height:38px; background:url(/_template/service/images/main_2010/bg_category_on.gif); } #submenu {margin-top:0px; margin-left:195px; text-decoration:none; font-size:12px; font-family:돋움} #submenu a {color:#EAEAEA; text-decoration:none; font-size:11px; letter-spacing:-1pt} #submenu a:hover {color: #E0FA32; text-decoration:none} #caline_m {color:#B3E472} #caline_s {color:#8C8C8C; padding-left:7px; padding-right:7px} .banner_topleft {float:left; width:194px; height:67px} #category_all {width:100%; border:1px solid #454545; background-color:#FBFBFB; padding:15px 10px 15px 15px} .ca_box {float:left; height:200px; text-align:left; border-right:1px solid #E3E3E3; border-left:1px solid #FFFFFF; padding-left:7px} .ca_title {font-size:9pt; font-weight:bold; letter-spacing:-1pt; color:#AE8559; margin:3px 0px 8px 0px} .ca_txt a {width:75px; height:16px; font-size:11px; letter-spacing:-1pt; color:#777777} /** coupon form 스타일 **/ #coupon_form {position:relative; height:100%; background:url(/_template/service/images/log_2010/bg_loginform.gif)} #coupon_txt td {position:relative; font-family:돋움; font-size:11px; color:#858585; letter-spacing:-1pt} #coupon_txt tt {position:relative; font-family:돋움; font-size:11px; color:#67A412; font-weight:bold; letter-spacing:-1pt} /** FOOTER **/ .footer_aa { position:relative; margin:0 auto; width:960px; border-bottom:1px solid #D5D5D5; padding:5px 0;} /*.footer_aa { width:960px; height:31px; border-bottom:1px solid #D5D5D5}*/ .footer_menu {color:#999; font-size:9px;} .f_solution {} .footer_menu a {position:relative; display:inline-block; font-size:11px; color:#333; letter-spacing:-0.06em; padding:0 6px;} .footer_menu tt {position:relative; font-size:11px; color:#ABABAB; padding:0px 7px 0px 7px} .footer_ba {font-size:11px; color:#8E8E8E; letter-spacing:-0.04em; padding-top:12px; text-align:center; line-height:17px; font-family:MG,맑은 고딕;} .footer_ba img {margin:10px 0px 20px 0px;} /** MAIN BODY**/ .contents_tt {position:relative; width:97%; height:33px; border-bottom:1px solid #D5D5D5; padding:13px 5px 0px 5px} .contents_stt {position:relative; float:left; font-size:11px; color:#454545; letter-spacing:-1pt; font-weight:bold} .contents_sec {position:relative; width:100%; padding:16px 18px 12px 18px} .contents_thum {position:relative; width:110px; float:left; margin-top:1px} .contents_list {/*position:relative;*/} .contents_list table td {position:relative; height:19px} .contents_list table td tt {position:relative; font-size:11px; color:#B79D69} .contents_img {position:relative; margin:8px 0px 8px 0px} /** SUB LEFT **/ #lnb_box {position:relative; width:100%; background-color:#FFFFFF;z-index:-1} .lnb_m a {position:relative; display:block; width:177px; height:30px; line-height:30px; background:url(/_template/service/images/common/bg_lnb_off.gif); text-align:left; letter-spacing:-1pt; padding-left:8px; font-weight:bold} .lnb_mm {position:relative; width:177px; height:30px; background:url(/_template/service/images/common/bg_lnb_off.gif); text-align:left; letter-spacing:-1pt; padding:9px 0px 0px 8px; font-weight:bold} .lnb_n {position:relative; width:177px; height:30px; background:url(/_template/service/images/common/bg_lnb_off.gif); text-align:left; letter-spacing:-1pt; padding:9px 0px 0px 8px; font-weight:bold} .lnb_m a:hover {position:relative; background:url(/_template/service/images/common/bg_lnb_on.gif)} .lnb_m a img {vertical-align:middle;} .lnb_m a .lnb_ssjg {display:inline-block; vertical-align:middle;cursor:pointer;} .lnb_s a {position:relative; width:177px; display:block; height:24px; line-height:24px; font-size:11px; text-align:left; letter-spacing:-1pt; padding-left:12px; background-color:#FBFBFB; border-bottom:1px solid #F6F6F6;color:#777777} .lnb_s a:hover {position:relative; color:#333333} /* 컨텐츠리스트 */ .conlist_s {font-size:11px; font-family:verdana; letter-spacing:-1pt; color:#848484; text-align:center} .conlist_mobile {font-size:11px; letter-spacing:-1pt; color:#619994} .conlist_sub {font-size:11px; letter-spacing:-1pt; color:#AD9E7E} .conlist_id {font-size:11px; font-family:verdana; color:#777; letter-spacing:-1pt} .conlist_s_b {font-size:11px; font-family:verdana; letter-spacing:-1pt; color:#d4d4d4; text-align:center} .conlist_sub_b {font-size:11px; letter-spacing:-1pt; color:#d4d4d4} .conlist_id_b {font-size:11px; font-family:verdana; color:#d4d4d4; letter-spacing:-1pt} .conlist_comment {font-size:7pt; font-family:verdana; color:#E04223} .s_inner {width:185px; border-right:1px solid #D7D7D7; margin-right:3px} .s_inner input {width:100px; height:21px; border-top:1px solid #B3B3B3; border-bottom:1px solid #B3B3B3; border-right:0; border-left:1px solid #B3B3B3; line-height:18px; font-size:9pt; font-family:돋움; color:#555; padding-left:3px} .sort_hd {float:left} .sort_hd li {float:left;border-left:1px solid #C4C4C4} .sort_hd li a {font-size:11px; color:#555; font-weight:bold; letter-spacing:-1pt; padding:0px 20px 0px 10px; background:url(/_template/service/images/02contents_images/bg_sort_hd.gif) right no-repeat} .sort_hd li a:hover {color:#32B61D} .sort_freecaption {float:left} .sort_freecaption li {float:left;border-left:1px solid #C4C4C4} .sort_freecaption li a {display:block; font-size:11px; color:#555; font-weight:bold; letter-spacing:-1pt; line-height:28px; padding:0px 12px;} .sort_freecaption li a:hover {text-decoration:none; color:#555; background-color:#FFF; border-bottom:1px solid #FFF;} .sort_freecaption li .on {border-top:1px solid #C4C4C4; border-bottom:1px solid #FFF;} .sort_freecaption li .off {border-top:1px solid #C4C4C4; border-bottom:1px solid #C4C4C4; background-color:#EAEAEA;} .sort_freecaption .sep {width:256px; height:30px; border-bottom:1px solid #C4C4C4;} /*.s_inner img {vertical-align:top}*/ .sort_mobile {width:100%; border:1px solid #A1A1A1; margin:12px 0px 15px 1px; background:url({T_SERVICE_IMAGE_URL}02contents_images/bg_sort_mobile_on.gif)} .sort_mobile td a {display:block; height:29px; line-height:29px; padding:0px 0px 0px 18px; color:#444; font-weight:bold; border-right:1px solid #A1A1A1; background:url(/_template/service/images/02contents_images/bg_sort_mobile_out.gif) right} .sort_mobile td a:hover {color:#36A022; background:url(/_template/service/images/02contents_images/bg_sort_mobile_on.gif) right} .table_conlist {border-top:1px solid #D8D8D8} .table_conlist th {height:30px; font-size:11px; text-align: center; letter-spacing:-1pt; color:#444; border-top:1px solid #FFF; background-color:#FAFAFA; border-bottom:1px solid #FFF; font-weight:lighter;text-align: center;} .table_conlist th span {display:block; border-right:1px solid #C5C5C5} #Layer_pop1 {position:absolute; left:1000px; top:0px; width:0px; z-index:1000; visibility: hidden;} /** 빅&펀 CSS **/ #bignfun_small {font-size:11px; color:#555555} #bignfun_orange {font-size:11px; font-weight:bold; color:#FF9918} .list_title_txt {font-size:11px; letter-spacing:-1pt; height:32px; background:url(/_template/service/images/common/bg_list_title.gif); text-align:center; padding-top:2px; filter:dropshadow(offx=1,offy=1,color=#FFFFFF)} /** 팝업 CSS **/ .pop_top_header {height:39px; background:url(/_template/service/images/popUp/bg_poptop.gif)} .pop_top_header td a img {margin-bottom:1px} .pop_top_head {height:36px; background-color:#32B61D; border-bottom:1px solid #49D134; color:#FFF; font-size:11px; letter-spacing:-1pt; line-height:36px; padding-left:10px} .pop_top_head b {font-size:9pt} .pop_top_head span {color:#7BE969; margin-right:5px} .pop_wrap {border-top:2px solid #656565; padding:23px} .p_box_01 {border:1px solid #D4D4D4; background-color:#FFF; padding:20px; font-size:11px; letter-spacing:-1pt; color:#727272; line-height:12pt} .p_box_02 {border:1px solid #D4D4D4; background-color:#FFF; padding:20px; letter-spacing:-1pt; color:#32B61D; font-size:9pt; font-weight:bold; line-height:20pt; text-align:center} .p_box_02 b {color:#222; font-size:18pt; font-family:verdana} .p_comm {font-size:11px; letter-spacing:-1pt; color:#727272; line-height:11pt} .p_caution {font-size:11px; letter-spacing:-1pt; color:#727272; line-height:12pt} .p_caution span {color:#00A3D9; letter-spacing:0pt; font-family:verdana} .p_btn {text-align:center; margin-top:12px} .popup_title_w {letter-spacing:-1pt; color:#FFFFFF; font-weight:bold; filter:dropshadow(offx=1,offy=1,color=#6EA91D)} .txt_ppo {text-align:center; letter-spacing:-1px; color:#555; line-height:13pt; font-size:11px;} .txt_ppo b {color:#2AB90E;} /* 베스트 100 */ .ct_best {width:726px; background-color:#FFF;} .ct_best .tinfo {float:left; width:100%; border-bottom:2px solid #000; height:40px;} .ct_best .tinfo .tt {float:left; margin-top:10px;} .ct_best .tinfo p {float:right; display:block; font-size:11px; letter-spacing:-1px; color:#111; margin-top:18px;} .ct_sort .sort {float:left; margin-top:20px; border-top:1px solid #E5E5E9; border-left:1px solid #E5E5E9;} .ct_sort .sort li {float:left; border-right:1px solid #E5E5E9;} .ct_sort .sort li a {display:block; width:56px; height:26px; line-height:26px; font-size:11px; letter-spacing:-1px; text-align:center; border-bottom:1px solid #D0D0D7;} .ct_sort .sort li .off {color:#999; background:url(/_template/service/images/02contents_images/bg_sort.gif);} .ct_sort .sort li .on {color:#000; border-bottom:1px solid #FFF; background-color:#FFF; font-weight:bold;} .ct_sort .sort li a:hover {color:#222; text-decoration:none;} .ct_sort .lst {float:right; margin-top:24px;} .ct_keyword {width:100%; font-size:11px; border:1px solid #B3B3B3; background-color:#F5F5F8; letter-spacing:-0.1em; line-height:13pt;} .ct_keyword .tt {width:60px; padding:5 7px; font-size:9pt; background-color:#FFF; color:#000; text-align:center; border-right:1px solid #888991; font-weight:bold;} .ct_keyword .tt span {color:#42B015;} /** 컨텐츠 등록정보 팝업 CSS **/ .conts_wrap {} .conts_top {} .conts_basic {height:163px; background:url(/_template/service/images/popUp/conts_info/bg_popinfo_top.gif); margin-bottom:1px} .conts_music {height:163px; width:100%; background:url(/_template/service/images/popUp/conts_info/bg_popinfo_top_m.gif); padding:10px 10px 0 10px; margin-bottom:1px} .conts_music_in {width:100%; background-color:#FFF; border-top:1px solid #D1D1D1; border-right:1px solid #D1D1D1;} .conts_music_in th {width:70px; background-color:#FBFBFB; border-bottom:1px solid #D1D1D1; border-left:1px solid #D1D1D1; height:34px; text-align:left; padding-left:10px;} .conts_music_in td {border-bottom:1px solid #D1D1D1; padding-left:12px; color:#333;} .conts_music_in td b {color:#21A187;} .conts_left {} .conts_left_id {color:#1B9B00} .conts_right {border-left:1px solid #F7F7F7; background-color:#EFEFEF; text-align:center; border-left:1px solid #CACACA} .conts_right_edit {border-left:1px solid #F7F7F7; background-color:#EFEFEF; text-align:center; border-left:1px solid #CACACA; width:200px;margin:-150px 0px 30px 600px;} .conts_right_list {margin:0 auto;} .conts_right_list td {height:39px; background:url(/_template/service/images/popUp/conts_info/bg_popinfo_right.gif)} .conts_btn_t {height:100px; width:100%; background:url(/_template/service/images/popUp/conts_info/bg_popinfo_btn01.gif); text-align:center; padding-top:24px} .conts_btn_t table {margin:0 auto;} .conts_screenshot {padding:0px 16px} .conts_photo {width:100%; background-color:#FBFBFB; border:1px solid #E6E6E6} .conts_guide {width:771px; height:42px; background:url(/_template/service/images/popUp/conts_info/bg_popinfo_guide.gif); margin:0px 0px 30px 16px;} .conts_guide_tt {float:left; width:152px; height:42px; text-align:center; padding-top:13px; margin-right:20px} .conts_guide_btn {float:left; height:42px; text-align:center; padding-top:14px} .conts_guide_sep {float:left; width:2px; height:16px; font-size:1pt; background:url(/_template/service/images/popUp/conts_info/img_popinfo_guide_sep.gif); margin:12px 18px 0px 18px} .conts_btn_mb {text-align:center; padding:24px 16px 0 16px; margin:0 auto;} #csBannerFixed {width:100%;} .conts_comment {padding:0px 16px} .conts_comment_area {width:100%; border-top:3px solid #484848} .conts_comment_view {background:url(/_template/service/images/popUp/conts_info/bg_popinfo_viewcomment.gif); font-size:9pt; color:#20A500; text-align:right; padding:2px 107px 0px 0px} .conts_level {position:absolute; width:113px; height:155px; left:673px; top:164px; background:url(/_template/service/images/popUp/conts_info/bg_popinfo_starpoint.gif) no-repeat; z-index:10; padding-top:7px;display:none;margin-top:25px;margin-left:3px} .conts_lev {font-family:돋움; font-size:11px; color:#555555; text-align:right; height:18px; padding-right:19px;} .conts_lev_total_point {font-family:verdana; font-size:9pt; color:#555555; text-align:right; padding:1px 19px 11px 0px; font-weight:bold; color:#FF9918} .conts_lev_total {font-family:verdana; font-size:7pt; color:#555555; text-align:right; padding:9px 19px 0px 0px; font-weight:bold; color:#555555} .conts_uploader {position:absolute; width:103px; height:72px; background:url(/_template/service/images/popUp/conts_info/bg_popinfo_uploader_01.gif); z-index:10; padding-top:7px; background-repeat : no-repeat;} .conts_uploader ul li {margin:2px 0px 2px 8px} .conts_uploaders {position:absolute; width:103px; height:99px; background:url(/_template/service/images/popUp/conts_info/bg_popinfo_uploader_01a.gif); z-index:10; padding-top:7px; background-repeat : no-repeat} .conts_uploaders ul li {margin:2px 0px 2px 8px} .downpop_wrap {width:377px; border:1px solid #656565} .downpop_inwrap {height:283px; border:1px solid #FAFAFA; padding:20px; background:url(/_template/service/images/popUp/conts_info/bg_down_pop.gif)} .downpop_inwrapN {border:1px solid #FAFAFA; padding:20px; background-color:#f4f4f6;} .downpop_sep {width:100%; height:2px; font-size:1pt; background:url(/_template/service/images/popUp/conts_info/bg_down_sep.gif); margin:10px 0px 8px 0px} .downpop_box_t {width:335px; height:3px; font-size:1pt; background:url(/_template/service/images/popUp/conts_info/bg_down_box_t.gif)} .downpop_box_m {width:335px; background:url(/_template/service/images/popUp/conts_info/bg_down_box_m.gif); padding:14px 0px 14px 0px; text-align:center} .downpop_box_ms {width:335px; background:url(/_template/service/images/popUp/conts_info/bg_down_box_m.gif); padding:10px 0px 4px 0px; text-align:center} .downpop_box_ms table {margin:0 auto;} .downpop_box_b {width:335px; height:6px; font-size:1pt; background:url(/_template/service/images/popUp/conts_info/bg_down_box_b.gif);} .downpop_input {height:22px; border:1px solid #555; background-color:#FFF; font-size:9pt; color:#444444; padding:4px 0px 0px 4px} .downpop_nprice {width:50%; font-size:16pt; font-family:verdana; letter-spacing:-1pt; padding-right:30px; text-align:right; color:#43AD19} .downpop_mprice {width:50%; font-size:16pt; font-family:verdana; letter-spacing:-1pt; padding-right:30px; text-align:right} .downpop_txtdown {height:60px; font-size:9pt; color:#333333; text-align:center; line-height:14pt} .downpop_txtdown b {font-size:9pt; color:#F27218} .downpop_btn img {margin-bottom:5px} .tb_if_if th {font-size:9pt; letter-spacing:-1px; text-align:left; color:#000;} .conts_bs {height:163px; width:100%; background-color:#F9F9F9; border-bottom:4px solid #05B828;} .tab_ui {margin-bottom:3px;} .tab_ui a {display:inline-block; text-align:right;} .tab_ui a span {display:inline-block; font-family:verdana; font-size:7pt; letter-spacing:-1px; margin-top:4px;} .tab_ui .bn_pc {width:110px; height:23px; background:url(/_template/service/images/popUp/conts_info/btn_sel_01.gif)} .tab_ui .bn_pc span {margin-right:5px;} .tab_ui .bn_pc_on {width:110px; height:23px; background:url(/_template/service/images/popUp/conts_info/btn_sel_01_on.gif)} .tab_ui .bn_pc_on span {color:#FFF; margin-right:5px;} .tab_ui .bn_mb {width:150px; height:23px; background:url(/_template/service/images/popUp/conts_info/btn_sel_02.gif)} .tab_ui .bn_mb_on_d {width:150px; height:23px; background:url(/_template/service/images/popUp/conts_info/btn_sel_02_on_down.gif)} .tab_ui .bn_mb_on_d span {color:#FFF; margin-right:25px;} .tab_ui .bn_mb_on_u {width:150px; height:23px; background:url(/_template/service/images/popUp/conts_info/btn_sel_02_on_up.gif)} .tab_ui .bn_mb_on_u span {color:#FFF; margin-right:25px;} .tab_ui p {display:inline-block; font-size:11px; letter-spacing:-1px;} .ly_select {position:absolute; top:141px; z-index:998;} .ly_select select {width:586px; height:150px;} .conts_bsr {width:100%; background-color:#EFEFEF; border-left:1px solid #999;} .conts_bsr div {background-color:#FFF; margin:5px; line-height:22px; border-top:1px solid #F8F8F8; font-family:tahoma; font-size:9pt; border:1px solid #B6B6B6; padding:10px 0;} .conts_bsr div span {display:inline-block; width:40px; font-size:11px; font-family:돋움; letter-spacing:-1px; font-weight:bold; margin-left:9px;} .conts_bsr div a:hover {text-decoration:none;} .conts_bsr ul {border-top:1px solid #D9D9D9;} .conts_bsr ul li {line-height:31px; border-top:1px solid #F8F8F8; border-bottom:1px solid #D9D9D9; font-family:tahoma; font-size:9pt;} .conts_bsr ul li span {display:inline-block; width:40px; font-size:11px; font-family:돋움; letter-spacing:-1px; font-weight:bold; margin-left:7px;} /* Top #top {border-bottom:1px solid #DBDBDB;} .top_wrap {width:960px;margin:0 auto} .top_wrap .banleft {float:left; margin-top:7px} .top_wrap .banright {float:right; color:#C9C9C9; font-size:11px; margin-top:7px} .top_wrap .banright li {float:left; margin-left:5px} .top_wrap .banright li a {font-size:11px; color:#727272; letter-spacing:-1pt} .select_search {margin-left:3px; width:70px; height:13px; overflow:hidden; position:relative; float:left} .select {position:absolute; top:-2px; left:-2px; width:75px; color:#555} .sltsch {font-size:11px; letter-spacing:-0.1em; font-family:돋움; color:#777; border:1px solid #FFF;} .input_gnb {width:100%; height:23px; border:0; line-height:25px; text-indent:7px} .gnb_bi {float:left; width:212px; height:112px} .gnb_bi a {display:block; width:142px; height:51px; margin:49px 0px 0px 49px} .gnb_search {float:left; width:446px} .gnb_search ul{width:383px;margin:0 auto;} .gnb_search ul li {float:left; color:#DCDCDC; line-height:16px} .gnb_search ul li a {margin:0px 5px} .gnb_search ul li img {vertical-align:middle} .bar_search {width:100%; height:25px; border:3px solid #58BE1D} .search_banner {float:right; width:266px; height:86px; margin:26px 16px 0px 0px} .seach_banner {display:block; width:230px; height:0px; float:right; margin:26px 16px 0px 0px} .seach_ban {width:266px; height:86px} */ /* Category */ .ca_d1 {height:32px;background-color:#58BE17;border-top:1px solid #48A90A} .ca_d1 ul {margin-left:3px} .ca_d1 ul li {float:left; font-size:9pt; color:#FFF} .ca_d1 ul li a {display:inline-block; height:31px; padding:0px 7px; color:#FFF; letter-spacing:-0.1em; font-weight:bold; line-height:32px; font-size:11px;} .ca_d1 ul li a:hover {height:21px; text-decoration:none; background-color:#429E07; border:5px solid #58BE17; line-height:22px; padding:0px 5px; color:#FFF} .ca_d1 ul li a:visited {color:#FFF} .ca_d1 ul .ca_d1_over a {height:21px; text-decoration:none; background-color:#429E07; border:5px solid #58BE17; line-height:22px; padding:0px 5px} .ca_d2 {height:28px;background-color:#454545} .ca_d2 .ca_d2_txt {float:left; color:#9A9A9A; font-size:7pt; margin:0px 0px 0px 10px} .ca_d2 .ca_d2_txt a {line-height:28px; color:#EAEAEA; font-size:11px; letter-spacing:-1pt;text-decoration:none; padding:0px 1px 0px 0px} .ca_d2 .ca_d2_txt a:hover {color:#FEB900} .ca_sep {width:1px; background-color:#27A30A; border-right:1px solid #7AD820; font-size:1px; height:12px; margin-top:9px} .ca_hd {display:block; float:right; width:140px; height:32px; border-left:1px solid #27A30A; text-align:center} .ca_hd img {margin-top:7px} .ca_all {display:block; float:right; width:126px; height:28px; text-align:center} .ca_all img {margin-top:4px} .ca_more {background-color:#FBFBFB; border-left:1px solid #BEBEBE; border-right:1px solid #BEBEBE; border-bottom:1px solid #999; padding:10px 0px} .ca_more ul {float:left} .ca_more ul li {font-size:11px; letter-spacing:-1pt; margin-left:16px; text-align:left} .ca_more ul li a {color:#777; line-height:11pt; width:70px} .ca_more ul li b {display:block; width:50px; color:#47AD9F; margin:7px 0px 4px 0px} .ca_bottom {height:7px; border-bottom:1px solid #BEBEBE} .icon_ca_sdult {background-color:#F94B23; color:#FFFF38; padding:0px 3px 2px 1px; font-size:7pt; font-weight:bold; font-family:verdana} /* SELECT box */ /* 2012 메인변경 body */ .ar_fv {font-size:11px; color:#DFDFDF; letter-spacing:-1px; padding-top:8px;} .ar_fv a {color:#000; padding:0 3px;} /* Login */ /*.log_wrap {width:958px;background-color:#FBFBFB; text-align:left; padding:40px 0px}*/ .log_contain {width:841px; text-align:left; padding:0 0 12px 59px;} .log_table {width:841px; text-align:center; margin-left:59px; background-color:#FFF; border:1px solid #c0c0c0; padding:30px 0;} .log_table table {width:; margin:0 auto;} .log_form {width:348px;} .log_check {font-size:11px; letter-spacing:-1pt; color:#7D7D7D; float:right; margin-bottom:7px} .log_input {float:left; width:290px} .log_form li {float:left} .log_form li img {float:left; margin-top:4px} .log_form li input {float:right; width:235px; height:23px; border:1px solid #6F6F6F; background-color:#FBFBFB; margin-bottom:6px; font-size:9pt; font-weight:bold; line-height:21px; padding-left:3px; color:#444} .log_form .tt {width:290px} .log_btn {float:right} .log_joininfo {float:left; width:348px; margin-top:13px} .log_joininfo p {float:left; font-size:11px; color:#555; letter-spacing:-1pt; line-height:11pt} .log_joininfo a {float:right} .log_sep {height:3px; background:url(/_template/service/images/log/img_sep.gif); font-size:1px; margin:7px 0px} .log_find {float:left; width:348px; font-size:11px; letter-spacing:-1pt} .log_find .tt {width:203px; height:33px; border-bottom:1px solid #C4C4C4; line-height:32px} .log_find .tab_on a img {border-top:1px solid #C4C4C4; border-left:1px solid #C4C4C4; border-right:1px solid #C4C4C4; line-height:28px} .log_find .tab_off a img {padding:1px 0 0 0;border-bottom:1px solid #C4C4C4; line-height:28px; text-align:center} .log_bigban img {border:1px solid #8C8C8C} .log_banner {width:841px; float:left; margin-left:62px; margin-top:35px} .log_banner li {float:left; text-align:left} .log_banner li a {display:block; float:left; border-right:1px solid #A6A6A6; padding:10px 0px} .log_banner li a img {margin:0px 5px} .log_banners {width:841px; margin-left:62px; margin-top:35px} .log_banners td {} /* 회원가입추가sns160629 */ .tb_joinform_sns {border:4px solid #58be17; padding:20px;} .tb_joinform_sns p.sns img {padding-right:27px;} /* 회원가입 */ .tb_joinform {border:4px solid #00d332; padding:20px;} .tb_joinform table {width:92%;} .tb_joinform table th {font-size:12px; color:#333; text-align:left; border-bottom:1px dotted #D2D2D2; text-indent:5px; font-family:MG, 맑은 고딕;} .tb_joinform table th.end {border-bottom:0;} .tb_joinform table td {font-size:11px; color:#777; border-bottom:1px dotted #D2D2D2;} .tb_joinform table td.end {border-bottom:0;} .tb_joinform table td input {width:140px; background-color:#FBFBFB ; font-size:9pt; border:1 solid #cccccc ; height:28px; line-height:28px; color:#444; text-indent:5px; margin:7px; vertical-align:middle; font-family:MG, 맑은 고딕;} .tb_joinform table td select {font-size:12px; color:#333; margin:7px; vertical-align:middle; font-family:MG, 맑은 고딕;} .tb_joinformsub {border:1px solid #cacaca; padding:20px; background-color:#fbfbfb;} .tb_joinformsub table {/*width:95%;*/} .tb_joinformsub table th {font-size:12px; color:#333; text-align:left; /*border-bottom:1px dotted #D2D2D2; */text-indent:5px; font-family:MG, 맑은 고딕;} .tb_joinformsub table th .line{border-bottom:1px dotted #D2D2D2;} .tb_joinformsub table th.end {border-bottom:0;} .tb_joinformsub table td {font-size:11px; color:#777; /*border-bottom:1px dotted #D2D2D2;*/} .tb_joinformsub table td .line{border-bottom:1px dotted #D2D2D2;} .tb_joinformsub table td.end {border-bottom:0;} .tb_joinformsub table td input {width:140px; font-size:12px; border:1 solid #cccccc ; height:28px; line-height:28px; color:#444; text-indent:5px; margin:7px; vertical-align:middle; font-family:MG, 맑은 고딕;} .tb_joinformsub table td select {font-size:12px; color:#333; margin:7px; vertical-align:middle; font-family:MG, 맑은 고딕;} .txt_dis_jo {display:block; font-size:11px; color:#333; color:#999; line-height:15px; margin:10px 0; text-align:left; letter-spacing:-0.06em; padding-left:36px;} .txt_dis_jo b {color:#555;} .txt_dis_jo .redsr {padding:4px 0; color:#6eb0f5; font-size:11px; letter-spacing:-0.05em;} .txt_dia_jo {display:inline-block; font-size:11px; color:#333; color:#999; line-height:15px; margin:10px 0; text-align:left; letter-spacing:-0.06em; padding-left:10px;} .dis_ja {font-size:11px; color:#777; letter-spacing:-1px; text-align:right; padding-top:10px;} .tb_agree_form {overflow:auto; width:400px; height:200px; z-index:1; background-color:#FBFBFB; border:1px solid #E0E0E0;} #pop_txt {font-size:11px; color:#55555;} #pop_txt_b {font-weight:bold;} #footuse14 td {border:1px solid #f4f4f4; font-size:11px; letter-spacing:-1px; line-height:12pt; color:#777; padding:7px;} #footuse14 tt {font-size:9pt; letter-spacing:-1px; line-height:12pt; color:#555555; font-weight:bold;} #footuse14 b {font-size:11px; letter-spacing:-1px; line-height:12pt; color:#A55A29; font-weight:bold;} .cm_wp {padding:25px 20px; text-align:left;} .cm_tt {padding-bottom:15px;} .cm_sb {font-size:11px; letter-spacing:-0.1em; text-align:left; background-color:#F6F6F6; padding:12px; border:1px solid #DADADA; line-height:12pt;} .cm_sb img {margin-bottom:15px;} .cm_wp .cm_tab {background:url({T_SERVICE_IMAGE_URL}01join_images/bg_t.jpg);} .cm_wp .tb_cm {width:724px; letter-spacing:-0.1em; border-bottom:1px solid #999;} .cm_wp .tb_cm th {width:100px; text-align:left; font-size:11px; border-top:1px solid #F6F6F6; padding:10px 0 10px 10px; background-color:#FBFBFB;} .cm_wp .tb_cm td {font-size:11px; border-top:1px solid #F6F6F6; padding:10px 0 10px 15px; font-weight:bold;} .cm_wp .tb_cm td .ipt {border:1px solid #A7ADB4; text-indent:7px; height:22px; line-height:22px; font-size:9pt; color:#111;} .cm_wp .tb_cm td select {font-size:9pt;} .cm_wp .cm_bt {text-align:center; padding:20px 0;} .cm_wp .ip_txt {text-align:center;} .jp_wp {margin:25px 20px; text-align:left; letter-spacing:-0.1em;} .jp_wp .wp {font-size:11px; line-height:12pt;} .jp_wp .wp b {font-size:9pt; display:block; color:#111;} .jp_wp .bp {display:block; text-align:center; background-color:#F6F6F6; padding:20px; border:1px solid #DADADA; line-height:12pt; margin:20px 0;} .jp_wp .bp b {display:inline-block; height:30px; line-height:30px; font-size:11px; color:#111; vertical-align:top;} .jp_wp .bp input {width:150px; height:30px; line-height:30px; border:1px solid #111; text-align:center; font-weight:bold; color:#111; font-family:tahoma;} .jp_wp .sp {font-size:11px; line-height:11pt;} .jp_wp .sp b {display:block;} .jp_wp .tp {text-align:center; padding:15px 0;} .btns_joins_res {padding:20px 0 20px 0;} .slt_agree_form {text-align:right; font-family:MG, 맑은 고딕; font-size:12px; color:#333; letter-spacing:-0.05em; font-weight:800; padding:0 22px 0 0;} .slt_agree_form span {display:inline-block; margin-left:5px;} .ppp_join_coms {position:absolute; z-index:90; left:50%; width:400px; border:1px solid #3c4276; border-bottom:2px solid #a4a8d1; background-color:#FFF; margin:-300px 0 0 -100px;} .ppp_join_coms .inr_titlebar {background-color:#565d9f; color:#FFF; text-align:left; font-family:MG, 맑은 고딕; font-size:14px; font-weight:800; letter-spacing:-0.07em; padding:7px 15px;} .ppp_join_coms .inr_box {padding:30px 30px 40px 30px; text-align:left; border-bottom:1px solid #3c4276;} .ppp_join_coms .inr_box .gifts {text-align:center; } .ppp_join_coms .inr_box .texts {text-align:center; font-size:22px; font-weight:800; font-family:MG, 맑은 고딕; color:#111; letter-spacing:-0.08em; padding-top:7px;} .ppp_join_coms .inr_box .texts span {display:inline-block; color:#00d332;} .ppp_join_coms .inr_box .contnts {text-align:center;font-family:MG, 맑은 고딕; color:#111; letter-spacing:-0.07em;} .ppp_join_coms .inr_box .contnts .details {font-size:12px; font-weight:800; font-family:MG, 맑은 고딕; color:#111; letter-spacing:-0.07em; padding:15px 0; line-height:18px;} .ppp_join_coms .inr_box .contnts .reals {font-size:18px; font-weight:800; font-family:MG, 맑은 고딕; color:#3e86fd; letter-spacing:-0.07em; padding:15px 20px; border:5px solid #ededed;} .ppp_join_coms .inr_box .contnts .reals span {font-size:11px; color:#999;} .ppp_join_coms .inr_box .btns {text-align:center; padding-top:20px;} .ppp_join_coms .inr_box .btns a {display:inline-block; margin:0 3px;} /* 성인인증 */ .btn_19cf {display:inline-block; margin:120px 0 0 385px;} .cf_img {width:100%; height:180px; background:url(/_template/service/images/log/img_19txt.jpg) top center no-repeat;} .cf_table {display:block; width:422px; height:221px; background:url(/_template/service/images/log/bg_form_19.jpg);} .cf_form {width:358px; margin:20px 0 0 30px;} .cf_form li {float:left} .cf_form li img {float:left; margin-top:4px} .cf_form li input {float:right; width:235px; height:23px; border:1px solid #6F6F6F; background-color:#FBFBFB; margin-bottom:6px; font-size:9pt; font-weight:bold; line-height:21px; padding-left:3px; color:#444} .cf_form .tt {width:290px} .cfs_form {width:358px; margin:20px 0 0 30px;} .cfs_form li {float:left} .cfs_form li img {float:left; margin-top:4px} .cfs_form li input {width:210px; height:23px; border:1px solid #6F6F6F; background-color:#FBFBFB; margin-bottom:6px; font-size:9pt; font-weight:bold; line-height:21px; padding-left:3px; color:#444} .cfs_form .tt {width:290px} .txt_19cf {display:block; font-size:11px; color:#999; letter-spacing:-1px; margin-left:30px;} .img_cf_stt {margin-bottom:23px;} /* 자료요청 */ .tb_cautions {border:1px solid #e5e3e3; background-color:#f5f4f4; font-size:11px; color:#555; letter-spacing:-1pt; padding:10px; line-height:13pt; color:#777;} .tb_cautions b {font-size:9pt; color:#555; line-height:20pt;} .tb_order {border-top:1px solid #777; margin-top:10px;} .tb_order th {border-bottom:1px solid #BDBDBD; border-right:1px solid #B9B9B9; text-align:left; font-size:9pt; letter-spacing:-1pt; width:100px; height:30px; line-height:36px; padding-left:7px; background-color:#F5F4F4;} .tb_order td {border-bottom:1px solid #BDBDBD;} .tb_order td input {font-size:9pt;} .table_reqlist {border-top:1px solid #D8D8D8} .table_reqlist td {height:30px; font-size:9pt; color:#444; border-top:1px solid #FFF; background-color:#FAFAFA; border-bottom:1px solid #FFF; font-weight:lighter; text-align:left; color:#444;} .table_reqlist td span {border-right:1px solid #C5C5C5; font-weight:bold; padding:0px 10px 0px 7px; font-size:11px; letter-spacing:-1pt; color:#777;} .table_reqlist_txt {border-top:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:20px; margin-bottom:10px; height:300px; line-height:14pt;} /* 레이어팝업 */ .big_btn {margin-left:15px;} .ly_help{position:absolute;z-index:10;margin-top:8px;border:1px solid #888;background:#fff;text-align:left} .ly_help .clse{position:absolute;top:3px;right:4px} .ly_help strong{display:block;margin-bottom:-5px;padding:9px 0 0 9px;font-size:11px;color:#2c2c2c;letter-spacing:-1px} .ly_help p{padding:10px 10px 8px 9px;font-size:11px;color:#828282;line-height:16px;letter-spacing:-1px} .ly_help p em{color:#268e00} .ly_help .edge_cen{position:absolute;top:0;left:50%;width:9px;height:6px;margin:-6px 0 0 -5px;background:url(/_template/service/images/common/bg_layer_edge.gif) no-repeat 0 0;font-size:0} .ly_help .edge_rgt{position:absolute;top:0;right:10;width:9px;height:6px;margin-top:-6px;background:url(/_template/service/images/common/bg_layer_edge.gif) no-repeat 0 0;font-size:0} .ly_help .edge_lft{position:absolute;top:0;left:10;width:9px;height:6px;margin-top:-6px;background:url(/_template/service/images/common/bg_layer_edge.gif) no-repeat 0 0;font-size:0} .pop_connect_url {width:180px; height:22px; border:1px solid #999; font-size:9pt; color:#333; padding:4px 0px 0px 4px;} /* 빅파일 Mobile 관련 사이트 변경안 스타일 */ .tp_wrap {width:1000px; margin:0 auto;} .tp_sub {padding:30px 0px; border-bottom:1px solid #222;} xmp {border:1px solid #EEEEEE; padding:0px 20px 17px 20px; list-style:none; background-color:#FBFBFB;} .bm_info_d {font-size:11px; letter-spacing:-1pt; color:#7B7B7B;} .bm_info_d img {vertical-align:middle;} .bm_info_m {width:333px; height:74px; line-height:70px; font-size:9pt; letter-spacing:-1pt; color:#111; font-weight:bold; background:url(/_template/service/images/mini/site/bg_bm_msg.gif); text-align:center;} .bm_info_m b {color:#34B0AE;} .bm_info_m img {vertical-align:middle;} .sort_mb {width:726px; border-top:1px solid #A1A1A1; border-left:1px solid #A1A1A1; border-bottom:1px solid #A1A1A1; margin:12px 0px 15px 0px;} .sort_mb td a {display:inline-block; width:103px; height:29px; line-height:29px; color:#444; font-size:11px; font-weight:bold; border-right:1px solid #A1A1A1; background:url(/_template/service/images/02contents_images/bg_sort_mobile_out.gif) -65px 29px; letter-spacing:-1pt;} .sort_mb td a span {margin-left:10px;} .sort_mb td a:hover {color:#36A022; background:url(/_template/service/images/02contents_images/bg_sort_mobile_on.gif) -65px 29px;} .tp_mtb td {font-size:9pt; color:#333; letter-spacing:-1pt; line-height:14pt;} .tp_mtb td img {vertical-align:top;} .tpbtn_cau {position:absolute; margin-left:576px;} .st_size {font-weight:bold; color:#222; letter-spacing:-1pt;} .st_size b {color:#2FA8A6;} .tb_st td {color:#444; letter-spacing:-1pt; line-height:13pt;} .tb_st td span {font-size:11px; color:#777;} .pop_transfer {padding:20px; text-align:center;} .pop_transfer p {display:inline-block; margin-bottom:15px; font-weight:bold; color:#111; letter-spacing:-1px;} .pop_transfer p b {color:#0FA300;} .pop_transfer div {background-color:#FAFAFA; border:1px solid #C7C7C7; padding:15px; line-height:13pt; font-size:11px; letter-spacing:-1px; text-align:left; color:#888;} .pop_transfer div span {display:inline-block; color:#333; margin-bottom:7px; font-size:9pt;} .form_mini {display:inline-block; width:137px; height:25px; background:url(/_template/service/images/mini/site/bg_chmini.png);} .form_mini input {margin:2px 0 0 3px;} /* 업로더 변경안 */ .tm_ok {background-color:#FAFAFA; border:1px solid #E4E4E4; margin:0 60px; padding:10px 10px; text-align:center; font-size:14px;font-weight:bold; color:#000;} /* 4배 이벤트 */ .pop_ppp {display:block; position:absolute; top:0; left:0; width:958px; height:1600px; background:url(/_template/service/images/cash/event/bg_pp.png); z-index:1001; text-align:center;} .tb_ppp {margin:0 2px;} .tb_ppp td {color:#FFF; letter-spacing:-1px;} .tb_ppp .bd {background-color:#2C2F40; padding:20px 10px; text-align:center;} .tb_ppp .bd .id {display:block; color:#FFF; font-weight:bold; margin-bottom:14px; line-height:14pt;} .tb_ppp .bd .id span {color:#6CFF00;} .tb_ppp .bd .ny_gift {width:291px; height:95px; background:url(/_template/service/images/cash/event/bg_gif_01.png); margin-top:15px;} .tb_ppp .bd .ny_gift p {display:inline-block; line-height:14pt; text-align:left; color:#FFF; font-weight:bold; margin:26px 0 0 94px;} .tb_ppp .bd .ny_gift span {font-size:11pt; color:#FFF600;} .tb_ppp .bd .ny_if {font-size:11px; color:#9AA1BC; line-height:13pt; margin-top:7px;} .tb_ppp .bd .ny_if b {color:#CCD3ED;} .ny_bnn {width:283px; height:95px; background:url(/_template/service/images/cash/event/bg_bnn.png); margin-top:12px;} .tb_cls {text-align:right; background-color:#7F7F7F; margin-top:4px; padding:6px 3px;} .tb_cls a {color:#BDBDBD; font-size:11px; letter-spacing:-1px;} .tb_cls a:hover {color:#FFF; text-decoration:none;} .ng_if {color:#B3BDE8; font-weight:bold; margin-top:15px;} .tb_ppp .bd .ns_gift {margin-top:10px;} .tb_ppp .bd .ns_gift table {height:90px;} .tb_ppp .bd .ns_gift table td {background:url(/_template/service/images/cash/event/bg_gif_02.png); text-align:center;} .tb_ppp .bd .ns_gift p {display:inline-block; line-height:14pt;color:#FFF; font-weight:bold;} .tb_ppp .bd .ns_gift span {font-size:11pt; color:#FFF600;} .tb_ppp .lt {width:10px; height:10px; background:url(/_template/service/images/cash/event/bdr_pop_lt.png);} .tb_ppp .t {height:10px; background:url(/_template/service/images/cash/event/bdr_pop_t.png);} .tb_ppp .rt {width:10px; height:10px; background:url(/_template/service/images/cash/event/bdr_pop_rt.png);} .tb_ppp .l {width:10px; background:url(/_template/service/images/cash/event/bdr_pop_l.png);} .tb_ppp .r {width:10px; background:url(/_template/service/images/cash/event/bdr_pop_r.png);} .tb_ppp .lb {width:10px; height:10px; background:url(/_template/service/images/cash/event/bdr_pop_lb.png);} .tb_ppp .b {height:10px; background:url(/_template/service/images/cash/event/bdr_pop_b.png);} .tb_ppp .rb {width:10px; height:10px; background:url(/_template/service/images/cash/event/bdr_pop_rb.png);} /* 돌발 이벤트 */ .pop_ppp2 {display:block; position:absolute; top:0; left:0; width:798px; height:1600px; background:url(/_template/service/images/cash/event/bg_pp.png); z-index:1001; text-align:center;} .pop_ppp_nnn {display:block; position:absolute; top:0; left:0; width:798px; height:1600px; z-index:1001; text-align:center;} /* 4배이벤트 */ .ban_x4_01 {width:728px; height:146px; background:url(/_template/service/images/banner/x4/banner_001_5P_2a.jpg);} .ban_x4_01 div {font-size:11px; font-weight:bold; letter-spacing:-1px; color:#FFF; text-align:right; padding:7px 7px 0 0;} .ban_x4_02 {width:728px; height:146px; background:url(/_template/service/images/banner/x4/banner_002_7P_2a.jpg);} .ban_x4_02 div {font-size:11px; font-weight:bold; letter-spacing:-1px; color:#FFF; text-align:right; padding:7px 7px 0 0;} .ban_x4_03 {width:728px; height:146px; background:url(/_template/service/images/banner/x4/banner_003_8P_2a.jpg);} .ban_x4_03 div {font-size:11px; font-weight:bold; letter-spacing:-1px; color:#FFF; text-align:right; padding:7px 7px 0 0;} /*정액제 체험권*/ .pop_ppp3 {display:block; position:absolute; top:0; left:0; width:958px; height:550px; background:url(/_template/service/images/cash/event/bg_pp.png); z-index:1001; text-align:center;} /* 달골가게 */ .fav a {font-size:11px; color:#4EA4D6; font-weight:bold;} .wr_fav {width:100%;} .pp_fav {border:1px solid #EAEAEA; background-color:#FFF;} .pp_fav .lft {float:left; display:inline-block; width:360px; border-right:1px solid #EAEAEA; background-color:#F9F9F9; padding:20px; letter-spacing:-0.1em;} .pp_fav .lft .tt {font-size:12px; font-weight:bold; color:#000;} .pp_fav .lft .ipt {padding:10px 0;} .pp_fav .lft .ipt input {width:247px; border:1px solid #999; height:22px; line-height:22px; font-size:11px; color:#111; font-family:돋움;} .pp_fav .lft .ipt img {vertical-align:top; margin-left:3px;} .pp_fav .lft .tb_t1 {width:100%;} .pp_fav .lft .tb_t1 th {font-size:11px; color:#111; border-top:1px solid #ABABAB; border-bottom:1px solid #ABABAB; padding:7px 0; letter-spacing:-0.1em;} .pp_fav .lft .tb_t1 td {border-bottom:1px dotted #DFDFDF; padding:7px 0; color:#111;} .pp_fav .lft .del {text-align:right; padding-top:7px;} .pp_fav .rgt {float:left; display:inline-block; padding:20px; margin-left: 10px;} .pp_fav .rgt .tt {font-size:12px; font-weight:bold; color:#000; padding-bottom:10px;} .pp_fav .rgt .tb_t1 { width:270px;} .pp_fav .rgt .tb_t1 th {font-size:11px; color:#111; text-align:left; border-top:1px solid #ABABAB; border-bottom:1px solid #ABABAB; padding:7px 0 5px 0; letter-spacing:-0.1em;} .pp_fav .rgt .tb_t1 td {border-bottom:1px dotted #DFDFDF; padding:7px 0; color:#111;} .pp_shp {display:block; width:100px; border:1px solid #AFAFAF; border-bottom:2px solid #AFAFAF; background-color:#FFF;} .pp_shp a {display:block; line-height:26px; font-size:11px; font-weight:bold; letter-spacing:-0.1em; border-bottom:1px solid #FAFAFA; padding:0 7px; color:#111;} .pp_shp .cls {font-weight:lighter; color:#999; text-align:right;} /* 요청자료 */ .tb_rq {padding:20px;} .tb_rq .tt {width:300px; font-size:11px; font-weight:bold; color:#111; letter-spacing:-0.1em; text-align:left; padding:0 10px 5px 0;} .tb_rq .tx textarea {width:300px; height:160px; font-size:12px; color:#555; border:1px solid #999; padding:10px; background-color:#FBFBFB;} /* 할인존 */ .wr_dc {padding-bottom:40px;} .himg {} .inr_lst {padding:20px 19px 10px 19px;} .ble {background-color:#F4F8FA; border-top:1px solid #E3E5EF;} .cls {clear:both;} /*.lst_a {width:726px; margin-top:7px;}*/ .lst_a {width:100%; margin-top:7px;} .lst_a td {width:25%; text-align:center;} .lst_a td a {display:block; width:160px; margin:0 auto; text-align:left; padding:5px;} .lst_a td a:hover {text-decoration:none;} .lst_a td a .th {width:150px;} .lst_a td a .cnt {position:absolute; display:block; width:150px; height:23px; background:url(/_template/service/images/02contents_images/img_cnt.png); z-index:10; margin-top:77px;} .lst_a td a .cnt span {display:block; color:#F5F5F5; font-size:10px; font-family:tahoma; height:23px; line-height:23px; padding-left:42px;} .lst_a td a .txt {display:block; width:150px; color:#222; letter-spacing:-0.1em; padding:7px 0;} .lst_a td a .txt span {display:block; font-size:11px; color:#9BAED7; padding-top:4px;} .lst_b {width:100%; margin-top:24px;} .lst_b td {text-align:center; padding:5px 0;} .lst_b td a {display:block; width:145px; margin:0 auto; text-align:left;} .lst_b td a:hover {text-decoration:none;} /*.lst_b td a .th {width:110px;}*/ .lst_b td a .th {width:145px;} .lst_b td a .txt {display:block; font-size:12px; width:145px; color:#222; letter-spacing:-0.1em; padding:5px 0; line-height:15px;} .lst_c {width:726px; margin-top:14px;} .lst_c td {text-align:left; padding:12px 14px; width:50%;} .lst_c td .inf {float:left; width:100%; display:block; letter-spacing:-0.1em;} .lst_c td .inf .th {float:left; width:107px; margin-right:12px;} .lst_c td .inf .fgm {float:left; width:210px; } /* 추가 CSS */ .lst_c td .inf .fgm b {display:inline-block; float:left; font-size:15px; color:#111;} .lst_c td .inf .fgm span {display:block; font-size:11px; color:#9BAED7; padding-top:7px; margin-top:3px;} .lst_c td .inf .fgm .isp {display:block; font-size:11px; color:#555; padding-top:10px; line-height:15px;} .lst_c td .inf .fgm .ist {display:block; padding-top:10px;} .lst_c td .inf .fgm .ist select {font-size:12px; color:#222; padding:2px;} .lst_c td .inf .fgm .ist img {vertical-align:middle;} .ev_bld {display:inline-block; color:#F3732D; padding-left:10px; font-weight:800;} /* 추가 CSS */ .dpge {display:inline-block; margin:0 auto; padding-top:12px;} .dpge a {display:inline-block; font-family:tahoma; font-size:11px; color:#333; text-align:center;} .dpge a img {vertical-align:middle;} .dpge .pg {width:24px; height:26px; line-height:26px; background:url(/_template/service/images/02contents_images/pg_bg.jpg);} .dpge .on {color:#D92A2A; font-weight:bold;} .hdimg {height:250px; background:url({T_SERVICE_IMAGE_URL}02contents_images/img_yt.jpg); text-align:right;} .upwn {padding:20px; background-color:#FBFBFB; border:1px solid #D2D2D2; font-size:11px; letter-spacing:-0.1em; text-align:left; line-height:17px;} .upwn .ter {display:block; font-size:12px; color:#4A6AAC; padding-bottom:10px; font-weight:bold;} .upwn b {display:block; color:#7893CB; padding-bottom:10px;} .upwn .thr {text-align:right; display:block; color:#111;} .wr_sz {width:480px; text-align:center;} .wr_sz .inr {width:413px; margin:0 auto; text-align:left;} .tb_sz {width:413px; border-bottom:1px solid #E2E1E5;} .tb_sz td {padding:15px 5px;} .tb_sz td b {color:#000; line-height:17px;} .tb_sz .prc {width:120px; font-family:verdana;} .tb_sz .prc s {font-size:12px; font-weight:bold; color:#111;} .tb_sz .prc div {font-size:24px; font-weight:bold; color:#EF080C; letter-spacing:-0.1em;} .tb_sz .prc div span {font-size:29px;} .txu {font-size:11px; color:#5B91B3; letter-spacing:-0.1em; padding:14px 5px; line-height:15px;} .tbtt {text-align:center; padding:7px 0 20px 0;} .tbss {height:400px; border-top:1px solid #1A1A1A; border-bottom:1px solid #E2E1E5; background-color:#F1F1FC; text-align:center; overflow:auto; padding-bottom:20px;} .tbss img {margin-top:14px;} /* 성인인증 변경 (2013. 07. 16) */ .lg_wrap {width:958px;background-color:#FBFBFB; padding:0 0 60px 0; text-align:center;} /* 생년월일 인증 (20130905) */ .dtwr {text-align:left; padding:30px; letter-spacing:-0.1em;} .dttt {display:block; font-weight:bold; color:#111; padding-bottom:10px;} .dtdt {width:100%; border-top:2px solid #555;} .dtdt table {width:100%;} .dtdt table th {width:80px; font-size:11px; color:#111; text-align:left; border-bottom:1px solid #F1F1F1; padding:10px 5px; font-weight:lighter; letter-spacing:-0.1em;} .dtdt table td {font-size:11px; color:#555; border-bottom:1px solid #F1F1F1; padding:10px 0; letter-spacing:-0.1em;} .dtdt table td span {display:block; font-size:11px; color:#999; padding-top:7px;} .dtdt table td select {padding:3px; font-size:11px; font-family:돋움; color:#555;} .dtdt table td .ipt {width:120px; border:1px solid #999; height:24px; line-height:24px; text-indent:5px; font-family:돋움;} .dtst {display:block; font-size:11px; padding:20px 0 10px 0;} .dtbt {display:block; text-align:center; padding-top:10px;} .dtag .inr {background-color:#FAFAFA; border:1px solid #E8E8E8; height:120px; overflow:auto; padding:12px; font-size:11px; color:#999;} .dtag .inr b {display:block; color:#777; padding:12px 0 7px 0;} .dtag a {display:inline-block; font-size:11px; letter-spacing:-0.1em; color:#666; margin-top:4px;} /* 회원혜택 서비스 */ .eds {clear:both;} .wr_bnf {text-align:center; width:713px; padding:26px 0 80px 0; margin:0 auto;} .lst_pnt {float:left; width:713px; background-color:#F4F4F4; text-align:left; margin-bottom:20px;} .lst_pnt .ico {position:absolute; z-index:20;} .lst_pnt .thm {float:left; width:437px;} .lst_pnt .bgm {float:left; width:437px; height:237px; background:url(/_template/service/images/benefit/bg_copn.jpg) no-repeat;} .lst_pnt .bgm .cnt {text-align:right; font-size:40px; font-family:tahoma; color:#DF2F22; padding:56px 45px 0; letter-spacing:-0.07em;} .lst_pnt .bgm .btt {text-align:right; padding:23px 45px 0;} .lst_pnt .bgp {float:left; width:437px; height:237px; background:url(/_template/service/images/benefit/bg_copsn.jpg) no-repeat;} .lst_pnt .bgp .cnt {text-align:right; font-size:40px; font-family:tahoma; color:#DF2F22; padding:50px 45px 0; letter-spacing:-0.07em;} .lst_pnt .bgp .btt {text-align:right; padding:18px 45px 0;} .wr_lpc {padding-bottom:30px;} .wr_lpd {padding-bottom:30px; text-align:left;} .tb_cpmpd {width:100%; border-top:2px solid #333;} .tb_cpmpd th {border-bottom:1px solid #777; height:28px; line-height:28px; font-size:11px; background-color:#F4F4F4; letter-spacing:-0.08em; color:#444;} .tb_cpmpd td {border-bottom:1px dotted #999; padding:7px 0; font-size:11px; text-align:center; font-weight:600;} .lst_pnt .inf {float:left; width:276px;} .lst_pnt .inf .inr {padding:20px; letter-spacing:-0.08em;} .lst_pnt .inf .inrf {padding:10px 0 0 10px; letter-spacing:-0.08em;} .lst_pnt .inf .inr .tt {display:block; font-size:14px; font-weight:800; letter-spacing:-0.1em; color:#111; padding-bottom:5px;} .lst_pnt .inf .inr .cnt {font-size:11px; color:#666; padding-bottom:10px;} .lst_pnt .inf .inr .bnt {display:inline-block;} .lst_pnt .inf .inr .cnt span {display:block;font-weight:800; font-size:13px; color:#1FA6F3; font-family:tahoma; letter-spacing:0; padding-bottom:4px;} .lst_pnt .inf .inr .subsc {font-size:11px; color:#888; padding:10px 0; border-top:1px solid #D5D5D5;} .lst_pnt .inf .inr .prs {font-size:11px; color:#5093D2;} .lst_pnt .inf .inr .prs span {font-size:11px; color:#222;} .wr_fgi {background-color:#F4F4F4; padding:15px; text-align:left; font-size:11px; letter-spacing:-0.08em; color:#888; line-height:16px;} .wr_fgi b {display:block; padding-bottom:7px; color:#555;} .pp_bnf_alt {position:absolute; z-index:90; top:100px; left:50%; width:415px; margin-left:-120px;} .frtm .tp {height:15px; background:url(/_template/service/images/benefit/frm_pp_t.png) no-repeat;} .frtm .bp {background:url(/_template/service/images/benefit/frm_pp_b.png);} .frtm .bp .inr {padding:30px 30px;} .frtm .fp {height:15px; background:url(/_template/service/images/benefit/frm_pp_f.png) no-repeat;} .pomnt {padding-bottom:20px;} .pomnt img {vertical-align:top; margin-bottom:7px;} .pomnt span {display:inline-block; height:23px; line-height:23px; font-size:24px; font-family:tahoma; padding-right:7px; font-weight:800; color:#1FA6F3;} .pp_bnf_ipt {position:absolute; z-index:92; top:340px; left:50%; width:415px; margin-left:-120px;} .tb_bnf {width:100%;} .tb_bnf th {width:90px; font-size:11px; text-align:left; color:#111; letter-spacing:-0.08em; border-bottom:1px solid #E1E1E1;} .tb_bnf td {font-size:11px; text-align:left; color:#555; letter-spacing:-0.08em; border-bottom:1px solid #E1E1E1; padding:10px 0;} .tb_bnf td input {height:29px; line-height:29px; border:1px solid #999; margin:1px 0; font-size:12px; color:#111; background-color:#FBFBFB;} .tb_bnf td .fl {width:90%;} .tb_bnf td .sl {width:26%;} .tb_bnf td textarea {width:90%; height:60px; font-size:12px; color:#111;} .pp_bnf_ipg {position:absolute; z-index:92; top:200px; left:50%; width:415px; margin-left:-120px;} .tb_bng {width:100%;} .tb_bng th {width:150px; font-size:11px; text-align:left; color:#111; letter-spacing:-0.08em; border-bottom:1px solid #E1E1E1;} .tb_bng td {font-size:11px; text-align:left; color:#555; letter-spacing:-0.08em; border-bottom:1px solid #E1E1E1; padding:10px 0;} .tb_bng td input {height:29px; line-height:29px; border:1px solid #999; margin:1px 0; font-size:12px; color:#111; background-color:#FBFBFB; font-weight:800; padding-left:10px; font-family:tahoma;} .ffdg {font-size:11px; letter-spacing:-0.08em; color:#999; text-align:left; padding-top:20px;} .pp_bnf_ipsg {position:absolute; z-index:92; top:120px; left:50%; width:700px; margin-left:-250px;} .frtt .tp {height:15px; background:url(/_template/service/images/benefit/frm_pp_tb.png) no-repeat;} .frtt .bp {background:url(/_template/service/images/benefit/frm_pp_bb.png);} .frtt .bp .inr {padding:30px 30px;} .frtt .fp {height:15px; background:url(/_template/service/images/benefit/frm_pp_fb.png) no-repeat;} /* 오류신고 및 기타 관련 추가 사항 */ .srt_thnd {float:right; padding-top:20px;} .srt_thnd img {vertical-align:middle;} .tx_pp_pg {font-size:11px; letter-spacing:-0.06em; color:#333;} .tx_pp_pg span {color:#d5592a;} .ara_txtar textarea {font-size:12px; width:99%; border:1px solid #999; font-family:돋움; color:#555; height:42px;} .ara_wrn {text-align:left;} .pp_wrntxt {position:absolute; z-index:990; background-color:#FFF; border:1px solid #555; padding:15px; margin-left:3px;} .pp_wrntxt table {width:240px;} .pp_wrntxt table td {font-size:11px; color:#555; letter-spacing:-0.06em; height:20px;} .pp_wrntxt table td textarea {width:99%; height:50px; font-size:11px; color:#555; font-family:돋움;} .btkhl {text-align:right; padding-top:10px;} /* 캐시상품 2014. 11 */ .wr_goodcash {width:726px; height:494px; background:url(/_template/service/images/cash/imgch_03.jpg); text-align:center;} .funk_idinf {text-align:center; padding:290px 5px 45px 0;} .funk_idinf span {display:inline-block; vertical-align:middle; color:#267dea; font-family:verdana; font-size:13px; font-weight:800; padding:0 3px 0 7px; height:17px; line-height:17px;} .funk_idinf img {vertical-align:middle;} .tb_idoof {width:540px; margin:0 auto;} .tb_idoof td {text-align:center; height:38px; font-size:12px;} .tb_idoof td img,input {vertical-align:middle;} .tb_idoof td .nor,.spl {display:block; font-weight:800;} .tb_idoof td .nor {color:#111;} .tb_idoof td .spl {color:#267dea;} .tb_idoof td .evnt {color:#111; letter-spacing:-0.06em; font-weight:800;} .tb_idoof td .evnt span {display:inline-block; padding-left:7px; color:#0ab200;} .showHide { display: none; } /*이벤트 , 행복체험단 2015-06-16 */ .con_title_main {} /* FORTUNE */ .fortune_top {/*width:100%*/; height:151px; background:url(/_template/service/images/bnf/fortune/bg_fortune_top.gif); border-left:1px solid #EDEDED; border-right:1px solid #EDEDED;} .fortune_top table {width:100%;} .fortune_top table td ul {width:100%;} .fortune_id {color:#DF6719; FONT:bold 19px verdana,돋움;} .fortune_input_tb td {font-size:11px; letter-spacing:-1pt;} .fortune_input {width:200px; border:1px solid #999;} .fortune_select {font-size:11px; color:#555; font-family:돋움;} .btn_fortune_main ul {margin:0 !important; padding:0 !important;} .btn_fortune_main li {margin:0 !important; } .btn_fortune_main a {display:block; width:129px; height:29px; margin:0 !important; color:#eaeaea; border-right:1px solid #767676; border-bottom:1px solid #767676; background:#525a66 url(/_template/service/images/mania/01_magazine/bg_rank_1.gif) repeat-x bottom;} .btn_fortune_main a:hover, .btn_fortune_main a.on {color:#555555; background:fff;} .btn_fortune_main span {display:inline; padding:5px 10px; FONT:bold 11px 돋움; line-height:29px; letter-spacing:-1px;} .fortune_dream {border-bottom:1px solid #E4E4E4; background:#f8f8f8; text-align:left; } .fortune_dream table {width:100%;} .fortune_dream table td select {font-size:9pt; color:#555; font-family:돋움; letter-spacing:-1pt;} .fortune_banner {width:100%;} .fortune_banner table {width:100%;} .fortune_category {width:100%; margin-top:30px;} .fortune_category table {width:100%; border-bottom:1px solid #C5C5C5;} .fortune_category table th {height:34px; background-color:#F4F4F4; text-align:left; padding-left:10px; border-bottom:1px solid #C5C5C5; border-top:1px solid #8C8C8C;} .fortune_category table td {font-size:11px; letter-spacing:-1pt; color:#767676; background:url(/_template/service/images/bnf/fortune/bg_fortune_tb.gif); line-height:27px; vertical-align:top; padding-left:10px;} /** 01_magazine **/ /*.title_sub { height:27px; border-bottom:2px solid #767676; margin:6px 0 0 0;}*/ .table_sub_type_1 {padding:15px 0 0 0;} .table_sub_type_2 {padding:0 0 15px 0;} .rank_movie {float:left; width:268px; border-top:1px solid #333333; border-bottom:1px solid #a1a1a1;} .rank_drama {float:left;width:201px; border-top:1px solid #333333; border-bottom:1px solid #a1a1a1; background:#fcfcfc;} .rank_drama ul { padding:11px 0 8px 11px;} .rank_drama li {height:20px; line-height:19px;} .rank_title {background:#525a66 url(/_template/service/images/mania/01_magazine/bg_rank_1.gif) repeat-x bottom;} .rank_sub {background:url(/_template/service/images/mania/01_magazine/bg_rank_3.gif) repeat-x top;} .rank_title2 {background:url(/_template/service/images/mania/01_magazine/bg_rank_2.gif) repeat-x;} .rank_sub2 {background:url(/_template/service/images/mania/01_magazine/bg_rank_4.gif) repeat-x top; } .rank_title, .rank_title2 {padding:0 0 0 7px; } .rank_sub, .rank_sub2 {padding:0 0 0 9px; FONT:bold 12px 돋움; line-height:27px; letter-spacing:-1px; } .rank_tt {height:22px; line-height:30px; background:#525a66 url(/_template/service/images/mania/01_magazine/bg_rank_1.gif) repeat-x bottom; color:#FFF; font-weight:bold; letter-spacing:-1px; padding-left:10px;} .rank_tt span {display:inline-block; color:#00F91D;} .rank_tt p {display:inline; font-size:10pt; color:#FFF; letter-spacing:-1px; font-weight:bold;} .rank_stt {height:22px; line-height:30px; background-color:#F7F7F7; color:#222; font-weight:bold; letter-spacing:-1px; padding-left:10px; border-top:1px solid #EFEFEF;} .rank_stt span {display:inline-block; color:#FC7D00;} .rank_stt p {position:absolute; right:10px; margin-top:7px; font-size:11px; color:#777;} .rank_stt p img {margin-bottom:3px;} .rank_sstt {height:22px; line-height:30px; text-align:left; color:#222; font-weight:bold; letter-spacing:-1px; border-bottom:1px solid #C2C2C2;} .rank_sstt span {display:inline-block; color:#FC7D00;} .rank_sstt p {position:absolute; right:15px; margin-top:7px; font-size:11px; color:#777;} .rank_sstt p img {margin-bottom:3px;} .tb_mnl {width:760px;} .tb_mnl td {text-align:center; font-size:11px; letter-spacing:-1px; padding-bottom:10px;} .tb_mnl td span {display:inline-block; color:#555; margin-top:4px;} .txtt_th {text-align:right; font-size:11px; letter-spacing:-1px; color:#7895C0;} .rank_reply_title {position:relative; padding:0 0 6px 0; border-bottom:1px solid #a1a1a1;z-index:0;} .rank_reply { width:697px; margin:10px 0 0 10px; } .rank_reply li {height:18px; padding:4px 0 0 9px; background:url(/_template/service/images/mania/icon/list-dot.gif) no-repeat 0 3px;} .rank_reply_sub {float:left; letter-spacing:-1px;} .rank_reply_right { float:right; width:80px; margin:0 0 0 10px; FONT:normal 11px 돋움; color:#8c8c8c;line-height:13px; text-align:right} .rank_reply_ca { float:right; width:60px; margin:0 0 0 10px; FONT:normal 11px 돋움; color:#555555; line-height:13px; text-align:right; letter-spacing:-1px;} .tv_pro_table {width:250px; height:50px; margin:0 0 15px 13px; line-height:17px;} .tv_pro_con {float:left; margin:0 5px 0 8px; letter-spacing:-1px; } .tab_etnrank .tv_pro_table {margin:0 0 20px 13px;} a.btn_page_num_1 {background:url(/_template/service/images/mania/common/btn_page_num_1.gif) no-repeat bottom;} a:hover.btn_page_num_1 { background:url(/_template/service/images/mania/common/btn_page_num_1.gif) no-repeat;} a.btn_page_num_2 {background:url(/_template/service/images/mania/common/btn_page_num_2.gif) no-repeat bottom;} a:hover.btn_page_num_2 { background:url(/_template/service/images/mania/common/btn_page_num_2.gif) no-repeat;} a.btn_page_num_3 {background:url(/_template/service/images/mania/common/btn_page_num_3.gif) no-repeat bottom;} a:hover.btn_page_num_3 { background:url(/_template/service/images/mania/common/btn_page_num_3.gif) no-repeat;} a.btn_page_num_1, a.btn_page_num_2, a.btn_page_num_3 {display:block; float:right; width:15px; height:16px; margin:0 4px 0 0;} a.btn_page_num_1 span, a.btn_page_num_2 span, a.btn_page_num_3 span {display:none;} .icon__rank_0 {background:url(/_template/service/images/mania/01_magazine/icon_rank_movie_0.gif) no-repeat ;} .icon__rank_u {background:url(/_template/service/images/mania/01_magazine/icon_rank_movie_u.gif) no-repeat ;} .icon__rank_d {background:url(/_template/service/images/mania/01_magazine/icon_rank_movie_d.gif) no-repeat ;} .icon__rank_n {background:url(/_template/service/images/mania/01_magazine/icon_rank_movie_n.gif) no-repeat ;} .icon__rank_h {background:url(/_template/service/images/mania/01_magazine/icon_rank_movie_h.gif) no-repeat ;} .icon__rank_0, .icon__rank_u, .icon__rank_d, .icon__rank_n, .icon__rank_h {float:left; width:19px; height:22px; margin:0 2px 0 0; background-position:0 5px;} .btn_folder_group {position:absolute; height:26px; margin:-29px 0 0 0;z-index:0 } .btn_folder_group a {float:left; height:27px; padding:0 9px; FONT:bold 11px 돋움; line-height:28px; letter-spacing:-1px;z-index:5; border:1px solid #cccccc; border-bottom:#7f7f7f; background:#fafafa; color:#767676;} .btn_folder_group span {display:inline;} .btn_folder_group a:hover, .btn_folder_group a.on {margin:1px 0 0 0; border:1px solid #707070; border-bottom:#fff; background:#fff;color:#333333;} .blog_Review_hot {margin:10px 10px 8px 10px; letter-spacing:-1px; } .blog_Review_hot ul {margin:29px 0 0 0;} .blog_Review_hot li {height:20px; padding:0 0 0 8px; background:url(/_template/service/images/mania/icon/list-dot.gif) no-repeat 0 3px; line-height:21px;} .blog_Review_list ul {margin:5px 0 0 0; } .blog_Review_list li {padding:10px 0; border-bottom:1px solid #eaeaea;} .blog_Review_title2 {margin:13px 0 6px 0; FONT:normal 14px 돋움; color:#000;letter-spacing:-1px;} .blog_Review_con {margin:10px 0 0 0;line-height:16px; } .list_bottom {height:70px; padding: 15px 0 15px 0; text-align:center;} .webzin_folder_group {position:absolute; top:0; height:30px; z-index:0 } .webzin_folder_group a {float:left; height:27px; padding:0 9px; border:1px solid #d6d6d6; background:#f9f9f9; color:#555555; FONT:bold 11px 돋움; line-height:28px; letter-spacing:-1px;} .webzin_folder_group span {display:inline;} .webzin_folder_group a:hover, .webzin_folder_group a.on {border:1px solid #1c1f23; background:url(/_template/service/images/mania/01_magazine/bg_rank_1.gif) repeat-x bottom;color:#dedede; } .webzine_viewer {padding:10px 0 20px 0; background:#4b535e url(/_template/service/images/mania/01_magazine/bg_webzine.gif) repeat-x; } .webzine_viewer table {border:solid 10px #fff; background:#fff;} /**happy**/ .happy_ban {border-bottom: 1px solid #767676; background:url(/_template/service/images/mania/03_happy/bg_happy_ban.gif) repeat-x bottom;} .happy_ban_con {float:left; width:82px;margin:0 13px;} .happy_ban_no {width:23px;height:27px; margin:0 0 15px 0; border-bottom:1px solid #4da300;} .happy_review {height:95px; border:1px solid #cccccc; border-top:0; background: url(/_template/service/images/mania/03_happy/bg_happy_review.gif) repeat-x bottom;} .happy_review div { } .happy_review img {margin:13px 0 13px 13px;} .happy_review ul {padding:13px;} .happy_review p {margin:11px 0 0 0; color:#848484; FONT:normal 11px 돋움; line-height:15px; letter-spacing:-1px;} .happy_product {margin:13px 0} .happy_list {float:left;} .happy_list_date {float:left; color:#767676; FONT:normal 11px 돋움;} .happy_list_sub {padding:0 0 5px 0; color:#000; FONT:bold 12px 돋움 !important; line-height:15px; letter-spacing:-1px;} .happy_list_icon_ing {float:right;width:44px; height:19px; padding:1px 0 0 0;background:#4da300; color:#fff; FONT:bold 11px 돋움; text-align:center; line-height:20px; letter-spacing:-1px;} .happy_list_icon_review {float:right;width:44px; height:19px; padding:1px 0 0 0;background:#f25936; color:#fff; FONT:bold 11px 돋움; text-align:center; line-height:20px; letter-spacing:-1px;} .happy_list_icon_end {float:right;width:34px; height:19px; padding:1px 0 0 0;background:#cccccc; color:#fff; FONT:bold 11px 돋움; text-align:center; line-height:20px; letter-spacing:-1px;} .happy_list_img {display:block; width:250px; height:135px;} .happy_list td {FONT:normal 11px 돋움; line-height:15px;} .happy_title td {padding:0 10px; background:#fdfdfd;} .happy_info {padding:7px 0 0 0;} .happy_info div {margin:0 20px 0 0; line-height:16px;} .happy_title_box {float:left; height:20px; color:#aaadbd; FONT:11px 돋움;} .btn_happy {clear:both; padding:0 0 0 4px; text-align:right;} .btn_happy div {margin:0 0 0 4px;} .btn_happy span {display:none;} .btn_happy a {display:block; } .btn_cancel {display:block; float:left; width:74px; height:30px; background:url(/_template/service/images/bnf/happy/btn_regist.gif) 8px -90px no-repeat;} .btn_go_happy {float:left; width:121px; height:30px; margin:0 0 0 -8px; background:url(/_template/service/images/mania/03_happy/btn_happy.gif) no-repeat 0 -30px ;} .btn_go_happy_ok {display:block; float:left; width:121px; height:30px; background:url(/_template/service/images/mania/03_happy/btn_happy.gif) no-repeat 0 -60px ;} .btn_go_review {display:block; width:121px; height:30px; background:url(/_template/service/images/mania/03_happy/btn_happy.gif) no-repeat 0 0 ;} .btn_copylink {display:block; width:95px; height:30px; background:url(/_template/service/images/mania/03_happy/btn_copy_link.gif) no-repeat 0 0 ;} .btn_happy_sns {width:110px; height:28px; border:1px solid #a1a1a1; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;background: #fff url(/_template/service/images/mania/icon/bg_sns.gif) no-repeat 5px 7px ;} .btn_facebook, .btn_twitter, .btn_me2day {float:right; width:20px; height:20px; margin:4px 4px 4px 0 ; background:url(/_template/service/images/mania/icon/icon_sns.gif) no-repeat;} .btn_facebook {background-position:0 0;} .btn_twitter {background-position:0 -20px ;} .btn_me2day {background-position:0 -40px ;} .happy_folder_group {float:left; width:100%; border-top:1px solid #333333; border-left:1px solid #333333; background:#525a66 url(/_template/service/images/mania/01_magazine/bg_rank_1.gif) repeat-x bottom;} .happy_folder_group span {display:inline; padding:0 9px; FONT:bold 11px 돋움; line-height:30px; letter-spacing:-1px;} .happy_folder_group a {float:left; height:30px; border-right:1px solid #464a52; background:url(/_template/service/images/mania/01_magazine/bg_rank_1.gif) repeat-x bottom;color:#dedede; text-decoration:none;} .happy_folder_group a:hover, .happy_folder_group a.on {margin:0; border-right:1px solid #707070; border-bottom:1px solid #fff; background:#ffffff; color:#333333;} .regist_form {padding:11px 26px 11px 33px; border:1px solid #cccccc; border-top:0; background:#fdfdfd;} .regist_form .info_input {width:372px; border:1px solid #9c9c9c; border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea; FONT:normal 12px tahoma,돋움;} .regist_form .info_id {width:250px; border:0; background:transparent; color:#4da300; FONT:bold 12px tahoma, 돋움;} .regist_form .slice {height:100%;border-left:1px dotted #cccccc; } .regist_form span {display:none;} .happy_regist {float:left; width:500px;} .happy_regist img {margin:0 12px 0 0;} .happy_regist div {height:30px; margin:0 20px 0 0;} .happy_regist span {} /**event**/ .event_con {} .event_con li {height:124px; margin:10px 0; border-bottom:1px solid #f1f1f1;} .event_con img {margin:0 10px 0 0 ; border:1px solid #d9d9d9; /*border-top:1px solid #eaeaea; border-right:1px solid #a1a1a1; border-bottom:1px solid #a1a1a1;*/} .event_big {display:block; float:left; width:33px; height:19px; background:url(/_template/service/images/mania/icon/icon_e_big.gif) no-repeat 0 2px;} .event_partner {display:block; float:left; width:33px; height:19px; background:url(/_template/service/images/mania/icon/icon_e_partner.gif) no-repeat 0 2px;} .event_365 {display:block; float:left; width:33px; height:19px; background:url(/_template/service/images/mania/icon/icon_e_365.gif) no-repeat 0 2px;} .best_mov_schools {float:left; width:100%; padding:7px 7px 20px 7px; background:#FBFBFB;} .best_mov_schools div {float:left; margin:15px 0 0 28px;} .best_mov_schools img {margin-bottom:7px;} .best_mov_schools font {margin:0 0 0 9px; FONT:normal 12px 돋움; letter-spacing:-1px;} .best_mov_school {float:left; width:100%; padding:7px 7px 20px 7px; background:#FFF;} .best_mov_school img {margin-bottom:7px;} .best_mov_school div {float:left; margin:15px 0 0 30px;} .best_mov_school font {margin:0 0 0 9px; FONT:normal 12px 돋움; letter-spacing:-1px;} .best_photo {height:95px; background:#95a4b9; margin-top:7px;} .best_photo div {float:left; } .best_photo img {margin:9px;} .best_photo a {float:left; height:95px; background:#95a4b9} .best_photo a:hover, .best_photo a.on {float:left;background:#4a5361} .best_vod {overflow:hidden; width:815px; height:130px} .best_vod div {float:left; width:106px; margin:0 10px 0 0;} .best_vod img {margin:0 0 7px 0;} .best_vod font {FONT:normal 11px 돋움; letter-spacing:-1px;} .best_albumn img {margin:0 0 7px 0;} .best_albumn font {color:#767676; FONT:normal 11px tahoma;} .best_albumn strong {letter-spacing:-1px;} .best_albumn_view img {margin:0 0 0 15%;} .best_albumn_view td {line-height:18px;} .event_end {overflow:hidden; width:760px; margin:0 -10px 0 0; border-bottom:1px solid #cccccc;} .event_end li {float:left; height:120px; margin:0 10px 0 0 ; } .event_end img {border:1px solid #d9d9d9; border-top:1px solid #eaeaea; border-right:1px solid #a1a1a1; border-bottom:1px solid #a1a1a1;} .event_notice {width:100%; border-bottom:1px solid #757575;} .event_notice table {width:100%;} .event_notice table th {height:32px; font-size:11px; text-align:left; letter-spacing:-1pt; color:#767676; font-weight:none; border-bottom:1px solid #CCCCCC;} .event_notice table td {font-size:9pt; text-align:left; letter-spacing:-1pt; color:#555; border-top:1px solid #F3F3F3; padding:7px 0px; line-height:14pt;} .event_notice table td tt {font-size:9pt; font-family:돋움; font-weight:bold; color:#333;} .event_notice table td img {vertical-align:middle;} .event_notice table td b {font-size:11px; font-family:verdana; text-align:left; letter-spacing:-1pt; color:#DF671B;} .event_notice table td span {font-size:11px; font-family:verdana; text-align:left; letter-spacing:-1pt; color:#A9A9A9;} .slt_typesd {text-align:left; padding-left:10px;} .slt_typesd input,img {vertical-align:middle;} .slt_typesd input {margin-right:2px;} .slt_typesd img {margin-right:10px;} /* 선택 다운로드 CSS */ /*.pop_alt_all {position:absolute; z-index:90; width:302px; left:50%; margin-left:-51px; top:200px;}*/ .pop_alt_all {position:absolute; z-index:90; width:302px; left:0%; margin-left:0px; top:0px;} .pop_alt_all .bgt_top {height:37px; background:url(/_template/service/images/contents/img_allpop_top.png);} .pop_alt_all .bgt_body {background:url(/_template/service/images/contents/img_allpop_bg.png);} .pop_alt_all .bgt_bottom {height:41px; background:url(/_template/service/images/contents/img_allpop_bottom.png);} .pop_alt_all .bgt_body .inner {padding:0 36px; text-align:left;} .pop_alt_all .bgt_body .inner .btn_fnks {text-align:center; padding-top:20px;} .pop_alt_all .bgt_body .inner .btn_fnks a {display:inline-block; vertical-align:middle; margin:0 3px;} .pop_alt_all .bgt_body .inner .btn_fnks a img {vertical-align:middle;} .tb_sltdown_info {} .tb_sltdown_info .tx_info {font-size:12px; color:#111; font-weight:800; letter-spacing:-0.05em; padding-bottom:12px;} .tb_sltdown_info .tx_qst {font-size:11px; color:#111; letter-spacing:-0.05em; padding-top:15px;} .tb_sltdown_info .tx_info span {display:inline-block; padding:0 3px 0 7px; font-family:tahoma; font-size:16px; color:#f83434;} .tb_sltdown_info .tb_info table {width:230px; border-top:2px solid #222; background-color:#fafafa;} .tb_sltdown_info .tb_info table th {text-align:left; width:80px; font-weight:normal; color:#111; border-bottom:1px dotted #cdcdcd; height:36px; line-height:36px; font-size:11px; letter-spacing:-0.05em;} .tb_sltdown_info .tb_info table td {text-align:left; width:150px; font-weight:800; color:#111; border-bottom:1px dotted #cdcdcd; height:36px; line-height:36px; font-size:12px; letter-spacing:-0.05em;} .tb_sltdown_alert {} .tb_sltdown_alert .tx_ico {text-align:center;} .tb_sltdown_alert .tx_ico img {width:48px;} .tb_sltdown_alert .tx_alert {text-align:center; font-size:14px; font-weight:800; letter-spacing:-0.05em; line-height:18px; color:#111; padding-top:20px;} .tb_sltdown_alert .tx_alert span {color:#1bbe17;} .tb_sltdown_alert .tb_info {padding-top:10px;} .tb_sltdown_alert .tb_info table {width:230px; border-top:2px solid #222; background-color:#fafafa;} .tb_sltdown_alert .tb_info table th {text-align:left; width:80px; font-weight:normal; color:#111; border-bottom:1px dotted #cdcdcd; height:36px; line-height:36px; font-size:11px; letter-spacing:-0.05em;} .tb_sltdown_alert .tb_info table td {text-align:left; width:150px; font-weight:800; color:#111; border-bottom:1px dotted #cdcdcd; height:36px; line-height:36px; font-size:12px; letter-spacing:-0.05em;} .tb_sltdown_alert .tx_qst {font-size:11px; color:#111; letter-spacing:-0.05em; padding-top:15px;} /*검색 결과*/ .srch_top {font-size:12px; letter-spacing:-1px; padding-top:8px;} .srch_top .srch_f{font-size:13px; font-weight:bold; letter-spacing:-1px;} .srch_top .srch_e{font-size:12px; font-weight:bold; letter-spacing:-1px;} /* .srch_cate {font-size:12px; color:#0000; letter-spacing:-1px; padding-top:8px;} */ .srch_cate {font-size:12px; letter-spacing:-1px; padding-top:8px;} #srchcount_area ul {width: auto;overflow: auto;list-style-type:disc !important;} #srchcount_area ul li {float: left; width: 16%; display: inline;list-style-type:disc !important; font-size:11px; color:#555; padding:9px 10px 9px 4px;} #srchcount_area b {font-size:12px !important; color:#555555 !important; } #srchsubcount_area ul {width: auto;overflow: auto;list-style-type:disc !important; } #srchsubcount_area ul li {float: left; width: 16%; display: inline;list-style-type:disc !important; font-size:11px; color:#555; padding:9px 10px 9px 4px;} #srchsubcount_area b {font-size:12px !important;color:#555555 !important;} .srchresult_sort .on{font-weight:bold;} /* 비회원 결제 변경 */ .wr_frm_prc {} .wr_frm_prc .vw_frm_prc {display:inline-block; width:222px; height:48px; background-image:url('/_template/service/images/popUp/conts_info/bg_down_prices.jpg'); vertical-align:middle;} .wr_frm_prc .vw_frm_prc b {display:block; text-align:right; height:48px; line-height:46px; font-size:16pt; font-family:tahoma; letter-spacing:-0.05em; color:#ed2d2d; padding-right:43px;} .wr_frm_prc a {vertical-align:middle; margin-left:4px;} .titles_frm_prc {font-weight:800; color:#111; letter-spacing:-0.07em; padding:17px 0 7px 0;} /* 묶음자료 */ .wr_set_contents {text-align:center;} .wr_set_contents .innr {width:726px; margin:0 auto; text-align:left; padding:20px 0 100px 0;} .wr_set_contents2 .innr {width:726px; height:0px; margin:0 auto; text-align:left; padding:20px 0 0px 0;} .btns_funkss {border-bottom:1px solid #cbcbcb; padding:30px 0 10px 0;} .wr_ch_guide {padding:20px 0 0 0;} .list_set_view {padding-left:23px;} .list_sets {float:left; padding-top:35px;} .list_sets li {float:left; width:116px; height:250px; margin:0 14px;} .list_sets li a {display:block; text-decoration:none; text-align:left;} .list_sets li a:hover {text-decoration:none;} .list_sets li a .thm {width:116px; height:165px;} .list_sets li a .float_all {position:absolute; text-align:right; width:116px; height:29px; background:URL(/_template/service/images/contents/set/bg_blind.png); color:#FFF; font-family:MG, 맑은 고딕; font-size:11px; letter-spacing:-0.06em; font-weight:800; margin-top:136px;} .list_sets li a .float_all img {margin-left:10px;} .list_sets li a .infos {padding-top:7px; color:#333; font-family:MG, 맑은 고딕; font-size:12px; letter-spacing:-0.06em; line-height:16px;} .list_sets li a .infos span {color:#53a1ea; display:block; font-size:11px; padding-top:5px;} .wr_setinfors {padding:25px 7px 30px 7px;} .infor_thumbs {float:left;} .infor_ktexts {float:right; width:575px;} .infor_ktexts .infor_txt01 {border-bottom:1px solid #e4e4e4; padding:0 30px 10px 0;} .infor_ktexts .infor_txt01 .infor_titles {font-family:맑은 고딕; font-size:16px; letter-spacing:-0.05em; font-weight:800; color:#111;} .infor_ktexts .infor_txt01 .infor_subs {padding:6px 0 0 0; font-family:맑은 고딕; font-size:11px; letter-spacing:-0.05em; color:#9baed7;} .infor_ktexts .infor_txt02 {font-family:맑은 고딕; font-size:12px; letter-spacing:-0.05em; color:#111; border-bottom:1px solid #e4e4e4; padding:10px 30px 10px 0; line-height:19px;} .infor_ktexts .infor_txt03 {font-family:맑은 고딕; font-size:12px; letter-spacing:-0.05em; color:#111; padding:12px 0 0 0; font-weight:800;} .wr_set_listsr {padding:0 0 7px 0;} .wr_set_listsr .btn_left {float:left;} .wr_set_listsr .btn_right {float:right;} .wr_setlistft {} .setend {clear:both;} .box_cash_way {border:1px solid #d5d5d5; background-color:#FFF; width:100%; margin:0 auto;} .set_lines {border-bottom:1px solid #e4e5e4; padding:10px 0;} .set_lines ul {float:left; padding:0px 0px 0px 24px;} .set_lines ul li {float:left; width:117px; height:72px; margin:0px 17px 0px 0px;} .set_lines .ttlls {text-align:left; letter-spacing:-0.05em; font-weight:800; font-family:MG,맑은 고딕; padding:10px 0 10px 30px; color:#111;} .set_lines .ttlls span {display:inline-block; color:#00b437; padding-right:4px;} .set_lines ul li a {display:inline-block; vertical-align:middle; width:117px; height:72px;} .set_lines ul li a img {border:0; vertical-align:middle;} .pend {clear:both;} .bttms_warn {text-align:left; width:725px; margin:0 auto; padding:30px 0 50px 0; font-size:11px; color:#999; line-height:18px; letter-spacing:-0.05em;} .bttms_warn div {padding-bottom:10px;} /* toss 레이어팝업 추가 */ .toss_pop {position:absolute;left:224px;top:296px;width:666px;height:92px;z-index:1;} .wr_cam_rnk {width:728px; text-align:left; padding:15px 0; margin:0 auto;} .cam_title_top {width:728px; height:61px; background:URL(/_template/service/images/contents/cam/img_rank_tops.png); text-align:right;} .cam_title_top a {display:inline-block; vertical-align:middle; margin:20px 20px 0 0;} .cam_title_top a img {vertical-align:middle;} .cam_search {padding:12px 0 5px 0; text-align:right;} .cam_search span {display:inline-block; vertical-align:middle; text-align:left;} .cam_search .ttls {font-size:11px; color:#111; letter-spacing:-0.05em; font-family:MG,맑은 고딕;} .cam_search .serchs {width:308px; height:30px; background:URL(/_template/service/images/contents/cam/bg_rank_sch.png);} .cam_search .serchs select {font-size:11px; color:#111; letter-spacing:-0.05em; font-family:MG,맑은 고딕; vertical-align:middle; margin-left:4px;} .cam_search .serchs input {font-size:12px; color:#111; letter-spacing:-0.05em; font-family:MG,맑은 고딕; vertical-align:middle; margin-left:4px; width:205px; border:0; height:23px; line-height:23px; background-color:#f4f5f4; margin-top:3px;} .cam_search .serchs a {display:inline-block; vertical-align:middle;} .cam_search .serchs a img {vertical-align:middle;} .bg_cam_titles {padding:0 0 7px 0;} .bg_cam_ranksd {width:728px; height:136px; background:URL(/_template/service/images/contents/cam/bg_rank_list.png); text-align:left;} .bg_cam_ranksd ul {float:left; width:364px;} .bg_cam_ranksd ul li {color:#FFF; font-size:12px; letter-spacing:-0.05em; font-family:MG,맑은 고딕; font-weight:800; height:27px; line-height:27px; padding-left:38px;} .bg_cam_ranksd ul li a {display:block; color:#FFF; text-decoration:none;} .bg_cam_ranksd ul li a:hover {color:#7eff00;} .wr_cam_contents {width:728px; text-align:left; padding:15px 0; margin:0 auto;} .cams_contents {float:left; width:728px;} .cams_contents li {float:left; width:136px; margin:0 12px 30px 0;} .cams_contents li.end {margin-right:0;} .cams_contents li a {display:inline-block;} .cams_contents li a .thm {background-color:#555; width:136px; height:81px; overflow:hidden;} .cams_contents li a .thm img {vertical-align:middle; width:136px;} .cams_contents li a .subttls {font-size:12px; color:#111; letter-spacing:-0.05em; width:136px; text-align:left; line-height:16px; padding:7px 0 5px 0;} .cams_contents li a .infs {font-size:11px; color:#74b3c0; letter-spacing:-0.05em; width:136px; text-align:left;} .pop_cam_league {position:absolute; z-index:90; width:642px; left:50%; margin-left:-321px; border:1px solid #85b2bc; top:200px; background-color:#daf3f7;} .pop_cam_league .pp_cam_a001 {} .pop_cam_league .pp_cam_a001 img {border:0; vertical-align:middle;} .pop_cam_league .pp_cam_a002 {padding:4px 40px 30px 40px; color:#383838; font-size:12px; letter-spacing:-0.05em; font-family:MG,맑은 고딕; font-weight:800; text-align:left;} .pop_cam_league .pp_cam_a002 span {display:block; padding:10px 0 3px 0; color:#569caa;} .pop_cam_league .pp_cam_a003 {padding:7px; text-align:right; background-color:#badadf;} .pop_cam_league .pp_cam_a003 a {display:inline-block; font-size:11px; color:#18626e; letter-spacing:-0.06em; vertical-align:middle;} /* 추천검색어 */ .layer_keywords {position:absolute; background-color:#555; z-index:999; width:270px; margin:-4px 0 0 143px; background-color:#FFF; border:1px solid #888d95;} .layer_keywords .inr_box {padding:15px 15px 25px 15px;} .layer_keywords .tab_keys {background-color:#f5f5f5;} .layer_keywords .tab_keys a {display:inline-block; width:134px; text-align:center; font-weight:600; font-size:11px; font-family:MG,맑은 고딕; color:#777; letter-spacing:-0.05em; padding:7px 0; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;} .layer_keywords .tab_keys a.on {color:#222; border-bottom:1px solid #FFF; background-color:#FFF;} .layer_keywords .tab_keys a.end {border-right:0;} .layer_keywords .fnk_keywords {background-color:#f5f5f5; border-top:1px solid #e1e1e1; text-align:right; padding:7px;} .layer_keywords .fnk_keywords a {display:inline-block; font-size:11px; color:#555; letter-spacing:-0.12em; margin-left:14px;} .lists_sch_layers {} .lists_sch_layers li {text-align:left;} .lists_sch_layers li a {display:inline-block; vertical-align:middle;} .lists_sch_layers li .words {width:226px; font-size:12px; font-family:MG,맑은 고딕; color:#333; padding:3px 0;} .no_keyword_msgs {font-size:12px; font-family:MG,맑은 고딕; color:#333; letter-spacing:-0.05em; line-height:18px;} .no_keyword_msgs b {display:block; padding-bottom:7px;} .no_keyword_msgs span {color:#2eaf1b;} .no_keyword_msgs .logins a {display:inline-block; padding:0 7px; font-size:11px; color:#111; border:1px solid #555; letter-spacing:-0.1em; height:22px; line-height:22px; margin-top:10px;} /* 자동덧글 */ /* .pop_commt_nw {position:absolute; width:380px; top:150px; left:50%; margin-left:-90px; background-color:#FFF; border:1px solid #111; text-align:left;} */ .pop_commt_nw img {vertical-align:middle;} .tp_imgss img {vertical-align:middle;} .ssc_cnt_titles {border-bottom:1px solid #e9e9e9; padding:12px 20px; font-family:MG,맑은 고딕; font-size:13px; color:#111; font-weight:800; letter-spacing:-0.05em;} .ssc_cnt_stars {border-bottom:1px solid #e9e9e9; padding:12px 20px;} .ssc_cnt_stars span {display:inline-block; float:left; height:22px; line-height:22px; vertical-align:middle; font-family:MG,맑은 고딕; font-size:12px; color:#4b67f4; font-weight:800; letter-spacing:-0.05em;} .ssc_cnt_stars ul {float:left; vertical-align:middle; padding-left:22px;} .ssc_cnt_stars ul li {float:left; vertical-align:middle;} .ssc_cnt_stars ul li a {display:inline-block; vertical-align:middle; margin-right:5px;} .ssc_cnt_comms {padding:12px 20px;} .ssc_cnt_comms span {display:block; height:22px; line-height:22px; vertical-align:middle; font-family:MG,맑은 고딕; font-size:12px; color:#4b67f4; font-weight:800; letter-spacing:-0.05em;} .ssc_cnt_comms ul {padding-top:12px;} .ssc_cnt_comms ul li {font-family:MG,맑은 고딕; font-size:12px; color:#111; letter-spacing:-0.05em; padding-bottom:7px; font-weight:800;} .ssc_cnt_comms ul li .ipt {border-top:1px solid #b1b1b1; border-left:1px solid #b1b1b1; border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; background-color:#f9f9f9; font-family:MG,맑은 고딕; font-size:12px; color:#111; height:24px; line-height:22px; padding-left:7px; margin-left:10px;} .ssc_cnt_comms ul li textarea {border-top:1px solid #b1b1b1; border-left:1px solid #b1b1b1; border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; background-color:#f9f9f9; font-family:MG,맑은 고딕; font-size:12px; color:#111; width:330px; height:60px; line-height:18px; padding:7px; margin-top:5px;} .ssc_cnt_btns {text-align:center; padding:0px 0 30px 0;} .ssc_cnt_btns a {display:inline-block; margin:0 2px;} /* 완결드라마 색인 */ .srt_commp {border:1px solid #d3d3d3; padding:5px 14px;} .srt_commp .srt_contsd {float:left;} .srt_commp .srt_contsd li {float:left; font-size:11px; color:#111; letter-spacing:-0.05em; vertical-align:middle;} .srt_commp .srt_contsd li a {display:inline-block; height:20px; line-height:20px; vertical-align:middle;} .srt_commp .srt_contsd li span {display:inline-block; height:20px; line-height:20px; vertical-align:middle;} .srt_commp .srt_contsd li a img {vertical-align:middle;} .srt_commp .srt_contsd li a.updates {font-weight:800; color:#111;} .srt_commp .srt_contsd li span.korsss {font-weight:800; color:#111; padding-right:7px;} .srt_commp .srt_contsd li span.sep {color:#999; padding:0 10px;} .srt_commp .srt_contsd li a.kors {color:#111; padding:0 4px; margin:0 2px;} .srt_commp .srt_contsd li a.on {color:#00d219; font-weight:800; border:1px solid #DDD;} /* */ #tabmenu { position: relative; height: 35px; background: url(images/tab_menu.gif) repeat-x 0 100%; font-family: '돋움', dotum; font-size: 12px; float: left; } #tabmenu ul, #tabmenu ul li { margin: 0; padding: 4px 0px 2px 0px; } #tabmenu ul li { list-style: none; width:100px; margin-bottom:15px; text-align:center; vertical-align:middle; } #tabmenu ul li, #tabmenu ul li a { background: url(images/bg_tab2_off.gif) no-repeat } #tabmenu ul li { float: left; line-height: 30px; border-top: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; background-color: #f2f2f2; text-align:center; vertical-align:middle; cursor: pointer; } #tabmenu ul li a { display: inline-block; background-position: 100% 0; font-weight: bold; color: #666; cursor: pointer; text-align:center; vertical-align:middle; text-decoration: none !important } #tabmenu ul li a:hover { color: #0aa919; text-align:center; vertical-align:middle; } #tabmenu ul li.on, #tabmenu ul li.on a { background-color: #fff; text-align:center; } #tabmenu ul li.on a { color: #0aa919; text-align:center; } .left_tit { float: right; font-family: dotum; font-size: 12px; vertical-align:middle; letter-spacing:-0.7px; word-break: keep-all; color: #575757; padding: 18px 0px 0px 0px; margin-left: 20px; text-align: left; } .left_tit span.tit_green { font-family: dotum; font-size: 11px; line-height: 30px; letter-spacing:-0.7px; word-break: keep-all; color: #000; font-weight:800; } .ar_thm_mvtabs_n { padding-top: 15px; padding-bottom: 40px; list-style-type: none; } .ar_thm_mvtabs_n ul { float: left; list-style-type: none; } .ar_thm_mvtabs_n ul li { float: left; width: 242px; } .ar_thm_mvtabs_n ul li a { display: block; height: 38px; background: url(/_template/service/images/bigmania_new/mania_images/tab_mania_off.jpg) top right; color: #111; line-height: 39px; text-indent: 15px; border-top: 1px solid #f2f2f2; border-left: 1px solid #f2f2f2; letter-spacing: -0.05em; } .ar_thm_mvtabs_n ul li a.on { background: url(/_template/service/images/bigmania_new/mania_images/tab_mania_on_.jpg) top right; color: #FFF; font-weight: 800; } .ar_thm_mvtabs_n ul li a:hover { background: url(/_template/service/images/bigmania_new/mania_images/tab_mania_on_.jpg) top right; color: #FFF; font-weight: 800; } .wr_film_banners {text-align:left;} .wr_film_banners a {display:inline-block; vertical-align:top;} .film_event_banners {display:inline-block; vertical-align:top; width:249px; height:161px; background: url(/_template/service/images/cash/event/banner_cash_02.jpg);} .film_event_banners .pstn {display:inline-block; padding:85px 0 0 177px; vertical-align:top;} .film_event_banners .pstn img {border:0; vertical-align:top;} /* 이벤트 리스트 리뉴얼 추가 */ .etab_menu {border-bottom: 1px solid #d8d8d8; width:808px; text-align: left; margin-bottom:30px;} .etab_menu ul {float:left; padding: 15px 0px 0px 0px; } .etab_menu ul li {float:left; border-left: 1px solid #e9e9e9;} .etab_menu ul li.last {float:left; border-right: 1px solid #e9e9e9;} .etab_menu ul li a {display:block; color:#555; padding:8px 30px; font-size:14px; background-color: #f3f3f3; letter-spacing:-0.05em; text-decoration:none; border-top:2px solid #e2e2e2; font-family:MG,맑은 고딕;} .etab_menu ul li a:hover {color:#12c100; text-decoration:none;} .etab_menu ul li a.on {border-top:2px solid #111; color:#12c100; background-color:#FFF; font-weight: 800;} /* style_2011.css */ /* Common body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0} body,input,textarea,select,button,table{font-family:'돋움',Dotum,AppleGothic,sans-serif;font-size:12px} img,fieldset{border:0} ul,ol{list-style:none} em,address{font-style:normal} a{text-decoration:none; color:#555;} a:hover,a:active,a:focus{text-decoration:none; color:#555;} legend {visibility:hidden;font-size:0;width:0;height:0;} */ /* Layout #top {border-bottom:1px solid #DBDBDB;} #wrap{width:900px;margin:0 auto;} #header{width:900px} #gnb{height:112px;} #category{} #container{width:898px; background-color:#FFF; border-right:1px solid #BEBEBE; border-left:1px solid #BEBEBE;} */ #container:after{display:block;clear:both;content:''} #content{float:left;width:600px; height:900px; background-color:#FFF;} #footer{height:80px;border-top:3px solid #777;} .mright{float:right;width:297px;overflow:hidden; background-color:#fafafa; border-left:1px solid #757575;} /* Top */ .top_wrap {width:900px; height:28px; margin:0 auto;} .top_wrap table {width:900px;} .top_wrap .banleft {float:left; margin-top:7px;} .top_wrap .banmini {} .top_wrap .banright {color:#C9C9C9; font-size:11px;} .top_wrap .banright a {font-size:11px; color:#727272; letter-spacing:-1px; line-height:28px; height:28px;} .select_search {margin-left:3px; width:70px; height:13px; overflow:hidden; position:relative; float:left;} .select {position:absolute; top:-2px; left:-2px; width:75px; color:#555;} .sltsch {font-size:11px; letter-spacing:-0.1em; font-family:돋움; color:#777; border:1px solid #FFF;} .input_gnb {width:100%; height:23px; border:0; line-height:25px; text-indent:7px;} .gnb_bi {float:left; width:212px; height:112px;} .gnb_bi a {display:block; width:142px; height:51px; margin:49px 0px 0px 49px;} /*.gnb_search {float:left; width:390px;}*/ .gnb_search {float:left; width:400px;} /*.gnb_search ul{width:330px;margin:0 auto;}*/ .gnb_search ul{width:345px;margin:0 auto;} .gnb_search ul li {float:left; color:#DCDCDC; line-height:16px; margin:0px 1px;} .gnb_search ul li img {vertical-align:middle;} /*.bar_search {width:353px; height:25px; border:3px solid #58BE1D;}*/ .bar_search {width:363px; height:25px; border:3px solid #58BE1D;} .search_banner {float:right; width:266px; height:86px; margin:26px 16px 0px 0px;} .seach_banner {display:block; width:230px; height:0px; float:right; margin:26px 16px 0px 0px;} .seach_ban {width:266px; height:86px;} /* Category */ .ca_d1 {height:31px;background-color:#58BE17;border-top:1px solid #48A90A;border-bottom:1px solid #3CC523;} .ca_d1 ul {margin-left:3px;} .ca_d1 ul li {float:left; font-size:11px; color:#FFF;} .ca_d1 ul li a {display:inline-block; height:31px; padding:0px 6px; color:#FFF; letter-spacing:-1px; font-weight:bold; line-height:32px;} .ca_d1 ul li a:hover {height:21px; text-decoration:none; background-color:#429E07; border:5px solid #58BE17; line-height:22px; padding:0px 4px; color:#FFF;} .ca_d1 ul .ca_d1_over a {height:21px; text-decoration:none; background-color:#429E07; border:5px solid #58BE17; line-height:22px; padding:0px 5px;} .ca_d2 {height:28px;background-color:#454545;border-top:1px solid #303030;} .ca_d2 .ca_d2_txt {float:left; color:#9A9A9A; font-size:7pt; margin:0px 0px 0px 10px;} .ca_d2 .ca_d2_txt a {line-height:28px; color:#EAEAEA; font-size:11px; letter-spacing:-1pt;text-decoration:none; padding:0px 1px 0px 0px;} .ca_d2 .ca_d2_txt a:hover {color:#FEB900;} .ca_sep {width:1px; background-color:#27A30A; border-right:1px solid #7AD820; font-size:1px; height:12px; margin-top:9px;} .ca_hd {display:block; float:right; height:32px; border-left:1px solid #27A30A; text-align:center;} .ca_hd img {margin-top:7px;} .ca_mhd {float:right; height:32px; margin-top:-1px;} .ca_mhd a {display:inline-block; vertical-align:middle; padding-top:1px;} .ca_mhd a img {border:0; vertical-align:middle;} .ca_all {display:block; float:right; width:126px; height:28px; text-align:center;} .ca_all img {margin-top:4px;} .ca_more {background-color:#FBFBFB; border-left:1px solid #BEBEBE; border-right:1px solid #BEBEBE; border-bottom:1px solid #999; padding:10px 0px;} .ca_more ul {float:left;} .ca_more ul li {font-size:11px; letter-spacing:-1pt; margin-left:16px; text-align:left;} .ca_more ul li a {display:block; color:#777; line-height:11pt; width:65px;} .ca_more ul li b {display:block; width:50px; color:#47AD9F; margin:7px 0px 4px 0px;} .ca_bottom {height:7px; border-bottom:1px solid #BEBEBE;} .icon_ca_sdult {background-color:#F94B23; color:#FFFF38; padding:0px 3px 2px 1px; font-size:7pt; font-weight:bold; font-family:verdana;} /* Mbanner */ /* .mbanner {border-bottom:1px solid #ADADAD;}*/ /* 2012 메인변경 body */ .ar_fv {font-size:11px; color:#DFDFDF; letter-spacing:-1px; padding-top:8px;} .ar_fv a {color:#000; padding:0 3px;} .mbd_tab {float:left;} .mbd_tab li {float:left;} .sc_sep {background-color:#D4D4D4; font-size:0pt; height:1px;} .sc_nr {background-color:#FFF;} .sc_gr {background-color:#FAFAFA;} .sc_pd {padding:0 0px 10px 28px;} .sc_tt {float:left; width:100%; padding:10px 0 10px 0;} .sc_tt .tt {float:left; margin:0 13px;} .sc_tt .more {display:inline-block; float:right; margin:0 13px;} .sc_t1 {} .sc_t1 .thum {float:left; display:inline-block; width:133px; font-size:11px; line-height:11pt; color:#2F3743;} .sc_t1 .thum img {margin-bottom:10px;} .sc_t1 .list {float:left; margin-left:20px;} .sc_t1 .list li {background:url(/_template/service/images/main/ico_bull.gif) no-repeat left 40%; text-indent:8px;} .sc_t1 .list li a {line-height:20px; color:#2F3743;} .sc_t1 .list li a span {color:#8BA9CA; font-size:7pt; font-family:tahoma;} .sc_t1 .thum .rk {position:absolute; z-index:60;} .sc_t1 .list li a .rk {position:absolute; margin:3px 0 0 -14px; z-index:60;} .sc_t2 {position:relative; float:left;} .sc_t2 li {float:left; width:114px; text-align:center; margin-right:26px;} .sc_t2 li a {display:inline-block; line-height:12pt; font-size:11px;} .sc_t2 li a p {display:block; width:114px; color:#2F3743; font-size:11px; word-break:break-all; word-wrap:break-word; line-height:13px;} .sc_t2 li a p span {font-size:11px; color:#8BA9CA;} .sc_t2 li a .thum {margin-bottom:10px;} .sc_t2 li a .rk1 {position:absolute; z-index:60; margin:-2px 0 0 2px;} .sc_t2 li a .rk2 {position:absolute; z-index:60;} .sc_t3 {letter-spacing:-1px;} .sc_t3 .t1 {font-size:11pt; color:#698EC7;} .sc_t3 a {display:inline-block; padding:0 7px; border-right:1px solid #C5CAD2; margin-bottom:4px;} .sc_t4 {position:relative; float:left;} .sc_t4 li {float:left; width:260px; margin:3px 20px 12px 0;} .sc_t4 li a {display:inline-block;} .sc_t4 li a p {display:inline-block; font-size:11px; width:138px; color:#2F3743; line-height:12pt; letter-spacing:-1px;} .sc_t4 li a p span {display:block; font-size:9pt; font-weight:bold; line-height:13pt; margin-bottom:4px;} .sc_t4 li a .thum {float:left; width:114px; height:95px; margin-right:8px;} .sc_t4 li a .ply {position:absolute; z-index:60; margin:70px 0 0 -120px;} .sc_t5 {float:left;} .sc_t5 li {float:left; margin:5px 20px 5px 0;} .sc_t5 li a {display:block; width:262px;} .sc_t5 li a .thum {float:left;} .sc_t5 li a p {display:inline-block; width:179px; line-height:13pt; color:#2F3743; padding-left:10px;} .sc_t5 li a p span {display:block; font-size:11px; color:#8BA9CA; margin-top:4px;} .sc_t5 li a .bt {position:absolute; z-index:60; margin-left:-73px;} .sc_t6 {float:left;} .sc_t6 li {float:left; margin:5px 20px 7px 0;} .sc_t6 li a {display:block; width:262px;} .sc_t6 li a .thum {float:left; border:3px solid #F6F6F6;} .sc_t6 li a p {display:inline-block; width:206px; line-height:11pt; color:#2F3743; padding-left:10px;} .sc_t6 li a p span {display:block; font-size:11px; color:#8BA9CA; margin-top:2px;} .sc_t7 {} .sc_t7 .thum {float:left; display:inline-block; width:114px; font-size:11px; line-height:11pt; color:#2F3743; margin-right:20px;} .sc_t7 .thum img {margin-bottom:10px; width:114px;} .sc_t7 .list {float:left;} .sc_t7 .list li {background:url(/_template/service/images/main/ico_bull.gif) no-repeat left 40%; text-indent:8px;} .sc_t7 .list li a {line-height:19px; color:#2F3743;} .sc_t7 .list li a span {color:#8BA9CA; font-size:7pt; font-family:tahoma;} /* Body */ .list_wrap {padding:16px 22px 12px 22px;} .list_wrap p {float:left; display:block; font-size:11px; letter-spacing:-1px; color:#C2C2C2; width:300px;} .list_con {margin-bottom:9px;} .list_tt {width:172px; float:left;} .list_wrap p a {color:#8E8E8E;} .list_wrap p a span {color:#31313E;} .list_more {float:right; display:block; height:14px; font-size:11px; color:#B2B2B2; text-align:right;} .list_img {float:left; font-size:11px;} .list_img img {margin-bottom:10px;} .list_list {float:right; width:388px;} .list_list td {font-size:7pt; line-height:13pt;} .list_list td a {font-size:9pt; width:100%;} .list_list td a b {font-size:7pt; font-family:verdana; color:#AFAFAF;} .list_list td span {font-size:11px; color:#8391B7; letter-spacing:-1pt;} /* sns영역 .sns_wrap {float:left;padding:5px 10px 0px 16px;margin-bottom:10px;} .snss {padding-right:2px;} */ /* mRight */ .coupon_wrap {height:106px; border-bottom:1px solid #757575; background-color:#f0f0f0;} .coupon_wrap ul {float:left; width:266px; margin-left:16px; margin-top:10px;} .coupon_wrap ul li {float:left;} .coupon_wrap ul li input {width:67px; height:20px; border:1px solid #A3A3A3; text-align:center; font-size:9pt; font-weight:bold; color:#444; line-height:18px; font-family:verdana;} .coupon_tt {display:block; width:266px; font-size:11px; letter-spacing:-1px; color:#454545; margin-left:16px; padding-top:18px;} .coupon_tt b {float:left;} .coupon_tt span {display:block; float:right; color:#8E8E8E;} .coupon_info {float:left; font-size:11px; letter-spacing:-1px; color:#858585; margin-left:16px; padding-top:10px;} .coupon_info span {display:block; float:right; color:#8E8E8E;} .charge_wrap {height:136px; border-bottom:1px solid #AAAAAA;} .charge_wrap a {display:block; height:67px; text-align:center;} .charge_wrap a img {margin-top:16px;} .charge_sep {height:0px; border-bottom:1px dotted #BEBEBE; margin:0px 12px;} .ex_wrap {height:173px; background:url(/_template/service/images/main/bg_ex.gif); text-align:center;} .ex_wrap img {margin-top:16px;} .ad_wrap {} .tb_nomc {margin-left:15px;} .tb_nomc td {font-size:11px; letter-spacing:-1px; color:#333;} .nm_pin li input {width:50px;} .charge_wrap .banner_adpopup_broken { width: 297px; height: 136px; font-size: 90%; text-align: left; position: absolute; } .charge_wrap .banner_adpopup_broken a { display: inline; width: auto; height: auto; margin: 0px; padding: 0px; position: normal; } .charge_wrap .banner_adpopup_broken img { margin: 0px; } .charge_wrap .banner_adpopup_broken .ins { margin : 15px; color: #777; font-size:11px; line-height: 12pt; letter-spacing: -1px; } .charge_wrap .banner_adpopup_broken .ins b { display: block; color: #05AF00; margin-bottom: 7pt; font-size:11px;} .charge_wrap .banner_adpopup_broken .ins .pop_cbt { text-align: right; margin-top: 15px; } .charge_wrap .banner_adpopup_broken .ins .pop_cbt .slt { } .charge_wrap .banner_adpopup_broken .ins .pop_cbt .slt { width: 61px; height: 21px; float: left; } .charge_wrap .banner_adpopup_broken .ins .pop_cbt .btn_close_365 { width: 67px; height: 21px; } .charge_wrap .banner_adpopup_broken .ins .pop_cbt .btn_close { width: 45px; height: 21px; } .charge_wrap .banner_adpopup_broken_bg { width: 297px; height: 135px; position: absolute; background-image: url('/_template/service/images/main/bg_right_002.gif'); filter:alpha(opacity=90); opacity: 0.9; -moz-opacity: 0.9; } .charge_wrap .banner_cash { width: 297px; height: 135px; position: absolute; } .pop_add {position:absolute; width: 297px; height:136px; border-bottom:1px solid #AAAAAA; background:url(/_template/service/images/main/bg_right_002.gif); z-index:99;} .pop_add .ins {margin:15px; color:#777; font-size:11px; line-height:12pt; letter-spacing:-1px;} .pop_add .ins b {display:block; color:#05AF00; margin-bottom:7px;} .pop_cbt {text-align:right; margin-top:15px;} .pop_cbt .slt {position:absolute; left:15px;} .news_wrap {height:163px; border-bottom:1px solid #C6C6C6;} .win {float:left; width:88px; height:163px; border-right:1px solid #999;} .win li {width:68px; margin-left:10px; font-size:11px; color:#666; letter-spacing:-1pt; padding:7px 0px;} .win li a {color:#666; line-height:16px;} .win li a span {display:block; color:#2F3743; margin-top:5px; letter-spacing:-2pt;} .news {float:left; width:208px; height:163px; background-color:#FFF;} .news .news_tab a {float:left; display:block; width:102px; height:32px; text-align:center; font-size:11px; letter-spacing:-1pt; line-height:32px; margin-bottom:12px;} .notice_on {border-left:1px solid #FFF; border-right:1px solid #FFF; border-bottom:1px solid #FFF; color:#555; font-weight:bold;} .notice_off {border-left:1px solid #FFF; border-right:1px solid #A7A7A7; border-bottom:1px solid #A7A7A7; color:#7E7E7E;} .copy_on {border-left:1px solid #FFF; border-right:1px solid #FFF; border-bottom:1px solid #FFF; color:#555; font-weight:bold;} .copy_off {border-left:1px solid #A7A7A7; border-right:1px solid #FFF; border-bottom:1px solid #A7A7A7; color:#7E7E7E;} .news ul {margin-left:15px;} .news ul li {font-size:11px; color:#666; line-height:14pt;} .news_more {display:block; width:34px; float:right; margin:7px 10px 0px 0px;} .customer_wrap {height:104px; border-bottom:1px solid #C6C6C6; text-align:center;} .customer_wrap ul {float:left; margin-left:14px; margin-top:12px;} .customer_wrap ul li {float:left;} .customer_wrap p {font-size:11px; letter-spacing:-1pt; color:#666; margin-top:5px;} .customer_wrap p span {color:#D2D2D2;} .guide_wrap {padding:10px 0;} .guide_wrap a {float:left; display:block; width:148px; text-align:center; padding-top:7px;} /* Footer */ .mf_menu {height:34px; border-bottom:1px solid #DBDBDB;} .footer_aa {border-bottom:1px solid #D5D5D5; padding:5px 0;} .footer_menu {color:#999; font-size:9px;} .f_solution {} .f_solution a {display:inline-block; vertical-align:middle;} .f_solution img {vertical-align:middle;} .footer_menu a {position:relative; display:inline-block; font-size:11px; color:#333; letter-spacing:-0.06em; padding:0 6px;} .footer_menu tt {position:relative; font-size:11px; color:#ABABAB; padding:0px 7px 0px 7px;} .footer_ba {font-size:11px; color:#8E8E8E; letter-spacing:-0.04em; padding-top:12px; text-align:center; line-height:17px; font-family:MG,맑은 고딕;} .footer_ba img {margin:10px 0px 20px 0px;} /* Mbanner 2011 */ /*.subSlideBanner {width:600px; height:138px; overflow:hidden; position:relative; z-index:1;}*/ .subSlideBanner {width:824px; height:156px; overflow:hidden; position:relative; z-index:1;} .subSlideBanner .bannerList {width:9999em; height:156px; z-index:2; position:absolute; margin:0 none;} .subSlideBanner .bannerList li {float:left; width:824px; height:156px;} .subSlideBanner .bannerList li img {width:824px; height:156px; vertical-align:top;} .subSlideBanner .btn {position:absolute; top:130px; right:8px; z-index:3;} .subSlideBanner .btn li {float:left; width:17px; height:14px;} .subSlideBanner .btn li a {width:19px; height:19px; background:url(/_template/service/images/common/btn_banner_out.png) no-repeat; display:block; } .subSlideBanner .btn li a.on {background:url(/_template/service/images/common/btn_banner_on.png) no-repeat;} /* Mbanner 2012 */ .subSlideBanners {width:600px; height:115px; overflow:hidden; position:relative; z-index:1;} .subSlideBanners .bannerLists {width:9999em; height:115px; z-index:2; position:absolute; margin:0 none;} .subSlideBanners .bannerLists li {float:left; width:600px; height:115px;} .subSlideBanners .bannerLists li img {width:600px; height:115px; vertical-align:top;} .subSlideBanners .btns {position:absolute; top:90px; right:8px; z-index:3;} .subSlideBanners .btns li {float:left; width:17px; height:14px;} .subSlideBanners .btns li a {width:19px; height:19px; background:url(/_template/service/images/common/btn_banner_out.png) no-repeat; display:block; } .subSlideBanners .btns li a.on {background:url(/_template/service/images/common/btn_banner_on.png) no-repeat;} /* SELECT box */ .select_bigbox {position:relative;} .select_bigbox .select {width:167px; height:20px; position:relative; z-index:10; font-size:9pt; letter-spacing:-1pt; font-family:돋움; color:#555;} .select_bigbox span.select{position:absolute; bottom:0; float:left; left:0;width:165px; height:20px; line-height:20px; text-indent:4px; border:1px solid #DEDEDE; cursor:default; z-index:1; font-size:11px; letter-spacing:-1pt; font-family:돋움; color:#777; background:url(/_template/service/images/common/icon_arrow_sel.gif) right no-repeat; background-color:#FFF;} .ex_wrapR {height:173px; background:url(/_template/service/images/main/bg_exs.gif); text-align:center;} /* subSlideBannerWrap */ .subSlideBannerR {width:282px; height:173px; overflow:hidden; position:relative; z-index:10; list-style:none; margin-left:7px;} .subSlideBannerR .bannerList {float:left; width:9999em; height:127px; z-index:2; position:absolute; margin:0 none; list-style:none; margin-top:46px;} .subSlideBannerR .bannerList li {float:left; width:282px; height:127px;} .subSlideBannerR .bannerList li img {width:282px; height:127px; vertical-align:top;} .subSlideBannerR .title {position:absolute; display:block; top:16px; left:7px; z-index:99;} .subSlideBannerR .btn {position:absolute; list-style:none; margin:0 none; padding:0 none; top:15px; right:3px; z-index:90;} .subSlideBannerR .btn li {float:left; margin:0 none; padding:0 none;} .subSlideBannerR .btn li a {display:block; font-family:verdana; font-size:13pt; line-height:13px; color:#D5D5D5; text-decoration:none; letter-spacing:2px;} .subSlideBannerR .btn li a.on {color:#686CA6;} .btn_bstr {position:absolute; z-index:90; margin-left:-3px;} .btn_bstr .cls {position:absolute; z-index:91; margin:7px 0 0 -50px;} /*메인빅박스 뉴*/ .wr_bbox {float:left; width:100%; padding:5px 0 20px 0;} .wr_bbox li {float:left; text-align:center; margin-left:33px;} .wr_bbox li a {display:block;} .wr_bbox li a img {width:60px; height:60px; border:1px solid #f6f6f6;} .wr_bbox li span {display:block; text-align:center; color:#555; padding-top:7px; letter-spacing:-0.06em;} /*빅파일 메인 변경 2014-11-05*/ .wr_main_conbody {} .inr_cbd {border-top:1px solid #bebebe; padding:20px 25px 25px 25px;} .inr_cbd img {vertical-align:middle;} .wcnt_ttt {float:left; width:100%;} .wcnt_ttt .more {float:right;} .wcnt_film {} .wcnt_film ul {float:left; padding-top:10px;} .wcnt_film ul li {float:left; margin-right:15px;} .wcnt_film ul li.emp {margin-right:0px;} .cend {clear:both;} .wcnt_tbh {} .vwallll {margin-left:130px;} .wcnt_tbh table {width:100%; border-top:1px solid #d3d3d3;} .wcnt_tbh table td {padding:6px 0 5px 0; border-bottom:1px dotted #d3d3d3;} .wcnt_tbh table td img {vertical-align:middle; margin-left:3px;} .wcnt_tbh table td a {display:inline-block; font-size:12px; color:#555; letter-spacing:-0.06em; vertical-align:middle; height:12px;} .wcnt_tbh table td .eng {font-family:tahoma; font-size:11px; color:#999;} .wcnt_tbh table td .han {font-size:11px; color:#999;} .cnttab {float:right; margin-bottom:-1px; border-left:1px solid #d3d3d3;} .cnttab li {float:left; border-top:1px solid #d3d3d3; border-right:1px solid #d3d3d3;} .cnttab li a {display:inline-block; font-size:11px; letter-spacing:-0.08em; color:#999; background-color:#fafafa; padding:0 10px; height:26px; line-height:28px; border-bottom:1px solid #d3d3d3;} .cnttab li a.on {border-bottom:1px solid #FFF; background-color:#FFF; color:#333; font-weight:800;} .wcnt_fav {border-top:1px solid #d3d3d3;} .wcnt_fav table {width:100%;} .lstc_channel {width:180px; border-right:1px solid #e5e6e7;} .lstc_channel li {width:180px; border-bottom:1px solid #ececec; padding:6px 0;} /**** 변경 ***/ .lstc_channel li.emp {border-bottom:0px;} .lstc_channel li img {margin-left:-1px;} .lstc_channel li span {display:inline-block; font-family:tahoma; color:#999; font-size:10px; padding-left:5px; width:32px;} .lstc_channel li a {color:#777; font-size:11px; letter-spacing:-0.06em;} .lstc_channel li a.on {color:#6b89eb; font-weight:800;} .lstc_onfor {padding:16px 16px 0 20px;} .lstc_onfor .event{color:#F3732D; font-size:12px; padding-left:10px; font-weight:600;} .lstc_onfor .thm {display:inline-block; vertical-align:top; width:76px;} .lstc_onfor .inf {display:inline-block; width:234px; vertical-align:top; padding-left:12px; letter-spacing:-0.06em;} .lstc_onfor .inf .tt {font-size:12px; font-weight:800; color:#333; padding-bottom:5px;} .lstc_onfor .inf .ch {color:#999; font-size:11px; padding-bottom:4px;} .lstc_onfor .inf .txt {color:#555; font-size:11px; line-height:14px; padding-bottom:6px;} .lstc_onfor .inf .slt select {font-size:12px; color:#555; margin-right:4px;} .sttryu {float:left;} .showHide { display: none; } .laws_wrap {text-align:center; padding:10px 0;} .laws_wrap a {display:block; vertical-align:middle;} .laws_wrap a img {vertical-align:middle;} /* 전화번호 안심로그인 */ .tab_select_login {background-color:#f0f0f0; text-align:left;} .tab_select_login .tabs {float:left; width:100%;} .tab_select_login .tabs li {float:left;} .tab_select_login .tabs li.mn01 {width:128px; border-right:1px solid #a1a1a1;} .tab_select_login .tabs li.mn02 {width:168px;} .tab_select_login .tabs li a {display:block; font-size:11px; font-family:MG,맑은 고딕; background-color:#bebebe; text-align:center; padding:10px 0 6px 0; letter-spacing:-0.06em; color:#636363; font-weight:800; border-bottom:1px solid #a1a1a1;} .tab_select_login .tabs li a.on {color:#111; background-color:#f0f0f0; border-bottom:1px solid #f0f0f0;} .wr_safetyphone {background-color:#f0f0f0; border-bottom:1px solid #a1a1a1; padding:0 15px 15px 15px;} .wr_safetyphone .formsd {text-align:center;} .wr_safetyphone .formsd .pstns {display:inline-block; vertical-align:middle;} .wr_safetyphone .formsd .pstns select {font-weight:600; font-size:13px; font-family:MG,맑은 고딕; width:59px; height:24px; line-height:24px; vertical-align:middle; color:#333;} .wr_safetyphone .formsd .pstns input {font-weight:600; font-size:13px; font-family:MG,맑은 고딕; color:#333; width:58px; height:22px; line-height:22px; vertical-align:middle; margin-left:3px; padding-left:5px; border:1px solid #959595;} .wr_safetyphone .agreesd {} .wr_safetyphone .agreesd div {font-size:11px; letter-spacing:-0.08em; color:#999;} .wr_safetyphone .agreesd div.agr {float:left; padding:12px 0 0 2px;} .wr_safetyphone .agreesd div.agr a {font-weight:800; vertical-align:middle;} .wr_safetyphone .agreesd div.agr img {vertical-align:middle;} .wr_safetyphone .agreesd div.agr input {width:13px; height:13px; margin:0; padding:0; vertical-align:top;} .wr_safetyphone .agreesd div.agr span {display:inline-block; vertical-align:middle;} .wr_safetyphone .agreesd div.more {float:right; padding:12px 0 0 0;} .wr_safetyphone .agreesd div.more a span,img {display:inline-block; vertical-align:middle;} .wr_safetyphone .agreesd div.more img {margin-top:-2px;} .wr_phnlogbtn {text-align:center; padding-top:5px;} .pop_safetylogin_event {position:absolute; z-index:400; width:200px; height:118px; background:url(/_template/service/images/main/bg_pp_safe.png); text-align:center; margin:3px 0 0 93px;} .pop_safetylogin_event .cls {text-align:right; padding:7px 7px 0 0;} .pop_safetylogin_event .cls a {display:inline-block; vertical-align:middle;} .pop_safetylogin_event .cls a img {vertical-align:middle;} .pop_safetylogin_event .yes {text-align:center; padding:53px 0 0 0;} .pop_safetylogin_event .yes a {display:inline-block; vertical-align:middle;} .pop_safetylogin_event .yes a img {vertical-align:middle;} /* 추천검색어 */ .layer_keywords {position:absolute; background-color:#555; z-index:10; width:222px; margin:-4px 0 0 143px; background-color:#FFF; border:1px solid #888d95;} .layer_keywords .inr_box {padding:15px 15px 25px 15px;} .layer_keywords .tab_keys {background-color:#f5f5f5;} .layer_keywords .tab_keys a {display:inline-block; width:70px; text-align:center; font-weight:600; font-size:11px; font-family:MG,맑은 고딕; color:#777; letter-spacing:-0.05em; padding:7px 0; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;} .layer_keywords .tab_keys a.on {color:#222; border-bottom:1px solid #FFF; background-color:#FFF;} .layer_keywords .tab_keys a.end {border-right:0;} .layer_keywords .fnk_keywords {background-color:#f5f5f5; border-top:1px solid #e1e1e1; text-align:right; padding:7px;} .layer_keywords .fnk_keywords a {display:inline-block; font-size:11px; color:#555; letter-spacing:-0.12em; margin-left:14px;} .lists_sch_layers {} .lists_sch_layers li {text-align:left;} .lists_sch_layers li a {display:inline-block; vertical-align:middle;} .lists_sch_layers li .words {width:180px; font-size:12px; font-family:MG,맑은 고딕; color:#333; padding:3px 0;} .no_keyword_msgs {font-size:12px; font-family:MG,맑은 고딕; color:#333; letter-spacing:-0.05em; line-height:18px;} .no_keyword_msgs b {display:block; padding-bottom:7px;} .no_keyword_msgs span {color:#2eaf1b;} .no_keyword_msgs .logins a {display:inline-block; padding:0 7px; font-size:11px; color:#111; border:1px solid #555; letter-spacing:-0.1em; height:22px; line-height:22px; margin-top:10px;} /* Search Keyword */ #search_wrap {width:598px; margin:-1px auto 0 auto; font-family:dotum; z-index:990; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background:#fff; position:absolute; top:53px; left: 50%; transform: translate(-50%, 0); box-shadow: 0px 0px 5px 2px rgb(34, 34, 34, .2); } #search_wrap .search_tabs {margin:0; padding:0; float:left; list-style:none; height:36px; border-left:1px solid #00c73c; border-right:1px solid #00c73c; width:100%; font-size:12px; color:#999; box-sizing: border-box;} .search_tabs > li:last-child {border-right: 0;} #search_wrap .search_tabs li { float: left;text-align:center; cursor: pointer; width:33.33%; height: 36px; line-height: 34px; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-weight: bold; background: #f5f5f5; overflow: hidden; position: relative; box-sizing: border-box;} #search_wrap .search_tabs li.active {background: #FFFFFF; border-bottom: 1px solid #FFFFFF; color:#444;} #search_wrap .search_tabs li.tab_last {border-right:none;} #search_wrap .tab_container {border: 1px solid #00c73c; border-top:none; clear:both; float:left; width:100%; background:#FFFFFF; box-sizing: border-box; border-bottom-left-radius:6px; border-bottom-right-radius: 6px;} #search_wrap .tab_content {font-size:12px; display:none;} #search_wrap .tab_container .tab_content ul {padding:5px 0; margin:0px;} #search_wrap .tab_container .tab_content li {padding:3px 10px; list-style:none; line-height:140% ;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; } #search_wrap .tab_content ul a {text-decoration:none; color:#444; } #search_wrap .tab_content li:hover {background:#ebebeb;} #search_wrap .tab_content li .toggle_off {width:13px; height:12px; background:url(/_template/service/images/main/search_ico.png) no-repeat 0 0; display:inline-block; float:left; text-indent:-999px; margin-right:5px;margin-top:1px;} #search_wrap .tab_content li .toggle_on {width:13px; height:12px; background:url(/_template/service/images/main/search_ico.png) no-repeat -13px 0; display:inline-block; float:left; text-indent:-999px; margin-right:5px; margin-top:1px;} #search_wrap .recent_btn {background:#f7f7f7; font-size:11px; padding:0px 10px 0px 10px; border-top:solid 1px #e7e7e7; overflow:hidden; height:30px; line-height:30px; border-bottom-left-radius :6px; border-bottom-right-radius: 6px;} #search_wrap .recent_btn span {float:right;} #search_wrap .recent_btn .fl {float:left;} #search_wrap .recent_btn:after {content: ""; display: block; clear: both;} #search_wrap .recent_btn span a {color:#666; text-decoration:none;} #search_wrap .recent_btn a:hover {text-decoration:underline;} #search_wrap .tab_content .note_txt {text-align:center; padding:30px 20px; color:#666; line-height:18px;} #search_wrap .tab_content .note_txt .star_txt {color:#0aa919; padding:0; margin:0; font-size:11px; text-align:center; z-index:999;} #search_wrap .tab_content .note_txt .star {width:13px; height:12px; background:url(/_template/service/images/main/ search_ico.png) no-repeat 0 0; display:inline-block;;text-indent:-999px; vertical-align:middle; font-size:0; margin:0 2px 2px 0;} /* 메인 영화예매 섹션 */ /*.wr_film {height:173px; background-color:#fafafa; text-align:left;}*/ .wr_film {background-color:#fafafa; text-align:left;} .wr_film .inr {padding:15px;} .ar_film_titles {padding-bottom:8px; border-bottom:1px solid #dfdfdf;} .ar_film_titles span {display:inline-block; float:left; vertical-align:middle;} .ar_film_titles a {display:inline-block; float:right; vertical-align:middle;} .ar_film_list {} /*.ar_film_list ul {float:left; padding:13px 0 0 4px;}*/ .ar_film_list ul {float:left; padding:10px 0 0 4px;} .ar_film_list ul li {float:left; margin:0 8px;} .ar_film_list ul li a {display:block; vertical-align:middle;} .ar_film_list ul li a img {width:71px; height:102px; border:0; vertical-align:middle;} /* 올드 width 값 용 */ .bigfile_2017_table {width:100%;} .bigfile_2017_title {font-weight:600; font-size:27px; letter-spacing:-1px;border-bottom:2px solid #080808; line-height:40px;} /*탑100*/ .bigbest_tab01 {width:100%;display:table;position:relative;border-bottom:1px solid #d4d4d4;} .bigbest_tab01 > li {float:left;width:10%;font-size:14px;color:#868686;line-height:40px;text-align:center;} .bigbest_tab01 > li > a {color:#868686;display:block;} .bigbest_tab01_on01 {position:absolute;top:0;left:0;width:10%;} .bigbest_tab01_on02 {position:absolute;top:0;left:10%;width:10%;} .bigbest_tab01_on03 {position:absolute;top:0;left:20%;width:10%;} .bigbest_tab01_on04 {position:absolute;top:0;left:30%;width:10%;} .bigbest_tab01_on {font-size:14px;color:#199cb6;line-height:40px;font-weight:bold;text-align:center;border-bottom:1px solid #2aa7c4;background:#fff;} .bigbest_tab02 {margin:15px 0 0 0;border-bottom:1px solid #d4d4d4;position:relative;} .bigbest_tab02 > ul {width:100%;display:table;} .bigbest_tab02 > ul > li:nth-child(n+1) {float:left;width:10%;font-size:14px;color:#868686;line-height:30px;text-align:center;background:#fff;} .bigbest_tab02 > ul > li:nth-child(n+1) > div {border-top:1px solid #d4d4d4;border-left:1px solid #d4d4d4;} .bigbest_tab02 > ul > li:nth-child(n+1) > div a {color:#868686;display:block;} .bigbest_tab02 > ul > li:last-child > div {border-top:1px solid #d4d4d4;border-right:1px solid #d4d4d4;} .bigbest_tab02_on01 {position:absolute;top:0;left:0;pading:0 0 0 0;width:10%;border-top:1px solid #d4d4d4;} .bigbest_tab02_on02 {position:absolute;top:0;left:10%;pading:0 0 0 0;width:10%;border-top:1px solid #d4d4d4;} .bigbest_tab02_on03 {position:absolute;top:0;left:20%;pading:0 0 0 0;width:10%;border-top:1px solid #d4d4d4;} .bigbest_tab02_on04 {position:absolute;top:0;left:30%;pading:0 0 0 0;width:10%;border-top:1px solid #d4d4d4;} .bigbest_tab02_on05 {position:absolute;top:0;left:40%;pading:0 0 0 0;width:10%;border-top:1px solid #d4d4d4;} .bigbest_tab02_on06 {position:absolute;top:0;left:50%;pading:0 0 0 0;width:10%;border-top:1px solid #d4d4d4;} .bigbest_tab02_on {padding:0 0 1px 0;font-size:14px;color:#199cb6;line-height:30px;font-weight:bold;text-align:center;background:#f7f7f7;border-left:1px solid #cfcfcf;} .bigbest_tab02 > div {position:absolute;right:0;bottom:5px;color:#868686;} .bigbest_tab03 {margin:15px 0 0 0;border-bottom:1px solid #d4d4d4;position:relative;} .bigbest_tab03 > ul {width:100%;display:table;} .bigbest_tab03 > ul > li:nth-child(n+1) {float:left;width:10%;font-size:14px;color:#868686;line-height:30px;text-align:center;background:#f7f7f7;} .bigbest_tab03 > ul > li:nth-child(n+1) > div {border-top:1px solid #d4d4d4;border-left:1px solid #d4d4d4;} .bigbest_tab03 > ul > li:nth-child(n+1) > div a {color:#868686;display:block;} .bigbest_tab03 > ul > li:last-child > div {border-top:1px solid #d4d4d4;border-right:1px solid #d4d4d4;} .bigbest_tab03_on01 {position:absolute;top:0;left:0;pading:0 0 0 0;width:10%;border-top:1px solid #d4d4d4;border-right:1px solid #d4d4d4;} .bigbest_tab03_on {padding:0 0 1px 0;font-size:14px;color:#199cb6;line-height:30px;font-weight:bold;text-align:center;background:#fff;border-left:1px solid #cfcfcf;} .bigbest_bn {padding:20px 0 0 0;} .bigbest_ttl {padding:15px 0 5px 0;font-size:20px;color:#262626;font-weight:bold;border-bottom:1px solid #d4d4d4;} .bigbest_ttl font{color:#199cb6;} .bigbest_list_set {padding:10px;} .bigbest_list {width:100%;display:table;} .bigbest_list >div {float:left;width:20%;} .bigbest_list >div >ul {padding:10px 20px;} .bigbest_list >div >ul li:first-child img{width:100%;height:172px;} .bigbest_list >div >ul li:nth-child(2){width:100%;display:table;} .bigbest_list >div >ul li:nth-child(2) >div:nth-child(1){float:left;width:25%;font-size:28px;text-align:left;} .bigbest_list >div:last-child >ul li:nth-child(2) >div:nth-child(1){float:left;width:25%;font-size:28px;text-align:center;letter-spacing:-0.1em;} .bigbest_list >div >ul li:nth-child(2) >div:nth-child(2){padding:12px 0 0 0;float:left;width:75%;font-size:12px;line-height:14px;} .bigbest_list >div >ul li:nth-child(2) >div:nth-child(2) >div{padding:0 0 0 5px;font-weight:bold;} .bigbest_list >div >ul li:nth-child(3){text-align:right;color:#868686;} .bigbest_list >div >ul li:nth-child(3) img {vertical-align:middle;padding:0 5px 0 0;} .blt01 {position:relative; word-break:break-all;} .blt01 > ul {position:absolute;top:0;} .blt01 > div {position:absolute;bottom:10px;width:100%;display:table;color:#fff;} /*.blt01 > div a{width:100%;display:table;color:#fff;word-break: break-all;}*/ .blt01 > div > li:nth-child(1) {float:left;width:20%;font-size:36px;line-height:30px;text-align:center;} .blt01 > div > li:nth-child(2) {float:left;width:75%;font-size:12px;line-height:16px;font-weight:bold;} .blt01 > div > li:nth-child(2) a{font-size:12px;color:#fff;line-height:16px;} /*.blt01 img {width:100%;height:163px;}*/ .blt02 {padding:10px 0 0 0;width:100%;display:table;} .blt02 > div:nth-child(1) {float:left;/*font-weight:bold;*/color:#199cb6;} .blt02 > div:nth-child(2) {padding:0 0 0 11px;float:left;/*font-weight:bold;*/color:#868686;/*background:url(/_template/service/images/bigtop/mb_set.jpg) no-repeat 5px 4px;*/} .blt02 > div:nth-child(3) {float:right;color:#868686;} .blt02 > div:nth-child(3) img{padding:0 5px 0 0;vertical-align:middle;} /*20171213_본인인증*/ .cert_txt {margin:40px 0 0 0;padding:20px;border:1px solid #ebebeb;border-radius:10px;background:#fbfbfb;font-size:11px;color:#9f9f9f;line-height:18px;font-weight:bold;} .cert_txt li:nth-child(1) {font-size:14px;color:#7e7e7e;} .cert_txt li:nth-child(2) {padding:10px 0 0 0;} /*20180201_맞춤형 캐시충전 빅페이*/ .sb {width:100%;display:table;} .bp_wrap {padding:0 0 50px 0} .bp_optp {padding:10px;} .bp_top_img {/*padding:20px 0 0 0;*/} .bp_optp > select {font-size:14px;padding:5px 10px;} .bp_optp > select > option {font-size:14px;padding:5px 10px;} .bp_ttl {padding:30px 0 0 0;font-size:14px;font-weight:bold;} .bp_ttl font {color:#00c73c;} .bp_opt_set {margin:10px 0 0 0;border:1px solid #d4d4d4;} .bp_opt_set > ul:nth-child(1) {width:100%;display:table;border-bottom:1px solid #d4d4d4;} .bp_opt_set > ul:nth-child(2) {width:100%;display:table} .bp_opt_set > ul > li:nth-child(1) {float:left;width:18%;} .bp_opt_set > ul > li:nth-child(2) {float:left;width:82%;} .bp_opt_set > ul:nth-child(1) > li:nth-child(1) > div{font-size:14px;font-weight:bold;text-align:center;line-height:70px;border-right:1px solid #d4d4d4;background:#f7f7f7;} .bp_opt_set > ul:nth-child(2) > li:nth-child(1) > div{font-size:14px;font-weight:bold;text-align:center;line-height:52px;border-right:1px solid #d4d4d4;background:#f7f7f7;} .bp_bdt_50 {float:left;width:50%;display:table;} .bp_bdt_50 > ul:nth-child(2) {padding:10px 0 0 10px;color:#868686;} .bp_bdt_50 > ul:nth-child(1) > div:nth-child(1){float:left;} .bp_bdt_50 > ul:nth-child(1) > div:nth-child(2){padding:0 0 0 5px;float:left;font-size:14px;font-weight:bold;line-height:13px;} .bp_chs_ttl {margin:10px 0 0 0;width:100%;display:table;color:#555;font-weight:bold;border-bottom:1px solid #d4d4d4;border-top:2px solid #00c73c;background:#f7f7f7;} .bp_chs_ttl > li:nth-child(1){float:left;width:18%;} .bp_chs_ttl > li:nth-child(1) > div {text-align:center;line-height:40px;} .bp_chs_ttl > li:nth-child(2){float:left;width:82%;} .bp_chs_ttl > li:nth-child(2) > ul{margin:0 auto;display:table;} .bp_chs_ttl > li:nth-child(2) > ul > li:nth-child(1) {float:left;line-height:40px;} .bp_chs_ttl > li:nth-child(2) > ul > li:nth-child(2) {padding:10px 0 0 5px;float:left;} .bp_chs_list {width:100%;display:table;border-bottom:1px solid #d4d4d4;font-weight:bold;line-height:13px;} .bp_chs_list li:nth-child(1){padding:15px 0;float:left;width:18%;display:table;} .bp_chs_list li:nth-child(1) > div:nth-child(1) {padding:0 0 0 20px;float:left;} .bp_chs_list li:nth-child(1) > div:nth-child(2) {padding:0 0 0 5px;float:left;} .bp_chs_list li:nth-child(2) {padding:15px 0;float:left;width:82%;} .bp_chs_list li:nth-child(2) > div > font{color:#00b343;} .bp_btn_set {padding:50px 0;} .bp_btn_box {margin:0 auto;width:230px;font-size:20px;color:#fff;border-radius:4px;background:#00c73c;} .bp_btn_box > ul{margin:0 auto;display:table;} .bp_btn_box li:nth-child(1) {float:left;line-height:50px;} .bp_btn_box li:nth-child(2) {padding:17px 0 0 20px;float:left;} .bp_btn_box li:nth-child(2) img {vertical-align:top;padding:0;margin:0;} .bp_cou {padding:0 0 10px 25px;font-size:14px;font-weight:bold;line-height:20px;background:url(/_template/service/images/cash/2018/01_charge/chg_btn_ico01.png) no-repeat;} .bp_cou_cts {padding:15px;color:#868686;border:1px solid #d4d4d4;} /*20180206_빅파일 소문내기 이벤트*/ .issue_space {padding:0 32px;background:#fffee0;} .issue_ipt_set {padding:32px;border:1px solid #cfcfcf;border-radius:4px;background:#fff;} .issue_ipt {width:100%;display:table;} .iipt01{float:left;width:80%;display:table;} .iipt01 > div:nth-child(1) {width:100%;display:table;} .iipt01 > div:nth-child(1) > ul:nth-child(1) {padding:5px 0 0 0;float:left;width:50%;} .iipt01 > div:nth-child(1) > ul:nth-child(1) >li:nth-child(1) {float:left;} .iipt01 > div:nth-child(1) > ul:nth-child(1) >li:nth-child(n+2) {float:left;padding:0 0 0 35px;} .iipt01 > div:nth-child(1) > ul:nth-child(1) >li > input {margin-top:-5px;width:16px;height:16px;vertical-align:middle;} .iipt01 > div:nth-child(1) > ul:nth-child(1) >li > font {padding:0 0 0 7px;font-size:16px;font-weight:bold;} .iipt01 > div:nth-child(1) > ul:nth-child(2) {float:left;width:50%;} .iipt01 > div:nth-child(1) > ul:nth-child(2) > li {padding:0 0 0 10px;} .iipt01 > div:nth-child(1) > ul:nth-child(2) > li input {padding:10px;width:100%;height:36px;font-size:16px;border-radius:4px;} .iipt01 > div:nth-child(2) {margin:10px 0 0 0;} .iipt01 > div:nth-child(2) > input {padding:10px;width:100%;height:60px;font-size:16px;border-radius:4px;} .iipt02 {float:left;width:20%;} .iipt02 > button {margin:0 0 0 10px;width:100%;background:#f27658;font-size:20px;color:#fff;font-weight:bold;text-align:center;line-height:106px;display:inline-block; outline:none;border-radius:4px;} .issue_account {padding:0 32px;border:1px solid #cfcfcf;border-radius:4px;background:#fff;} .issue_account > div:nth-child(1) {padding:25px 0;width:100%;display:table;font-size:20px;font-weight:bold;border-bottom:1px solid #cfcfcf;} .issue_account > div:nth-child(2) {padding:25px 0;width:100%;display:table;font-size:20px;font-weight:bold;} .issue_account > div > ul {float:left;width:50%;display:table;} .issue_account > div > ul >li:nth-child(1) {padding:0 0 0 15px;float:left;background:url(/_template/service/images/07event_images/2018/02_issue/issue01_dot.png) no-repeat 0 11px;} .issue_account > div > ul >li:nth-child(2) {float:left;width:100px;text-align:right;color:#f27658;} /*20180226_제주도 할인 이벤트*/ .jeju {width:100%;font-size:14px;;font-weight:bold;display:table;background:#fbf7da;border-bottom:1px solid #fcbd68;line-height:32px;} .jeju > div:nth-child(1){padding:10px 0 10px 20px;float:left;} .jeju > li:nth-child(even) {margin:10px 0 10px 20px;float:left;width:50px;border-radius:4px;border:1px solid #fcbd68;background:#fff;text-align:center;} .jeju > li:nth-child(odd) {padding:10px 0 10px 5px;float:left;} .jeju_r{padding:0 20px 0 0;float:right;border-left:1px solid #fcbd68;} .jeju_r > li:nth-child(1) {padding:10px 0 10px 20px;float:left;} .jeju_r > li:nth-child(2) {margin:10px 0 10px 20px;float:left;width:50px;color:#fb9400;border-radius:4px;border:1px solid #fcbd68;background:#fff;text-align:center;} .jeju_r > li:nth-child(3) {padding:10px 0 10px 5px;float:left;} /*20180312_기뉴다 베틀그라운드 대회3회차*/ .beg {background:url(/_template/service/images/07event_images/2018/03_beg/beg_bg.jpg);} .beg_match_set {padding:0 35px;} .beg_match {border:1px solid #3b3b3b;border-radius:10px;background:#262626;padding:20px;} .beg_match > ul {width:100%; display:table;background:url(/_template/service/images/07event_images/2018/03_beg/vs_img.jpg) no-repeat center;} .beg_match > ul > li:nth-child(1) {float:left;width:265px;background:#fff;} .beg_match > ul > li:nth-child(1) img{width:100%;} .beg_match > ul > li:nth-child(2) {float:right;width:265px;background:#fff;} .beg_match > ul > li:nth-child(2) img{width:100%;} .select_on {border:8px solid #e7c061;} .beg_ipt_set {margin:35px 0 0 0;padding:35px;border-top:1px solid #3b3b3b;} .beg_ipt {width:100%;display:table;} .begi_phone {float:left;display:table;} .begi_phone > li:nth-child(1) {float:left;} .begi_phone > li:nth-child(2) {padding:0 0 0 10px;float:left;} .begi_phone > li:nth-child(3) {padding:0 0 0 10px;float:left;} .begi_phone select {width:80px;height:44px;font-size:26px;} .begi_phone input {width:100px;height:44px;background:#fff;padding:5px;font-size:30px;} .begi_txt {padding:0 0 0 10px;float:left;} .begi_txt > li:nth-child(1) {padding:0 0 0 12px;color:#fff;background:url(/_template/service/images/07event_images/2018/03_beg/dot.png) no-repeat 0 8px;} .begi_txt > li:nth-child(2) {padding:0 0 0 12px;color:#d4b174;background:url(/_template/service/images/07event_images/2018/03_beg/dot.png) no-repeat 0 8px;} .begi_ipt {margin:15px 0 0 0;width:100%;display:table;position:relative;} .begi_ipt > li:nth-child(1) {padding:0 110px 0 0;} .begi_ipt > li:nth-child(2) {position:absolute;right:0;top:0;} .begi_ipt input {padding:5px;width:100%;height:60px;background:#fff;font-size:20px;} .beg_board {margin:15px 0 0 0;padding:20px;font-size:14px;border:1px solid #3b3b3b;border-radius:10px;background:#fff;} .beg_bd_top {width:100%;display:table;line-height:40px;border-bottom:1px solid #d5d5d5;font-weight:bold;border-top:1px solid #b3b3b3;background:#f0f0f0;} .beg_bd_top > li:nth-child(1) {float:left;width:10%;text-align:center;} .beg_bd_top > li:nth-child(2) {float:left;width:20%;text-align:center;} .beg_bd_top > li:nth-child(3) {float:left;width:25%;text-align:center;} .beg_bd_top > li:nth-child(4) {float:left;width:45%;text-align:center;} .beg_bd {width:100%;display:table;line-height:40px;border-bottom:1px solid #d5d5d5;position:relative;} .beg_bd > div {position:absolute;top:15px;right:10px;} .beg_bd > li:nth-child(1) {float:left;width:10%;text-align:center;color:#ababab;} .beg_bd > li:nth-child(2) {float:left;width:20%;text-align:center;color:#ababab;} .beg_bd > li:nth-child(3) {float:left;width:25%;text-align:center;font-weight:bold;color:#7c5b21;} .beg_bd > li:nth-child(4) {float:left;width:45%;} .page_num {padding:50px 0;position:relative;font-size:12px;} .page_num > ul {display:table;position:absolute;top:45%;left:50%;transform:translate(-50%, -50%);} .page_arr {margin:0 2px;float:left;width:24px;height:24px;border:1px solid #cfcfcf;border-radius:4px;text-align:center;} .page_arr > div {padding:9px 0 10px 0;} .p_num_on {margin:0 2px;float:left;width:26px;line-height:26px;color:#fff;border-radius:4px;text-align:center;background:#ffb534;} .p_num_off {margin:0 2px;float:left;width:24px;line-height:24px;color:#3d3d3d;border-radius:4px;text-align:center;border:1px solid #cfcfcf;} /*테마로보는 영화*/ .tema_top {width: 818px;} .tema_tab {margin:20px 0 0 0;font-size:13px;border-bottom:1px solid #d4d4d4;position:relative;} .tema_tab > ul{width:100%;display:table;} .tema_tab > ul > li {float:left;width:14%;} .tema_tab > ul > li:nth-child(4) {float:left;width:16%;} .tema_tab > ul > li > div{text-align:center;border-left:1px solid #d4d4d4;background:#f7f7f7;} .tema_tab > ul > li:first-child > div {text-align:center;border-left:1px solid #d4d4d4;} .tema_tab > ul > li:last-child > div {text-align:center;border-right:1px solid #d4d4d4;} .tema_tab > ul > li > div > a{color:#a3a3a3;line-height:33px;display:block;border-top:1px solid #d4d4d4;} .tema_tab_over01 {padding:0 0 1px 0;position:absolute;left:0;width:14%;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4;background:#fff;} .tema_tab_over02 {padding:0 0 1px 0;position:absolute;left:14%;width:14%;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4;background:#fff;} .tema_tab_over03 {padding:0 0 1px 0;position:absolute;left:28%;width:14%;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4;background:#fff;} .tema_tab_over04 {padding:0 0 1px 0;position:absolute;left:42%;width:16%;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4;background:#fff;} .tema_tab_over05 {padding:0 0 1px 0;position:absolute;left:58%;width:14%;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4;background:#fff;} .tema_tab_over06 {padding:0 0 1px 0;position:absolute;left:72%;width:14%;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4;background:#fff;} .tema_tab_over07 {padding:0 0 1px 0;position:absolute;left:86%;width:14%;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4;background:#fff;} .tto_mn {color:#73bdcb;font-weight:bold;text-align:center;line-height:33px;border-top:1px solid #d4d4d4;} .posters {padding: 0px 0px 0px 7px; width:100%;} .poster ul li.last {margin-right: 0;} .list_confrees {width:100%;display:table;} .list_confrees li {float: left; margin: 20px 30px 20px 20px; text-align:left; /*height:220px;*/} .list_confrees li.last {margin-right:0px;} .list_confrees li a {display:block; width: 117px;} .list_confrees li a .infos {font-size:12px; color:#333; font-weight:600; padding-top:10px;} .list_confrees li a .thm {width: 117px; height: 167px;} .list_confrees li a span img {vertical-align:bottom;} /*20170319_일본만화*/ .toon_bigbn {margin:10px 0 0 0;/*border:1px solid #cfcfcf;*/} .toon_ttl_set {margin:10px 0 0 0;padding:0 0 5px 0;width:100%;display:table;border-bottom:1px solid #d4d4d4;} .toon_ttl_set > div {float:left;font-size:20px;font-weight:bold;} .toon_ttl_set > ul {float:right;display:table;} .toon_ttl_set > ul >li:nth-child(1) {float:left;} .toon_ttl_set > ul >li:nth-child(1) input {padding:0 10px;width:250px;height:30px;font-size:12px;} .toon_ttl_set > ul >li:nth-child(2) {margin:0 0 0 5px;float:left;width:54px;} .toon_ttl_set > ul >li:nth-child(2) a {background:#86c6d5;color:#fff;text-align:center;font-weight:bold;line-height:30px;display:block;} .tab_txt {font-size:12px;color:#868686;position:absolute;right:0;bottom:5px;} .tab_txt font {font-weight:bold;color:#262626;} .toon_list_set {width:100%;display:table;} .toon_list {padding:20px 0 0 0;float:left;width:20%;} .toon_list >ul {padding:0 8px;} .tl_thumb {border:1px solid #cfcfcf;} .tl_thumb img{width:100%;height:209px;} .tl_ttl {padding:8px 5px 0 5px;height:28px;font-size:12px;line-height:14px;word-break:break-all;} .toon_list > ul > li {padding:10px 0 0 0;text-align:center;} .tl_txt {width:100%;display:table;} .tl_txt > ul {padding:8px 5px 0 5px;} .tl_txt > ul >li:nth-child(1) {float:left;} .tl_txt > ul >li:nth-child(2) {float:right;color:#868686;} /*20170319_일본만화_뷰페이지*/ .toon_view {padding:20px 0 0 0;width:100%;height:243px;display:table;position:relative;} .tv_thumb {float:left;border:1px solid #cfcfcf;position:absolute;left:0;} .tv_thumb img {width:168;height:243px;} .tv_cts {padding:0 0 0 190px;float:left;} .tvc_ttl01 {font-size:22px;font-weight:bold;} .tvc_ttl01 img {padding:0 5px 0 0;} .tvc_ttl02 {padding:20px 0 0 0;width:100%;display:table;font-size:14px;} .tvc_ttl02 > li:nth-child(1) {float:left;padding:0 10px 0 0;} .tvc_ttl02 > li:nth-child(2) {float:left;padding:0 0 0 10px;background:url(/_template/service/images/2017_bigfile/toon_view_ttl_sep.jpg) no-repeat 0 5px;} .tvc_ttl02 > li:nth-child(3) {float:left;padding:0 0 0 10px;} .tvc_cts {padding:20px 0 0 0;word-break:break-all;} .tv_top_btn_set {position:absolute;left:0;bottom:0;width:100%;} .tv_top_btn_box {width:100%;display:table;} .tv_top_btn_box > ul {padding:0 0 0 190px;} .tv_top_btn_box > ul >li:nth-child(3) {padding:15px 0 0 0;float:right;color:#868686;} .tvt_btn01 {float:left;width:180px;} .tvt_btn01 > a {font-size:14px;color:#fff;font-weight:bold;text-align:center;border-radius:4px;border:1px solid #2aa7c4;background:#2aa7c4;line-height:35px;display:block;} .tvt_btn02 {margin:0 0 0 10px;float:left;width:90px;} .tvt_btn02 > a {font-size:14px;color:#262626;font-weight:bold;text-align:center;border-radius:4px;border:1px solid #d4d4d4;background:#f4f4f4;line-height:35px;display:block;} .toon_view_board {margin:20px 0 0 0;border-top:1px solid #868686;} .tvb_nchrg {color:#2aa7c4;} .toon_view_board > ul {width:100%;display:table;border-bottom:1px solid #d4d4d4;line-height:40px;} .toon_view_board > ul > li:nth-child(1) {float:left;width:20%;text-align:center;} .toon_view_board > ul > li:nth-child(2) {float:left;width:60%;font-weight:bold;text-align:center;} .toon_view_board > ul > li:nth-child(3) {float:left;width:20%;text-align:center;} .toon_view_board > ul > li:nth-child(3) > div {margin:7px 10px 0 0;float:right;width:120px;} .tvb_btn01 {color:#fff;font-weight:bold;text-align:center;line-height:24px;border:1px solid #2aa7c4;border-radius:2px;background:#2aa7c4;display:block;} .tvb_btn02 {color:#262626;font-weight:bold;text-align:center;line-height:24px;border:1px solid #cfcfcf;border-radius:2px;background:#f4f4f4;display:block;} .tvb_btn03 {color:#fff;font-weight:bold;text-align:center;line-height:24px;border:1px solid #787878;border-radius:2px;background:#787878;display:block;} .toon_list_btn {width:100%;display:table;} .toon_list_btn > li {margin:10px 10px 0 0;float:right;width:60px;} .toon_list_btn > li > a {text-align:center;border:1px solid #cfcfcf;border-radius:2px;background:#f4f4f4;line-height:25px;display:block;} .toon_dot_ttl {padding:20px 0 0 0;} .toon_ipt {margin:10px 0 0 0;width:100%;display:table;position:relative;} .toon_ipt > li:nth-child(1) {padding:0 90px 0 0;} .toon_ipt > li:nth-child(2) {position:absolute;top:0;right:0;width:80px;} .toon_ipt > li:nth-child(2) > a {color:#fff;text-align:center;background:#444444;line-height:40px;display:block;} .toon_dot_list {margin:20px 0 0 0;border-top:1px solid #868686;} .toon_dot_list > div:nth-child(even){width:100%;display:table;border-bottom:1px solid #d4d4d4;line-height:40px;} .toon_dot_list > div:nth-child(odd){width:100%;display:table;border-bottom:1px solid #d4d4d4;line-height:40px;background:#fafafa;} .toon_dot_list > div > li:nth-child(1){float:left;width:80%;} .toon_dot_list > div > li:nth-child(1) > div{padding:0 0 0 20px; word-break: break-word;} .toon_dot_list > div > li:nth-child(1) > div > img {padding:0 0 0 10px;} .toon_dot_list > div > li:nth-child(2){float:left;width:20%;text-align:center;} .tdl_ttl {width:100%;display:table;border-bottom:1px solid #d4d4d4;line-height:40px;font-weight:bold;background:#f2f2f2;} .tdl_ttl > li:nth-child(1){float:left;width:80%;text-align:center;} .tdl_ttl > li:nth-child(2){float:left:20%;text-align:center;} /*20180323_이벤트텝샘플*/ .evt_top {width: 818px;} .evt_tab_set {margin:20px 0 0 0;font-size:13px;border-bottom:1px solid #d4d4d4;position:relative;} /*텝4개짜리*/ .tab4_tab {width:100%;display:table;} .tab4_tab > li {float:left;width:25%;} .tab4_tab > li:nth-child(4) {float:left;width:25%;} .tab4_tab > li > div{text-align:center;border-left:1px solid #d4d4d4;background:#f7f7f7;} .tab4_tab > li:first-child > div {text-align:center;border-left:1px solid #d4d4d4;} .tab4_tab > li:last-child > div {text-align:center;border-right:1px solid #d4d4d4;} .tab4_tab > li > div > a{color:#a3a3a3;line-height:33px;display:block;border-top:1px solid #d4d4d4;} .tab4_over01 {padding:0 0 1px 0;position:absolute;left:0;width:25%;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4;background:#fff;} .tab4_over02 {padding:0 0 1px 0;position:absolute;left:25%;width:25%;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4;background:#fff;} .tab4_over03 {padding:0 0 1px 0;position:absolute;left:50%;width:25%;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4;background:#fff;} .tab4_over04 {padding:0 0 1px 0;position:absolute;left:75%;width:25%;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4;background:#fff;} .tto_mn {color:#73bdcb;font-weight:bold;text-align:center;line-height:33px;border-top:1px solid #d4d4d4;} /*20180509_스타BJ응원*/ .bj_board {padding:20px;font-size:14px;border:1px solid #3b3b3b;border-radius:10px;background:#fff;} .p_num_on_ {margin:0 2px;float:left;width:26px;line-height:26px;color:#fff;border-radius:4px;text-align:center;background:#32a1ae;} .bj_bd {width:100%;display:table;line-height:40px;border-bottom:1px solid #d5d5d5;position:relative;} .bj_bd > div {position:absolute;top:15px;right:10px;} .bj_bd > li:nth-child(1) {float:left;width:10%;text-align:center;color:#ababab;} .bj_bd > li:nth-child(2) {float:left;width:20%;text-align:center;color:#ababab;} .bj_bd > li:nth-child(3) {float:left;width:25%;text-align:center;font-weight:bold;color:#32a1ae;} .bj_bd > li:nth-child(4) {float:left;width:45%;} /*20180802_통합업로드*/ /*수정*/ .upload_ttl01 {height:88px;background:url(/_template/service/images/07event_images/2018/08_upload/ul_evt_ttl01.jpg);} .upload_ttl02 {height:88px;background:url(/_template/service/images/07event_images/2018/08_upload/ul_evt_ttl02.jpg);} .upload_btm01 {width:757px;height:35px;background:url(/_template/service/images/07event_images/2018/08_upload/ul_evt_btm01.jpg);} .upload_btm02 {width:757px;height:63px;background:url(/_template/service/images/07event_images/2018/08_upload/ul_evt_btm02.jpg);} .upload_cts01_set {margin:0 auto;width:645px;font-size:15px;display:table;} .upload_cts01_set > li:nth-child(1) {padding:0 0 0 25px;background:url(/_template/service/images/07event_images/2018/08_upload/ul_evt_ico01.jpg) no-repeat 0 3px;} .upload_cts01_set > li:nth-child(2) {padding:10px 0 0 25px;background:url(/_template/service/images/07event_images/2018/08_upload/ul_evt_ico02.jpg) no-repeat 0 13px;} .upload_cts01_set > li:nth-child(3) {padding:10px 0 0 25px;background:url(/_template/service/images/07event_images/2018/08_upload/ul_evt_ico03.jpg) no-repeat 0 13px;} .upload_cts01_set > li:nth-child(3) > font {color:#ff1d12;font-weight:bold;} .upload_cts01_set > li:nth-child(4) {padding:10px 0 0 25px;background:url(/_template/service/images/07event_images/2018/08_upload/ul_evt_ico04.jpg) no-repeat 0 13px;} .upload_cts02_set {margin:0 auto;width:645px;font-size:15px;display:table;} .upload_cts01_set > li:nth-child(1) > font {color:#00972f;font-weight:bold;} .ulc_info_btn {padding:40px 0 10px 0;text-align:center;} /*수정*/ .upload_wrap {background:#01c73c;padding:0 0 30px 0;} .p10ppp {padding:10px 0 0 0;} .upload {margin:0 auto;width:757px;} /*.upload_ttl01 {height:80px;background:url(/_template/service/images/07event_images/2018/08_upload/ul_evt_ttl01.png);}*/ /*.upload_ttl02 {height:80px;background:url(/_template/service/images/07event_images/2018/08_upload/ul_evt_ttl02.png);}*/ .upload_bg {background:url(/_template/service/images/07event_images/2018/08_upload/ul_evt_bg.jpg);} .upload_cts_set{margin:0 auto;width:645px;font-size:15px} /*.upload_cts {padding:0 0 30px 0;border-bottom:1px solid #d4d4d4;}*/ .upload_cts_set > ul > li:nth-child(1) {padding:0 0 0 25px;background:url(/_template/service/images/07event_images/2018/08_upload/ul_evt_ico01.jpg) no-repeat 0 3px;} .upload_cts > li:nth-child(2) {padding:10px 0 0 25px;background:url(/_template/service/images/07event_images/2018/08_upload/ul_evt_ico02.jpg) no-repeat 0 13px;} .upload_cts > li:nth-child(3) {padding:10px 0 0 25px;background:url(/_template/service/images/07event_images/2018/08_upload/ul_evt_ico03.jpg) no-repeat 0 13px;} .upload_cts > li:nth-child(4) {padding:10px 0 0 25px;background:url(/_template/service/images/07event_images/2018/08_upload/ul_evt_ico04.jpg) no-repeat 0 13px;} .upload_cts > li:nth-child(1) > font {color:#00972f;font-weight:bold;} .upload_cts > li:nth-child(1) > font a {color:#00972f;} .upload_cts > li:nth-child(1) > font a:hover {text-decoration:underline;} .upload_cts > li:nth-child(3) > font {color:#ff1d12;font-weight:bold;} .ulc_info_ttl {padding:20px 0 0 0;display:table;} .ulc_info_ttl > div:nth-child(1) {padding:2px 0 0 0;float:left;} .ulc_info_ttl > div:nth-child(1) input {width:20px;height:20px;} .ulc_info_ttl > div:nth-child(2) {padding:0 0 0 5px;float:left;font-weight:bold;} .ulc_info_cts01, .ulc_info_cts02 {margin:10px 0 0 0;border:1px solid #d4d4d4;} .ulc_info_cts01 > ul, .ulc_info_cts02 > ul {width:100%;display:table;border-bottom:1px solid #d4d4d4;} .ulc_info_cts01 > ul > li:nth-child(1), .ulc_info_cts02 > ul > li:nth-child(1) {float:left;width:20%;} .ulc_info_cts01 > ul > li:nth-child(1) > div, .ulc_info_cts02 > ul > li:nth-child(1) > div{height:55px;line-height:55px;text-align:center;font-weight:bold;border-right:1px solid #d4d4d4;} .ulc_info_cts02 > ul:last-child > li:nth-child(1) > div{height:85px;line-height:85px;text-align:center;font-weight:bold;border-right:1px solid #d4d4d4;} .ulc_info_cts01 > ul > li:nth-child(2) {padding:10px 0;float:left;width:80%;} .ulc_info_cts01 > ul > li:nth-child(2) > div {padding:0 10px;} .ulc_info_cts01 > ul > li:nth-child(2) > div input {padding:0px 5px;width:100%;height:34px;font-size:15px;color:#202020;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;border:1px solid #d4d4d4;background:#f7f7f7;} .ulc_info_cts02 > ul > li:nth-child(2) {padding:10px 0;float:left;width:80%;position:relative;} .ulc_info_cts02 > ul > li:nth-child(2) > div:nth-child(1) {padding:0 230px 0 10px;} .ulc_info_cts02 > ul > li:nth-child(2) > div input {padding:0px 5px;width:100%;height:34px;font-size:15px;color:#202020;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;border:1px solid #d4d4d4;background:#f7f7f7;} .ulc_info_cts02 > ul > li:nth-child(2) > ul {width:210px;position:absolute;top:10px;right:10px;display:table;} .ulc_info_btn02 {float:left;width:70px;height:34px;line-height:34px;text-align:center;border-radius:3px;background:#202020;} .ulc_info_btn02 a {color:#fff;} .ulc_info_txt {float:left;line-height:34px;font-size:13px;color:#868686;} .ppp10 {padding:0 0 0 10px;} .ulc_info_txt02 {padding:10px 0 0 10px;font-size:13px;color:#868686;} .ulc_info_cts01 > ul:last-child, .ulc_info_cts02 > ul:last-child {width:100%;display:table;border-bottom:0;} .upload_btm {width:757px;height:69px;background:url(/_template/service/images/07event_images/2018/08_upload/ul_evt_btm.png);} .ulc_agr_set {padding:20px 0 0 0;margin:0 auto;width:645px;font-size:12px;display:table;word-break:normal;} .ulc_agr {float:left;width:50%;} .ulc_agr > ul {padding:0 15px;} .ulc_agr > ul > li:nth-child(1) {font-weight:bold;text-align:center;} .ulc_agr > ul > li:nth-child(2) {margin:20px 0 0 0;padding:10px;height:200px;line-height:20px;font-size:12px;border:radius:3px;border:1px solid #cfcfcf;overflow-y:scroll;} .ulc_agr > ul > li:nth-child(3) {padding:10px 0 0 0;width:100%;display:table;} .ulc_agr > ul > li:nth-child(3) > div:nth-child(1) {padding:4px 0 0 0;float:left;} .ulc_agr > ul > li:nth-child(3) > div:nth-child(2) {padding:0 0 0 5px;float:left;} .ulc_agr > ul > li:nth-child(3) > div:nth-child(3) {padding:4px 0 0 10px;float:left;} .ulc_agr > ul > li:nth-child(3) > div:nth-child(4) {padding:0 0 0 5px;float:left;} /*20190104_비밀번호변경서비스*/ .pass_chg {padding:0 0 60px 0;margin:0 auto;width:880px;} .pass_chg01 {height:177px;background:url(/_template/service/images/pass_chg/pass_chg01.png) no-repeat;} .pass_chg02 {height:254px;background:url(/_template/service/images/pass_chg/pass_chg02.png) no-repeat;} .pass_chg_cts {margin:0 auto;width:750px;} .pcc_ttl {margin:90px 0 0 0;padding:0 0 0 30px;font-size:20px;font-weight:bold;background:url(/_template/service/images/pass_chg/pass_chg_ico.png) no-repeat 0 3px;} .pcc_cts {padding:15px 0 0 0;} .pcc_ipt {padding:10px 0 0 0;position:relative;} .pccia {width:150px;line-height:45px;font-size:16px;position:absolute;left:0;top:10px;} .pccib {padding:0 0 0 160px;} .pccib input {padding:0px 5px;width:70%;height:45px;font-size:14px;color:#868686;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;border:1px solid #ddd;} .pcc_btn {padding:60px 0 0 0;text-align:center;} .pass_caution {margin:60px 0 0 0;border:1px solid #d4d4d4;background:#f7f7f7;} .pass_caution dl {padding:45px 0;margin:0 auto;width:750px;} .pass_caution dt {padding:0 0 30px 30px;font-size:20px;font-weight:bold;background:url(/_template/service/images/pass_chg/pass_chg_ico02.png) no-repeat 0 3px;} .pass_caution dd {margin:7px 0 0 0;padding:0 0 0 10px;font-size:13px;background:url(/_template/service/images/pass_chg/pass_chg_dot.png) no-repeat 0 7px;} .pc_fwt {font-weight:bold;color:#4b7e00} .pass_caution dd > a {font-weight:bold;color:#4b7e00; text-decoration:underline;} /*20191011_추가/수정*/ /*로그인 버튼추가*/ .login_find_btn {display: table;} .login_find_btn > li:nth-child(1) {float: left;} .login_find_btn > li:nth-child(2) {padding:0 0 0 1px;float: left;} /*본인인증_ID로 찾기*/ .user_ttl {font-size:16px;font-weight: bold;} .form_find .user_ipt {margin:5px 0 0 0;padding:0 5px;width:100%;height:34px;font-size:13px;color:#000;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;border:0;background:#fff;border:1px solid #cfcfcf;} .user_slt_set {width:100%;display: table;} .user_slt {width:50%;} .user_slt01 {padding:5px 5px 0 0;} .user_slt01 select { width:100%;height: 34px;border:1px solid #cfcfcf;} .user_slt02 {padding:5px 0 0 5px;} .user_slt02 select { width:100%;height: 34px;border:1px solid #cfcfcf;} .user_phone {margin:5px 0 0 0;position: relative;} .user_phone select {width:80px;position: absolute;top:0;height: 34px;border:1px solid #cfcfcf;} .user_phone_ipt {padding:0 90px 0 90px;} .user_phone_ipt .upi {padding:0 5px;width:100%;height:34px;font-size:13px;color:#000;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;border:0;background:#fff;border:1px solid #cfcfcf;} .upi_btn_box {position: absolute;top:0;right:0;} .upi_btn {width:80px;line-height: 34px;text-align: center;color:#fff;background:#202020;} /*버튼*/ .user_btn {padding:10px 0 0 0;width:100px;margin:0 auto;} .user_btn a {line-height: 34px;text-align: center;color: #fff;background:#32b61d;display: block;} /*본인인증_ID로 찾기_결과*/ .user_rst_txt01 {font-size: 16px;font-weight: bold;text-align: center;} .user_rst_txt02 {padding:20px 0 0 0;font-size:14px;text-align: center;} .user_rst_txt02 font {font-weight: bold;color:#ff0000} /*본인인증_PW로 찾기, 본인인증_PW로 찾기_결과*/ .user_id_sch {position: relative;} .user_id_sch_ipt {padding:0 90px 0 0;} .form_find .user_id_sch_ipt input {padding:0 5px;width:100%;height:34px;font-size:13px;color:#000;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;border:0;background:#fff;border:1px solid #cfcfcf;} /*내검색어 삭제*/ #sword_recent_list ul li{position: relative;} #sword_recent_list a.srch_close_btn{background: url(/_template/service/images/main/recent_cross.svg) no-repeat ;top:50%; width: 20px; height:18px; background-size:18px; vertical-align: middle; display: inline-block; position: absolute; right: 10px; transform: translateY(-50%);} .table-bordered td,.table-bordered th{border:1px solid #ddd!important;padding:5px;} /*20240405추가*/ /*TOP100*/ .blt01 img {border-radius: 4px;} .bigtop_list >div >ul li:first-child {border-radius: 6px;} .bigtop_list >div >ul li:first-child img {border-radius: 4px;} /*채널가이드*/ .lst_c td .inf .th {border-radius: 4px;} /*100원/300원/ 할인관*/ .list_confrees li a .thm {border-radius: 4px;} /*20240605_??*/ /*???????*/ .ul_rgst_ttl_bn {padding:20px 0 0 0;} .ur_ttl {padding:20px 0 0 0; font-size: 21px; font-weight: bold;} .ur01_flow_set {padding:20px 0 0 0; margin:0 auto; width: 700px; display: flex;} .ur01_flow_box {width: 100px; display: table;} .ur01_flow {height: 100px; text-align: center; display: table-cell; vertical-align: middle; background:#b8e4ff; border-radius: 100px;} .ur01_flow_txt {padding:10px 0 0 0; font-size: 17px; font-weight: bold; color:#125178; text-align: center;} .ur01_flow_arr_box {width: 50px; display: table;} .ur01_flow_arr {height: 100px; text-align: center; display: table-cell; vertical-align: middle;} .ur01_btm_txt {padding:60px 0 0 0; font-size: 17px; font-weight: bold; text-align: center;} .ur_btm_btn_box {padding:60px 0; margin:0 auto; display: table;} .ur_btm_btn01 {width: 200px; height: 40px; font-size: 17px; font-weight: bold; color:#fff; text-align: center; display: table-cell; vertical-align: middle; border-radius: 4px; background: url(/_template/service/images/03myinfo_images/ul_rgst_btn_arr.png) no-repeat; background-position: right 10px bottom 13px; background-color:#3f718f; transition: .5s; filter: drop-shadow(0.1rem 0.2rem 0.25rem rgb(0,0,0, 0.3));} .ur_btm_btn02 {width: 200px; height: 40px; font-size: 17px; font-weight: bold; color:#fff; text-align: center; display: table-cell; vertical-align: middle; border-radius: 4px; background: url(/_template/service/images/03myinfo_images/ul_rgst_btn_chk.png) no-repeat; background-position: right 10px bottom 11px; background-color:#3f718f; transition: .5s; filter: drop-shadow(0.1rem 0.2rem 0.25rem rgb(0,0,0, 0.3));} .ur_btm_btn01:hover {background-color:#002c47; background-position: right 10px bottom 13px;} .ur02_agr {margin:5px 0 0 0; padding: 10px; height: 200px; font-size: 14px; overflow-y: scroll; border:1px solid #ddd; border-radius: 4px;} .ur02_agr_chk_box {padding: 10px 0 0 0; margin:0 auto; display: flex; justify-content: center;} .ur02_agr_chk_txt {padding:0 0 0 25px; line-height: 17px; font-size: 14px;} .ul_rgst03_tb {margin:10px 0 0 0; line-height: 17px; font-size: 15px; border: 1px solid #ddd; border-radius: 4px;} .ur03t_ttl_box {width: 100%; display: table; border-bottom: 1px solid #ddd;} .ur03t_ttl_box > div:first-child {border-top-left-radius: 4px;} .ur03t_ttl_box > div:last-child {border-right: 0; border-top-right-radius: 4px;} .ur03t_ttl {width: 33.33%; height: 36px; font-size: 14px; font-weight: bold; text-align: center; display: table-cell; vertical-align: middle; border-right: 1px solid #ddd; background:#f4faff;} .ur03t_list_set {width: 100%; display: table;} .ur03t_list_set > div:last-child > div > div {border-right: 0;} .ur03t_list_box {float: left;width: 33.33%; display: table;} .ur03t_list_box > div:last-child { border-bottom: 0;} .ur03t_list {width: 100%; display: table; border-bottom: 1px solid #ddd;} .ur03tl01 {height: 70px; font-size: 26px; font-weight: bold; text-align: center; display: table-cell; vertical-align: middle; border-right: 1px solid #ddd;} .ur03tl02 {height: 140px; font-size: 26px; font-weight: bold; text-align: center; display: table-cell; vertical-align: middle; border-right: 1px solid #ddd;} .ur03tl01 .uft01 {color:#509725;} .ur03tl02 .uft01 {color: #509725;} .ur03tl02 .uft02 {font-size: 14px; font-weight: 400;} .ul_rgst04_txt01 {padding:30px 0 0 0; font-size: 14px;} .ul_rgst04_txt02 {font-size: 14px;} .ul_rgst04_tb {margin: 10px 0 0 0; border:1px solid #ddd; border-radius: 4px; background:#fff;} .ul_rgst04_tb > div:last-child {border:0;} .ur04t {width: 100%; display: table; border-bottom: 1px solid #ddd;} .ur04t > div:last-child {border-right: 0;} .ur04t_num {width: 10%; font-size: 14px; font-weight: bold; text-align: center; display: table-cell; vertical-align: middle; border-right: 1px solid #ddd; background:#f4faff;} .ur04t_ttl {padding: 10px 20px; width: 30%; font-size: 14px; color:#509725; font-weight: bold; display: table-cell; vertical-align: middle; border-right: 1px solid #ddd;} .ur04t_cts {padding: 10px 20px; width: 60%; font-size: 14px; display: table-cell; vertical-align: middle;} .ur04t_btm {padding:10px; font-size: 14px; display: table-cell; vertical-align: middle; background:#f4faff;} .ur04t_ttl02 {padding: 10px 20px; width: 50%; font-size: 14px; font-weight: bold; text-align: center; display: table-cell; vertical-align: middle; border-right: 1px solid #ddd;background:#f4faff;} .ur04t_cts02a {padding: 10px 20px; width: 50%; font-size: 14px; display: table-cell; vertical-align: middle; border-right: 1px solid #ddd;} .ur04t_cts02a font {font-weight: bold; color:#509725;} .ur04t_cts02b {padding: 10px 20px; width: 50%; font-size: 14px; display: table-cell; vertical-align: middle; border-right: 1px solid #ddd;} .ur04t_cts02b font {font-weight: bold; color:#c23e3e;} .ur05_agr_chk_box01 {padding: 10px 0 0 0; display:} .ur05_agr_chk_box02 {padding: 20px 0 0 0; display:} .ul_rgst05_cts {padding:60px 0 0 0; width: 100%; display: table;} .ur05_img {display: table-cell; vertical-align: middle;} .ur05_txt {padding:0 0 0 30px;display: table-cell; vertical-align: middle;} .ur05t01 {font-size: 26px; font-weight: bold;} .ur05t01 font {color:#509725;} .ur05t02 {padding:10px 0 0 0; font-size: 14px;} .ur05t02 font {font-weight: bold; color:#509725;} .ur_chk input[type="checkbox"] {display:none;} .ur_chk input[type="checkbox"] + label {padding: 0 5px 0 0; font-size: 13px; color:#202020;} .ur_chk input[type="checkbox"] + label span {float: left; width: 16px; height: 16px; border:1px solid #00c73c; border-radius: 4px; display: inline-block;} .ur_chk input[type="checkbox"]:checked + label span {float: left; width: 16px; height: 16px; border:1px solid #00c73c; background:url(/_template/service/images/03myinfo_images/ul_rgst_chk_on.png) no-repeat; background-color:#00c73c; border-radius: 4px; background-size: 16px;} /*20240618 무제한이용권신청*/ .pc_ico {position: absolute; top: -95%; left: 50%; transform: translate(-50%,0); z-index: -1;} .ftc_turquoise {color:#006b67;} .ftc_green { color:#00c73c;} @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css'); .pm_top_ttl {padding: 60px 0 0 0; line-height: 46px; font-size: 40px; text-align: center; font-family: 'Pretendard-Regular'} .pm_top_ttl font {font-weight: bold; color:#00c73c;} .pm_top_txt {padding: 20px 0 0 0; font-size: 15px; text-align: center; letter-spacing: -0.05em;} .pm_top_txt font {font-weight: bold; color:#00c73c;} .payment_bg { background:#fff; font-family: 'Pretendard-Regular'} .payment_bg button{font-family: 'Pretendard-Regular'} .pm_tb_set {padding:70px 10px 0 10px;} .pm_tb_box {width: 100%; display: table; border-radius: 10px; } .pm_tb50 {float: left; width: 50%; position: relative;} .pm_tb33 {float: left; width: 33.33%; position: relative;} .pm_sttl {padding:0 0 10px 40px; font-size: 30px; font-weight: bold; background:url(/_template/service/images/cash/flat/pm_ttl_ico03.png) no-repeat;} .pt_bg_top01 {margin:0 10px; height: 400px; border-radius: 10px; border: 1px solid #006b67; box-shadow: 0px 0px 10px 5px rgba(34, 34, 34, .3); opacity:.5;} .pt_bg_top02 {margin:0 10px; height: 400px; border-radius: 10px; border: 1px solid #212d25; box-shadow: 0px 0px 10px 5px rgba(34, 34, 34, .3); opacity:.5;} .pt_bg_top03 {margin:0 10px; height: 400px; border-radius: 10px; border: 1px solid #45c43a; box-shadow: 0px 0px 10px 5px rgba(34, 34, 34, .3); opacity:.5;} .pt_bg01 {margin:0 10px; height: 345px; border: 1px solid #45c43a; border-radius: 10px; box-shadow: 0px 0px 10px 5px rgba(34, 34, 34, .3); opacity:.5;} .pt_bg02 {margin:0 10px; height: 345px; border: 1px solid #ff7fb0; border-radius: 10px; box-shadow: 0px 0px 10px 5px rgba(34, 34, 34, .3); opacity:.5;} .pt_bg03 {margin:0 10px; height: 345px; border: 1px solid #2ea2c3; border-radius: 10px; box-shadow: 0px 0px 10px 5px rgba(34, 34, 34, .3); opacity:.5;} .pt_bg04 {margin:0 10px; height: 345px; border: 1px solid #004802; border-radius: 10px; box-shadow: 0px 0px 10px 5px rgba(34, 34, 34, .3); opacity:.5;} .pt_bg_white {background:#fff;} .pt_bg_pink {background:#ffb5d1;} .pt_bg_military {background:url(/_template/service/images/cash/flat/pm_lyo_bg04_bg.png);} .pt_bg_img {position: absolute; bottom: 0; left: 10px; z-index: 1;} .pt_cts_box {width: 100%; position: absolute; top:0; left:0; z-index: 2;} .pt_cts01 {margin:0 20px; position: relative;} .pt_cts02 {margin:0 25px; position: relative;} .pc_top_ttl_box {margin:0 auto; display: table; width: 220px; border-radius: 8px; box-shadow: 0px 5px 10px 0px rgba(34, 34, 34, .3); position: relative;} .pc_top_ttl01 {height: 35px; font-size: 21px; font-weight: bold; color:#fff; text-align: center; display: table-cell; vertical-align: middle; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background:#006b67;} .pc_top_ttl02 {height: 35px; font-size: 21px; font-weight: bold; color:#fff; text-align: center; display: table-cell; vertical-align: middle; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background:#212d25;} .pc_top_ttl03 {height: 35px; font-size: 21px; font-weight: bold; color:#fff; text-align: center; display: table-cell; vertical-align: middle; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background:#376e45;} .pc_top_ttl04 {height: 35px; font-size: 21px; font-weight: bold; color:#fff; text-align: center; display: table-cell; vertical-align: middle; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background:#73313f;} .pc_top_ttl05 {height: 35px; font-size: 21px; font-weight: bold; color:#fff; text-align: center; display: table-cell; vertical-align: middle; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background:#00536b;} .pc_top_ttl06 {height: 35px; font-size: 21px; font-weight: bold; color:#fff; text-align: center; display: table-cell; vertical-align: middle; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background:#3a5040;} .pc_top_ttl01a img {padding:0 10px 0 0;} .pc_top_ttl01b img {padding:0 10px 0 0;} .pc_type {text-align: center;} .pc_type img {padding:20px 0 0 0;} .pc_ttl {padding:20px 0 0 0;line-height: 30px; height: 60px; font-size: 28px; font-weight: bold; color:#202020; text-align: center; letter-spacing: -0.03em;} .pc_sttl {padding:10px 0 0 0; height: 50px; line-height: 21px; font-size: 17px; text-align: center;} .pc_dsc font {color:#00c73c;} .pc_pm_name_set {width: 100%; display: table;} .pc_pm_name_box {float: right; display: table;} .pc_pm_name01 {padding:0 10px; height: 30px; line-height: 30px; font-size: 15px; font-weight: bold; color:#202020; text-align: center; border:1px solid #0b4947; border-radius: 60px;} .pc_pm_name02 {padding:0 10px; height: 30px; line-height: 30px; font-size: 15px; font-weight: bold; color:#202020; text-align: center; border:1px solid #212d25; border-radius: 60px;} .pc_pm_name03 {padding:0 10px; height: 30px; line-height: 30px; font-size: 15px; font-weight: bold; color:#202020; text-align: center; border:1px solid #45c43a; border-radius: 60px;} .pc_pm_name04 {padding:0 10px; height: 30px; line-height: 30px; font-size: 15px; font-weight: bold; color:#202020; text-align: center; border:1px solid #e02f72; border-radius: 60px;} .pc_pm_name05 {padding:0 10px; height: 30px; line-height: 30px; font-size: 15px; font-weight: bold; color:#202020; text-align: center; border:1px solid #2ea2c3; border-radius: 60px;} .pc_pm_name06 {padding:0 10px; height: 30px; line-height: 30px; font-size: 15px; font-weight: bold; color:#202020; text-align: center; border:1px solid #004802; border-radius: 60px;} .pc_price_wrap {width: 100%; display: table;} .pc_price_set {float: left; width: 50%;} .pc_price_box {padding:5px 0 0 0; width: 100%; display: table;} .pc_price {float: right; position: relative;} .pc_price01 {padding:0 0 0 20px; line-height: 44px; font-size: 44px; font-weight: bold; color:#0b4947;} .pc_price02 {padding:0 0 0 20px; line-height: 44px; font-size: 44px; font-weight: bold; color:#212d25;} .pc_price03 {padding:0 0 0 20px; line-height: 44px; font-size: 44px; font-weight: bold; color:#45c43a;} .pc_price04 {padding:0 0 0 20px; line-height: 44px; font-size: 44px; font-weight: bold; color:#e02f72;} .pc_price05 {padding:0 0 0 20px; line-height: 44px; font-size: 44px; font-weight: bold; color:#2ea2c3;} .pc_price06 {padding:0 0 0 20px; line-height: 44px; font-size: 44px; font-weight: bold; color:#004802;} .pc_month {font-size: 17px; font-weight: bold; color:#202020; position: absolute; bottom:0; left: 0;} .pc_btm_btn_box {padding:25px 0 0 0; margin:0 auto; display: table;} .pc_btm_btn { width: 160px; height: 40px; line-height: 21px; font-size: 21px; font-weight: bold; color:#fff; text-align: center; display:inline-block; border-radius: 4px; box-shadow: 0px 0px 10px 5px rgba(34, 34, 34, .2); cursor: pointer; } .pc_btm_btn_bg01 { background:#0b4947; transition: .5s;} .pc_btm_btn_bg01:hover { background:#157a77;} .pc_btm_btn_bg02 { background:#212d25; transition: .5s;} .pc_btm_btn_bg02:hover { background:#23744d;} .pc_btm_btn_bg03 { background:#37a32d; transition: .5s;} .pc_btm_btn_bg03:hover { background:#45c43a;} .pc_btm_btn_bg04 { background:#e02f72; transition: .5s;} .pc_btm_btn_bg04:hover { background:#ff3581;} .pc_btm_btn_bg05 { background:#2ea2c3; transition: .5s;} .pc_btm_btn_bg05:hover { background:#3bbfe5;} .pc_btm_btn_bg06 { background:#004802; transition: .5s;} .pc_btm_btn_bg06:hover { background:#006803;} .pm_cous {margin:70px 0;padding:30px; border-radius: 10px; background:#d2ddd5;} .pm_cous_ttl {padding:0 0 0 32px; font-size: 24px; font-weight: bold; background:url(/_template/service/images/cash/flat/pm_cou_ttl.png) no-repeat 0 5px; background-size: 25px; letter-spacing: -0.05em;} .pm_cous_cst {padding:30px 0 0 0;} .pcc {margin:0 0 0 20px; padding:0 0 0 10px; font-size: 15px; background:url(/_template/service/images/cash/flat/pm_cou_dot.png) no-repeat 0 10px;} /*20240619_리스트상단*/ .list_top_sel01_box {width: 100%; display: table;} .list_top_sel01_l {float: left; display: table;} .list_top_sel01_r {float: right; display: table;} .list_top_sel02_box {padding:20px 0 0 0; width: 100%; display: table;} .list_top_sel02_l {float: left; padding:5px 0 0 0;} .list_top_sel02_l span {margin: 0 0 0 5px; font-size: 13px;} .list_top_sel02_l span .sub_t {margin: 0 5px 0 0;} .list_top_sel02_r {float: right; display: table;} .lts02r_box {float: left; margin: 0 0 0 10px; border-radius: 4px; background:url(/_template/service/images/2017_bigfile/list_top_select_arr.png) no-repeat; background-position: right 5px bottom 12px;} .lst02r {width: 90px; height: 30px; font-size: 13px;} .lts02r_box select{ margin: 0; /*border: none; */ box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance:none; appearance: none; } .lts02r {padding:0 17px 0 10px; /*width: 100px;*/ height: 30px; font-size: 13px; border-radius: 4px; border:1px solid #868686;} /*리스트하트*/ .list_hart_box {position: relative;} .list_hart {position: absolute; bottom: 10px; right: 10px; cursor: pointer;} .img_list_thumb {width:100%; height: -webkit-fill-available;object-fit:cover;object-position: 100% 0%;} /*20240620_성인인증 (인증기본)*/ .suc_box {padding:20px 0 0 0; width: 100%; display: table;} .suc {float: left; width: 33.33%; cursor: pointer;} .suc_cts_box {margin: 0 30px; position: relative;} /*.suc_cts {width: 170px;}*/ .bg {background-size:120%} .sc {height: 214px; border-radius: 10px; box-shadow: 0px 0px 10px 5px rgba(190, 190, 190, .2);} .sc_bg01 {border:1px solid #f5c8c8; background:url(/_template/service/images/log/btn_nt_paymentc.png) no-repeat;background-size: 100%; background-position: center; transition: all .5s;} .sc_bg01:hover {border-top-left-radius: 30px; border-bottom-right-radius: 30px; border:1px solid #ff9999;background-size: 110%;} .sc_bg02 {border:1px solid #c4d9f5; background:url(/_template/service/images/log/btn_nt_hp.png) no-repeat;background-size: 100%; background-position: center; transition: all .5s;} .sc_bg02:hover {border-top-left-radius: 30px; border-bottom-right-radius: 30px; border:1px solid #1177ff;background-size: 125%;} .sc_bg03 {border:1px solid #ffdbb0; background:url(/_template/service/images/log/btn_nt_ip.png) no-repeat;background-size: 100%; background-position: center; transition: all .5s;} .sc_bg03:hover {border-top-left-radius: 30px; border-bottom-right-radius: 30px; border:1px solid #ffab46;background-size: 125%;} .sc_txt {width: max-content; font-size: 17px; font-weight: bold; text-align: center; position: absolute; left:50%; bottom: 25px; transform: translate(-50%, 0); font-family: 'Pretendard-Regular'} /*20240701_휴면계정장금해제안내*/ @font-face { font-family: 'Pretendard-Regular'; src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Pretendard-Bold'; src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Pretendard-ExtraBold'; src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff'); font-weight: 400; font-style: normal; } .dormancy {margin:0 auto; padding: 0 0 30px 0; width: 910px; text-align: left; font-family: 'Pretendard-Regular'} .drm_top {padding: 0 0 50px 0; position: relative;} .drm_top .dt_ttl {padding: 40px 0 0 0; font-size: 36px; font-weight: bold; font-family: 'Pretendard-ExtraBold'} .drm_top .dt_sttl {padding: 20px 0 0 0; font-size: 21px; font-weight: bold; font-family: 'Pretendard-Regular'} .drm_top .dt_sttl font {color:#509725; font-family: 'Pretendard-Regular'} .dt_cts {padding: 20px 0 0 0; font-size: 15px; font-family: 'Pretendard-Regular'} .dt_img {position: absolute; right: 0; top: 0;} .drm_btm {padding: 50px 0 0 0; margin:0 auto; display: table; font-family: 'Pretendard-Regular'} .drm_btm .db_txt {float: left; padding:5px 0 0 0; font-size: 15px; font-family: 'Pretendard-Regular'} .drm_btm .db_btn_box {float: left; padding: 0 0 0 10px; width: 100px; display: table;} .drm_btm .db_btn {height: 30px; font-size: 15px; text-align: center; display: table-cell; vertical-align: middle; border:1px solid #ddd; border-radius: 4px; cursor: pointer; font-family: 'Pretendard-Regular'} /*20240702탈퇴회원혜택_팝업*/ .popup_withdraw {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Pretendard-Regular' box-shadow: 0px 0px 20px 5px rgb(34, 34, 34, .2);} .pwd_img01 {position: relative;} .pwd_img01 img {border-top-left-radius: 4px; border-top-right-radius: 4px;} .pwd_img02 {height:80px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background:url(/_template/service/images/03myinfo_images/w_wd_img_a02.jpg) no-repeat;} .pwd_btn_box {margin:0 auto; width: 310px; display: table; cursor: pointer;} .pwd_btn {height: 50px; font-size: 26px; font-weight: bold; color:#f6ff00; text-align: center; display: table-cell; vertical-align: middle; border-radius: 4px; background:#202833 url(/_template/service/images/03myinfo_images/wd_arr_btn.png) no-repeat; background-size: 8px; background-position: right 15px bottom 50%; font-family: 'Pretendard-Bold';} .pwd_btn_x {position: absolute; top: 10px; right: 10px; cursor: pointer;} .pwd_btn_x img {width: 20px;} .popup_coupon_finish{width: max-content; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Pretendard-Regular' border:2px solid #636363; border-radius: 4px; box-shadow: 0px 0px 20px 5px rgb(34, 34, 34, .2); display: none ;} .pcf01, .pcf02 {float: left;} .pcf02 img {border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .pcf_img01 img { border-top-left-radius: 4px;} .pcf_img02 {height: 60px; border-bottom-left-radius: 4px; background:url(/_template/service/images/03myinfo_images/w_wd_img_b02.jpg) no-repeat;} .pcf_btn_box {margin:0 auto; width: 85px; display: table;} .pcf_btn {height: 35px; font-size: 15px; font-weight: bold; color:#fff; text-align: center; display: table-cell; vertical-align: middle; border-radius: 4px; background:#202833;} /*20240703리스트이미지뷰*/ .img_view_bbt {position: absolute; left: -5px; bottom: -35px; box-shadow: 0px 1px 10px 1px rgb(34, 34, 34, .2); display: ;} .jb-box {position: absolute; left: -400px; opacity: 0;; box-shadow: 0px 1px 10px 5px rgb(34, 34, 34, .2); border:1px solid #000; display: none ;} video { width: 100%; height: 100%;} .jb_vod_box {background:url(/_template/service/images/2017_bigfile/popup_img_svc02.jpg) no-repeat;} .jb_vod {position:relative; padding:45% 0 0 0; margin:0 auto; width: 386px;} /*.jb-text { position: absolute; top: 50%; width: 100%; } .jb-text p { margin-top: -24px; text-align: center; font-size: 48px; color: #ffffff; }*/ .img_view_close_box {width: 100px; position: absolute; bottom: 10px; right: 10px; display: table;z-index: 101;} .img_view_close {padding: 0 0 0 15px; height: 26px; font-size: 15px; font-weight: bold; color:#fff; text-align: left; display: table-cell; vertical-align: middle; border-radius: 100px; background: #e55c5c url(/_template/service/images/2017_bigfile/img_view_close.png) no-repeat; background-size: 10px; background-position: right 10px bottom 8px; cursor: pointer;} .manage_wrap h3 { font-size: 17px; } /*20240731_성인인증절차*/ .suc_set {padding:60px 0 0 0; margin:0 auto; width: 750px; font-family:'Pretendard-Regular';} .suc_top {margin:0 30px; padding:0 0 0 150px; background:url(/_template/service/images/log/cl_19_ico.png) no-repeat; position: relative;} .st_ttl {line-height: 28px; font-size: 24px; font-weight: bold;} .st_txt {padding:20px 0 0 0; line-height: 19px; font-size: 15px; font-weight: 300; color:#868686;} .st_btn_box {padding:20px 0 0 0; display: table;} .st_btn {width: 130px; height: 26px; font-size: 15px; font-weight: bold; color:#fff; text-align: center; display: table-cell; vertical-align: middle; border-radius: 60px; background:#00c73c;} .suc_ttl {margin:60px 30px 0 30px; padding:0 0 0 10px; font-size: 21px; font-weight: bold; background:url(/_template/service/images/log/cl_ttl_ico.jpg) no-repeat 0 50%;} .suc_ttl font {color:#00c73c;} /*알림*/ .main_ntc_dr_cts {position: relative;} .notice_ntc { cursor: pointer;} .login_area2 div.memo dl.main_ntc {border-right: 0;} .login_area2 div.memo dl dd.notice_ntc {background: url(/_template/service/images/2017_bigfile/main_ntc_ico.png) no-repeat center;} .login_area2 div.memo dl dd.notice_ntc span {margin: -5px 2px 0px 20px;line-height: 13px;} .main_ntc_cts { width: 318px; display: none ; position: absolute; top: 45px; left:-259px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; border: 1px solid #9debb4; box-shadow: 0px 5px 10px 2px rgb(34, 34, 34, .1); background:#fff; z-index: 301;} .mnc_ttl_box {width: 100%; display: table;} .mnc_ttl {padding: 0 0 0 35px; height: 34px; font-size: 15px; font-weight: bold; color:#36483b; text-align: left; display: table-cell; vertical-align: middle; background: #eaeaea url(/_template/service/images/2017_bigfile/mnc_ttl_ico.png) no-repeat 10px 8px; } .mnc_list_box {padding:7px 10px; border-bottom:1px solid #ddd;} .mnc_list {padding: 0 0 0 20px; font-size: 13px; font-weight: bold; color:#202020; text-align: left; background:url(/_template/service/images/2017_bigfile/main_ntc_dot.png) no-repeat 9px 8px;} .mnc_list img {padding:0 0 2px 0; vertical-align: middle;} .mnc_list_cts {padding: 0 0 0 20px; font-size: 13px; text-align: left;} /*20241114_회원절약정보*/ .member_save {padding: 17px 0 0 0;} .mem_sv_ttl {font-size: 15px; font-weight: bold;} .mem_sv_ttl font {font-weight: bold; color:#00c73c;} .mem_sv_cts {margin: 10px 0 0 0; width: 100%; border: 1px solid #d4d4d4; border-radius: 4px; background:#fff; display: table;} .msc_box {float: left; width: 50%; height: 60px; position: relative;} .msc {width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .mem_sv_cts > div:last-child > div:first-child {border-left: 1px solid #ddd;} .msc_price {font-size: 15px; font-weight: bold;} .msc_price font {font-size: 13px; color:#868686;} .msc .fc_green {color: #00c73c;} .mem_sv_graph {padding:10px 0 0 0;} .msg_txt {text-align: right; font-weight: bold;} .msg_bg {margin:5px 0 0 0; width: 100%; height: 26px; border-radius: 100px; background:#eaeaea; position: relative;} .msg {width: 20%; height: 26px; position: absolute; left: 0; top: 0; border-radius: 100px; background: linear-gradient(90deg, #00ccfa 0%, #00c73c 100%); box-shadow: 0px 0px 5px 2px #00c73c50;} .pop_member_save_box {width: 400px; position: absolute; top: 200px; left: 50%; transform: translate(-50%, -50%); box-shadow: 0px 2px 5px 2px #70707050; background:#fff; display: none; z-index: 100; } .pop_member_save {padding:14px; border: 1px solid #000; border-radius: 4px; position: relative;} .pmem_sv_x {padding: 14px; position: absolute; right: 0; top: 0; cursor: pointer;} .pmem_sv_ntc_box {padding: 0 20px; box-shadow: 0px 0px 5px 2px rgb(rgba(165, 165, 165, 0.5)); border-radius: 100px; background-color: #e5ffdf; background-position: bottom 50% right 10px; background-size: 7px; display: table; box-shadow: 0px 2px 5px 2px #72727227;} .pmem_sv_ntc {height: 30px; font-size: 15px; font-weight: bold; color:#202020; display: table-cell; vertical-align: middle;} .pmem_sv_ntc img {width: 12px;} .pmem_sv_ntc font {color:#e93c00} .pmem_sv_ttl01 {padding: 40px 0 0 0; font-size: 21px; font-weight: bod;} .pmem_sv_ttl02 {line-height: 30px; font-size:30px; font-weight: bold;} .pmem_sv_ttl02 font {color: #00c73c;} .pmem_sv_cts_ttl {padding: 20px 0 0 0; font-weight: bold;} .pmem_sv_cts {margin: 10px 0 0 0; padding:10px 0; width: 100%; border: 1px solid #d4d4d4; border-radius: 4px; background:#fff; display: table;} .pmem_sv_cts > div:first-child > div:first-child {border-right: 1px solid #ddd;} .pmsc_box {float: left; width: 50%; position: relative;} .pmsc {width: 100%; text-align: center;} .pmsc_price {padding:10px 0 0 0; line-height: 21px; font-size: 24px; font-weight: bold;} .pmsc .fc_green {color: #00c73c;} .pmem_sv_graph {padding:30px 0 0 0;} .pmsg_txt {text-align: right; font-weight: bold;} .pmsg_bg {margin:5px 0 0 0; width: 100%; height: 26px; border-radius: 100px; background:#eaeaea; position: relative;} .pmsg {width: 20%; height: 26px; position: absolute; left: 0; top: 0; border-radius: 100px; background: linear-gradient(90deg, #00ccfa 0%, #00c73c 100%); box-shadow: 0px 0px 5px 2px #00c73c50;} .mp_sv_box {padding:0 30px 0 10px; box-shadow: 0px 0px 5px 2px rgb(rgba(165, 165, 165, 0.5)); border-radius: 4px; background:url(/_template/service/images/myinfo/mem_sv_arr.png) no-repeat; background-color: #e5ffdf; background-position: bottom 50% right 10px; background-size: 7px; display: table; position: absolute; right: 0; bottom: 19px; box-shadow: 0px 2px 5px 2px #72727227; cursor: pointer;} .mp_sv {height: 40px; font-size: 15px; font-weight: bold; color:#202020; display: table-cell; vertical-align: middle; } .mp_sv img {width: 12px;} .mp_sv font {color:#e93c00} /*20241119_인기급등*/ .popu_list_btn_box {float: left; display: table;} .popu_list_btn {padding:0 10px 0 35px; height: 30px; font-size: 15px; font-weight: bold; color:#fff; text-align: center; display: table-cell; vertical-align: middle; border-radius: 4px; background:url(/_template/service/images/2017_bigfile/pupo_list_ico.png) no-repeat bottom 50% left 10px; background-size: 19px; background-color:#ff5656; cursor: pointer;} .popu_list_btn_s {padding:0 10px 0 25px; height: 30px; line-height: 30px; display: inline-block ; font-size: 14px; font-weight: bold; color:#fff; text-align: center; display: table-cell; vertical-align: middle; border-radius: 4px; background:url(/_template/service/images/2017_bigfile/pupo_list_ico.png) no-repeat bottom 50% left 5px; background-size: 19px; background-color:#ff5656; cursor: pointer;} /*20241119_인기급등*/ .pupo_list_btn_box {float: left; display: table;} .pupo_list_btn {padding:0 10px 0 35px; height: 30px; font-size: 15px; font-weight: bold; color:#fff; text-align: center; display: table-cell; vertical-align: middle; border-radius: 4px; background:url(/_template/service/images/2017_bigfile/pupo_list_ico.png) no-repeat bottom 50% left 10px; background-size: 19px; background-color:#ff5656; cursor: pointer;} .pupo_rfs_btn_box {padding: 30px 0; margin:0 auto; display: table;} .pupo_rfs_btn {padding: 0 10px 0 35px; height: 36px; font-size: 15px; font-weight: bold; display: table-cell; vertical-align: middle; border: 1px solid #202020; border-radius: 4px; background: url(/_template/service/images/2017_bigfile/pupo_rfs_ico.png) no-repeat bottom 50% left 10px; background-size: 17px; background-color:#fff; cursor: pointer; box-shadow: 0px 2px 5px 2px #2222222f; transition: .5s;} .pupo_rfs_btn:hover {border: 1px solid #00c73c; box-shadow: 0px 2px 5px 2px #00c73c2f;} /*20241120_인기급등_팝업*/ .popu_popup_box {position: absolute; top: 25px; left:-20px;} .popu_popup {position: relative;} .popu_popup img {width: 150px;} .popu_x_btn {width: 20px; height: 20px; position: absolute; bottom: 20px; right: 5px; border-radius: 100px; background:url(/_template/service/images/2017_bigfile/pupo_popup_x_btn.png) no-repeat top 50% left 50%; background-color:#ff57a3; background-size: 6px; z-index: 100; cursor: pointer;} /*20241217 SNS계정연동*/ .pop_scs_bg {width: 100%; height: 100%; background: #202020; opacity: 0.5; position: fixed; z-index: 999;} .pop_scs {width: 480px; font-size: 15px; position: fixed; top: 50%; left: 50%; border: 2px solid #00c73c; border-radius: 6px; transform: translate(-50%, -50%); background: #fff; z-index: 9999; font-family: 'Pretendard-Regular'; letter-spacing: -0.05em; line-height: normal; word-break : normal; box-shadow: 0px 0px 10px 2px rgba(34, 34, 34, .5);} .ps_top01 {padding: 15px 0; text-align: center; border-top-left-radius: 5px; border-top-right-radius: 5px; background:url(/_template/service/images/2017_bigfile/pop_scs_ttl_bg.jpg) no-repeat; position: relative;} .ps_x_btn {position: absolute; right:0; top: 0; padding:10px;} .pst01_ttl {padding: 5px 0 0 0; font-size: 36px; font-weight: bold; color: #fff;} .pst01_sttl {font-size: 15px; color: #eff5a9;} .ps_cts_main {padding:20px 20px 96px 20px; height: 370px; position: relative;} .ps_cts {padding:20px 20px 96px 20px; height: 420px; position: relative;} .scs_exp_cts {margin: 10px 0 0 0; padding:5px 10px 10px 10px; border: 1px solid #4db36b; border-radius: 4px; background: #eef7eb;} .scs_exp_cts .sec {padding:10px 0 0 0;} .scs_exp_cts .sec img {padding: 0 0 3px 5px;width: 12px; vertical-align: middle;} .scs_odr {padding:15px 0 0 0; font-size: 17px; font-weight: bold;} .scs_odr_cts {padding:10px 0 0 0;} .scs_odr_cts .soc {margin:5px 0 0 0; font-size: 15px; position: relative;} .scs_odr_cts .soc_num {position: absolute; left: 0; top: 0;} .scs_odr_cts .soc_cts {padding: 0 0 0 15px;} .scs_btn_box {width: max-content; display: table; position: absolute; left: 50%; bottom: 30px; transform: translate(-50%, 0);} .scs_btn {padding: 0 30px; height: 50px; font-size: 21px; font-weight: bold; color:#fff; text-align: center; display: table-cell; vertical-align: middle; border: 1px solid #00a331; border-radius: 4px; background: #00c73c; cursor: pointer; box-shadow: 0px 2px 8px 5px rgba(77, 179, 107, .5);} .scs_cts_box {height: 100%; position: relative;} .scs_cts {width: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .fcg {color: #b34d4d} .scs_suc_box {width: 100%; display: table;} .scs_suc {float: left; width: 50%; cursor: pointer;} .scs_suc_cts_box {margin: 0 15px; position: relative;} .ps_top02 {padding: 15px 0 15px 20px; border-top-left-radius: 5px; border-top-right-radius: 5px; background:url(/_template/service/images/2017_bigfile/pop_scs_ttl_bg.jpg) no-repeat; position: relative;} .pst02_ttl {font-size: 36px; font-weight: bold; color: #eff5a9;} .pst02_sttl {padding: 5px 0 0 0; font-size: 21px; font-weight: bold; color: #fff;} /*라디오박스*/ .pmt_box {position: absolute; top: 50%; left: 1vw; transform: translate(-50%, -50%);} .pmt {padding:0 7px; width: 100%; box-sizing: border-box; position: relative;} .pmt_radio {position: absolute; top: 50%; left: 7px; transform: translate(0,-50%);} .pmt_radio input[type="radio"] {display:none;} .pmt_radio input[type="radio"] + label {font-size: 13px; color:#202020;} .pmt_radio input[type="radio"] + label span {float: left; width: 20px; height: 20px; display: inline-block; border: 2px solid #4db36b; border-radius: 100px; } .pmt_radio input[type="radio"]:checked + label span {float: left; width: 20px; height: 20px; border: 2px solid #4db36b; border-radius: 100px; background:url(/_template/service/images/2017_bigfile/radio_on.png) no-repeat; background-size: 20px;} .pmt_cts {float: right; display: table;} .sc_scs {height: 214px; border-radius: 10px; box-shadow: 0px 0px 10px 5px rgba(190, 190, 190, .2);} .scs_join {margin:20px 0 0 0; position: relative;} .sj_box {padding:0 0 0 50px; } .sj {width:100%;position: relative; display: table;} .sj img {width: 50px; position: absolute; top: 50%; left: 26px; transform: translate(-50%, -50%);} .sj div {padding:0 10px 0 60px; height: 52px; font-size: 21px; font-weight: bold; display: table-cell; vertical-align: middle; border: 0;border-radius: 100px; box-sizing: border-box;} .sj .naver {border: 1px solid #00cf36;background: #00cf36; } .sj .kakao {border: 1px solid #ffe500;background: #ffe500; } .sj .google {border: 1px solid #d4d4d4; background: #ffffff; } .scs_join_ipt {padding:10px; border: 1px solid #4db36b; border-radius: 6px;} .sji_box {position: relative;} .sji_ttl_box {width: 100px; display: table; position: absolute; left: 0; top: 0;} .sji_ttl {height: 28px; text-align: center; display: table-cell; vertical-align: middle;} .sji_cts {padding: 0 0 0 100px;} .sji_cts input {padding: 0 10px; width: 100%; height: 30px; border: 1px solid #202020; border-radius: 100px!important;} .sjic_cous {padding:3px 0; font-size: 13px; color: #e63d55;} .sji_chk_set {width: 100%; display: table;border-bottom: 1px solid #d4d4d4;} .sji_chk_set02_box {padding:5px 0 0 0;} .sji_chk_set02 {width: 100%; display: table;} .sji_chk_box {height: 27px; position: relative;} .nlchk_txt {padding:4px 0 0 30px; color: #202020;} .sji_chk_box input[type="checkbox"] {display:none;} .sji_chk_box input[type="checkbox"] + label {padding: 0 5px 0 0; font-size: 13px; color:#202020;} .sji_chk_box input[type="checkbox"] + label span {position: absolute; left: 0; top:0; width: 20px; height: 20px; border:1px solid #00c73c; border-radius: 100px; display: inline-block;} .sji_chk_box input[type="checkbox"]:checked + label span {width: 20px; height: 20px; border:1px solid #00c73c; border-radius: 100px; background:url(/_template/service/images/2017_bigfile/check_on.png) no-repeat; background-size: 20px;} .sjic01 {color: #4db36b;} .sji_chk_ttl {padding:10px 0 0 0;} .sji_chk_cts {margin:5px 0 0 0; padding: 10px; border: 1px solid #202020; border-radius: 6px;} .sjic_agr {margin:0 0 0 5px; padding:2px 8px; font-size: 13px; color:#fff; border-radius: 4px; background: #4db36b;} .sjic_agr:visited {color:#fff;} .sr_ico {text-align: center;} .sr_ttl {font-size: 36px; font-weight: bold; text-align: center;} .sr_ttl font {color: #4db36b;} .sr_ttl font {color:#4db36b;} .sr_sttl {padding:40px 0 0 0; text-align: center;} .sr_txt {padding:20px 0 0 0; text-align: center;} .sr_txt font {color:#4db36b;} .sr_info_set {padding:30px 0 0 0;} .sr_info_box {height: 120px; border: 1px solid #4db36b; border-radius: 6px; background: #eef7eb; position: relative;} .sr_info {width: max-content; line-height: 30px; font-size: 21px; font-weight: bold; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} /*모바일*/ @media only screen and (max-width:900px){ .ps_cts_main {padding:14px 14px 96px 14px; height: 370px; position: relative;} .ps_cts {padding:14px 14px 96px 14px; height: 420px; position: relative;} .pop_scs {width: 95%;letter-spacing: -0.02em;} .ps_top01 img {width: 30px;} .pst01_ttl {font-size: 21px;} .ps_top01 {background-size: cover;} .ps_top02 {padding:15px 14px;} .scs_odr_cts .soc_num {font-size: 13px;} .scs_odr_cts .soc_cts {font-size: 13px;} .scs_exp_cts .sec {padding:5px 0 0 0;} .scs_odr {padding:10px 0 0 0; font-size: 15px;} .pst02_ttl {font-size: 24px;} .pst02_sttl {font-size: 14px;} .sc_scs {height: 155px;} .scs_cts {width: 100%;} .scs_suc_cts_box {margin: 0 10px;} .sj_box {padding:0 0 0 40px; } .nlchk_txt {padding:4px 0 0 30px;} .sji_ttl_box {display: none;} .sji_cts {padding: 0;} .sji_chk_box {line-height: 14px;} .scs_btn_box { bottom: 20px;} .scs_btn {height: 40px; font-size: 17px;} .ps_top02 {background-size: cover;} } @media only screen and (min-width:901px){ .mbr {display: none;} .sji_cts input::placeholder {color:#fff} } /*20241220_최근로그인아이콘*/ .crnt_ico_ctg {padding: 4px 0 0 0; width: 80px; height: 23px; font-size: 12px; font-weight:bold; color:#fff;text-align:center;position: absolute;top: -17px;left: 50%;transform: translate(-50%,0);background: url(/_template/service/images/2017_bigfile/crnt_ico_bg.png) no-repeat;background-size: 80px; font-family: 'Pretendard-Regular'} .crnt_ico_sns {padding: 4px 0 0 0; width: 80px; height: 23px; font-size: 12px; font-weight:bold; color:#fff;text-align:center;position: absolute;top: -37px;left: 50%;transform: translate(-50%,0);background: url(/_template/service/images/2017_bigfile/crnt_ico_bg.png) no-repeat;background-size: 80px; font-family: 'Pretendard-Regular';z-index:10}