/************************************************************************ * 파일명 : cat_customer.css * 설명 : customer css 정의 * 작성일 : 2007.03.31 ************************************************************************/ /* 레프트메뉴 */ #Left_menu {margin-bottom:10px;} #Left_menu .boxLeft3_btm {padding:5px 0 20px 0} #Left_menu li{ padding:10px 10px 0 10px; } #Left_menu li.alt {border:none;} #Left_menu li p {margin-top:3px; padding-left:10px;} #Left_menu li p img {margin-bottom:5px} #Left_menu li p a {display:block} /* 나의 문의 목록 */ .table_th1 .leftA {padding:9px 0 0 37px;} .table_th1 .rightA {padding:8px 15px 0 0; font:11px verdana} .table_th1 .myQ {background:url('http://img.mgoon.com/images/customer/ico_Q.gif') no-repeat 12px 7px; height:18px;} .table_th1 .myA {background:url('http://img.mgoon.com/images/customer/ico_A.gif') no-repeat 12px 7px; height:18px;} .myQA_con {width:670px; margin-left:6px; padding:5px 0 30px 32px; color:#999; line-height:1.5em;} .table_btn2 .leftA {padding-left:10px} /* 서비스 안내 */ .serviceA {clear:both; width:719px; margin-bottom:40px; overflow:auto;} .service_movie {float:left; width:348px;} .service_game{float:right; width:348px;} .service_ranking{float:right; width:348px;} .service_station{float:left; width:348px;} .service_premium{float:right; width:348px;} .service_mypage{float:right; width:348px;} /* FAQ */ .boxSearchTop {width:731px; height:65px; padding:20px 0 0 40px; margin-bottom:10px; background:url('http://img.mgoon.com/images/customer/boxGray_01.gif') no-repeat 0 0;} .boxSearchTop2 {background:url('http://img.mgoon.com/images/customer/bg_tabFooterBox.gif') repeat-x 0 bottom; margin:0 1px; width:729px;} .boxSearchTop span {display:block; padding:8px 0 0 10px} .list_faq {width:685px; margin:28px auto 0 auto} .list_faq li { height:25px; border-bottom:1px solid #EBEBEC; padding:8px 0 0 28px; background:url('http://img.mgoon.com/images/customer/ico_Q.gif') no-repeat 4px 7px; font-weight:bold } .list_faq li.alt {background:#FCFCFC url('http://img.mgoon.com/images/customer/ico_Q.gif') no-repeat 4px 7px} .list_faq li.answerA { height:auto; background:#FCFCFC url('http://img.mgoon.com/images/customer/ico_A.gif') no-repeat 4px 15px; padding:15px 30px 40px 28px; color:#999999; font-weight:normal; line-height:18px; } .list_faq li.titA {border-bottom:2px solid #EBEBEC; background:none; height:14px; padding:0 0 5px 0} .list_faq li.titA img {vertical-align:top;} /* 1:1 문의 */ .manTomanCheck { height:43px; margin:0 1px; padding:23px 0 0 0; background:url('http://img.mgoon.com/images/customer/bg_tabFooterBox.gif');} .manTomanCheck input {margin:0 3px 0 20px;} .inputFormA {width:684px; margin:30px auto 0 auto} .inputFormA th, .inputFormA td {padding:9px 0; border-bottom:1px solid #DFDFDF} .inputFormA tr.alt th, .inputFormA tr.alt td {border:none; padding-bottom:0} .inputFormA th {width:90px; text-align:left} .inputFormA th img {margin:3px 0 0 10px; vertical-align:top} .inputFormA td img {vertical-align:middle} .inputFormA td .font_gray_11 {padding-left:5px} .inputFormA td select {vertical-align:middle} .inputFormA td textarea {border:none; width:480px; margin:10px; overflow:auto} .inputFormA .boxTextarea_top {background:url('http://img.mgoon.com/images/customer/bg_textarea_top.gif') no-repeat 0 0; width:508px;} .inputFormA .boxTextarea_btm {background:url('http://img.mgoon.com/images/customer/bg_textarea_btm.gif') no-repeat 0 bottom; width:508px;} .listBtnA {width:685px; text-align:right; margin:15px auto 0 auto} .listBtnA_cen {width:685px; text-align:center; margin:15px auto 0 auto} /* 아이디/비번찾기 */ .boxFind_top {width:741px; background:url('http://img.mgoon.com/images/customer/boxFind_top.gif');} .boxFind_btm {width:741px; background:url('http://img.mgoon.com/images/customer/boxFind_btm.gif') no-repeat 0 bottom; padding:20px 0; text-align:center} .boxFind_btm img {vertical-align:middle} .boxFind_btm .txtFooterA {display:block; line-height:16px; padding-top:10px;} .boxFind_btm .table_input {width:739px; margin:0 1px; text-align:left} .boxFind_btm .table_input th, .boxFind_btm .table_input td {background:url('http://img.mgoon.com/images/customer/line_find.gif') repeat-x 0 bottom; padding:10px 0} .boxFind_btm .table_input .alt th, .boxFind_btm .table_input .alt td {background:none} .boxFind_btm .table_input th {width:90px; vertical-align:top} .boxFind_btm .table_input th img {margin:4px 0 0 27px} /* 아이디/비번찾기NEW(080403) */ .form_desc { width:713px; margin:0 auto; padding-bottom:5px; } .boxFindN_top { width:713px; background:url('http://img.mgoon.com/images/customer/boxFindN_top.gif'); margin:0 auto; } .boxFindN_btm { width:713px; background:url('http://img.mgoon.com/images/customer/boxFindN_btm.gif') no-repeat 0 bottom; padding:8px 0 6px 0; overflow:hidden; position:relative; } .boxFindN_btm dl { width:450px; margin:0 auto; background:url('http://img.mgoon.com/images/customer/th_find_line.gif') no-repeat 0 bottom; overflow:hidden; } .boxFindN_btm dl * { vertical-align:middle; } .boxFindN_btm dl dt, .boxFindN_btm dl dd { float:left; padding:8px 0; } .boxFindN_btm dl dt { width:60px; } .boxFindN_btm dl dt img { margin-top:4px; } .boxFindN_btm dl dd { width:390px; } .boxFindN_top .findPass div.submit { position:absolute; top:15px; left:485px; padding:17px 0 17px 22px; background:url('http://img.mgoon.com/images/customer/th_find_lineL.gif') repeat-y 0 0; } .boxFindN_top .findID div.submit { position:absolute; top:15px; left:485px; padding:0 0 0 22px; background:url('http://img.mgoon.com/images/customer/th_find_lineL.gif') repeat-y 0 0; } .find_result_wrap { margin-top:11px; padding-top:39px; background:url('http://img.mgoon.com/images/customer/find_result_arrowImg.gif') no-repeat center 0; } .find_result { width:649px; height:195px; margin:0 auto; background:#f8f7f4; border-top:1px solid #e9e9ee; border-bottom:1px solid #e9e9ee; } .find_result_wrap .findPass .result_valuebox { width:595px; height:49px; margin:20px auto 0 auto; padding-top:21px; text-align:center; background:url('http://img.mgoon.com/images/customer/find_result_valuebox.gif') no-repeat 0 0; color:#999; } .find_result_wrap .findID .result_valuebox { width:595px; height:59px; margin:20px auto 0 auto; padding-top:11px; text-align:center; background:url('http://img.mgoon.com/images/customer/find_result_valuebox.gif') no-repeat 0 0; color:#999; line-height:18px; } .find_result .desc { width:595px; margin:0 auto; padding-top:7px; } .find_result_wrap .findPass .desc li { padding-left:15px; padding-bottom:10px; background:url('http://img.mgoon.com/images/customer/finID_resulbg_jjam.gif') no-repeat 8px 3px; } .find_result_wrap .findID .desc li { padding-left:15px; padding-bottom:10px; background:url('http://img.mgoon.com/images/customer/finID_resulbg_jjam.gif') no-repeat 8px 3px; } .find_result_wrap .findID .desc li strong { color:#dd9703; font-weight:bold; } .find_result_wrap .findPass .desc li strong { color:#dd9703; font-weight:bold; } .find_result p.btn { width:595px; margin:0 auto; text-align:center; padding-top:15px; } .boxFindN_btm img {vertical-align:middle; text-align:left; } .boxFindN_btm .table_input {width:500px; margin:0px; text-align:left;} .boxFindN_btm .table_input2 {width:150px; margin:-50px 0 0 300px;} .boxFindN_btm .table_input2 {width:150px; margin:-90px 0 0 300px;} /* 아뒤,비번찾기결과NEW(080404) */ .boxResult_top { width:649px; background:url('http://img.mgoon.com/images/customer/finID_resulbg_top.gif'); margin-left:45px; margin-top:20px;} .boxResult_btm { width:649px; background:url('http://img.mgoon.com/images/customer/finID_resulbg_bottom.gif') no-repeat 0 bottom; padding:20px 0; text-align:center;} .boxResult_btm img {vertical-align:middle; text-align:left; } .boxResult_btm .table_input {width:550px; height:180px; margin:0px; text-align:center;} .boxResult_btm .table_input .resul {margin-top:55px; } .boxResult_btm .table_input .index {text-align:left; margin-top:15px; } .boxResult_btm .table_input .resul .txt1 {font:normal 11px 돋움; color:#999999; line-height:13px;} .boxResult_btm .table_input .resul .txt2 {font:normal 12px 돋움; color:#1293EE; line-height:20px; font-weight:bold;} .boxResult_btm .table_input .index .txt3 {font:normal 12px 돋움; color:#666666; line-height:16px;} .boxResult_btm .table_input .index .txt4 {font:normal 12px 돋움; color:#DD9703; line-height:16px; font-weight:bold;} .boxFind2 { width:427px; height:14px; margin:0 auto; background: url('http://img.mgoon.com/images/customer/boxFind2.gif') no-repeat 0 0; text-align:center; font-weight:bold; font-size:14px; color:#000000; padding:10px} /* result */ .bg_result01 {background:url('http://img.mgoon.com/images/customer/bg_tabFooterBox.gif') repeat-x 0 bottom; height:83px;} /* 메인 */ #p_main .list_faq {float:left; width:685px; margin:0px;} #p_main .mainCon_go {float:left; margin:20px 0 0 27px;} #p_main .mainCon_go div {background:url('http://img.mgoon.com/images/customer/boxMain_btm.gif') no-repeat 0 bottom; width:217; margin-bottom:10px;} #p_main .mainCon_go p {padding:10px 0 15px 27px} #p_main .mainCon_go p img {margin-bottom:5px} .table_list1 {margin-left:6px;} /* 070528 추가 */ .checkAge19 {width:692px; overflow:auto; overflow:hidden; margin:50px auto;} .checkAge19 .loginBox { width:339px; height:164px; float:left; background:url('http://img.mgoon.com/images/search/boxAge19_01.gif') no-repeat 0 0; margin-right:5px; } .checkAge19 .loginBox table {margin:30px 0 0 30px} .checkAge19 .loginBox img {vertical-align:middle} .checkAge19 .loginBox .btnA {vertical-align:top; text-align:center; height:15px; padding-top:35px} .checkAge19 h3 {margin:0 0 7px 5px;} .txt_quote19_01 {text-align:center} .quote19 {width:740px; margin:50px auto 40px auto;} /* 레이어 팝업 */ .popLay_bg {width:630px; background:url('http://img.mgoon.com/images/png/popLay_bg_630.gif'); margin:10px 0; overflow:auto} .popLay_top {width:630px; background:url('http://img.mgoon.com/images/png/popLay_top_630.png') no-repeat 0 0 ; overflow:auto} .popLay_btm {width:630px; background:url('http://img.mgoon.com/images/png/popLay_btm_630.png') no-repeat 0 bottom; overflow:auto} .popLay_bg h2 {height:25px; border-bottom:1px solid #3BA1F2;} .popLay_bg h2 .titA {margin:2px 0 0 25px; float:left} .popLay_bg h2 .btnA {margin:0 15px 0 0; float:right} .popLay_bg .btnFooterA {height:37px; text-align:center; padding-top:20px; border-top:1px solid #3BA1F2} .con_royalty {margin:25px;} .con_royalty .con {width:100%; margin:0; padding:0;} .con_royalty .con li {width:100%; overflow:auto; overflow:hidden; margin-bottom:10px;} .con_royalty .con .content01 {line-height:16px; margin-bottom:15px; overflow:auto; overflow:hidden;} .con_royalty .con .content02 {line-height:16px; margin:25px 0 15px 0; overflow:auto; overflow:hidden;} .con_royalty .con .content03 {line-height:14px; margin-bottom:10px; color:#999999; overflow:auto; overflow:hidden;} .con_icon {width:100%; margin:0; padding:0; overflow:auto; overflow:hidden;} .con_icon .icon {float:left; width:13px; margin-top:2px;} .con_icon .icon_txt {float:left; width:560px; font:normal 11px 돋움; color:#999999; line-height:14px;} .popLay_top .line-top {padding:15px 25px; border-top:1px solid #3BA1F2;} .popLay_top .line-btm {padding:10px 0; border-bottom:1px solid #3BA1F2;} .top_text {width:580px; padding: 15px 25px; overflow:auto; overflow:hidden;} .inputFormB {margin:10px auto 0 auto} .inputFormB th, .inputFormB td {padding:5px 0;} .inputFormB tr.alt th, .inputFormB tr.alt td {border:none; padding-bottom:0} .inputFormB th {width:60px; text-align:left} .inputFormB th img {margin:3px 0 0 0px; vertical-align:top} .inputFormB td img {vertical-align:middle} .inputFormB td .font_gray_11 {padding-left:5px} .inputFormB td select {vertical-align:middle} .inputFormB td textarea {border:none; width:480px; margin:10px; overflow:auto} .inputFormB .boxTextarea_top {background:url('http://img.mgoon.com/images/customer/bg_textarea_top.gif') no-repeat 0 0; width:508px;} .inputFormB .boxTextarea_btm {background:url('http://img.mgoon.com/images/customer/bg_textarea_btm.gif') no-repeat 0 bottom; width:508px;} /* 팝업레이어 (080103 새로 정의) */ .pop2Box {width:400px; background:url('http://img.mgoon.com/images/popS_top.gif') no-repeat 0 0; overflow:auto;} .pop2Box_con {width:400px; background:url('http://img.mgoon.com/images/popS_btm.gif') no-repeat 0 bottom; overflow:auto;} .pop2Box_bg {width:398px; border-left:1px solid #1293EE; border-right:1px solid #1293EE; margin:3px 0 } .pop2Box .pop2Box_top { height:31px; border-bottom:1px solid #3BA1F2;} .pop2Box .pop2Box_top h2 { float:left; margin:8px 10px 0 15px; } .pop2Box .pop2Box_top a.popBtn { float:right; margin-top:4px; margin-right:8px; } .pop2Box .popupCon {position:relative; width:368px; margin:25px auto;} .pop2Box .popupCon p.popMent { text-align:center; } .pop2Box .btnA {border-top:1px solid #1293EE; padding:10px 0 14px 0; text-align:center; width:100%; overflow:auto} .pop2Box .btnA p {padding:0 10px}