/******************************************************** sub 전용 *********************************************************/ /* sub 레이어 팝업-기본 */ #subLayerPOP {background:url(/img2/event/pop_notice_121019_4.png) no-repeat; width:380px; height:355px ;border:0px solid pink} /*이벤트 백그라운드 이미지를 등록합니다.*/ .Layerpop_li_01 {height:299px; text-align:center; vertical-align:top;} .Layerpop_btn {width:338px; height:299px; border:0px solid red; } /*전체 클릭시 버튼 크기*/ /*.pop_btn {margin-top:267px; width:120px; height:32px; border:0px solid red; } 자세히보기 버튼의 위치와 크기를 조절합니다 (백업)*/ .Layerpop_li_02 {padding-top:7px} .Layerpop_chk {padding-left:12px} .Layerpop_close {float:right;padding-right:16px} input{margin-bottom:3px; margin-right:2px;} .radio {margin-bottom:5px} .small {font-size:11px;} .txt12 {font-size:12px;} .txt14 {font-size:14px;} .txt16 {font-size:16px;} .txt20 {font-size:20px;} .big {font-size:15px} .Bold{font-weight:bold} .normal{font-weight:normal} .txt000{color:#000} .txt333{color:#222} .txt666{color:#666} .txt777{color:#777} .txt999{color:#777} .txtccc{color:#CCC} .txtRed{color:#409dff} .txtRedBold{color:#409dff; font-weight:bold} .txtYellow{color:#ffb900} /*오렌지색*/ .txtBlue{color:#2874f2} .txtBlue2{color:#76a9ff} .txtBlueBold{color:#409dff; font-weight:bold} /*디폴트파란색*/ .txtBlue2Bold{color:#6fa4fd; font-weight:bold} /*연한파란색*/ .txtGreen{color:#2db34a;} /*그린색*/ .center{text-align:center;} .mgt2{margin-top:2px;} .mgt3{margin-top:3px;} .mgt5{margin-top:5px;} .mgt10{margin-top:10px;} .mgt15{margin-top:15px;} .mgt20{margin-top:20px;} .mgt25{margin-top:25px;} .mgt30{margin-top:30px;} .mgb3{margin-bottom:3px;} .mgb5{margin-bottom:5px;} .mgb10{margin-bottom:10px;} .mgb20{margin-bottom:20px;} .mgl5{margin-left:5px;} .mgl10{margin-left:10px;} .mgl15{margin-left:15px;} .pdb10{padding-bottom:10px;} .pdb15{padding-bottom:15px;} .pdl3{padding-left:3px;} .pdl4{padding-left:4px;} .pdl5{padding-left:5px;} .pdr10{padding-right:10px;} .pdr20{padding-right:20px;} .pdr30{padding-right:30px;} .pdl10{padding-left:10px;} .pdl15{padding-left:15px;} .pdl20{padding-left:20px;} .pdl30{padding-left:30px;} .link_on {color:#2874f2; text-decoration:underline} .blueBox { border:1px solid #ccc; border-top:3px solid #409dff;padding:20px;} .redBox { border:1px solid #ccc; border-top:3px solid #409dff;padding:20px;} .blackBox { border:1px solid #ccc; border-top:2px solid #222333;padding:20px; line-height:1.5em} #liWidth { width:200px;} .btn{margin-top:20px; text-align:center;} .btn a{padding:4px;} .list_style01 {background:url(../img2/li_style01.gif) no-repeat 0 0; padding:0 0 0 10px; margin:0;} /*앞에 bar가 있는 리스트타입*/ .list_style02 {background:url(../img2/li_style02.gif) no-repeat 0 0; padding:0 0 0 10px; margin:0;} /*앞에 연한 색 bar가 있는 리스트타입*/ .top_title {margin-bottom:15px;} .top_txt {margin-bottom:30px;} /*팝업 공통*/ #popup {line-height:18px} .pop_header {padding:14px 0 14px 25px; color:#fff; font-weight:bold; font-family:굴림; font-size:13px;background:url(../img2/pop_topbg.gif) repeat-x;} .pop_conts {padding:25px; background-color:#f8f8f8;} .pop_box {border:1px solid #ddd; padding:18px; background-color:white;} .pop_btn {padding-top:12px; text-align:center; background:#e8e8e8; height:38px;clear:both} .pop_btn a {padding:4px;} #pop_cookie {padding:9px 25px 0 25px; background:#e8e8e8; height:34px;clear:both} #pop_cookie li {float:left} #pop_cookie li.right {float:right} .pop_txtbox {border:1px solid #ddd; padding: 25px 18px;background-color:white; text-align:center} .pop_dotline2 {background:url(../img2/dotline2.gif) repeat-x; margin:15px 0 20px; height:1px} /*탭*/ #tab {background:url(../img2/tab_bg.gif) repeat-x; width:100%; height:30px; margin-bottom:15px} #tab li {float:left} /*게시판*/ #Board_list {border-top:2px solid #222; clear:both;} .bbs {width:100% } .bbs th {height:33px; border-bottom:1px solid #ccc;border-top:1px solid #ccc; font-weight:bold; background-color:#efefef; font-size:12px;} .bbs td {padding:8px 0; border-bottom:1px solid #ccc;} .bbs thead th {text-align:center;border-right:1px solid #ccc} .bbs thead th.last {border-right:none} .bbs tbody td {text-align:center; color:#666; font-size:12px;} .bbs tbody td.title {padding:8px 0 8px 20px; text-align:left;} .bbs tbody tr:hover {background-color:#eef4fd;} .bbs tbody tr:hover td {color:#666;} .bbs tbody tr:hover td.title a {color:#086fff} .reply_num{color:#2874f2;} #Board_view {border-top:2px solid #222;} .bbs_view {width:680px } .bbs_view th {height:33px; border-bottom:1px solid #ccc;border-top:1px solid #ccc; color:#222; font-weight:bold; background-color:#efefef} .bbs_view td {padding:8px 0; border-bottom:1px solid #ccc;} .bbs_view thead th {text-align:center;border-right:1px solid #ccc} .bbs_view thead th.last {border-right:none} .bbs_view tbody td {text-align:center; color:#666;} .bbs_view tbody td.title {padding:8px 0 8px 20px; text-align:left; color:#222333; font-weight:bold} .bbs_view tbody td.conts {padding:20px 25px; text-align:left; line-height:24px; overflow:auto; color:#666} .bbs_event {} .bbs_event th {border-bottom:0px solid #ccc;border-top:0px solid #ccc; color:#222; font-weight:bold; background-color:#efefef} .bbs_event td {padding:0px 0; border-bottom:0px solid #ccc;} .bbs_event thead th {text-align:center;border-right:0px solid #ccc} .bbs_event thead th.last {border-right:none} .bbs_event tbody td {text-align:center; color:#666;} #Board_write {border-top:2px solid #222;} .bbs_write {width:100% } .bbs_write th {height:33px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; color:#222; font-weight:bold; background-color:#efefef} .bbs_write td {padding:8px 0px 8px 15px; border-bottom:1px solid #ccc;} .bbs_write_input1 {width:100px; height:20px; border:1px solid #999} .bbs_write_input1_off {width:100px; height:20px; border:1px solid #ededed; background-color:#f6f6f6} .bbs_write_select {width:100px; height:22px; border:1px solid #999; margin-bottom:2px} .bbs_write_input2 {width:430px; height:20px; padding-left:3px; border:1px solid #999;} .bbs_write_input2_off {width:430px; height:20px; padding-left:3px; border:1px solid #ededed; background-color:#f6f6f6} .bbs_write_input3 {width:50px; height:20px; border:1px solid #999; text-align:center} .bbs_write_input4 {width:300px; height:20px; border:1px solid #999; padding-left:3px} .bbs_write_input5 {width:50px; height:20px; border:1px solid #999; padding-right:2px; text-align:right} .bbs_write_input6 {width:120px; height:20px; border:1px solid #999; padding-right:2px; text-align:right} .bbs_write_textarea {width:97%; height:200px; border:1px solid #999;padding:10px; line-height:1.5em; margin:5px 0} .bbs_review {width:100%} .bbs_review td.t1 {height:33px; background-color:#efefef; border-top:1px solid #ccc; color:#666; border-right:1px solid #ccc; font-weight:bold} .bbs_review td.t2 {height:33px; background-color:#efefef; border-top:1px solid #ccc; color:#666; border-right:1px solid #ccc; font-weight:bold} .bbs_review td.t3 {height:33px; background-color:#efefef; border-top:1px solid #ccc; color:#666; font-weight:bold} .bbs_review td {padding:5px 0; border-bottom:1px solid #ccc; text-align:center; color:#666; font-size:12px;} .bbs_review td.title {padding:8px 0 8px 20px; text-align:left;} #bbs_srch {margin-bottom:5px; padding-left:360px} #bbs_srch ul {width:320px; height:25px} #bbs_srch ul li {float:left} .bbs_srch_select {width:105px; height:22px; border:1px solid #999; margin-right:6px; } .bbs_srch_input {width:150px; height:20px; border:1px solid #999; margin-right:6px; padding-left:2px } #bbs_srch2 {margin-bottom:5px; border:0px solid red} #bbs_srch2 ul {height:25px} #bbs_srch2 ul li {float:left} #bbs_srch2 ul li.right {float:right} .bbs_srch2_select {width:60px; height:22px; border:1px solid #999; margin-right:6px; } .bbs_srch2_input {width:200px; height:20px; border:1px solid #999; margin-right:6px; padding-left:2px } #bbs_info{width:640px;margin-top:0px;border-bottom:1px solid #ccc; padding:15px 20px; color:#777; } #bbs_info dt{margin-bottom:5px;} #bbs_info dd{line-height:1.5em} /* 이전다음 */ .prev_next {width:680px} .prev_next th, .prev_next td {height:33px; border-bottom:1px solid #ccc;font-weight:normal;} .prev_next th {text-align:center; letter-spacing:-1px; color:#777;} .prev_next td {padding-left:20px} /* 페이징 */ #paginate {margin-top:20px; text-align:center;display:block;} #paginate a{margin:0 1px;} #paginate .page_num {display:inline-block; overflow:hidden; vertical-align:top;} #paginate .page_num a {display:inline-block; width:23px; height:23px; line-height:25px; border:1px solid #ccc; color:#777; font-size:11px; text-decoration:none;} #paginate .page_num a:hover {border:none; background:#409dff; border:1px solid #007cff; font-weight:bold; color:#fff;} #paginate .page_num .selected {border:none; background:#409dff; border:1px solid #007cff; font-weight:bold; color:#fff;} /*서비스안내 guide --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #down_box{float:left; margin-bottom:40px} #down_box dt{float:left} #down_box dd{float:left} #down_box dd{width:330px;} .down_tit{margin-bottom:30px;} .down_btn{margin-bottom:7px;} .down_btn2{margin-top:20px;} .down_txt{color:#777; margin-bottom:5px; display:block;} .down_txt2{ margin-top:5px; display:block; color:#6fa4fd; font-weight:bold;text-decoration:underline;} #down_box ul{margin-top:10px;line-height:1.6em;} .down_list1 {color:#777; margin-bottom:5px; display:block; padding:10px 0;} .down_list2 {background:url(../img2/guide/li_style02.gif) no-repeat 0 0; padding:0 0 10px 14px; margin:0; color:#777} /*앞에 ※가 있는 리스트타입 : 연한색*/ #down_app li{margin-bottom:6px; line-height:1.5em; color:#777 } .qr_img{padding:7px} .down_app_bar {background:url(../img2/guide/download_app_bar.gif) repeat-x; height:30px; width:100%} .down_app_iframe {border:1px solid #ccc; background:white; padding:10px} #useinfo li{list-style:decimal; margin-left:20px; margin-bottom:50px; line-height:1.5em; } #useinfo img{margin-top:7px; margin-bottom:7px} #useinfo p{margin-bottom:10px; color:#409dff; font-weight:bold} .useinfo_img{margin-top:7px; margin-left:20px} #useinfo_addBox{ border:1px solid #ccc; border-top:3px solid #409dff;padding:20px; line-height:1.5em} .useinfo_addTxt{color:#409dff; font-weight:bold; margin-bottom:10px} .useinfo_interval {padding-top:30px;} /*충전 pay --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #coin_choice {margin-top:15px; width:100%; height:161px; border:0px solid red} #coin_choice dd{float:left;} .coin01 {background:url(../img2/payment/coin_170511.gif) no-repeat left top; width:340px; text-align:center; vertical-align:bottom; padding:134px 0 10px 0; color:#777} .coin02 {background:url(../img2/payment/coin_170511.gif) no-repeat -340px top; width:340px;text-align:center; vertical-align:bottom; padding:134px 0 10px 0; color:#777} .coin_txt1 {border:0;text-align:right;vertical-align:top; font-weight:bold;} .coin_txt2 {border:0;text-align:right;vertical-align:top} .coin_txt3 {border:0;text-align:right;vertical-align:top} .coin_txt4 {border:0;text-align:right;vertical-align:top} .coin_txt5 {border:0;text-align:right; background-color:#f4f4f4; color:#2874f2; font-weight:bold; vertical-align:top} #coin_box{float:left; width:638px;margin-top:30px;border:1px solid #ccc; border-top:3px solid #409dff; padding:20px 20px; color:#777; line-height:17px } #coin_box p{margin-bottom:3px;} #coin_box dt{float:left} #coin_box dd{} #coin_box dt{margin-right:10px} #fixed_choice {margin-top:15px; width:100%; height:183px; border:0px solid pink} #fixed_choice dd{float:left;} .fixed01 {background:url(../img2/payment/fixed_171129_4.gif) no-repeat left top; width:228px; text-align:center; vertical-align:bottom; padding:155px 0 15px 0; color:#777} .fixed02 {background:url(../img2/payment/fixed_171129_4.gif) no-repeat -228px top; width:226px;text-align:center; vertical-align:bottom; padding:155px 0 15px 0; color:#777} .fixed03 {background:url(../img2/payment/fixed_171129_4.gif) no-repeat -454px top; width:226px;text-align:center; vertical-align:bottom; padding:155px 0 15px 0; color:#777} /*3단일경우 .fixed01 {background:url(../img2/payment/fixed_3_1.gif) no-repeat left top; width:226px;text-align:center; vertical-align:bottom; padding:168px 0 12px 0; color:#777} .fixed02 {background:url(../img2/payment/fixed_3_2.gif) no-repeat left top; width:227px;text-align:center; vertical-align:bottom; padding:168px 0 12px 0; color:#777} .fixed03 {background:url(../img2/payment/fixed_3_3.gif) no-repeat left top; width:227px;text-align:center; vertical-align:bottom; padding:168px 0 12px 0; color:#777} */ /*4단일경우 .fixed01 {background:url(../img2/payment/fixed.gif) no-repeat -170px top; width:170px;text-align:center; vertical-align:bottom; padding:168px 0 12px 0; color:#777} .fixed02 {background:url(../img2/payment/fixed.gif) no-repeat left top; width:170px;text-align:center; vertical-align:bottom; padding:168px 0 12px 0; color:#777} .fixed03 {background:url(../img2/payment/fixed.gif) no-repeat -340px top; width:170px;text-align:center; vertical-align:bottom; padding:168px 0 12px 0; color:#777} .fixed04 {background:url(../img2/payment/fixed.gif) no-repeat -510px top; width:170px;text-align:center; vertical-align:bottom; padding:168px 0 12px 0; color:#777} */ /*2x4단일경우 .fixed01 {background:url(../img2/payment/fixed.gif) no-repeat -170px top; width:170px;text-align:center; vertical-align:top; color:#777} .fixed02 {background:url(../img2/payment/fixed.gif) no-repeat left top; width:170px;text-align:center; vertical-align:bottom; padding:168px 0 12px 0; color:#777} .fixed03 {background:url(../img2/payment/fixed.gif) no-repeat -340px top; width:170px;text-align:center; vertical-align:bottom; padding:168px 0 12px 0; color:#777} .fixed04 {background:url(../img2/payment/fixed.gif) no-repeat -510px top; width:170px;text-align:center; vertical-align:bottom; padding:168px 0 12px 0; color:#777} */ .fixed_txt1 {border:0;text-align:right;vertical-align:top; font-weight:bold;} .fixed_txt2 {border:0;text-align:right;vertical-align:top} .fixed_txt3 {border:0;text-align:right;vertical-align:top} .fixed_txt4 {border:0;text-align:right;vertical-align:top} .fixed_txt5 {border:0;text-align:right; background-color:#f4f4f4; color:#2874f2; font-weight:bold; vertical-align:top} .fixed_small {font-size:11px; font-weight:normal; color:#777; letter-spacing:-1px;} .fixed_drop {border:1px solid #c1c1c1; height:23px; width:350px;} #fixed_box{float:left; width:640px;margin-top:30px;border:1px solid #ccc; border-top:3px solid #ff0000; padding:20px 20px; color:#777; line-height:17px } #fixed_box p{margin-bottom:3px;} #fixed_box dt{float:left} #fixed_box dd{float:right;padding-top:25px} #fixed_box dt{width:470px;margin-right:10px} #fixed_box2{float:left; width:640px;border:1px solid #ccc; border-top:3px solid #ff0000; padding:20px 20px; color:#777; line-height:17px }/*2012.12.11*/ #fixed_box2 p{margin-bottom:3px;} #fixed_box2 dt{float:left} #fixed_box2 dd{float:right;padding-top:0px} #fixed_box2 dt{width:470px;margin-right:10px} #pay_board{margin-top:20px} .pay_bbs {width:100%; border-collapse:collapse; } .pay_bbs th { border:1px solid #ccc; padding:15px 0px;} .pay_bbs td { border:1px solid #ccc; padding:15px 20px;} .pay_bbs th { background-color:#efefef; width:170px} .pay_bbs2 {width:100%; border-collapse:collapse; } .pay_bbs2 td {text-align:left; border:none; padding:3px;} .pay_bbs3 {width:100%; border-collapse:collapse; } .pay_bbs3 td {border:none; border-bottom:1px solid #e1e1e1; padding:7px 5px 2px 5px;} .pay_bbs3_right {text-align:right} .pay_bbs3_last { background-color:#f4f4f4;} .pay_bbs4 {width:100%; border-collapse:collapse; } .pay_bbs4 td {border:none; border-bottom:1px solid #e1e1e1; padding:5px} .pay_bbs4_left {color:#777; width:70px} .pay_bbs4 td.last { border-bottom:none} .pay_bbs5 {width:100%; border-collapse:collapse; } .pay_bbs5 td {border:none; padding:7px 5px 2px 5px;} .pay_bbs5_right {text-align:right} .pay_bbs5_last { background-color:#f4f4f4;} .pay_dotline {background:url(../img2/dotline.gif) repeat-x; margin:8px 0 } .pay_dotline2 {background:url(../img2/dotline.gif) repeat-x left 10px ; height:10px} .pay_bbs_event { font-weight:bold; color:#fe1c56; padding-top:5px; } .pay_bbs_event img{padding-bottom:5px;} #pay_btn{float:right; width:638px;margin-top:5px; background-color:#dcecfe; border:1px solid #b2d4ff; padding:10px 20px; font-size:16px; font-weight:bold; text-align:right } #pay_msg{float:right; width:680px;margin-top:15px; line-height:1.5em; color:#777} #freecoupon {width:600px; height:95px; background:url(../img2/payment/freecoupon_img.gif); padding:75px 0 0 80px} #freecoupon .couponNum {border:0px solid red;background-color:#e5e5e5; color:#777; font-size:15px; font-weight:bold; height:27px; padding-top:10px; padding-top:10px; width:390px; padding-left:20px; margin-right:10px;} #freecoupon_info {background:url(../img2/payment/freecoupon_info_bg.gif) repeat-y; border-bottom:1px solid #ccc; border-top:none; padding:23px; line-height:18px;} #freecoupon_info dl dt {font-weight:bold; margin-bottom:5px;} #freecoupon_info ul li { color:#777} .freecoupon_style1 {color:#222; font-weight:bold;} .freecoupon_style2 {margin-left:15px} #freedoawnBox{border:1px solid #ccc; border-top:3px solid #2874f2;} .freaedown_style1 {margin-top:20px;margin-left:20px;} .freaedown_style2 {height:1px; background-color:red; margin:10px 0} .freaedown_style3 {line-height:18px; margin:20px;} #freedown_box{float:left; width:680px;margin-bottom:30px;border:1px solid #ccc; border-top:3px solid #409dff; padding:17px 0px; color:#777; line-height:18px } .freedown_txt {color:#409dff; font-weight:bold; padding-left:20px} .freedown_line{height:1px; background-color:#ccc; margin:10px 0 15px 0} #freedown_box dl {padding:0 20px;} #freedown_box dt{float:left; width:300px;margin-right:10px; } #freedown_box dd{float:right} /*통신사 팝창업. 주요정책*/ .policy_tit {font-weight:bold; padding-bottom:5px;} .policy_pop_header {padding:0px 0 0px 25px; background:url(../img2/pop_topbg.gif) repeat-x;} .policy_pop_txt {padding:0px 0 0px 5px; color:#fff; font-weight:bold; font-family:굴림; font-size:13px;} /*기타 Etc--------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*웹링크 팝업 */ #loginPop dt {float:left;height:27px;} #loginPop dd {float:left;height:27px;} .loginPop_tit{width:65px;} /*사이트맵 게시판 적용한거 .sitemap {background:url(../img2/etc/sitemap_bg.gif) repeat-y left top; padding-left:13px; margin-top:30px; min-height:920px; border:0px solid red} .sitemap .sitemap_con1{float:left;width:251px; border:0px dashed pink } .sitemap .sitemap_con2{float:left;width:251px;border:0px dashed blue } .sitemap .sitemap_con3{float:left;width:231px;border:0px dashed green } .sitemap .sitemap_con4{float:left;border:0px dashed violet } .sitemap dt{height:60px;} .sitemap dd{padding-bottom:25px;} .sitemap dd .depth2{padding-left:41px; min-height:180px;} .sitemap dd .depth2 li{padding-bottom:8px;} .sitemap dd .depth2 li .depth3{padding-top:3px;padding-left:7px;} .sitemap dd .depth2 li .depth3 li{padding-bottom:5px;} .sitemap dd .depth2 li .depth3 li.last{padding-bottom:0px;} .sboard_height{min-height:330px; border:0px solid #F99} */ /*사이트맵 게시판 적용안한거 */ .sitemap {background:url(../img2/etc/sitemap_bg.gif) repeat-y left top; padding-left:13px; margin-top:30px; min-height:650px; border:0px solid red} .sitemap .sitemap_con1{float:left;width:251px; border:0px dashed pink } .sitemap .sitemap_con2{float:left;width:251px;border:0px dashed blue } .sitemap .sitemap_con3{float:left;width:231px;border:0px dashed green } .sitemap .sitemap_con4{float:left;border:0px dashed violet } .sitemap dt{height:60px;} .sitemap dd{padding-bottom:25px;} .sitemap dd .depth2{padding-left:41px; min-height:180px;} .sitemap dd .depth2 li{padding-bottom:8px;} .sitemap dd .depth2 li .depth3{padding-top:3px;padding-left:7px;} .sitemap dd .depth2 li .depth3 li{padding-bottom:5px;} .sitemap dd .depth2 li .depth3 li.last{padding-bottom:0px;} .sboard_height{min-height:330px; border:0px solid #F99} /*이용약관*/ .provision_txt{line-height:1.6em} .provision {font-size:15px; color:#2874f2; font-weight:bold; padding-bottom:10px} .provision_bbs {width:100%; border-collapse:collapse; } .provision_bbs th { border:1px solid #ccc; padding:6px; background-color:#efefef} .provision_bbs td { border:1px solid #ccc; padding:6px; text-align:center} /*홍보가이드*/ #pr {background:url(../img2/etc/pr_bg2.jpg) no-repeat; height:2340px; border:0px solid red; padding:90px 0 0 87px} #pr_box{float:left; margin-bottom:50px; clear:both} #pr_box dt{float:left} #pr_box dd{float:left} #pr_box ul{margin-top:25px; margin-left:0px} #pr_box li{float:left} .pr_btn {margin-top:7px} .pr_input {font-size:15px; border:0px solid red; background:url(../img2/etc/pr_01url.gif) no-repeat left top; width:520px; height:21px; margin:1px 0px 0 0; padding:13px 0 10px 20px} .pr_dotline {width:40px; text-align:center} #pr_info {border:1px solid #ded8d0; width:730px; clear:both; margin-left:15px; padding:20px 0 10px 30px; background-color:#f2f2ea} #pr_info li {background:url(../img2/etc/pr_bl.gif) no-repeat left 2px; padding-left:15px; padding-bottom:7px} .pr_mgt{margin-top:30px;margin-left:70px } /*고객센터 helpdesk--------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #sideNews {position:relative;width:240px;height:160px; margin-top:15px} #sideNews dt {float:left;cursor: pointer;} #sideNews dd {position:absolute;left:-1px;top:37px} #sideNews dd li {float:left; width:230px; margin-bottom:6px; background:url(../img2/idx_notice_ar.gif) no-repeat top left; padding-left:10px;} #sideNews dd li a{float:left} /* 2013.09.10 고객센터 왼쪽메뉴 밑에 공지사항 저작권 게시판 링크되는 부분추가 - 지아란 */ #help_sideNews {position:relative;width:240px;height:160px; margin-top:20px} #help_sideNews dt {float:left;cursor: pointer;} #help_sideNews dd {display:none;position:absolute;left:-1px;top:37px} #help_sideNews dd li {float:left; width:230px; margin-bottom:6px; background:url(../img2/idx_notice_ar.gif) no-repeat top left; padding-left:10px;} #help_sideNews dd li a{float:left} #main_srch {background:url(../img2/helpdesk/main_srchBox_bg.gif) no-repeat ; height:75px; padding:25px 0 0px 100px; margin-bottom:30px } #main_srch ul li{float:left} .main_srch_name {font-weight:bold; color:#575757;margin-right:15px; padding-top:4px} .main_srch_input{width:320px; height:22px; border:1px solid #999; margin-right:6px; padding-left:2px } .main_srch_btn {padding-bottom:10px} .main_top5 {clear:both; width:477px; text-align:center;color:#ccc} .bbs tbody td.category {padding:10px 0 ; text-align:center; border-right:1px solid #ccc} /* 이벤트 */ .event_list {position: relative; padding: 22px 0 15px 240px; border-bottom: 1px solid #e1e2e4} .event_list h3 {font-weight:bold; padding: 1px 0 9px 0; margin: 0;} .event_bnr {position: absolute; top: 22px; left: 0;} .event_list ul {} .event_list ul li {padding: 0 0 7px 60px; position: relative} .event_list ul li img {vertical-align: middle;} .event_target {background:url(../img2/helpdesk/event_list_target.gif) no-repeat; padding-left:40px;} .event_date {background:url(../img2/helpdesk/event_list_date.gif) no-repeat; padding-left:40px; } .event_benefit {background:url(../img2/helpdesk/event_list_benefit.gif) no-repeat; padding-left:40px; line-height:1.5em} /*FAQ*/ .bbs_faq {width:100% } .bbs_faq th {height:33px; border-bottom:1px solid #ccc;border-top:1px solid #ccc; font-weight:bold; background-color:#efefef} .bbs_faq td {padding:8px 0; border-bottom:1px solid #ccc;} .bbs_faq thead th {text-align:center;border-right:1px solid #ccc} .bbs_faq thead th.last {border-right:none} .bbs_faq tbody td {text-align:center; color:#777;} .bbs_faq tbody td.title {padding:8px 0 8px 20px; text-align:left; color:#222333} .bbs_faq tbody tr:hover {background-color:#eef4fd; cursor:pointer; cursor:hand;} /*.bbs_faq tbody tr:hover td {color:#666;}*/ .bbs_faq tbody tr:hover td.title{color:#086fff} #faq_srch {background:url(../img2/helpdesk/faq_srchBox_bg.gif) no-repeat ; height:45px; padding:23px 0 0px 65px; margin-bottom:30px } #faq_srch ul {width:550px; height:25px} #faq_srch ul li{float:left} .faq_srch_name {font-weight:bold; color:#575757;margin-right:15px; padding-top:4px} .faq_srch_select {width:110px; height:22px; border:1px solid #999; margin-right:6px; } .faq_srch_input {width:260px; height:22px; border:1px solid #999; margin-right:6px; padding-left:2px } .faq_srch_btn {padding-bottom:10px} .faq_category {font-size:14px; font-weight:bold; margin-bottom:10px} .q_img {padding-right:10px;} .faq_question {background-color:#eef4fd; color:#666; font-weight:bold} .faq_answer td:hover {background-color:#fff} .answer {text-align:left; background:url(../img2/helpdesk/faq_a.gif) no-repeat 74px 5px; padding:7px 30px 7px 103px; line-height:1.6em} .answer_main {text-align:left; padding:7px 30px 7px 119px; line-height:1.6em} /*필수자료실*/ .bbs tbody td.name {padding:10px 0 10px 30px; text-align:left; color:#222} .bbs tbody td.name img {padding-right:10px} .bbs tbody td.about {padding:10px 0 10px 20px; text-align:left} .bbs tbody td.company {padding:10px 0 ; text-align:center} .bbs tbody td.download {padding:10px 0 ; text-align:center} /*원격제어 remote*/ #remote_box{float:left; width:680px;margin-bottom:30px;border:1px solid #ccc; border-top:3px solid #2874f2; padding:17px 0px; color:#777; line-height:18px } #remote_box ul li {list-style:decimal;margin-left:20px } #remote_box dl {padding:0 20px;} #remote_box dt{float:left; width:350px;margin-right:10px; line-height:1.5em } #remote_box dd{float:right} .remote_li{margin-bottom:10px} .remote_txt {color:#2874f2; font-weight:bold; padding-left:20px} .remote_line{height:1px; background-color:#ccc; margin:10px 0 15px 0} #remote_info{float:left; width:640px;margin-bottom:30px;border:1px solid #ccc; border-top:4px solid #ff0000; padding:20px 20px; color:#ff0000; line-height:17px } #remote_info p{margin-bottom:3px;} #remote_info dt{float:left} #remote_info dd{} #remote_info dt{margin-right:10px} /*1:1문의 어드민*/ .bbs_view thead td.admin_title {color:#222; padding-left:15px;font-weight:bold; border-top:1px solid #ccc; } .bbs_view thead td.admin_btn { border-top:1px solid #ccc; } .bbs_view thead td.admin {color:#777; padding-left:15px } /*마이페이지 My --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #myMain_top {width:680px; height:42px; background:url(../img2/mypage/my_main_top.jpg) no-repeat} #myMain_top li {padding-top:16px} .my_id {color:#fff; font-weight:bold; padding-left:23px;float:left; } .my_msg {color:#acacac;padding-right:20px; float:right} .my_msg a {color:#acacac; text-decoration:underline;} #myMain_box {width:634px; *zoom:1; padding:20px 20px 18px 20px;border:3px solid #d9d9d9; border-top:none; } #myMain_box:after {content:"";clear:both;display:block;} #myMain_box li {float:left} #myMain {width:600px; clear:both; background:url(../img2/dotline.gif) repeat-x left 21px; height:22px; margin:6px 0 7px 15px; border:0px solid blue} #myMain.last {width:600px; clear:both; background:none } .myMain_list {width:510px; text-align:right} .myMain_date {color:#777;padding-left:3px} .myMain_btn {padding-left:5px} #myMain_tit {height:20px; margin-bottom:5px; margin-top:30px;} #myMain_tit li{float:left} #myMain_tit li.title{float:left; padding-top:4px; font-weight:bold; color:#000000} #myMain_tit li.more{float:right} .myTop {border-top:2px solid #222333;} #my_board {} .my_bbs {width:100%; border-collapse:collapse; } .my_bbs th { border:1px solid #ccc; padding:7px; text-align:center ;background-color:#efefef; height:20px} .my_bbs td { border:1px solid #ccc; padding:7px; text-align:center} .my_bbs td.left {text-align:left} .my_bbs td.right {text-align:right} .my_bbs2 {width:100%; border-collapse:collapse; } .my_bbs2 td { padding:3px; vertical-align:top;} .my_bbs2 td.left {text-align:left} .my_bbs2 td.right {text-align:right} .my_bbs2_textarea {width:95%; height:100px; border:1px solid #999;padding:2px 4px; line-height:1.5em;} #my_infoBox { border:1px solid #ccc; border-top:3px solid #409dff;padding:20px; margin-top:20px; clear:both;} #my_infoBox li {margin-bottom:4px; line-height:1.5em} #npoint_infoBox { border:1px solid #ccc; border-top:3px solid #409dff;padding:20px; margin-top:20px; height:65px} #npoint_infoBox dt{float:left;line-height:1.5em} #npoint_infoBox dd{float:right} #npoint_infoBox dt{width:480px;} .npoint_box {background:url(../img2/mypage/npoint_Box_bg.gif) no-repeat ; height:37px; padding-top:20px; text-align:center; vertical-align:middle; margin-bottom:20px; font-weight:bold; color:#575757; } .npoint_select {height:30px; padding-left:2px} #outer {width:680px; border:0px solid red; *zoom:1 } #outer:after{content:"";clear:both;display:block } .inner1 {width:150px; float:left; margin-bottom:10px} .inner2 {width:380px; float:left; text-align:center} .inner3 {width:150px; float:left; text-align:right} .media_btn{margin-top:20px} .inquiry_q {text-align:left; background:url(../img2/helpdesk/faq_q.gif) no-repeat 0 2px ; padding:0px 0 10px 30px; line-height:1.6em; } .inquiry_a {text-align:left; background:url(../img2/helpdesk/faq_a.gif) no-repeat 0 2px ; padding:0px 0 10px 30px; line-height:1.6em; } .inquiry_hello {color:#ff0000; font-weight:bold; padding-bottom:10px} .inquiry_dotline {background:url(../img2/dotline.gif) repeat-x left 15px; height:40px} #userChk { border:0px solid red; margin-left:30px} #userChk li {height:30px } .userChk_txt {font-weight:bold; width:120px; float:left; padding-top:4px;} .userChk_input {width:155px; height:20px; border:1px solid #999} .set_input1 {width:100px; height:20px; border:1px solid #999; padding-left:3px} .set_input2 {width:300px; height:20px; border:1px solid #999; padding-left:3px} .set_input1_off {width:100px; height:20px; padding-left:3px; color:#bbb; border:1px solid #ededed; background-color:#f6f6f6} .set_input2_off {width:300px; height:20px; padding-left:3px; color:#bbb; border:1px solid #ededed; background-color:#f6f6f6} .set_bbs {margin-top:5px; width:500px} .set_bbs td {border:0px solid red; padding:2px} .set_dotline {background:url(../img2/dotline.gif) repeat-x; margin:10px 0 ;height:1px} .mypage_box {border:1px solid #ccc; border-top:3px solid #2874f2;padding:20px; text-align:center; vertical-align:middle; margin-bottom:20px; color:#575757; } .drop_box1 {border:1px solid #ccc; padding:10px 0 20px; text-align:center; vertical-align:middle; margin-bottom:40px; } .drop_box2{width:640px;margin-top:5px;border:1px solid #ccc; border-top:3px solid #409dff;padding:30px 20px; line-height:1.7em } .drop_txt {width:70px; float:left;} .drop_select {height:22px; border:1px solid #999; margin-bottom:2px} .drop_msg {width:400px; height:90px; border:1px solid #999; margin-bottom:2px; padding:5px} .drop_ok_img {text-align:center; padding:30px 0 20px} .drop_ok_btn {text-align:center; padding:0px 0 30px} /*쪽지*/ .bbs_view thead td.msg_name {border-top:1px solid #ccc;padding-left:15px} .bbs_view thead td.msg_date {color:#777; padding-left:15px } .bbs_view thead th.msg_chkdate {border-left:1px solid #ccc; } .bbs tbody td.blockID {padding:8px 0 8px 20px; text-align:left; color:#222;} .blockBox {background-color:#c2daf9; border:1px solid #a8cdff; padding:9px 0 5px 20px; margin-bottom:10px;} .block_input {width:180px; height:18px; border:1px solid #a4b9d3; margin-left:7px} .block_btn {margin-bottom:2px; margin-left:2px} .msg_write_input {width:450px; height:64px; border:1px solid #999; margin-bottom:7px; padding:7px; line-height:1.3em} .msg_write_btn { margin-left:0px;margin-bottom:2px} .pop_friends_bbs {width:100% } .pop_friends_bbs td {padding:3px 0; text-align:left} .pop_friends_Box {background-color:#c2daf9; border:1px solid #a8cdff; padding:9px 0 5px 20px; margin-bottom:10px;} .pop_friends_list {width:330px;height:160px;overflow:auto; background-color:#FFFFFF; padding:5px 10px; border:1px solid #ccc} /*우편번호찾기*/ .bbs_address {width:100%; clear:both;background-color:#FFFFFF } .bbs_address th {height:30px; color:#777; font-weight:bold; background-color:#ccc} .bbs_address td {border-bottom:1px solid #ccc} .bbs_address thead th {text-align:center;border-right:1px solid #ccc} .bbs_address thead th.last {border-right:none} .bbs_address tbody td {padding:5px 10px; text-align:center} .bbs_address tbody td.title { text-align:left;} .pop_dotline {background:url(../img2/dotline2.gif) repeat-x; margin:15px 0 20px; height:1px} .pop_address_list {width:450px;height:260px;overflow:auto; background-color:#FFFFFF; padding:0px; border:1px solid #ccc} .pop_address_step3 {margin-left:15px; line-height:1.6em;} /*마이페이지 추가 - 2012.06.27, 7.4*/ .pop_tit {color:#2874f2; font-weight:bold; margin-bottom:5px; font-size:12px} .pop_bbs {width:100%; border-collapse:collapse; background-color:#FFFFFF } .pop_bbs th { border:1px solid #ccc; padding:7px; text-align:center; background-color:#ededed; height:20px} .pop_bbs td { border:1px solid #ccc; padding:7px; text-align:center} .pop_bbs td.left {text-align:left} .pop_bbs td.right {text-align:right} .pop_notice_dotline {background:url(../img2/dotline.gif) repeat-x; height:1px; margin:10px 0 15px 0} /*N포인트 Npoint --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .npoint_bbs {width:100%; border-collapse:collapse; } .npoint_bbs th {border:1px solid #ccc; background-color:#efefef} .npoint_bbs td {border:1px solid #ccc; padding:15px 20px 12px; line-height:1.6em} .npoint_info {border:1px solid #ccc; background-color:#e5e5e5; padding:17px 30px 12px 30px; color:#222; line-height:1.6em; margin-top:5px} #npointType {height:420px} #npointType li{float:left;} #npoint_Box2 {border:1px solid #ccc; border-top:3px solid #409dff; padding:20px 20px 10px; margin-top:30px; clear:both;} #npoint_Box2 li {margin-bottom:4px} .npoint_bbs2 {width:100%; border-collapse:collapse; border:0px solid red } .npoint_bbs2 td {border:none; border-bottom:1px solid #e1e1e1; padding:5px} .npoint_bbs2_left {color:#777; width:100px} .npoint_bbs2_right {text-align:right} .npoint_bbs2 td.last { border-bottom:none} /*통합검색 UnifySearch--------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #total_bnr01 {background:url(../img2/unifySearch/img_bnr01.gif) no-repeat; height:27px; padding:18px 0 0 72px; color:#666; border:0px solid red} #total_bnr01 a{color:#666666;font-weight:bold} #total_bnr01 a:hover {color:#000; text-decoration:underline; font-weight:bold} #total_bnr02 {background:url(../img2/unifySearch/img_bnr02.gif) no-repeat; height:47px; padding:18px 0 0 72px; color:#666; border:0px solid red; line-height:1.5em; margin-top:25px} #total_bnr02 a{color:#666666;font-weight:bold} #total_bnr02 a:hover {color:#000; text-decoration:underline; font-weight:bold} #total_result {background:url(../img2/unifySearch/tatal_Box_bg.gif) no-repeat ; height:43px; padding-top:27px; text-align:center; vertical-align:middle; font-weight:bold; color:#000; font-size:16px; border:0px solid blue} #total_adult_result {background:url(../img2/unifySearch/tatal_Box3_bg.gif) no-repeat ; height:95px; padding-top:27px; text-align:center; vertical-align:middle; font-weight:bold; color:#000; font-size:16px; border:0px solid red} .adult_result_line{border-bottom:1px solid #ccc; margin:15px 30px 17px} .adult_result_txt {font-size:12px; color:#222; font-weight:normal; text-align:center; margin-left:25px; line-height:1.5em} #total_no_result {background:url(../img2/unifySearch/tatal_Box2_bg.gif) no-repeat ; height:125px; padding-top:27px; text-align:center; vertical-align:middle; font-weight:bold; color:#000; font-size:16px; border:0px solid red} .no_result_line{border-bottom:1px solid #ccc; margin:15px 30px} .no_result_txt {font-size:12px; color:#222; font-weight:normal; text-align:left; margin-left:25px; line-height:1.5em} #total_new_result /*20140205*/ {background:url(../img2/unifySearch/tatal_Box4_bg.gif) no-repeat ; height:106px; padding-top:30px; text-align:center; vertical-align:middle; color:#000; font-size:12px; border:0px solid red} .new_result_line{border-bottom:1px solid #ccc; margin:10px 30px} #netfolder_pop { background:url(../img2/unifySearch/netfolder_pop_bg.png) no-repeat; width:365px; height:322px; text-align:left} .netfolder_btn {margin-left:327px; padding-top:25px} .netfolder_txt {margin-left:23px; margin-right:23px; margin-top:0px; line-height:1.4em} .netfolder_h {color:#2db34a; font-size:16px; font-weight:bold; line-height:1.7em} .total_tit {font-size:15px; font-weight:bold; color:#000; margin-bottom:10px; margin-top:0px} #total_list {clear:both;} .bbs_total {width:100% ;border-top:1px solid #ccc; } .bbs_total td {text-align:center; color:#777; padding:6px 0; border-bottom:1px solid #ccc;} .bbs_total td.title {padding:10px 0 6px 0px; text-align:left;} .bbs_total td.volume {padding:10px 0 6px 0px; text-align:right; color:#086fff} .bbs_total td.total_19 {background-color:#fff2f2; border-top:1px solid #ebdede; border-bottom:1px solid #ccc; text-align:center; color:#ff0000; padding-top:10px;height:27px;} .bbs_total tr:hover {background-color:#eef4fd;} .bbs_total tr:hover td.title a {color:#086fff} .total_19 {background-color:#fff2f2; border-top:1px solid #ebdede; border-bottom:0px solid #ccc; text-align:center; color:#ff0000; padding-top:13px;height:27px; } .total_bar {height:30px; border:0px solid blue; text-align:right; border-bottom:0px solid #e3e3e3; margin:10px 0 30px 0} /*20120823 마진탑값 40에서 30으로 수정: 정유진 */ #total_MBox {margin-bottom:25px;height:155px; *zoom:1} #total_MBox:after{content:"";clear:both;display:block;} .total_MBox01 {float:left; width:130px} .total_MBox02 {float:left; width:830px} .total_Mposter {width:105px;} .total_Mtitle {font-weight:bold; color:#000;padding-bottom:3px} .total_Mtitle a:hover {text-decoration:underline; color:#000} .total_Mspace {padding-bottom:5px} .total_Mbar{color:#d1d1d1; padding:0 5px;} .total_Mprice{font-weight:bold; color:#a7a7a7} #total_Mconts {*zoom:1} #total_Mconts:after{content:"";clear:both;display:block;} #total_Mconts dt {float:left; line-height:1.5em; padding-bottom:2px;width:45px;color:#777999;} #total_Mconts dd {float:left; line-height:1.5em; padding-bottom:2px;width:760px;} #total_bbs {line-height:1.5em;margin-bottom:20px;} #file_srch {border:1px solid #dcdcdc; width:800px; height:43px; padding:20px 0 0px 160px; margin-bottom:0px; text-align:center ; background-color:#efefef} #file_srch ul {} #file_srch ul li{float:left} .file_srch_name {margin-right:15px; padding-top:4px} .file_srch_input {width:260px; height:22px; border:1px solid #999; margin-right:6px; padding-left:2px } .file_srch_btn {padding-bottom:10px} .unify_space{margin-top:20px} #unify_category {border:1px solid #dcdcdc; width:940px; height:25px; padding:12px 0 0px 20px; margin-bottom:20px; } #total_Movie {margin-left:3px} #total_Movie p{border-bottom:1px solid #eaeaea; width:100%;} #total_Movie .more {float:right} #total_Movie ul{ margin-top:10px;} #total_Movie li{float:left; text-align:center; padding-right:16px;} #total_Movie li.last{padding-right:0;} #total_Movie .poster {width:105px;} #total_Movie .coin {font-size:11px; color:#777; font-weight:bold;} #total_Movie span{line-height:22px;} #total_txt{float:left; width:100%; height:30px; border:0px solid blue; border-bottom:0px solid #e3e3e3; margin:10px 0 30px 0} #total_txt dl {} #total_txt dt{float:left} #total_txt dd{float:right} /* 멤버 Member--------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .member_img {text-align:center; padding:80px 0 30px} .member_tit {color:#2874f2; font-weight:bold; font-size:14px; padding-bottom:5px} #member_bbs {width:100%; border-collapse:collapse; } #member_Box {background:url(../img2/member/19_bg.gif) no-repeat; height:205px} #srch_idpw_Box {background:url(../img2/member/19_bg_srchidpw.gif) no-repeat; height:220px} #member_Box2 {background:url(../img2/member/19_bg2.gif) no-repeat; height:205px} .member_txt {font-weight:bold; width:70px; float:left; padding-top:4px;} .member_txt2 {font-weight:bold; width:90px; float:left; padding-top:4px;} .member_txt3 {color:#666; padding-top:10px;} .member_txt3 a{color:#666; padding-top:10px;} .member_txt3 a:hover{color:#666; padding-top:10px;} .member_btn {margin-bottom:3px;} .member_bottom{margin-bottom:120px;} .member_txt_off {color:#ccc} .member19_img {text-align:center; padding:30px 0 20px} .member19_btn2 {text-align:center; padding:0px 0 0px} .member19_td {width:420px; padding-left:65px; padding-top:45px; text-align:left; vertical-align:top} .member19_td2 {width:420px; padding-left:50px; padding-top:45px; text-align:left; vertical-align:top} .member19_td3 {width:900px; padding-left:50px; padding-top:45px; text-align:left; vertical-align:top;} #member19 {border:0px solid red; margin-right:20px} #member19 li {height:30px} .member19_input {width:180px; height:20px; border:1px solid #999} .member19_input2 {width:83px; height:20px ; border:1px solid #999} .member19_input_off {width:180px; height:20px; border:1px solid #ededed; background-color:#f6f6f6} .member19_input2_off {width:83px; height:20px; border:1px solid #ededed; background-color:#f6f6f6} .member19_file {width:300px; color:#666666; height:22px} .member19_dotline {background:url(../img2/dotline.gif) repeat-x; height:1px; margin:18px 0} .member19_dotline2 {background:url(../img2/dotline.gif) repeat-x; height:1px; margin:10px 0} .member19_dotline_foreigner {background:url(../img2/dotline.gif) repeat-x; height:1px; margin:10px 0 5px 0} .member19_foreigner{vertical-align:top; padding-top:15px} .member19_txt {text-align:center; color:#777} #srch_idpw {border:0px solid blue; margin-right:20px} #srch_idpw li {height:30px} .srch_idpw_td1 {width:400px; padding-left:50px; padding-top:35px; text-align:left; vertical-align:top} .srch_idpw_td2 {width:450px; padding-left:50px; padding-top:35px; text-align:left; vertical-align:top} .srch_idpw_input {width:150px; height:20px; border:1px solid #999} .srch_idpw_input2 {width:220px; height:20px; border:1px solid #999} #login_Box {background:url(../img2/member/login_bg.gif) no-repeat; height:290px} .login_td { padding-top:25px; text-align:left; vertical-align:top} #member_login_bbs {border:0px solid blue; margin-left:80px;width:330px; margin-right:100px; margin-top:30px} .login_dotline {background:url(../img2/dotline.gif) repeat-x; height:1px; margin:10px 0 25px 80px ;width:330px} .login_txt{margin:3px 0 0 80px; color:#666} .login_btn {margin-bottom:3px; margin-left:5px} .login_btn2 {margin-bottom:3px; margin-left:10px} .member_jumin {background-color:#e8f0ff; color:#3b63a2; padding:15px;line-height:1.5em; border-bottom:1px solid #ccc} .member_input_dotline {background:url(../img2/dotline.gif) repeat-x; height:1px; margin:50px 0} #memberInput_tit {height:20px; margin-bottom:5px; margin-top:40px} #memberInput_tit li{float:left} #memberInput_tit li.title{float:left; padding-top:4px; font-weight:bold; color:#000000} #memberInput_tit li.more{float:right} .ck_silmoung {margin-left:420px} .ch_provision {margin-left:295px} #memberInput_tit_info {height:20px; margin-bottom:5px; margin-top:30px} #memberInput_tit_info li{float:left} #memberInput_tit_info li.title{float:left; font-weight:bold; padding-top:4px; color:#000000} #memberInput_tit_info li.more{float:left;margin-left:40px} .member_step {width:960px; text-align:center} .memberInput_tit2 {font-weight:normal; color:#777999; padding-left:10px} #member_ok_Box {background:url(../img2/member/member_ok_bg130319.gif) no-repeat; height:260px; margin-top:0px; padding:40px 65px 0 55px; border:0px solid red} #member_ok_Box p {width:100%; text-align:center; border:0px dashed gray;margin-bottom:50px} #member_ok_Box ul {border:0px solid pink; width:100%; } #member_ok_Box li {float:left} #member_ok_Box li.member_ok_right {float:right} .member_ok_good {margin-top:30px } .member_img2 {text-align:center; padding:40px 0 20px} #login_Box2 {background:url(../img2/member/login_bg2.gif) no-repeat; height:250px; border:0px solid red} .login_join {background-color:#e6eef9; border:1px solid #d0dff4; margin:40px 0 20px 0; padding:15px; color:#394e78; text-align:center} /*제휴컨텐츠 Media --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .pop_down_head {width:100%; border-collapse:collapse; border:1px solid #ccc; background-color:#ededed } .pop_down_head td { padding:7px 10px; text-align:left; font-weight:bold} .pop_down_head td.center { text-align:center} .pop_down {width:100%; border-collapse:collapse;} .pop_down td {padding:7px 10px; text-align:left} .pop_down td.down_price {text-align:center} .pop_down_list {width:448px;height:160px;background-color:#ffffff;border:1px solid #ccc; border-top:none; border-bottom:none; overflow:auto} .pop_down_all {width:100%; border-collapse:collapse; background-color:#c2daf9; border:1px solid #a8cdff } .pop_down_all td {text-align:left; padding:10px 10px 7px 10px; font-weight:bold} .pop_down_all td.right {text-align:right} #mediaLayout1 {width:960px; border:0px dotted green;} /*제휴 서브 카테고리 메뉴와 포스터,추천테마*/ /*#mediaNavi {} #mediaNavi ul {background:url(../img2/media/media_mn2.png) no-repeat left top; height:35px} #mediaNavi li{float:left} #mediaNavi ul li a {border:0px solid red; height:35px;display:block; text-indent:-9999px} #mediaNavi ul li.mediaHome a {width:137px} #mediaNavi ul li.mediaMovie a {width:137px} #mediaNavi ul li.mediaEnter a {width:137px} #mediaNavi ul li.mediaAni a {width:137px} #mediaNavi ul li.mediaEdu a {width:137px} #mediaNavi ul li.mediaAdult a {width:137px} #mediaNavi ul li.mediaGood50 a {width:137px} #mediaNavi ul li.mediaHome a:hover {background:url(../img2/media/media_mn2.png) no-repeat 0px -35px} #mediaNavi ul li.mediaMovie a:hover {background:url(../img2/media/media_mn2.png) no-repeat -137px -35px} #mediaNavi ul li.mediaEnter a:hover {background:url(../img2/media/media_mn2.png) no-repeat -274px -35px} #mediaNavi ul li.mediaAni a:hover {background:url(../img2/media/media_mn2.png) no-repeat -411px -35px} #mediaNavi ul li.mediaEdu a:hover {background:url(../img2/media/media_mn2.png) no-repeat -548px -35px} #mediaNavi ul li.mediaAdult a:hover {background:url(../img2/media/media_mn2.png) no-repeat -685px -35px} #mediaNavi ul li.mediaGood50 a:hover{background:url(../img2/media/media_mn2.png) no-repeat -822px -35px} #mediaNavi ul li.mediaHome a.on {background:url(../img2/media/media_mn2.png) no-repeat 0px -35px} #mediaNavi ul li.mediaMovie a.on {background:url(../img2/media/media_mn2.png) no-repeat -137px -35px} #mediaNavi ul li.mediaEnter a.on {background:url(../img2/media/media_mn2.png) no-repeat -274px -35px} #mediaNavi ul li.mediaAni a.on {background:url(../img2/media/media_mn2.png) no-repeat -411px -35px} #mediaNavi ul li.mediaEdu a.on {background:url(../img2/media/media_mn2.png) no-repeat -548px -35px} #mediaNavi ul li.mediaAdult a.on {background:url(../img2/media/media_mn2.png) no-repeat -685px -35px} #mediaNavi ul li.mediaGood50 a.on{background:url(../img2/media/media_mn2.png) no-repeat -822px -35px}*/ /*12월 12일 교육/취미 삭제 관련 메뉴 반영 */ #mediaNavi {} #mediaNavi ul {background:url(../img2/media/media_mn2_new.png) no-repeat left top; height:35px} #mediaNavi li{float:left} #mediaNavi ul li a {border:0px solid red; height:35px;display:block; text-indent:-9999px} #mediaNavi ul li.mediaHome a {width:160px} #mediaNavi ul li.mediaMovie a {width:160px} #mediaNavi ul li.mediaEnter a {width:160px} #mediaNavi ul li.mediaAni a {width:160px} /*#mediaNavi ul li.mediaEdu a {width:160px}*/ #mediaNavi ul li.mediaAdult a {width:160px} #mediaNavi ul li.mediaGood50 a {width:160px} #mediaNavi ul li.mediaHome a:hover {background:url(../img2/media/media_mn2_new.png) no-repeat 0px -35px} #mediaNavi ul li.mediaMovie a:hover {background:url(../img2/media/media_mn2_new.png) no-repeat -160px -35px} #mediaNavi ul li.mediaEnter a:hover {background:url(../img2/media/media_mn2_new.png) no-repeat -320px -35px} #mediaNavi ul li.mediaAni a:hover {background:url(../img2/media/media_mn2_new.png) no-repeat -480px -35px} /*#mediaNavi ul li.mediaEdu a:hover {background:url(../img2/media/media_mn2_new.png) no-repeat -637px -35px}*/ #mediaNavi ul li.mediaAdult a:hover {background:url(../img2/media/media_mn2_new.png) no-repeat -640px -35px} #mediaNavi ul li.mediaGood50 a:hover{background:url(../img2/media/media_mn2_new.png) no-repeat -800px -35px} #mediaNavi ul li.mediaHome a.on {background:url(../img2/media/media_mn2_new.png) no-repeat 0px -35px} #mediaNavi ul li.mediaMovie a.on {background:url(../img2/media/media_mn2_new.png) no-repeat -160px -35px} #mediaNavi ul li.mediaEnter a.on {background:url(../img2/media/media_mn2_new.png) no-repeat -320px -35px} #mediaNavi ul li.mediaAni a.on {background:url(../img2/media/media_mn2_new.png) no-repeat -480px -35px} /*#mediaNavi ul li.mediaEdu a.on {background:url(../img2/media/media_mn2_new.png) no-repeat -637px -35px}*/ #mediaNavi ul li.mediaAdult a.on {background:url(../img2/media/media_mn2_new.png) no-repeat -640px -35px} #mediaNavi ul li.mediaGood50 a.on{background:url(../img2/media/media_mn2_new.png) no-repeat -800px -35px} /*04월 12일 성인 메뉴 삭제 netfile.kr */ #mediaNavi2 {} #mediaNavi2 ul {background:url(../img2/media/media_mn2_new0412.png) no-repeat left top; height:35px} #mediaNavi2 li{float:left} #mediaNavi2 ul li a {border:0px solid red; height:35px;display:block; text-indent:-9999px} #mediaNavi2 ul li.mediaHome a {width:192px} #mediaNavi2 ul li.mediaMovie a {width:192px} #mediaNavi2 ul li.mediaEnter a {width:192px} #mediaNavi2 ul li.mediaAni a {width:192px} /*#mediaNavi ul li.mediaEdu a {width:160px}*/ #mediaNavi2 ul li.mediaAdult a {width:192px} #mediaNavi2 ul li.mediaGood50 a {width:192px} #mediaNavi2 ul li.mediaHome a:hover {background:url(../img2/media/media_mn2_new0412.png) no-repeat 0px -35px} #mediaNavi2 ul li.mediaMovie a:hover {background:url(../img2/media/media_mn2_new0412.png) no-repeat -192px -35px} #mediaNavi2 ul li.mediaEnter a:hover {background:url(../img2/media/media_mn2_new0412.png) no-repeat -384px -35px} #mediaNavi2 ul li.mediaAni a:hover {background:url(../img2/media/media_mn2_new0412.png) no-repeat -576px -35px} /*#mediaNavi ul li.mediaEdu a:hover {background:url(../img2/media/media_mn2_new.png) no-repeat -637px -35px}*/ /*#mediaNavi2 ul li.mediaAdult a:hover {background:url(../img2/media/media_mn2_new.png) no-repeat -640px -35px}*/ #mediaNavi2 ul li.mediaGood50 a:hover{background:url(../img2/media/media_mn2_new0412.png) no-repeat -768px -35px} #mediaNavi2 ul li.mediaHome a.on {background:url(../img2/media/media_mn2_new0412.png) no-repeat 0px -35px} #mediaNavi2 ul li.mediaMovie a.on {background:url(../img2/media/media_mn2_new0412.png) no-repeat -192px -35px} #mediaNavi2 ul li.mediaEnter a.on {background:url(../img2/media/media_mn2_new0412.png) no-repeat -384px -35px} #mediaNavi2 ul li.mediaAni a.on {background:url(../img2/media/media_mn2_new0412.png) no-repeat -576px -35px} /*#mediaNavi ul li.mediaEdu a.on {background:url(../img2/media/media_mn2_new.png) no-repeat -637px -35px}*/ /*#mediaNavi2 ul li.mediaAdult a.on {background:url(../img2/media/media_mn2_new.png) no-repeat -640px -35px}*/ #mediaNavi2 ul li.mediaGood50 a.on{background:url(../img2/media/media_mn2_new0412.png) no-repeat -768px -35px} #mediaTopWebtoon {clear:both; border:0px dotted red; background-color:#3b4153; text-align:center; padding:35px 0 0 0} #mediaTabWebtoon {background:url(../img2/media/tab_bg.gif) repeat-x; width:825px; height:30px; margin-bottom:0px; margin-left:68px} #mediaTabWebtoon dd {float:left; padding-left:0px; background-color:#3b4153} #mediaTopWebtoon ul {height:220px;border:0px solid #00ff48; padding-left:68px } /*리스트 높이 조정*/ #mediaTopWebtoon li {float:left; text-align:center;padding-right:50px;} #mediaTopWebtoon li.last {padding-right:0} #mediaTopWebtoon .poster {width:125px} #mediaTopWebtoon .subject {padding-top:10px; color:#FFF} #mediaTopWebtoon .coin {font-size:11px; color:#9da0a9; font-weight:bold } #mediaMovieWebtoon {clear:both; border:0px solid red} #mediaTop {clear:both; border:0px dotted red; background-color:#3b4153; text-align:center; padding:35px 0} #mediaTab {background:url(../img2/media/tab_bg.gif) repeat-x; width:825px; height:30px; margin-bottom:20px; margin-left:68px} #mediaTab dd {float:left; padding-left:0px; background-color:#3b4153} /* 3단 */ #mediaAdult {border:0px solid pink; height:191px} .playboy {float:left; border:0px solid yellow; width:270px; padding-right:30px;padding-left:42px} .korea {float:left; border:0px solid yellow; width:270px; padding-right:30px} .webtoon {float:left; border:0px solid yellow; width:270px; } .webtoontext {float:right; margin-right:60px; margin-top:10px; color:#FFFFFF} /* 2단 #mediaAdult {text-align:center; border:0px solid pink; height:191px} .playboy {float:left; border:0px solid yellow; width:480px; text-align:right; padding-right:10px} .girlstv {border:0px solid red; text-align:right; padding-right:50px} */ #mediaAdultTxt {border:0px solid pink;margin-top:18px} #mediaTop ul {height:210px;border:0px solid #00ff48; padding-left:68px } /*리스트 높이 조정*/ #mediaTop li {float:left; text-align:center;padding-right:50px;} #mediaTop li.last {padding-right:0} #mediaTop .poster {width:125px; border-radius:15px;} #mediaTop .subject {padding-top:10px; color:#FFF} #mediaTop .coin {font-size:11px; color:#9da0a9; font-weight:bold } #mediaTheme { height:35px} #mediaTheme li {float:left; width:192px; text-align:center} #mediaTheme li a{display:block; padding:10px 0 9px 0; background-color:#4f5465; color:#9598a3; border-right:1px solid #616575} #mediaTheme li a:hover{background-color:#616575; color:#fff; text-decoration:none;} #mediaTheme li a.on{background-color:#616575; color:#fff;text-decoration:none;} /* 상단 박스영역 아래에 위치한 디자인 레이아웃 #mediaSorting {height:30px; margin-top:20px; margin-bottom:20px; text-align:center} #mediaSorting ul {background:url(../img2/media/media_sorting.gif) no-repeat center top; height:30px; } #mediaSorting li {float:left} #mediaSorting ul li a {border:0px solid red; height:30px;display:block; text-indent:-9999px;width:90px;} #mediaSorting ul li.sorting1 a {margin-left:345px} #mediaSorting ul li.sorting1 a:hover {background:url(../img2/media/media_sorting.gif) no-repeat 0 -30px} #mediaSorting ul li.sorting2 a:hover {background:url(../img2/media/media_sorting.gif) no-repeat -90px -30px} #mediaSorting ul li.sorting3 a:hover {background:url(../img2/media/media_sorting.gif) no-repeat -180px -30px} #mediaSorting ul li.sorting1 a.on {background:url(../img2/media/media_sorting.gif) no-repeat 0 -30px} #mediaSorting ul li.sorting2 a.on {background:url(../img2/media/media_sorting.gif) no-repeat -90px -30px} #mediaSorting ul li.sorting3 a.on {background:url(../img2/media/media_sorting.gif) no-repeat -180px -30px} */ #mediaSorting {height:30px; margin-bottom:40px} #mediaSorting ul {background:url(../img2/media/media_sorting.png) no-repeat left top; height:30px; } #mediaSorting li {float:left} #mediaSorting ul li a {border:0px solid red; height:30px;display:block; text-indent:-9999px;width:90px;} #mediaSorting ul li.sorting1 a {margin-left:345px} #mediaSorting ul li.sorting1 a:hover {background:url(../img2/media/media_sorting.png) no-repeat -345px -30px} #mediaSorting ul li.sorting2 a:hover {background:url(../img2/media/media_sorting.png) no-repeat -435px -30px} #mediaSorting ul li.sorting3 a:hover {background:url(../img2/media/media_sorting.png) no-repeat -525px -30px} #mediaSorting ul li.sorting1 a.on {background:url(../img2/media/media_sorting.png) no-repeat -345px -30px} #mediaSorting ul li.sorting2 a.on {background:url(../img2/media/media_sorting.png) no-repeat -435px -30px} #mediaSorting ul li.sorting3 a.on {background:url(../img2/media/media_sorting.png) no-repeat -525px -30px} #mediaLayout2 {clear:both; width:960px; margin-top:20px; margin-bottom:30px} /*넷폴더 추천컨텐츠와 일일베스트 좌우 영역 분리 레이아웃*/ #mediaLeft {float:left;width:680px} /*넷폴더 좌측 추천컨텐츠 영역*/ #mediaMain_good { border:0px solid red; margin-top:13px} /*추천컨텐츠 영화 소개 단락*/ #mediaMain_good_poster {float:left} .poster_s1 {width:80px} #mediaMain_txt {margin-left:100px; line-height:17px;} #mediaMain_txt li {margin-bottom:3px} #mediaMain_txt span {display:inline-block} #mediaMain_txt li.name {font-weight:bold; color:#222; padding-bottom:3px} #mediaMain_txt span.sTit {color:#777; width:35px; background:url(../img2/media/mediaLeft_sTit_bar.gif) right top no-repeat } #mediaMain_txt span.sConts1 {padding-left:5px; width:200px} #mediaMain_txt span.sConts2 {padding-left:5px; width:270px} #mediaMain_txt span.sConts3 {padding-left:5px; width:520px} #mediaRight {margin-left:700px} /*넷폴더 우측 일일베스트 영역 width 260*/ .bbs_media {width:100%; border:1px solid #ccc } .bbs_media th {height:36px; color:#acacad; text-align:right; font-weight:normal; padding-right:12px; background:url(../img2/media/best_bg.gif) no-repeat } .bbs_media td {padding:0; border-bottom:1px solid #ccc; text-align:left; vertical-align:middle; padding-top:3px;} .bbs_media td.poster {width:38px; padding:2px} .poster_s2 {width:35px} .bbs_media td.subject {font-weight:bold} .bbs_media p.coin {font-size:11px; color:#777; font-weight:normal} #mediaMovie {clear:both; border:0px solid red} #mediaMovie div {border-bottom:1px solid #eaeaea; width:100%} #mediaMovie .more {float:right} #mediaMovie ul {margin-top:10px;clear:both;height:195px;border:0px solid blue;margin-bottom:30px;} /*리스트 높이 조정*/ #mediaMovie li {float:left;text-align:left;padding-right:29px;} #mediaMovie li.last {padding-right:0} #mediaMovie .poster {width:112px; height:160px;} /* 2012.07.25 height추가 지아란 */ #mediaMovie .subject {padding-top:7px; font-weight:bold; width:112px;} /* 2012.07.20 width설정 지아란 */ #mediaMovie .coin {padding-top:6px; font-size:11px; color:#777; font-weight:normal; } #mediaViewBox {width:900px; height:345px; border:5px solid #ccc; margin-top:30px;padding:25px; margin-bottom:40px} #viewLeft {float:left;width:240px;background-color:pink;} #viewRight {margin-left:270px} #viewLeft .poster {border:1px solid #888} .mediaView_name {padding:4px 0; font-size:17px; font-weight:bold; font-family:gulim;} .mediaView_line {height:1px; margin:15px 0 20px 0; background-color:#e5e5e5} .mediaView_Info {margin-top:25px; padding:20px 20px 15px 20px ; background-color:#f2f2f2; color:#777; line-height:1.4em} #mediaView_txt {border:1px solid red7} #mediaView_txt li {margin-bottom:5px} #mediaView_txt span {display:inline-block} #mediaView_txt span.name {font-weight:bold; color:#222; padding-bottom:3px} #mediaView_txt span.sTit {color:#777; width:35px; background:url(../img2/media/mediaLeft_sTit_bar.gif) right -2px no-repeat; margin-right:10px } #mediaView_txt span.coin {font-size:16px; color:#FF3300; font-weight:bold} #mediaView_story {line-height:1.5em} #mediaView_story img {margin-bottom:15px; display:block; margin-top:40px;} #mediaView_series {border-top:0px solid #ccc; margin-top:20px;} #mediaView_series img {margin-bottom:15px; margin-top:40px;} #mediaView_relevant {border-top:0px solid #ccc; margin-top:30px;} #mediaView_relevant img {margin-bottom:15px; display:block ;margin-top:40px;} #mediaView_review {border-top:0px solid #ccc; margin-top:20px;} #mediaView_review img {margin-bottom:15px;margin-top:40px;} #review ul {margin-top:5px;} #review li {margin-bottom:10px; color:#777} #review span {display:inline-block} #review span.name {font-weight:bold; color:#222; padding-bottom:3px} #review span.userID {width:100px; color:#2874f2; font-weight:bold; line-height:1.4em; text-align:left; vertical-align:top} /*20140106 글 많아졌을때 줄내림보완하기위해 클래스 수정: 정유진*/ #review span.userTxt {width:850px; line-height:1.4em; text-align:left; vertical-align:top} /*20140106 글 많아졌을때 줄내림보완하기위해 클래스 추가: 정유진*/ #review span.date {color:#b2b2b2; padding-left:5px; vertical-align:top} /*20140106 추가: 정유진*/ #mediaOuter {width:100%; border:0px solid red; *zoom:1 } #mediaOuter:after{content:"";clear:both;display:block } .mediaInner1 {width:185px; float:left; margin-bottom:10px; padding-left:15px} .mediaInner2 {width:560px; float:left; text-align:center;border:0px solid red;height:60px} /*20120821 height값 적용 : 정유진*/ .mediaInner3 {width:200px; float:left; text-align:right} /*저작권 Ncopyright --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .copyright_box {background:url(../img2/ncopyright/copyright_box_bg.gif) no-repeat ; padding:30px 35px; text-align:left; vertical-align:middle; margin-bottom:20px; color:#575757; } .about_box {background:url(../img2/ncopyright/about_Box_bg.gif) no-repeat ; padding:30px 35px 30px 155px; text-align:left; vertical-align:middle; margin-bottom:20px; color:#575757; } .worst10_txt {line-height:1.7em; color:#666} .copyright_faq {width:100%; border-top:1px solid #ccc;} .copyright_faq td {padding:8px 0; border-bottom:1px solid #ccc; text-align:center; color:#777;} .copyright_faq td.title {padding:8px 0 8px 20px; text-align:left; color:#222333} .copyright_faq tr:hover {background-color:#eef4fd; cursor:pointer; cursor:hand;} .copyright_faq tr:hover td.title{color:#086fff} .copyright_faq_img {padding-right:10px;} .copyright_faq_q {background-color:#eef4fd; color:#666; font-weight:bold} .copyright_faq_a td:hover {background-color:#fff} .copyright_faq_a {text-align:left; padding:7px 30px 7px 103px; line-height:1.6em} .answer2 {text-align:left; padding:7px 30px 7px 45px; line-height:1.6em} #copyright_tit #copyright_tit dl{border:1px solid red;} #copyright_tit dt {background:url(../img2/icon_arrow_blue.gif) left 2px no-repeat; padding-left:20px; padding-bottom:10px; font-size:15px; font-weight:bold} #copyright_tit dd {color:#777; padding-left:20px; line-height:1.6em; padding-bottom:40px} #copyright_tit dd p{margin-bottom:2px} #copyright_srch {margin-bottom:30px} #copyright_srch ul li{float:right} .copyright_srch_select {height:22px; border:1px solid #999; margin-right:6px; } .copyright_srch_input {width:120px; height:22px; border:1px solid #999; margin-right:6px; padding-left:2px } .copyright_srch_btn {padding-right:5px} .bbs_copyright {width:100%; border:0px solid red } .bbs_copyright th {height:33px; border-bottom:1px solid #ccc;border-top:1px solid #ccc; color:#777; font-weight:bold; background-color:#efefef; font-size:12px;} .bbs_copyright td {padding:8px 0; border-bottom:1px solid #ccc;} .bbs_copyright thead th {border-right:1px solid #ccc; text-align:left; padding-left:10px} .bbs_copyright thead th.last {border-right:none} .bbs_copyright tbody td {color:#777; font-size:12px; padding-left:10px} .bbs_copyright tbody td.name {color:#666; font-size:12px} .bbs_copyright tbody tr:hover {background-color:#eef4fd;} .bbs_copyright tbody tr:hover td {color:#666;} .scroll_copyright{width:680px;height:428px;overflow:auto; border-bottom:1px solid #ccc} #clean_campaign {border:0px solid orange; padding:30px 40px; line-height:1.6em} .clean01{color:#37a700; margin-top:20px} #clean_campaign dl {border:1px solid #c2c2c2; margin-top:20px;height:320px;} #clean_campaign dt {background-color:#222; color:#FFFFFF; font-weight:bold; text-align:center; padding:10px 0 8px 0} #clean_campaign dd {padding:20px 25px; color:#666;width:518px;} .clean02{background-color:#f2f2f2} .clean03{padding-top:5px} /*게시판 ShareBoard --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .bbs_view2 {width:100% } .bbs_view2 th {border-top:1px solid #ccc; background-color:#efefef ; padding:12px 12px 12px 30px; text-align:left; color:#222;font-size:14px;font-weight:bold} .bbs_view2 td {padding:12px 0 6px 0; border-bottom:1px solid #ccc;color:#777; } .bbs_view2 td a {color:#777} .view_bar{color:#cecece; padding:0 3px} .bbs_view2 td.name {text-align:left; padding-left:30px} .bbs_view2 td.date {text-align:right; padding-right:30px} .bbs_view2 tbody td {text-align:center; color:#777;} .bbs_view2 tbody td.title {padding:8px 0 8px 20px; text-align:left; color:#222333; font-weight:bold} .bbs_view2 tbody td.conts {padding:20px 30px; text-align:left; vertical-align:top; line-height:24px; overflow:auto; color:#777; height:150px} .bbs_replay {width:100%; margin-left:30px} .txt_replay {color:#6fa4fd; font-weight:bold; margin-top:15px} .bbs_replay td {padding:1px 0; color:#777; font-size:12px} .bbs_replay td.txt {color:#222; padding-top:10px} .bbs_replay td.title {padding:8px 0 8px 10px; text-align:left;} .bbs_replay td a {color:#777} .bbs_replay_end {border-bottom:1px dotted #C3C1C0; margin-top:13px} #replay_page {margin-top:10px; text-align:center;display:block} #replay_page .pnum a {display:inline-block; padding:0 2px; line-height:12px; color:#999; font-size:11px; font-weight:bold; text-decoration:none} #replay_page .pnum a:hover {font-weight:bold; color:#2874F2; text-decoration:underline} #replay_page .pnum .selected {font-weight:bold; color:#2874F2;} .bbs_replay_input {width:100%; background-color:#f7f7f7 } .bbs_replay_input td{padding:12px 0 10px 12px} .bbs_replay_textarea {width:550px; height:36px; border:1px solid #999;padding:10px; line-height:1.5em;} /*마이페이지 쪽지 - 24시간 고객지원 답변 평가*/ #msg_24reply {border:0px solid red; margin-top:10px; padding-top:45px; padding-left:20px ; background:url(../img2/mypage/cs_reply_bg.gif) no-repeat; width:600px; height:140px} #msg_24reply dl {width:572px} #msg_24reply dt {float:left} #msg_24reply dd {float:right; padding-top:20px} #msg_24reply ul {margin-top:25px; margin-bottom:10px} #msg_24reply li {float:left; padding-right:15px} /*20130513 충전메인_유저레벨 노출*/ #payinfo_user {background:url(../img2/payment/payinfo_user.gif) no-repeat; border:0px solid red; text-align:left; height:38px; padding-top:22px; padding-left:35px;margin:15px 0} .user_gold {font-weight:bold; color:#e6a000; padding-left:3px} .user_silver {font-weight:bold; color:#939393; padding-left:3px} .user_blue {font-weight:bold; color:#2874f2; padding-left:3px} /*20130611 멤버-성인인증 페이지 수정*/ #member19_Box3A {background:url(../img2/member/19_bg3A.gif) no-repeat; height:160px; padding:30px 60px 0 60px; margin-top:10px} #member19_Box3B {background:url(../img2/member/19_bg3B.gif) no-repeat; height:337px; padding:40px 60px 0 60px; margin-top:10px} .member19_Box3_txt { color:#777; padding-left:80px} #member19_3 {margin-right:20px;margin-top:45px; margin-bottom:20px} #member19_3 li {height:30px} #member19_4 {margin-right:20px;margin-top:30px; margin-bottom:0px} #member19_4 li {height:30px} .member19_input3 {width:70px; height:18px ; border:1px solid #999; text-align:center; padding-top:2px} .member19_input4 {width:246px; height:18px ; border:1px solid #999; text-align:center; padding-top:2px} span.label_bsc{border:1px solid #3eb05b; color:#3eb05b; border-radius:3px; text-align: center; letter-spacing: -1px; font-weight:bold; padding:inherit; margin:inherit; padding: 2px 5px 2px 2px; vertical-align:middle; font-size:12px; display:inline-block; height:13px;} span.label_bsctit{ background-color:#919191; color:#fff; border-radius:3px; text-align: center; letter-spacing: -1px; font-weight:normal; padding:inherit; margin:inherit; padding: 2px 8px 2px 5px; vertical-align:middle; font-size:12px; display:inline-block; height:13px;} span.label_bsctit2{ color:#FF5722; text-align: left; letter-spacing: -1px; font-weight:normal; padding:inherit; margin:inherit; padding: 0px; vertical-align:middle; font-size:12px; display:inline-block; height:13px;} .fix_bscred{ color:#FF5722;} /* 실명인증 */ .user19b_box{width:618px; border-top:2px solid #222333; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:30px; line-height:17px;} .mobilesg_tit{width:446px; background-color:#666; padding:10px; color:#fff; font-weight:bold;} .mobilesg_box{border:1px solid #666; padding:15px; line-height:150%; width:434px; background-color:#fff;} .textarea_mb1{width:420px; height:200px; background-color:#f9f9f9; line-height:150%; padding:5px; border:1px solid #ddd;} .txt_center{ text-align:center;} /*코인 충전 안내 페이지*/ .payinfo_001{width:680px; height:91px; background:url(../img2/event/171130/paytop_180126_01.jpg) no-repeat; margin-top:10px; margin-bottom:10px;} .payinfo_002{width:680px; height:278px; background:url(../img2/payment/pyinfo01_3.gif) no-repeat; position:relative;} .payinfo_002 > .payinfobtn_002 { width:157px; height:39px; background-color:transparent; display:block; text-indent:-99999px; overflow:hidden; position:absolute; top: 218px; left:265px; } .payinfo_003{width:680px; height:488px; background:url(../img2/payment/pyinfo02_4.gif) no-repeat; position:relative;} .payinfo_003 > .payinfobtn_003 { width:157px; height:39px; background-color:transparent; display:block; text-indent:-99999px; overflow:hidden; position:absolute; top: 427px; left:265px; } .payinfo_004{width:680px; height:137px; background:url(../img2/payment/payinfo_2_170926_03.gif) no-repeat; position:relative; margin-top:30px;} .payinfo_005{width:680px; height:120px; background:url(/pay/img/img_01.jpg) no-repeat; position:relative; margin-top:10px;} .payinfo_005 > .payinfobtn_005 { width:197px; height:29px; background-color:transparent; display:block; text-indent:-99999px; overflow:hidden; position:absolute; top: 76px; left:33px; } /*마이페이지 */ .positionrel { position:relative;} .myMain_pop{ position:absolute; right:0px; top:19px; width:300px; background-color:#fff; text-align:left; } .myMain_pop > .top{ width:100%; background-color:#363636; color:#fff; font-size:13px; font-weight:bold; letter-spacing:-1px; padding:8px 0px; border-bottom:3px solid #0088FF;} .myMain_pop > .top > span{padding-left:7px;} .myMain_pop > .bottom{ border:1px solid #ccc; padding:7px 10px;} .myMain_pop > .bottom > dl { margin-top:10px; display:block; overflow:hidden; line-height:140%;} .myMain_pop > .bottom > dl > dt { font-weight:bold;} .myMain_pop > .bottom > p.caption { margin-top:10px; color:#767676; line-height:140%;} .myMain_pop > .bottom > .btn_zone{ width:100%; text-align:center; margin-top:15px; margin-bottom:10px;} .myMain_pop_close{ border:1px solid #c6c6c6; background-color:#f5f5f5; padding:5px 14px; color:#454545; line-height:150%;} .myMain_pop_close:hover{ text-decoration:none; background:#e9e9e9; color:#333; border:1px solid #b6b6b6;} /*마이페이지 쪽지보내기*/ .msg_write_cap1{ color:#777; line-height:150%; overflow:hidden;} .jh_select{ height:24px; border: 1px solid #999;} .jh_input{ height:22px; border: 1px solid #999; margin:0px; padding-left:4px;} .btn_msgwrite{ background-color:#8c8c8c; display:inline-block; font-size:12px; color:#fff; padding:2px 24px; border:1px solid #646464; cursor:pointer; text-decoration:none; line-height:150%; border-radius: 3px;} .btn_msgwrite:hover{text-decoration:none; color:#fff; background-color:#444; line-height:150%;} .mt5{ margin-top:5px;} .ml5{ margin-left:5px;} .msg_view_box{ display:block; border:1px solid #999; padding:10px; min-height:200px; height:200px; max-height:200px; line-height:145%; background-color:f6f6f6;} /* 컨텐츠 메인 롤링 배너 */ .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .carousel { position: relative;} .carousel-inner { position: relative; width: 100%; overflow: hidden;} .carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1;} @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next {left: 100%;} .carousel-inner > .prev {left: -100%;} .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-indicators { position: absolute; bottom: 26px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 8px; height: 8px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; box-shadow:1px 0px 2px rgba(0, 0, 0, 0.2); } .carousel-indicators .active { width: 20px; height: 8px; margin: 1px; background-color: #fff; } /* 2019-01-24 헤더 검색옵션 추가*/ .mid{ vertical-align:middle;} .gnb_wrap{clear: both; width: 100%; height:30px; background:#fbfbfb; border-bottom:1px solid #dedede; } .h_gnb{width:960px; margin:0 auto; position:relative; height: 30px; } .h_gnb ul.global_r { position:absolute; top:0px; right:0; padding:0; } .h_gnb ul.global_r li { float:left; padding:9px 0 0px 19px; letter-spacing:-1px; position:relative;vertical-align:middle; } .h_gnb ul.global_r li:first-child{ background:url("/img2/main/icon_member.png") 2px 8px no-repeat; }/**/ .h_gnb ul.global_r li:first-child:before{} .h_gnb ul.global_r li:after{ content: '|'; position:absolute; top:9px; right:-11px; color:#dedede; font-weight:normal; } .h_gnb ul.global_r li:last-child:after{ content: '';} .h_gnb ul.global_r li.b{ font-weight:bold;} .h_gnb ul.global_r li a { color:#515151; line-height:14px;} .h_gnb ul.global_r li a > .icon_member{padding-bottom:2px; margin-right:2px;} .container_960 {position: relative; width: 960px; margin: 0 auto; padding: 0; height:96px;} .h_logo{ float:left; width:264px; height:94px;} .h_search{ float:left; width:362px; height:94px;} .h_search .search_box { position:relative; width:362px; border: 2px solid #50a3f6; float: left; height: 46px; margin-bottom: 4px; margin-top:23px;} .h_search .search_box .search_txt3{ position:absolute; position:absolute; top:0px; left:0px; } .h_search .search_box:before{ content: '|'; position:absolute; top:17px; left:15px; color:#c4c4c4;} .h_search .search_box i { font-size:14px;} .h_search .search_box input { border: 0;border-radius: 0; color:#4e4e4e;float: left; font-size: 12px; height: 16px; padding:10px 0 ; margin: 6px 24px; width: 260px; /*font-weight:600;*/ vertical-align:middle;} .h_search .search_box input i { font-size:12px;} .h_search .search_box input::-ms-clear { display: none; width : 0; height: 0; } .h_search .search_box_btn { border-left: 0; display: inline-block; float: right; padding: 5px 11px; background: #50a3f6; width: 32px; height: 36px;} .h_search .search_box_more{ display:inline-block; position:absolute; top:-2px; right:-62px; background-color:#ededed; border:1px solid #d7d7d7; width:58px; text-align:center; padding:0px 0; max-height:30px; color:#515151; letter-spacing:-0.6px; font-weight:bold; height:30px; padding-top:18px; cursor:pointer; } .h_search .search_box_more_on{ display:inline-block; position:absolute; top:-2px; right:-62px; width:58px; text-align:center; padding:0px 0; max-height:30px; letter-spacing:-0.6px; font-weight:bold; height:30px; padding-top:18px; cursor:pointer; background-color: #f3d35b; border: 1px solid #d6bb57; color: #403209; text-shadow: 1px 1px 1px #d2b752;} /*더보기 버튼 활성화*/ .h_search .search_box_more_on:hover{background-color: #d6bb57;} .h_search .search_box_more:hover{ background-color:#e6e6e6;} input[disabled] { cursor: default;} .h_option{ float:right; height:94px; overflow:hidden; } .label { color: #ffffff; display: inline-block; font-weight: bold; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); /*background-color: #868686;*/ box-shadow: inset 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.2); border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; font-size: 11px; font-weight: bold; padding: 3px 6px 4px 6px; line-height: 13px; } .hidden{ position:absolute;top:-5000px;visibility:hidden;width:0 !important;height:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;} .option_zone{margin-top:23px; display:inline-block; } .option_zone p {margin-bottom:5px;} .option_zone span{ vertical-align:middle; display:inline-block;} .option_zone .resch_wrap { height: 13px; background-color: #f3f5f5; display: inline-block; padding: 5px 6px; width:142px; text-align:left; /*border-radius:3px;*/} .option_zone .resch_wrap .resch_tit{color:#686868; vertical-align:middle; padding:0px 2px; letter-spacing:-0.6px; line-height:12px; margin-top:0px; } .css_input_v1{ vertical-align:middle; margin-bottom:2px; font-family: '돋움',dotum,Helvetica,sans-serif; } .css_select_v1{ width: 96px; height: 23px; color: #868686; border: 1px solid #d5d5d5; padding: 1px 1px; vertical-align: middle; font-family: inherit; font-size: 12px; /*border-radius:3px;*/font-family: '돋움',dotum,Helvetica,sans-serif;} select.css_select_v1[disabled] {background-color:#eee; color:#9c9c9c; border:1px solid #dfdfdf; opacity:0.6;} .css_input { border-radius: 0; width: 210px; height: 45px; vertical-align: bottom; padding: 0 6px; font-family: inherit; font-size: 13px; border: 1px solid #d5d5d5; color: #444;} .ord_width{ width: 75px;} .css_disable{ background-color:#eee; color:#9c9c9c; border:1px solid #dfdfdf; opacity:0.6;} /* 02-18 검색 리스트 */ .position_rel{ position:relative;} .search_tb{ width:960px; border-spacing: 0; border-collapse: collapse;} .search_tb caption{ text-indent:-99999; height:0px; width:0px; font-size:0px;} .search_tb thead {border:1px solid #ddd;} .search_tb thead th{ font-size:12px; font-weight:normal; color:#000; height:25px; padding-top:5px; background:url("/img2/unifySearch/0218header_bg.gif") repeat-x; text-align:left;} .search_tb tbody td.left{ text-align:left;} .search_tb tbody td.center{ text-align:center;} .search_tb tbody td.right{ text-align:right;} .search_tb tbody td{ padding:3px 4px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle; } .search_tb tbody td > span.tit{ display:inline-block; padding-top:3px; } .search_tb tbody td span.kb_color{color:#086fff} .search_tb tbody td span.gb_color{color:#d02a30} .search_tb tbody td span.fs11{ font-size:11px; letter-spacing:0px;} .search_tb tbody td.title_wid { width:682px; overflow:hidden; overflow: hidden; height:22px; text-overflow: ellipsis; /*white-space: nowrap;*/} .search_tb tbody td.title_wid > .tname{width:682px; overflow: hidden; text-overflow: ellipsis; /*white-space: nowrap;*/ word-break:break-all;} .btn_zone{ width:960px; margin:25px 0 20px 0; text-align:center;} .btn_smore{ padding:11px 70px; background-color:#4f4f4f; color:#fff; text-align:center; display:inline-block; } .btn_smore:hover{ color:#fff; background-color:#3f3f3f; text-decoration:none;} .btn_smore_off{ padding:11px 70px; background-color:#4f4f4f; color:#fff; text-align:center; display:inline-block; opacity:0.2} .btn_smore_off:hover{ color:#fff; text-decoration:none;} .tab_cap{ position:relative;} .tab_cap .info_c{ position:absolute; top:9px; right:0px; color:#777; letter-spacing:-0.6px;} .tab_cap .info_c > img { margin-bottom:4px !important; margin-right:1px;} .tab_cap .info_c a{ margin-right:2px; color:#454545} /* 마이페이지 > 포인트적립/사용내역 다운로드 리스트*/ .btn_dwhistory{height:15px; display: inline-block; padding: 4px 5px 0px 5px; line-height:14px; background-color: #607D8B; border: 1px solid #415d6b; color: #fff; border-radius: 4px; box-shadow: 0 1px 3px 0 rgba(72, 72, 72, 0.6);font-family: Dotum;} .btn_dwhistory:hover{ background-color: #415d6b; color:#fff; box-shadow: 0 1px 3px 0 rgba(72, 72, 72, 0.4); text-decoration:none;}