#review span.userID/******************************************************** 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} .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} .txtRed_2{color:#f44336; display: inline-block; padding-bottom: 1px;} .txtgreen_box{background-color: #4caf50; color: #fff; padding: 1px 8px 2px 8px; border-radius: 0px; font-size: 12px; display: inline-block; line-height: 140%;} .txtYellow{color:#ffb900} /*오렌지색*/ .txtBlue{color:#2874f2} .txtBlue2{color:#2196f3} .txtBlueBold{color:#409dff; font-weight:bold} /*디폴트파란색*/ .txtBlueBold_02{color:#409dff; font-weight:bold; padding-bottom: 2px; display: inline-block; margin-right: 2px;} /*디폴트파란색*/ .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;} .list_style01 {background:url(/img2/li_style01.gif) no-repeat 0 4px; padding:0 0 0 10px; margin:0; font-weight: normal;} /*앞에 bar가 있는 리스트타입*/ .list_style02 {background:url(/img2/li_style02.gif) no-repeat 0 4px; 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-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: 54px; clear:both} .pop_btn a {padding:4px;} #pop_cookie {padding:9px 25px 0 25px; background:#e8e8e8; height:43px;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} /*게시판*/ #Board_list { border-top: 2px solid #b3bfcb; clear:both;} .bbs {width:100% } .bbs th {height:33px; border-bottom:1px solid #ccc; font-weight:bold; font-size:13px; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 50%, rgba(244,244,244,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ border-bottom:1px solid #e3e3e3; color:#3e4661;} .bbs td {padding:8px 0; border-bottom:1px solid #dfdfdf;} .bbs thead th {text-align:center;border-right:1px solid #dfdfdf} .bbs thead th.last {border-right:none} .bbs tbody td {text-align:center; color:#666; font-size:13px; letter-spacing: -0.4px;} .bbs tbody td.title {padding:8px 0 8px 20px; text-align:left;} .bbs tbody tr:hover {background-color:#f3f5f5;} .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 #b3bfcb;} .bbs_view {width:100%; } .bbs_view th {height:33px; border-bottom:1px solid #dfdfdf;border-top:1px solid #dfdfdf; color:#222; font-weight:bold; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 50%, rgba(244,244,244,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} .bbs_view td {padding:8px 0; border-bottom:1px solid #dfdfdf;} .bbs_view thead th {text-align:center;border-right:1px solid #dfdfdf} .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; font-size: 13px;} .lineheight150 tbody td.conts {padding:20px 25px; text-align:left; line-height:150%; overflow:auto; color:#666; font-size: 13px;} .lineheight22 tbody td.conts {padding:20px 25px; text-align:left; line-height:22px; overflow:auto; color:#666; font-size: 13px;} .bbs_event {} .bbs_event th {border-bottom:0px solid #ccc;border-top:0px solid #ccc; color:#222; font-weight:bold; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 50%, rgba(244,244,244,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} .bbs_event td {padding:0px 0; border-bottom:0px solid #ccc;} .bbs_event thead th {text-align:center;border-right:0px solid #dfdfdf} .bbs_event thead th.last {border-right:none} .bbs_event tbody td {text-align:center; color:#666;} #Board_write {border-top:2px solid #b3bfcb;} .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: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 50%, rgba(244,244,244,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ padding-left:14px;} .bbs_write td {padding:8px 0px 8px 15px; border-bottom:1px solid #ccc;} .bbs_write_input1 {width:100px; height:26px; border:1px solid #ccc} .bbs_write_input1_off {width:100px; height:26px; border:1px solid #ededed; background-color:#f6f6f6} .bbs_write_select {width:100px; height:26px; border:1px solid #ccc; margin-bottom:2px} .bbs_write_input2 {width:430px; height:26px; padding-left:3px; border:1px solid #ccc;} .bbs_write_input2_off {width:430px; height:26px; padding-left:3px; border:1px solid #ededed; background-color:#f6f6f6} .bbs_write_input3 {width:50px; height:26px; border:1px solid #ccc; text-align:center} .bbs_write_input4 {width:300px; height:26px; border:1px solid #ccc; padding-left:3px} .bbs_write_input5 {width:50px; height:26px; border:1px solid #ccc; padding-right:2px; text-align:right} .bbs_write_input6 {width:120px; height:26px; border:1px solid #ccc; padding-right:2px; text-align:right} .bbs_write_textarea {width:97%; height:200px; border:1px solid #ccc;padding:10px; line-height:1.5em; margin:5px 0} .bbs_write_textarea:-ms-input-placeholder{color:#a6a6a6 !important;} .bbs_write_textarea::-ms-input-placeholder{color:#a6a6a6 !important;} .bbs_write_textarea::placeholder{color:#a6a6a6 !important;} .bbs_write_textarea2 {width:100%; height:210px; border:1px solid #ccc;padding:10px; line-height:1.5em; } .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;} .customer_ansline{border-top: 1px dashed #ddd; margin-bottom: 0px; } #bbs_srch {margin-bottom:5px; } #bbs_srch ul {margin-bottom: 5px; display: block; float: right;} #bbs_srch ul li {float:left} .bbs_srch_select {width:105px; height:26px; border:1px solid #dfdfdf; margin-right:5px; } .bbs_srch_input {width:150px; height:26px; border:1px solid #dfdfdf; margin-right:5px; 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:26px; border:1px solid #999; margin-right:5px; } .bbs_srch2_input {width:200px; height:26px; border:1px solid #999; margin-right:5px; padding-left:2px } #bbs_info{width:640px;margin-top:0px;border-bottom:1px solid #dfdfdf; padding:15px 20px; color:#777; } #bbs_info dt{margin-bottom:5px;} #bbs_info dd{line-height:1.5em} /* 이전다음 */ .prev_next {width:830px; background-color: #fbfbfb;} .prev_next th, .prev_next td {height:33px; border-bottom:1px solid #dfdfdf;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:middle;} #paginate .page_num a {display:inline-block; width:25px; height:25px; line-height:25px; border:1px solid #dfdfdf; color:#777; font-size:11px; text-decoration:none; line-height: 180%; padding-top:2px;} #paginate .page_num a:hover {border:none; background:#2898e2; border:1px solid #1b7ebd; font-weight:bold; color:#fff;} #paginate .page_num .selected {border:none; background:#2898e2; border:1px solid #1b7ebd; font-weight:bold; color:#fff;} /*서비스안내 guide --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .down_bx{float:left; margin-bottom:30px; width:830px;} .down_bx dt{float:left} .down_bx dd{float:left} .down_bx dd{width:490px; padding-left:60px;} .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_bx ul{margin-top:15px;line-height:1.6em;} .down_bx ul > li {font-size:13px; letter-spacing: -0.6px;} .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 {height:30px; width:100%; border-top:1px dotted #ddd;} .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-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; color:#444;} .provision_txt p { color:#444;} .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: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 50%, rgba(244,244,244,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} .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 ;*/ border:5px solid #dfdfdf; height:100px; padding:20px 0 0px 160px; margin-bottom:30px; border-radius: 10px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #main_srch:hover{ border:5px solid #C2DAF9; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #main_srch ul li{float:left} .main_srch_name {font-weight:bold; color:#575757;margin-right:15px; padding-top:3px} .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: 16px 0 20px 240px; border-bottom: 1px solid #e1e2e4} .event_list h3 {font-weight:bold; padding: 1px 0 9px 0; margin: 0; font-size: 14px;} .event_bnr {position: absolute; top: 19px; left: 0;} .event_list ul {} .event_list ul li {padding: 0 0 3px 60px; position: relative; font-size: 13px; color:#6f6f6f; letter-spacing: -0.4px;} .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;font-weight:bold; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 50%, rgba(244,244,244,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} .bbs_faq td {padding:8px 0; border-bottom:1px solid #dfdfdf;} .bbs_faq thead th {text-align:center;border-right:1px solid #dfdfdf} .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:#454545} .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:#000;} #faq_srch {/*background:url(/img2/helpdesk/faq_srchBox_bg.gif) no-repeat ;*/width:100%; border:5px solid #C2DAF9; height:75px; padding:20px 0 0px 80px; margin-bottom:30px; border-radius: 10px; } #faq_srch ul {height:25px} #faq_srch ul li{float:left} .faq_srch_name {font-weight:bold; color:#454545;margin-right:15px; padding-top:2px } .faq_srch_select {width:110px; height:22px; border:1px solid #999; margin-right:6px; font-size: 13px; } .faq_srch_input {width:260px; height:22px; border:1px solid #999; margin-right:6px; padding-left:2px; font-size: 13px; } .faq_srch_btn {padding-bottom:10px} #faq_srch:hover{border:5px solid #98c1f7; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .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 86px 10px; padding:9px 0px 9px 114px; line-height:22px;} .answer_main {text-align:left; padding:7px 30px 7px 141px; line-height:1.6em; background-color: #f9f9f9; font-size: 13px; line-height:22px; color:#6f6f6f;} .answer_main > img { max-width:650px;} /*필수자료실*/ .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:left; } .bbs tbody td.company > a {color:#7f7f7f;} .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 #dfdfdf; } .bbs_view thead td.admin_btn { border-top:1px solid #dfdfdf; } .bbs_view thead td.admin {color:#777; padding-left:15px } .bbs_line_top{border-left: 1px solid #dfdfdf; border-right:1px solid #dfdfdf;} .bbs_line_top thead th {border-top:0px;} .bbs_line_top thead td.admin_title {border-top:0px;} .bbs_line_top thead td.topline{} .bbs_line_bottom{border-left: 1px solid #dfdfdf; border-right:1px solid #dfdfdf;} .bbs_line_bottom thead td.admin_title {border-top:0px;} .bbs_line_bottom thead th.topline{border-top: 2px solid #b3bfcb;} .bbs_line_bottom thead td.topline{border-top: 2px solid #b3bfcb;} .customer_answerbox{width:100%;} .customer_answerbox_bt{width:100%; padding:10px; background-color: #f3f5f5;} /*마이페이지 My --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #myMain_top {width:830px; height:42px; background:url(/img2/mypage/my_main_top.jpg) no-repeat} #myMain_top li {padding-top:11px} .my_id {color:#fff; font-weight:bold; padding-left:23px;float:left; } .my_msg {color:#d7d7d7;padding-right:20px; float:right} .my_msg a {color:#f5f5f5; text-decoration:underline;} #myMain_box {width:830px; *zoom:1; padding:15px 15px 15px 15px; border:3px solid #d9d9d9; border-top:none; } #myMain_box:after {content:"";clear:both;display:block;} #myMain_box li {float:left} #myMain {width:750px; clear:both; border-bottom: 1px dotted #ddd; min-height:24px; margin:6px 0 7px 20px; overflow: hidden;} #myMain.last {width:750px; clear:both; background:none } .myMain_left { width:200px; font-weight: bold; letter-spacing: -0.4px;} .myMain_list {width:550px; text-align:right; float:right;} .myMain_date {color:#777;padding-left:3px} .myMain_btn {padding-left:5px} #myMain_tit {height:20px; margin-bottom:7px; margin-top:30px;} #myMain_tit li{float:left} #myMain_tit li.title{float:left; padding-top:4px; font-weight:bold; color:#454545; font-size: 14px;} #myMain_tit li.more{float:right} /* 소멸예정 포인트 추가*/ .point_sty1{ max-height: 48px;} .point_sty1 .myMain_pointcp{ width:100%; text-align: right; padding-right:49px; font-weight: bold; padding-bottom: 5px;} .point_sty1 .myMain_pointcp .red_df4646{color:#f44336;} .red_df4646{color:#f44336;} #my_board {border-top:2px solid #b3bfcb;} /* 01-31 백업 후 새로 만듬 my_bbs*/ /*.my_bbs {width:100%; border-collapse:collapse; } .my_bbs th { border-left:1px solid #ccc; border-bottom: 1px solid #ddd; padding:7px; text-align:center ;height:20px; font-weight: bold; margin-bottom: 5px; background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 50%, rgba(244,244,244,1) 51%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%); background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f5f5',GradientType=1 );} .my_bbs td { border-left:1px solid #ccc; border-bottom: 1px solid #ccc; border-top:1px solid #ccc; padding:7px; text-align:center} .my_bbs td.left {text-align:left} .my_bbs th:last-child{border-right: 1px solid #ccc;} .my_bbs td:last-child{border-right: 1px solid #ccc;} .my_bbs td.right {text-align:right} .myTop {border-top:2px solid #b3bfcb;}*/ .my_bbs th { background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 50%, rgba(244,244,244,1) 51%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%); background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=1 ); border-bottom: 1px solid #ddd; border-right:1px solid #ddd; padding:7px; text-align:center ; font-weight: bold; margin-bottom: 5px; } .my_bbs td { border-right:1px solid #ddd; border-bottom: 1px solid #ddd; border-top:1px solid #ddd; padding:7px; text-align:center; letter-spacing: -0.4px;} .my_bbs td.left {text-align:left} /*.my_bbs th:last-child{border-right: 1px solid #ddd;} .my_bbs td:last-child{border-right: 1px solid #ddd;}*/ .my_bbs td.right {text-align:right} .my_bbs {width:100%; border-left:1px solid #ddd; border-top:2px solid #b3bfcb;} .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; overflow: hidden; } #npoint_infoBox dt{float:left;line-height:1.5em} #npoint_infoBox dd{float:right} #npoint_infoBox dt{width:620px;} .npoint_box {width:100%; border:5px solid #C2DAF9; padding:20px 0px; text-align:center; vertical-align:middle; margin-bottom:20px; overflow: hidden; font-size: 13px; font-weight:bold; color:#575757; } .npoint_select {height:30px; padding-left:2px} #outer {width:830px; border:0px solid red; *zoom:1 } #outer:after{content:"";clear:both;display:block } .inner1 {width:150px; float:left; margin-bottom:10px} .inner2 {width:530px; 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:26px; border:1px solid #ccc} .set_input1 {width:100px; height:26px; border:1px solid #ccc; padding-left:3px} .set_input2 {width:300px; height:26px; border:1px solid #ccc; padding-left:3px} .set_input1_off {width:100px; height:26px; padding-left:3px; color:#bbb; border:1px solid #ededed; background-color:#f6f6f6} .set_input2_off {width:300px; height:26px; 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:5px solid #dfdfdf; padding:10px 0 20px; text-align:center; vertical-align:middle; margin-bottom:40px; } .drop_box2{width:830px;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:26px; 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:#ececec; border:1px solid #ccc; padding:9px 0 9px 20px; margin-bottom:10px; vertical-align: top; } .block_input {width:180px; height:26px; border:1px solid #ddd; margin-left:7px} .block_btn {margin-bottom:2px; margin-left:2px} .msg_write_input {width:450px; height:64px; border:1px solid #ccc; 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:350px; 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;border-top: 2px solid #b3bfcb; } .npoint_bbs th {border:1px solid #ccc; padding-left:15px; font-size: 13px; letter-spacing: -0.6px; /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 50%, rgba(244,244,244,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .npoint_bbs td {border:1px solid #ccc; padding:15px 20px 15px; line-height:22px; color:#7f7f7f;} .npoint_info {/*border:1px solid #ccc; background-color:#f3f5f5; padding:17px 30px 15px 30px;*/ color:#222; line-height:1.6em; margin-top:5px; color:#7f7f7f; font-size: 12px;} #npointType {height:420px; border-top:1px solid #dfdfdf;} #npointType li{float:left; padding-right:20px; padding-left:22px; } #npointType li:first-child{ padding-left: 10px;} #npointType li:last-child{padding-right:0px; } #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; letter-spacing: -0.4px;} .npoint_bbs2_left {color:#777; width:120px} .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; */ width:100%; background-color: #f3f5f5; border-top: 2px solid #b3bfcb; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:25px; color:#666; line-height:1.5em; margin-top:30px ; /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 50%, rgba(244,244,244,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} #total_bnr02 a{color:#2798e1;font-weight:bold} #total_bnr02 a:hover {color:#007ed0; 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 ; 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 { border:10px solid #C2DAF9; height:175px; padding-top:27px; text-align:center; vertical-align:middle; overflow: hidden; font-weight:bold; color:#000; font-size:15px;} .no_result_line{border-bottom:1px solid #ccc; margin:15px 30px} .no_result_txt {font-size:12px; color:#7f7f7f; 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 dashed #ebdede; border-bottom:1px dashed #ebdede; text-align:center; color:#ff0000; padding-top:10px;height:47px;} .bbs_total tr:hover {background-color:#eef4fd;} .bbs_total tr:hover td.title a {color:#086fff} .total_19 {background-color:#f6f6f6; text-align:center; padding:13px 0px; letter-spacing: -0.4px;} .total_19 > .ft_e72{color:#f02020;} .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; border-bottom: 1px dotted #dfdfdf; padding-bottom: 20px; } #total_MBox:after{content:"";clear:both;display:block;} .total_MBox01 {float:left; width:130px} .total_MBox02 {float:left; width:970px} .total_Mposter {width:105px; border-radius: 7px; box-shadow: rgba(0, 0, 0, 0.3) 2px 4px 7px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .total_Mposter:hover{box-shadow: rgba(0, 0, 0, 0.6) 2px 4px 7px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .total_Mtitle {font-weight:bold; color:#000;padding-bottom:3px; font-size: 16px;} .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:#444} #total_Mconts {*zoom:1} #total_Mconts:after{content:"";clear:both;display:block;} #total_Mconts dt {float:left; line-height:1.5em; padding-bottom:4px;width:85px;color:#101010;} #total_Mconts dd {float:left; line-height:1.5em; padding-bottom:4px;width:885px; color:#454545; letter-spacing: -0.4px;} #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:10px} #unify_category {border:1px solid #dcdcdc; width:1100px; padding:10px 0 10px 20px; margin-bottom:20px; overflow: hidden; /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 50%, rgba(244,244,244,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} #unify_category > input {margin-right:3px;} #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:25px;} #total_Movie li.last{padding-right:0;} #total_Movie li > div{ margin-top:2px;} #total_Movie li > div > span > img{width:13px !important; height: 12px !important;} #total_Movie li > div > a.page{margin-top:5px; font-weight: bold;} #total_Movie .poster {width:115px; margin-bottom: 7px; border-radius: 7px; box-shadow: rgba(0, 0, 0, 0.3) 2px 4px 7px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #total_Movie .poster:hover{box-shadow: rgba(0, 0, 0, 0.6) 2px 4px 7px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #total_Movie .coin {font-size:12px; color:#444; 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;} .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:450px;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:960px;} #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:960px; height:406px; 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:15px; padding:15px 15px 15px 15px ; background-color:#f2f2f2; color:#777; line-height:1.4em}*/ #mediaView_txt {} #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; border-top:1px dotted #ddd;} #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 { background-color: #fff; font-size: 13px; width:120px; color:#454545 !important; font-weight:bold; line-height:1.4em; text-align:left; vertical-align:top;; margin-top: 5px;} /*20140106 글 많아졌을때 줄내림보완하기위해 클래스 수정: 정유진*/ #review span.userTxt {width:850px; line-height:1.5em; 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 {border:10px solid #C2DAF9; padding:30px 35px; text-align:left; vertical-align:middle; margin-bottom:20px; line-height: 22px; } .about_box {border:10px solid #C2DAF9; padding:30px 35px; 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;*/ line-height: 22px;} .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 45px; line-height:1.6em} .answer2 {text-align:left; padding:7px 7px 7px 7px; line-height:1.6em; border-bottom: 0px;} #copyright_tit #copyright_tit dl{border:1px solid red;} #copyright_tit dt {background:url(/img2/icon_arrow_blue.gif) left 5px no-repeat; padding-left:20px; padding-bottom:10px; font-size:15px; font-weight:bold} #copyright_tit dd {/*color:#777;*/ padding-left:20px; line-height:22px; padding-bottom:40px} #copyright_tit dd p{margin-bottom:2px} #copyright_srch {margin-bottom:10px} #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:#444; font-weight:bold; background-color:#efefef; font-size:13px;} .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:13px; padding-left:10px} .bbs_copyright tbody td.name {/*color:#666;*/ font-size:13px} .bbs_copyright tbody tr:hover {background-color:#eef4fd;} .bbs_copyright tbody tr:hover td {color:#666;} .scroll_copyright{width:100%;height:525px;overflow:auto; border-bottom:1px solid #ccc} #clean_campaign {border:0px solid orange; padding:20px 40px; line-height:1.6em; text-align: left;} #clean_campaign > p { text-align: left; line-height: 22px;} .clean01{color:#37a700; margin-top:20px} #clean_campaign dl {border:1px solid #ddd; margin-top:20px; overflow: hidden;} #clean_campaign dt {background-color:#6b6b6b; color:#FFFFFF; font-weight:bold; text-align:center; padding:10px 0 8px 0} #clean_campaign dd {padding:20px 25px; color:#666;width:100%; line-height: 22px;} .clean02{background-color:#f2f2f2} .clean03{padding-top:5px} .clean_camp{ width:100%; background-color: #4a4a4a; padding:20px; text-align: center; font-size: 26px; font-weight: bold; color:#fff;} .tab_cleancamp{ margin:30px 0;} .tab_cleancamp span{} .tab_cleancamp > a.btn_cleancp { padding:10px 20px; text-align: center; min-width: 150px; display: inline-block; background-color: #4CAF50; color:#fff ; font-size: 16px; font-weight: bold;} .tab_cleancamp > a.btn_cleancp2 { padding:10px 20px; text-align: center; min-width: 150px; display: inline-block; background-color: #4CAF50; color:#fff ; font-size: 16px; font-weight: bold;} /*게시판 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:100%; text-align: center; border-top:2px solid #2798E1; 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:446px; 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 #ccc;} .jh_input{ height:22px; border: 1px solid #ccc; 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%;} .msg_view_box{ display:block; border:1px solid #ccc; 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; } .css_select_v1{width:100%; height:35px; border:1px solid #ddd; font-size: 13px; padding:5px 2px; color:#6f6f6f; border-radius: 3px !important; letter-spacing: -0.6px; } select.css_select_v1[disabled] {background-color:#e6e7e7; color:#C8C9C9; border:1px solid #dcdcdc; } .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;} /* 02-18 검색 리스트 */ .position_rel{ position:relative;} .search_tb{ width:100%; 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:5px 0; background:url("/img2/unifySearch/0218header_bg.gif") repeat-x; text-align:left; margin-bottom: 2px;} .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-bottom:1px solid #ddd; text-align:center; vertical-align:middle; font-size: 12px; } .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:1100px; margin:25px 0 20px 0; text-align:center;} .btn_smore{ padding:11px 70px; background-color:#606060; border:1px solid #6e6e6e; color:#f1f1f1; text-align:center; display:inline-block;border-radius: 3px; font-weight: bold; box-shadow: rgba(0, 0, 0, 0.25) 0 2px 4px; -webkit-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 1); -ms-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 1); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .btn_smore:hover{ color:#fff; background-color:#6a6a6a; border:1px solid #8a8a8a; text-decoration:none; box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px; -webkit-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 1); -ms-box-shadow: 2px 3px 6px 0px rgba(140, 140, 140, 1); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;} .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 {background:url(/img2/tab_bg.gif) repeat-x; width:100%; height:30px; margin-bottom:15px} #tab li {float:left} /*검색탭만 분리*/ #tab_search {width:100%; border-bottom:1px solid #ddd; margin-bottom:10px;} #tab_search li {float:left} .tab_mp {background:url(/img2/tab_bg.gif) repeat-x; width:100%; height:30px; margin-bottom:15px} .tab_mp li {float:left} .tab_mp {background:url(/img2/tab_bg.gif) repeat-x; width:100%; height:30px; margin-bottom:15px} .tab_mp li {float:left} .tab_sch_list{} .tab_sch_list li {width: 140px; background-color: #ddd; background: #f3f5f5; border:1px solid #ddd; padding:8px 10px; text-align: center; font-size: 13px; font-weight: bold; cursor: pointer;} .tab_sch_list li.active{ background-color: #2898e2; border:1px solid #2898e2; color:#fff;} .tab_cap{ position:relative;} .tab_cap .info_c{ position:absolute; top:9px; right:0px; color:#777; letter-spacing:-0.2px; line-height: 150%;} .tab_cap .info_l{ position:absolute; top:9px; left:290px; color: #007ed0; letter-spacing:-0.2px; line-height: 150%;} .tab_cap .info_c > img { margin-bottom:4px !important; margin-right:1px;} .tab_cap .info_c a{ margin-right:2px; color:#454545; vertical-align: top;} .tab_cap .info_c b{ display: inline-block; padding-bottom: 3px;} /* 마이페이지 > 포인트적립/사용내역 다운로드 리스트*/ .btn_dwhistory{display: inline-block; padding: 2px 8px 2px 8px; background-color: #607D8B; line-height: 16px; border: 1px solid #415d6b; color: #fff; border-radius: 4px; box-shadow: 0 1px 3px 0 rgba(72, 72, 72, 0.6);} .btn_dwhistory:hover{ background-color: #415d6b; color:#fff; box-shadow: 0 1px 3px 0 rgba(72, 72, 72, 0.4); text-decoration:none;} .popsty_01{ /*position:absolute; top:77px; left:20px;*/ width:520px; padding-top:5px; padding:10px 15px; /*border:1px solid #444; background-color:#fff; box-shadow: rgba(95, 95, 95, 0.5) 1px 4px 8px;*/ z-index:5; font-size:12px;} .pt_dlist{ border:7px solid #c2daf9; padding:10px; } .pt_dlisth4{ margin:0px; padding:0px; padding-bottom:5px; letter-spacing:-0.4px; margint-top:5px; padding-left:10px; position:relative; } .pt_dlisth4:before{width:3px; height:3px; background-color:#000; content:''; position:absolute; left:3px; top:6px;} .pt_dlist dl.dlist_top{ overflow:hidden; } .pt_dlist dl.dlist_top dt{ float:left; padding:5px 0; } .pt_dlist dl.dlist_top dd{ float:right; padding:5px 0;} .pt_dlist dl.dlist_top dd > span{ background-color:#f3f5f5; padding:3px 9px; display:inline-block; text-align:right; min-width:100px; font-weight:bold;} .pt_dlist dl.dlist_top dd.detail_cap{ width:100%; overflow:hidden; color:#767676; text-align:right;} .pt_dlist dl.dlist_top dd.detail_cap { line-height:15px;} .pt_dlist dl.dlist_top dd.detail_cap .dc_rank{ min-width:24px; display:inline-block;} .pt_downlist > h4{ margin-top:10px; padding-bottom:5px; padding-left:10px; letter-spacing:-0.4px; position:relative;} .pt_downlist > h4:before{width:3px; height:3px; background-color:#000; content:''; position:absolute; left:3px; top:6px;} .my_pdl_wrap{ margin:0px; padding:0px; padding-bottom:10px; font-size:12px; width:100%;} .my_pdl{border-top:1px solid #ddd; width:100%;} .my_pdl thead th{ background-color:#f3f5f5; border-bottom:1px solid #ddd; padding:7px 7px;} .my_pdl tbody td{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:4px 7px; } .my_pdl tbody td > .overfill{ display:inline-block;} .my_pdl tbody td > .pdrank{background-color:#f3f5f5; padding:3px 9px; display:inline-block; text-align:right; min-width:60px; } .my_pdl tbody td.al{ text-align:left;} .my_pdl tbody td.ac{ text-align:center} .my_pdl tbody td.ar{ text-align:right;} .my_pdl tbody td > .num{ display: inline-block; width: 26px; height: 18px; padding: 1px 2px 2px 1px; line-height: 15px; letter-spacing: -0.6px; background-color: #2591e6; color: #fff; font-weight: bold;border-radius: 7px; text-align: center !important;} .my_pdl tbody td:last-child{ border-right:0px;} .btn_dwlistclose{ display:inline-block; padding:6px 18px; background-color:#9a9a9a; color:#fff; border:1px solid #868686; font-weight:bold; text-decoration:none;} .btn_dwlistclose:hover{ background-color:#868686; color:#fff; } .dl_pagin { display: inline-block; margin-top:10px;} .dl_pagin a { color: black; float: left; padding: 4px 9px; text-decoration: none; transition: background-color .3s; border: 1px solid #ddd; margin-left:-1px; font-size:12px;} .dl_pagin a.active { background-color: #4CAF50; color: white; border: 1px solid #4CAF50;} .dl_pagin a:hover:not(.active) {background-color: #ddd;} /*****주요 레이아웃,헤더,풋터 *****/ /*#wrapper{width:100%; margin:0 auto; min-width:960px; background:url(/img2/Body_bg.png) repeat-x} */ #header {height:106px; } /*#head {width:960px; height:110px; margin:auto; overflow: hidden; background:url(/img2/main/H_bg_top_1204_01.jpg) no-repeat 0px 0px ;}*/ /* 디폴트 로고 css*/ #head {width:960px; height:110px; margin:auto; overflow: hidden; background:url(/img2/main/H_bg_top_0207_01.jpg) no-repeat 0px 0px ;}/* 테마 로고 css*/ #head h1{float:left; margin:0} #head h1 a{display:block; width:242px; height:80px; background:url(/img2/H_logo_none.png) no-repeat; text-indent:-9999px; overflow:hidden; margin-top:15px; border:0px solid red;} /* #head dl{float: left;} #head dd{float:left;} *//* #head .topmenu{margin-top:70px;margin-left:723px; width:235px; overflow: hidden; text-align: right; position:absolute;text-indent:-9999px;border:0px solid red} #head .topmenu dt, #head .topmenu dd { float: none; display: inline; } #head .search_idx dt, dd { float: left; } #head .webNum {color:#777} #head .topmenu a{font-size:11px; color:#999; font-weight: bold; } #head .topmenu a:hover {font-size:11px; color:#999 } #head .bar{font-size:11px; margin:0 5px; color:#cccccc;} #head .search{margin-top:16px; width:488px; height:47px; background:url(/img2/H_bg_search_idx.png) no-repeat} #head .search_txt1{padding:15px 0 0 50px; font-weight:bold; color:#c1c1c1} #head .search_txt2{padding:15px 0 0 8px; color:#c1c1c1} #head .search_txt3{padding:7px 0 0 35px;} #head .search_input {border:0px solid red; width:571px; padding:7px 0 4px 4px; font-weight:bold; color:#000000} #head .search_button{ width: 72px; height: 42px; position: absolute; right: 0;} #head .search_button a {display: block; position: absolute; left: -30px; right: 30px; top: 0; bottom: 0; background: url(/img2/bg_fake.png); text-indent: -9999px; overflow: hidden;} #head .top-banner {margin-top: -89px;float:right;}*/ /*인텍스용*/ #head .search_idx{ position: relative; margin-top:47px; width:470px; height:42px; background:url(/img2/H_bg_search_idx.png) no-repeat; overflow: hidden;} #head .search_idx_input {border:0px solid blue; width:290px; padding:8px 0 4px 3px; font-weight:bold; color:#5f5f5f} #gnb_idx {width: 958px; height:40px; margin:auto; margin-left:0px; background: #ededed; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; border-bottom:3px solid #82b7e9; position: relative;z-index: 10;} #gnb_idx .login-btn-box { background: #ababab; border-bottom:3px solid #82b7e9} #gnb_idx .login-btn-box div {/* overflow: hidden; */ position: relative;} #gnb_idx .login-btn-box div.info-customer {position: absolute;left: 0px;right: 0px;top: 40px;z-index: 10;border: 1px solid #9c9c9c;background: #fff;text-align: left;padding: 18px 15px; overflow: hidden;} #gnb_idx .login-btn-box div.info-customer ul {} #gnb_idx .login-btn-box div.info-customer ul li {height: 20px; line-height: 20px; vertical-align: middle; overflow: hidden;margin-bottom: 2px;color: #777; font-size: 12px; letter-spacing:-0.2px;} #gnb_idx .login-btn-box div.info-customer ul li b {text-indent:-9999px; overflow: hidden; display: block;width: 22px;/* height: 18px; */ float: left;margin-top: 3px;} #gnb_idx .login-btn-box div.info-customer ul li.idx01 b {background-position:0 0px;} #gnb_idx .login-btn-box div.info-customer ul li.idx02 b {background-position:0 -17px;} #gnb_idx .login-btn-box div.info-customer ul li.idx03 b {background-position:0 -35px;} #gnb_idx .login-btn-box div.info-customer ul li.idx04 b {background-position:0 -53px;} #gnb_idx .login-btn-box div.info-customer ul li.idx05 b {background-position:0 -71px;} #gnb_idx .login-btn-box div.info-customer ul li.idx06 b {background-position:0 -91px;} #gnb_idx .login-btn-box div.info-customer ul li strong {float: left;/* font-size: 14px; */ letter-spacing: -1px;display: inline-block;width: 70px;text-align: justify !important;color: #333;} #gnb_idx .login-btn-box div.info-customer ul li a {color: #777;} #gnb_idx .login-btn-box {width: 245px;float: left;text-align: center;/* overflow: hidden; */position: relative;z-index: 100;} #gnb_idx .login-btn-box .ipt-top a {width: 50%; float: left;display: block;line-height: 38px; padding-top:2px; font-size: 13px;font-weight: bold;color: #fff;text-decoration: underline; position: relative;} #gnb_idx .login-btn-box .ipt-top1 a {width: 70%; float: left;display: block;line-height: 38px;padding-top:2px; font-size: 13px;font-weight: bold;color: #fff;text-decoration: underline; position: relative;} #gnb_idx .login-btn-box .ipt-top a:after { content:''; height: 12px; width: 1px; height: 12px; display: block;line-height: 40px; position: absolute;left: -3px;top: 50%;border-right: 1px solid #fff;margin-top: -6px;} #gnb_idx .login-btn-box .ipt-top1 a:after { content:''; height: 12px; width: 1px; height: 12px; display: block;line-height: 40px; position: absolute;left: -3px;top: 50%;border-right: 1px solid #fff;margin-top: -6px;} #gnb_idx .login-btn-box button.slide-btn {position: absolute; right: 17px; top: 12px; width: 15px; height: 15px; overflow: hidden; text-indent:-9999px;} #gnb_idx .login-btn-box button.slide-btn.on {background-position: 0 0;} #gnb_idx .login-btn-box .info-btns {margin-top: 8px; overflow: hidden;} #gnb_idx .login-btn-box .info-btns a {width: 92px; display: block; height:26px; line-height: 26px; float: left; text-align: center; border: 1px solid #d3d3d3; background: #e6e6e6;margin-left: 4px; font-size: 12px; color:#858585;} #gnb_idx .login-btn-box .info-btns a:first-child {margin-left: 0;} #gnb{width:960px;height:40px;margin:auto;background-image:url(/img2/H_bg_sub.gif)} #mainNavi {width: 713px;margin-left:0px;float: left;text-align: center;} #mainNavi {margin-top:0px;} #mainNavi ul {/*overflow: hidden;*/display:inline-block;zoom:1;*display:inline/*IE7 HACK*/;_display:inline;/*IE6 HACK*/ width:713px; /*background:url('/img2/mainnavi_bg.png') no-repeat;*/} #mainNavi ul:after {content:''; display: block; clear: both;} #mainNavi li{float:left;position: relative; width:102px; text-align:center; height:40px;} #mainNavi li.on {/*border-bottom: 3px solid #157ddd;*/} #mainNavi li.on a {color: #157ddd;} #mainNavi li.on:after {content:''; display: block; width: 100%; height: 3px; position: absolute; bottom: -3px; left: 0; background: #157ddd;} #mainNavi li:hover {/*border-bottom: 3px solid #157ddd;*/} #mainNavi li:hover a {color: #157ddd;} #mainNavi li a:hover{content:''; border-bottom:3px solid #157DDD;} #mainNavi ul li a { line-height: 37px; /*padding: 0 20px;*/ padding-top:3px; width:100%; display:inline-block; font-size: 12px; color: #515151; font-weight: bold; position:relative; } #mainNavi ul li{} #mainNavi ul li:after {content:''; display: block; width:1px; height: 12px; position: absolute;right: -1px;top: 15px;border-left: 1px solid #7c7c7c;} #mainNavi ul li:last-child::after{ content:''; display:none;} #mainNavi ul li+li+li+li+li+li+li:after{content:''; border-left: 0px;} #mainNavi ul #mypage li:after {content:''; display: none;} #mainNavi ul li a:hover { text-decoration: none; } #mainNavi ul li#logbox {background-image:url(/img2/MN_logbox.gif); display:block; width:260px; height:40px;text-indent:0px;} .uID {padding:14px 0 0 18px; float:left;color:#FFFFFF; font-weight:bold; text-decoration:none;} .umore{padding:13px 10px 0 0; float:right;} .utxt {width:100%; padding-top:14px;text-align:center;font-weight:bold;} .utxt a{color:#FFFFFF; } .utxt a:visited {color:#FFFFFF;} .utxt a:hover{color:#FFFFFF; } body.guide #mainNavi #guide {color: #409dff;border-bottom: 3px solid #157ddd} body.program #mainNavi #program {color: #409dff;border-bottom: 3px solid #157ddd} body.pay #mainNavi #pay {color: #409dff;border-bottom: 3px solid #157ddd} body.media1 #mainNavi #media {color: #409dff;border-bottom: 3px solid #157ddd} body.npoint #mainNavi #npoint {color: #409dff;border-bottom: 3px solid #157ddd} body.menu_pr #mainNavi #menu_pr {color: #409dff;border-bottom: 3px solid #157ddd} body.mypage #mainNavi #mypage {color: #409dff;border-bottom: 3px solid #157ddd} body.guide #mainNavi #guide a{color: #157ddd;} body.program #mainNavi #program a{color: #157ddd;} body.pay #mainNavi #pay a{color: #157ddd;} body.media1 #mainNavi #media a{color: #157ddd;} body.npoint #mainNavi #npoint a{color: #157ddd;} body.menu_pr #mainNavi #menu_pr a{color: #157ddd;} body.mypage #mainNavi #mypage a{color: #157ddd;} #container{width:1100px; margin:auto; margin-top:30px; margin-bottom:50px; min-height: 530px; } #container:after{ content:""; clear:both;display:block;} #side{float:left;width:240px;} #sideFaq {margin-top:15px;} #sideBnr {margin-top:15px;} /* LNB */ #lnb { width:240px;} #lnb div.lnb div ul li a {display:block; height:35px; padding:7px 0 1px 16px; background:url(/img2/MN_sub_bg.gif) repeat-y; border-bottom:1px solid #ccc; font-size:13px; font-weight:bold; color:#454545; } #lnb div.lnb div ul li a:hover{background:url(/img2/MN_sub_ov.gif) no-repeat;text-decoration:none; color:#222;} #lnb div.left_menu div ul li a:hover {background:url(/img2/MN_sub_ov.gif) no-repeat;text-decoration:none;color:#222} #lnb div.lnb div ul li.selected a{color:white; background:url(/img2/MN_sub_on.gif) no-repeat;} #lnb div.lnb_2depth div.lnb_btm{background:url(/img2/MN_sub_bg_2depth.gif) repeat-y; border-bottom:1px solid #dfdfdf;} #lnb div.lnb_2depth div.lnb_btm ul{padding:2px 0 12px 0px; } #lnb div.lnb_2depth div.lnb_btm ul li a {height:26px; color:#454545; padding-left:30px; font-weight:normal; background:none; border-bottom:none; background:url(/img2/MN_sub_ov_2depth.gif) no-repeat 19px 11px; display: inline-block;} #lnb div.lnb_2depth div.lnb_btm ul li.selected a, #lnb div.lnb_2depth div.lnb_btm ul li a:hover {color:#222; text-decoration:underline; margin-left:3px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .sub_lnb_tit{border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:5px solid #2898e2; padding:8px 15px 15px 15px; position: relative;} .sub_lnb_tit p.txt1{ padding-top:7px; font-size:21px; font-weight: bold; letter-spacing: -1px;} .sub_lnb_tit p.txt2{ padding-top:7px; font-family: sans-serif; font-size: 14px; color:#9f9f9f;} .sub_lnb_tit p.txt2:after{} #location{float:left;width:720px; height:29px; border-bottom:1px solid #ccc; text-align:right; padding-top:4px; font-size:11px; color:#666; margin-bottom:20px;} #location a{color:#666} #location a:hover{color:#000} #location a.on{color:#000; text-decoration:underline} #location_960{float:left;width:960px; height:29px; border-bottom:1px solid #e5e5e5; text-align:right; padding-top:4px; font-size:11px; color:#999; margin-bottom:20px;} /*보기 쉬우라고 이미지 경로를 바꿔야 하는 두줄만 마지막으로 빼놓아요*/ #gnb_idx .login-btn-box button.slide-btn {background: #fff url('/img2/slide-button.gif') 0 -15px no-repeat;} /*고객센터 왼쪽메뉴 공지사항 저작권리스트*/ .notice-box { padding: 6px; border: 1px solid #d2d2d2; margin-top: 5px;} .notice-box strong {margin-bottom: 7px;} .notice-box ul {border-top: 1px solid #d2d2d2;} .notice-box ul li {background: url('/img2/notice-arr01.gif') 3px center no-repeat; padding-left: 11px; margin-top: 8px; vertical-align: middle;} .notice-box ul li img {margin-top: -2px;} .thebtn1 {margin-left:110px;} .thebtn2 {margin-left:100px;} /* 성인인증 완료 페이지 */ .sc_line{ text-align:center; padding:10px; margin-top:20px;} .sc_line > a {margin-right:10px;} .scbtn_home{padding:16px 15px 15px 15px; background-color:#f3f5f5; border:1px solid #d9d9d9; font-size:14px; font-weight:bold; display:inline-block; width:150px; text-align:center; color:#767676; cursor:pointer;} .scbtn_home:hover{color:inherit; text-decoration:none; border-color:#bbb;} .scbtn_set{padding:16px 15px 15px 15px; background-color:#2798e1; border:1px solid #1e8bd2; font-size:14px; font-weight:bold; display:inline-block; width:150px; text-align:center; color:#fff; cursor:pointer; margin-right:0px;} .scbtn_set:hover{color:#fff !important; text-decoration:none; background-color:#1e8bd2;} .scbtn_down{padding:16px 82px 15px 82px; background-color:#fff; border:1px solid #2798e1; font-size:14px; font-weight:bold; display:inline-block; min-width:160px; text-align:center; color:#2798e1; margin-top:15px; cursor:pointer; width:212px;} .scbtn_down:hover{color:#1a80c1 !important; text-decoration:none; border:1px solid #1a80c1; } /* 로그인페이지 로그인 영역 */ p.naverloginpg{ overflow:hidden;} p.naverloginpg > span.left{ float:left; padding-top:3px; font-size:12px; letter-spacing:-0.6px; color:#666; margin-left:80px; margin-top:6px;} p.naverloginpg > a.right{ float:left; margin-left:49px;} p.naverloginpg > a.right > img{margin-top:4px;} p.nmloginpg{ overflow:hidden;} p.nmloginpg > span.left{ letter-spacing:-0.4px; float:left; font-size:12px; letter-spacing:-0.6px; color:#666;margin-left:80px; margin-top:6px;} p.nmloginpg > a.right{ float:left;margin-top:0px; margin-left:42px;} /*.btn{ margin:inherit; text-align: center; }*/ /* Support for all WebKit browsers. */ /*-webkit-font-smoothing: antialiased;* /* Support for Safari and Chrome. */ /*text-rendering: optimizeLegibility;*/ /* Support for Firefox. */ /*-moz-osx-font-smoothing: grayscale;*/ /* Support for IE. */ /*font-feature-settings: 'liga';*/