@charset 'UTF-8'; * { margin:0; padding:0; } html{height:100%;} body { font-family: "MalgunGothic","맑은고딕", dotum, '돋움', sans-serif; color:#444; overflow-y:scroll;height:100%;scrollbar-3dlight-color:#FFFFFF;scrollbar-arrow-color:#FFFFFF;scrollbar-track-color:#FFEEF7;scrollbar-darkshadow-color:#FF99CC;scrollbar-face-color:#FF6699;scrollbar-highlight-color:#FF80C0;scrollbar-shadow-color:#FFFFFF;} ul, ol, dl { list-style:none; } a { text-decoration:none !important;} img { border:0; vertical-align:top;width:100%; } table { border-collapse:collapse; } @font-face{ font-family:"MalgunGothic"; src:url("MalgunGothic.eot"); /* IE9 Compat Modes */ src:url("MalgunGothic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("MalgunGothic.woff") format("woff"), /* Modern Browsers */ url("MalgunGothic.ttf") format("truetype"), /* Safari, Android, iOS */ url("MalgunGothic.svg#svgMothnnaFont") format("svg"); } .bold { font-weight:bold; } .aaa { color:#aaa; } .gray { color:#999; } .darkgray { color:#666; } .black { color:#444; } .red { color:#d31f1b; } .lightred { color:#ffa0a0; } .blue { color:#006cff; } .lightblue { color:#a7c4ff; } .yellow { color:#ffc71d; } .orange { color:#ff8400; } .green { color:#52c645; } .bg_gray{background:#ccc;} .bg_gray1{background:#eee;} /* 20200331 sch 대표님요청사항 */ #tags{outline: none;} #black { width:100%; height:2000px; position:fixed; left:0; top:0; background:rgba(0,0,0,0.6); display:none; z-index:10; } #wrapper{width:100%;height:100%;display:block;margin:0;padding:0;} .txt_tit{font-size:1em;font-weight:bold;} /* Header : S */ #header { width:100%; position:fixed; top:0 !important; left:0 !important; z-index:5;} #header #main_header { height:50px; border-bottom:2px solid #d6d6d6; background:#ffffff; padding:7px;} #header #cate_header { height:50px; background:#655f5f; padding:7px;} #header #cate_header .cate_close{background:url(/SKIN/HTML/1/IMG/common/btn_close.png) center center no-repeat;float:right;width:30px;height:30px;text-indent:-9999px;} #header h1 {float:left; text-align:center; font-size:14px; color:#fff; width:105px;margin:2px 0 0 5px;;} #header h1 img{ width:100%;} #header h1 span { color:#a9abfe; } #header #menu { width:35px; height:35px; font-size:0;cursor:pointer; border-radius:20px;border:1px #ccc solid;float:left;margin:0;} #header #menu a { display:block; width:100%; height:100%; font-size:0; text-indent:-9999px; background:url(/SKIN/HTML/1/IMG/common/menu_icon.png) center center no-repeat; background-size:18px; } #header #msearch { display:block; width:30%; height:35px; border-radius:20px;border:2px #3e3736 solid;float:right; } #header #msearch input{width:30%; height:25px; border:none;float:left; margin-left:10px;margin-top:4px;} #header #msearch button{width:25px; height:25px; border:none;float:right; margin-right:5px;margin-top:2px;background:url(/SKIN/HTML/1/IMG/common/btn_search1.png) center center no-repeat;text-indent:-9999px;background-size:20px;} #header a#loginbtn {width:40px; height:35px; border-radius:5px;border:1px #d2163e solid;float:right;letter-spacing:-1.5px;line-height:35px;color:#d2163e; font-weight:bold;font-size:12px;text-align:center;} #header a#loginbtn2 {width:50px; height:35px; border-radius:5px;border:1px #d2163e solid;float:right;letter-spacing:-1.5px;line-height:35px;color:#d2163e; font-weight:bold;font-size:12px;text-align:center;} #header #sub_header {display:block; } #header #sub_header .submenu{ height:35px;overflow:hidden;width:100%;border-bottom:1px solid #000000; background:#ffffff;box-sizing:border-box;margin:0 !important;} #header #sub_header .submenu li{float:left;padding:0;} #header #sub_header .submenu li a{line-height:32px;display:block;text-align:center;font-weight:bold;color:#000000;box-sizing:border-box;font-size:0.75em;} #header #sub_header .submenu li a:hover{color:#d2163e !important;border-bottom:2px #d2163e solid;} #header #sub_header .submenu li a.on{color:#d2163e !important;border-bottom:2px #d2163e solid;} #header #sub_header .ssmenu{ height:30px;overflow:hidden;width:100%;background:#3e3736;box-sizing:border-box;margin:0;} #header #sub_header .ssmenu li{float:left;padding:0;border-right:1px #d9d9d9 solid;} #header #sub_header .ssmenu li:last-child{;border-right:0px;} #header #sub_header .ssmenu li a{line-height:30px;display:block;text-align:center;font-weight:bold;color:#a7a7a7;box-sizing:border-box;font-size:0.75em;} #header #sub_header .ssmenu li a:hover{color:#fff !important;} #header #sub_header .ssmenu li a.on{color:#fff !important;} #header #sub_header .ssmenu1{ height:30px;overflow:hidden;width:100%;background:#d2163e;box-sizing:border-box;margin:0;} #header #sub_header .ssmenu1 li{float:left;padding:0;border-right:1px #d9d9d9 solid;} #header #sub_header .ssmenu1 li:last-child{;border-right:0px;} #header #sub_header .ssmenu1 li a{line-height:30px;display:block;text-align:left;font-weight:bold;color:#fff;box-sizing:border-box;font-size:0.75em;padding:0 5px;} #header #sub_header .ssmenu1 li a:hover{color:#fff !important;} #header #sub_header .ssmenu1 li a.on{color:#fff !important;} #header #sub_header .sub01 li{width:16.66%;} #header #sub_header .sub02 li{width:25%;} #header #sub_header .sub03 li{width:100%;} #ssmenu77{ height:30px;overflow:hidden;width:100%;background:#d2163e;box-sizing:border-box;margin:0;} #ssmenu77 li{float:left;padding:0;border-right:1px #d9d9d9 solid;} #ssmenu77 li:last-child{;border-right:0px;} #ssmenu77 li a{line-height:30px;display:block;text-align:left;font-weight:bold;color:#fff;box-sizing:border-box;font-size:0.75em;padding:0 5px;} #ssmenu77 li a:hover{color:#fff !important;} #ssmenu77 li a.on{color:#fff !important;} #ssmenu77 .sub03 li{width:100%;} /*컨텐츠*/ .box{padding:5px;box-sizing:border-box;} .box10{padding:10px; box-sizing:border-box;} /*ceobiz_201903 : 디자인프랍 회원정보수정 아래 text 수정*/ .box10_title{padding:10px; box-sizing:border-box;} .box10_title span{font-size:12px;} .box10_title span em{color:#d21c42;} /*ceobiz_201903 : 디자인프랍 회원정보수정 아래 text 수정*/ /*20191117_팝콘_디자인프랍_Start*/ .popcon_box10{padding:0px; box-sizing:border-box;} .popcon_popup_box10{padding:10px 7px; box-sizing:border-box;} .popcon_popup_box10 span{font-size:16px; font-weight:bold;} .popcon_popup_box10 p{color:#d3163e; font-size:10px; line-height:10px;} .popcon_popup_box10 dl dd{color:#000; font-size:12px; line-height:14px; margin-top:5px;} /* ceobiz_201903 : 디자인프랍 추가 */ /*20191117_팝콘_디자인프랍_End*/ .box101{padding:4px; box-sizing:border-box;} .box15{padding:15px;box-sizing:border-box;} .box20{padding:20px;box-sizing:border-box;padding-bottom:0;padding-top:0;} .box-rd{border-radius:10px;border:1px #ccc solid;box-sizing:border-box;padding:15px;} /*20191117_팝콘_디자인프랍_Start*/ .popCon_box-gray{border:1px #d9d9d9 solid;background:#efefef;overflow:hidden;} .popCon_box-gray select{height:34px;} /*20191117_팝콘_디자인프랍_End*/ .box-gray{border:1px #d9d9d9 solid;background:#efefef;overflow:hidden;} .box-list{border:1px #3e3736 solid;} .box-list li{border-bottom:1px #dddddd solid;} .box-list li:last-child{border-bottom:0px;} .box-list li a{display:block;padding:8px;} .pv-list{border:1px #d6d6d6 solid;background:#f4f4f4;} .pv-list li{border-bottom:1px #d6d6d6 solid;} .pv-list li:last-child{border-bottom:0px;} .pv-list li a{display:block;padding:8px;width:95%;margin:0 auto;box-sizing:border-box;letter-spacing:-1px;} .pv-list2{border:1px #d6d6d6 solid;background:#f4f4f4;} .pv-list2 li{border-bottom:1px #d6d6d6 solid;} .pv-list2 li:last-child{border-bottom:0px;} .pv-list2 li ol{display:block;padding:8px;width:95%;margin:0 auto;box-sizing:border-box;letter-spacing:-1px;} .box-block{overflow:hidden;} .box-block li{margin-bottom:8px;border:1px #d9d9d9 solid;overflow:hidden;} .box-block li div{padding:10px;position:relative;overflow:hidden;} .box-block li div .txt{position:relative;width:65%;line-height:140%;float:left;} .box-pro{overflow:hidden;} .box-pro li{margin:5px 0;border:1px #d9d9d9 solid;overflow:hidden;} .box-pro li a{display:block;overflow:hidden;} .box-pro li a div{float:left;position:relative;overflow:hidden;display:inline-block;} .box-pro li a div.pro_thum{width:43%;} .box-pro li a div.pro_info{width:57%;padding:5px;box-sizing:border-box;} .box-pro li a div.pro_info p{margin-bottom:5px;} .box-pro li a div.pro_info .pd_name{padding:0px;box-sizing:border-box;font-weight:bold;font-size:0.8em;} .box-pro li a div.pro_info .pd_txt{padding:0px;box-sizing:border-box;font-size:0.75em;} .box-pro li a div.pro_info .pd_price{padding:;box-sizing:border-box;font-weight:bold;font-size:1.25em;color:#d2163e;margin-bottom:0;} /* ceobiz_201605 //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ .box-pro li a div.pro_info .v_price{padding:;box-sizing:border-box;font-weight:normal;font-size:1.0em;color:#1394ef;margin-bottom:0;} .v_price{padding:;box-sizing:border-box;font-weight:normal;font-size:12px;color:#1394ef;margin-bottom:0;} /* ceobiz_201605 //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ .box-pro2 {overflow:hidden;} .box-pro2 li{margin:5px 0;border:1px #d9d9d9 solid;overflow:hidden;} .box-pro2 li a div{float:left;position:relative;overflow:hidden;display:inline-block;} .box-pro2 li a div.pro_thum{width:43%;} .box-pro2 li a div.pro_info{width:57%;padding:5px;box-sizing:border-box;} .box-pro2 li a div.pro_info p{margin-bottom:5px;} .box-pro2 li a div.pro_info .pd_name{padding:;box-sizing:border-box;font-weight:bold;font-size:0.8em;} .box-pro2 li a div.pro_info .pd_txt{padding:;box-sizing:border-box;font-size:0.75em;} .box-pro2 li a div.pro_info .pd_price{padding:;box-sizing:border-box;font-weight:bold;font-size:1.25em;color:#d2163e;margin-bottom:0;} /* ceobiz_201605 //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ .box-pro2 li a div.pro_info .v_price{padding:;box-sizing:border-box;font-weight:normal;font-size:1.0em;color:#1394ef;margin-bottom:0;} /* ceobiz_201605 //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ .box-cart{overflow:hidden;} .box-cart li{margin:0;overflow:hidden;border-bottom:1px #f2f2f2 solid;} .box-cart li p{margin:0;} .box-cart li div{float:left;position:relative;overflow:hidden;display:inline-block;} .box-cart li div.pro_thum{width:43%;} .box-cart li div.pro_info{width:57%;padding:0 5px;box-sizing:border-box;} .box-cart li div.pro_info p{margin-bottom:5px;} .box-cart li div.pro_info .pd_name{padding:;box-sizing:border-box;font-weight:bold;font-size:0.8em;} .box-cart li div.pro_info .pd_txt{box-sizing:border-box;font-size:0.75em;} .box-cart li div.pro_info .pd_cnt{box-sizing:border-box;font-size:0.8em;color:#333333;margin-bottom:0;} .box-cart li div.pro_info .pd_cnt .tt{font-weight:bold;} .box-cart li div.pro_info .pd_cnt .total_price{font-weight:bold;color:#d2163e;font-size:1.25em;} .box-cart li div.pro_info .pd_sv{box-sizing:border-box;font-size:0.7em;color:#333333;margin-bottom:0;} .center_tab{overflow:hidden;width:95%;margin:0 auto;} .center_tab li{float:left;width:50%;height:40px;} .center_tab li a{display:block;} .center_tab li a.on{color:#fff;background:#3e3736;font-size:14px;padding:10px 0; text-align:center;vertical-align:baseline;} .center_tab li a.off{color:#655f5e;background:#c5c3c2;font-size:12px;padding:9px 0; text-align:center;vertical-align:baseline;margin-top:5px;} .noti_list{padding:10px 5px;} .panel-title a{display:block;overflow:hidden;} .panel-title a span{display:block;line-height:20px;} .panel-title a span.txthead{font-size:0.75em;font-weight:bold;} .panel-title a span.listnum{font-size:0.75em;border-radius:10px;line-height:20px;color:#fff;text-align:center;background:#d4163c;margin-right:10px;} .panel-title a span.date{font-size:0.65em;box-sizing:border-box;text-align:right;padding-right:10px;} .noti_view{overflow:hidden;line-height:160%;padding:15px;box-sizing:border-box;background:#f4f4f4;font-size:0.75em;} .faq_list{padding:10px 5px;} .search_zone{text-align:center;} .search_zone p{text-align:center;font-size:0.75em;} .search_zone ul{border:2px #d2163e solid; width:95%;overflow:hidden;margin:0 auto;} .search_group ul{width:95%;overflow:hidden;margin:0 auto;padding:1px 0 0 1px;} .search_group li{float:left;width:33.33%;border:1px #0593c7 solid; margin:-1px 0 0 -1px;} .search_group li a{display:block;height:30px;line-height:30px;text-align:center;font-size:0.75em;} .search_group li a:hover{color:#fff;background:#0593c7;} .search_group li a.on{color:#fff;background:#0593c7;} .inputstyle{border:none;padding:5px;box-sizing:border-box;width:100%;} .btn_isearch{background:url(/SKIN/HTML/1/IMG/icon/btn_01_1.png) 50% 50% no-repeat;text-indent:-9999px;border:none;background-size:130%;height:30px;} #sub_header .sub_navi { border-bottom:1px solid #16171f; } .sub_navi { width:100%; overflow:hidden; background:#3f4355; } .sub_navi li { float:left; background:#3f4355; } .sub_navi li a { display:block; width:100%; padding:12px 0; font-size:14px; font-weight:bold; color:#a9acbb; text-align:center; } .sub_navi li.active { background:#16171f; } .sub_navi li.active a { color:#fff; } .sub_navi li a span { font-weight:normal; font-size:12px;} .sub_navi.double li { width:50%; } .sub_navi.triple li { width:33.3%; } .sub_navi.triple li:first-child { width:33.4%; } .sub_navi.quadro li { width:25%; } /* 상세페이지 */ .dt_p_tit{overflow:hidden;} .dt_p_tit .txt1{width:60%;float:left} .dt_p_tit .txt2{width:40%;} .tbs_pro{font-size:12px;} .offprice{text-decoration:line-through;} .sellprice{color:#d2163e;font-size:1.25em;} .btncnt{width:25px;} .detail_tit1{ height:30px;overflow:hidden;width:100%;background:#3e3736;line-height:30px;display:block;text-align:center;font-weight:bold;color:#a7a7a7;box-sizing:border-box;font-size:0.75em;} .detail_list{overflow:hidden;padding:10px;box-sizing:border-box;background:#f4f4f4;} .detail_list ul{overflow:hidden;} .detail_list ul li{border-top:1px #ccc solid;} .detail_list ul li .list_name{font-weight:bold;color:#d2163e;} .detail_list ul li .list_subject{font-weight:bold;color:#d2163e;width:150px;height:25px;font-size:0.85em;} .detail_list ul li .list_star{font-weight:bold;color:#d2163e;width:12px !important;height:11px !important;} .detail_list ul li .list_regdate{font-weight:bold;color:#d2163e;width:80px;height:20px;font-size:0.75em;} .detail_list ul li .list_txt{font-size:0.8em;} .detail_body{padding:5px;border-bottom:1px #ccc solid;} #mid_navi { height:40px; margin-bottom:8px; } #mid_navi_inner { border-bottom:1px solid #16171f; } #mid_navi_inner.fixed { width:100%; position:fixed; top:47px; left:0; } #main_vi {position:relative;} #main_vi a{position:absolute;bottom:20px;width:60%;left:50%;margin-left:-30%;} #main_vi a img{width:100%;} #main_vi img{width:100%;} #main_noti {height:35px;padding-left:90px; border-bottom:1px solid #cfcfcf; border-top:1px solid #cfcfcf; background:#f6f6f6 url(/SKIN/HTML/1/IMG/common/tit_notice.png) -10px 0 no-repeat; background-size:88px auto; } #main_noti div{width:100%;overflow:hidden;line-height:35px; } /* 박스스타일 */ .gray_box{background:#eeeeee;border:1px #c1c1c1 solid;} table > tfoot {border-top:1px #c1c1c1 solid;} .wgray{background:#f4f4f4;} .f_bnr img{width:100%;} .main_tit{padding:5px 0; border-bottom:1px solid #0d5281;border-top:1px solid #0d5281; background:#07519d; overflow:hidden;} .main_tit span.hd{ margin-left:8px; float:left; color:#fff;font-weight:bold;font-size:16px;line-height:25px;} .main_tit a.more{display:block; margin-right:8px; background:url(/SKIN/HTML/1/IMG/btn/more.png) no-repeat;float:right;width:25px;height:25px;background-size:25px;} .pdts1 > ul{overflow:hidden;} .pdts1 > ul > li{border:1px #ccc solid;width:48%;position:relative;overflow:hidden;} .pdts1 > ul > li > .thum{padding:5px;text-align:center;} .pdts1 > ul > li > .thum > .pdt_name{display:block;text-align:center;font-weight:bold;font-size:14px;line-height:180%;} .pdts1 > ul > li > .thum img{width:60%;} .pdts1 > ul > li > .tit_txt_zone{background:url(/SKIN/HTML/1/IMG/common/pdt_name_line.png) 0 50% repeat-x;text-align:center;} .pdts1 > ul > li > .tit_txt_zone > .tit_txt{background:#1996f2;font-weight:bold;z-index:99;border-radius:10px;display:inline-block;padding:5px 15px;color:#fff;margin:0 auto;} .pdts1 > ul > li > .txt_info{background:#f6f6f6;overflow:hidden;display:block;height:auto;padding:10px 5px;} .pdts1 > ul > li > .txt_info table{} .pdts1 > ul > li > .txt_info img{width:100%;} .pdts1 > ul > li > .txt_info td{} .pdts1 > ul > li > .txt_info td span{display:block;font-size:11px;} .pdts1 > ul > li > .txt_info td span.tc{text-align:right;width:35%;float:left;} .pdts1 > ul > li > .txt_info td span.price{text-align:right;float:right;} .pdts1 > ul > li > .txt_info td span.on{color:#dc0b2d !important;font-weight:bold;font-size:12px;} .pdts2 table{border:1px #ccc solid;position:relative;margin-bottom:10px;} .pdts2 table td.thum{padding:5px;text-align:center;float:left} .pdts2 table td.thum .pdt_name{display:block;text-align:center;font-weight:bold;font-size:14px;line-height:200%;} .pdts2 table td.thum img{width:70%;} .pdts2 table td.txt_info{border-left:1px #ccc solid;background:#f6f6f6;overflow:hidden;padding:10px 5px;} .pdts2 table td.txt_info .tit_txt{background:#f14b62;font-weight:bold;z-index:99;border-radius:10px;display:inline-block;padding:5px 15px;color:#fff;margin:0 10px;} .pdts2 table td.txt_info .stit{color:#0081cc !important;font-weight:bold;font-size:14px;line-height:200%;} .pdts2 table td.txt_info span .on{color:#dc0b2d !important;font-weight:bold;font-size:14px;} .pdts2 table td.txt_info span{display:block;line-height:160%;font-size:12px;margin-left:10px;} .pdts3{padding:0;margin:0;} .pdts3 a{display:block;overflow:hidden;} .pdts3 ul{overflow:hidden;padding:8px;margin:0;} .pdts3 ul li{position:relative;overflow:hidden;border:1px #ccc solid;padding:5px 0;box-sizing:border-box;background:#fff;} .pdts3 ul li .thum{width:48%;padding:5px;text-align:center;position:relative;float:left} .pdts3 ul li .thum img{width:165px;} .pdts3 ul li .thum .share{position:absolute;bottom:10px;left:10px;display:block;width:35px;height:35px;} .pdts3 ul li .thum .share img{width:100%;} .pdts3 ul li .thum .call{position:absolute;bottom:10px;left:55px;display:block;width:35px;height:35px;} .pdts3 ul li .thum .call img{width:100%;} /*.pdts3 .viewlnk{color:#fff;position:absolute;bottom:30px;left:50%;margin-left:-32.5px;width:65px;height:65px;background:#df4848;border-radius:50%;text-align:center;font-weight:bold;font-size:12px;padding-top:15px;}* 스타일 변경됨*/ .pdts3 .viewlnk{color:#fff;width:95%;;height:60px;background:#df4848;border-radius:5px;text-align:center;font-weight:bold;font-size:12px;padding-top:15px;margin:5px auto;} .pdts3 ul li .price{width:50%;padding:5px;position:relative;float:right} .pdts3 ul li .price p{padding-left:55px;} .pdts3 ul li .price p span.tit{font-weight:bold;font-size:11px;} .pdts3 ul li .price p span.df_price{font-weight:bold;display:block;} .pdts3 ul li .price p span.hot_price{font-weight:bold;font-size:18px;color:#df4848;display:block;} .pdts3 ul li .price .best_c{background:url(/SKIN/HTML/1/IMG/common/won_best.png) 0 50% no-repeat;background-size:48px;height:48px;} .pdts3 ul li .price .fix_pri{background:url(/SKIN/HTML/1/IMG/common/won_fix.png) 0 50% no-repeat;background-size:48px;height:48px;} .pdts3 ul li .price .add_pri{background:url(/SKIN/HTML/1/IMG/common/won_add.png) 0 50% no-repeat;background-size:48px;height:48px;} .pdts3 table{} .pdts3 table th, .pdts3 table td{padding:8px;} .pdts3 table th{background:#fff;color:#999;font-size:20px;font-weight:bold;} .pdts3 table td.ss{background:#d7e8f0;color:#333;font-size:11px;} .pdts3 table td.last{background:url(/SKIN/HTML/1/IMG/common/se_bar.png) 0 50% no-repeat;} .pdts3 table td.tip{border:none;font-size:10px;color:red;padding:0px;} .sch_detail{padding:5px 0;text-align:center;} .sch_detail > .name{color:#fff;font-weight:bold;line-height:160%;font-size:20px;text-align:center;} .sch_detail > .name2{color:#333;font-weight:bold;line-height:160%;font-size:20px;text-align:center;} .sch_detail img{width:200px;border:1px #ccc solid;} .result_tit{color:#00a0e9;} .result_tit span{color:#e60012;} .result_sub{font-size:10px;padding-right:20px;text-align:right;} .through{text-decoration:line-through;} .rth{font-size:25px;color:#df4848;font-weight:bold;} .rthth{font-size:11px;} .tabstly1 div{line-height:250%;text-align:center;color:#7acaee;font-weight:bold;font-size:1em;background:#0082bd;} .tabstly1 div.on{line-height:250%;text-align:center;color:#fff;font-weight:bold;font-size:1em;background:#009ce2;} .tabstly2{padding:0 5px} .tabstly2 div{line-height:250%;text-align:center;color:#8d8d8d;font-weight:bold;font-size:1em;border-radius:10px;overflow:hidden;margin:0 3px;width:18%;letter-spacing:-0.5px; background:-webkit-linear-gradient(#ffffff, #b4b4b4); background:-moz-linear-gradient(#ffffff, #b4b4b4); background:-o-linear-gradient(#ffffff, #b4b4b4); background:linear-gradient(#ffffff, #b4b4b4); border:1px #ccc solid; } .tabstly2 div.on{line-height:250%;text-align:center;color:#fff;font-weight:bold;font-size:1em;background:#009ce2;border-radius:10px;overflow:hidden;margin:0 3px;width:18%; background:-webkit-linear-gradient(#78c4ff, #009ce2); background:-moz-linear-gradient(#78c4ff, #009ce2); background:-o-linear-gradient(#78c4ff, #009ce2); background:linear-gradient(#78c4ff, #009ce2); border:1px #009ce2 solid; } .sub_discussion { padding:8px 0; border-bottom:1px solid #16171f; background:#3f4355; overflow:hidden; } .sub_discussion select { width:120px; height:26px; margin-left:8px; float:left; font-family:dotum, '돋움', sans-serif; } .sub_discussion a { display:block; margin-right:8px; padding:6px 10px; background:#98a2e0; border-radius:3px; font-weight:bold; color:#fff; float:right; } .sub_gosu_info { padding:8px 0; border-bottom:1px solid #16171f; background:#3f4355; overflow:hidden; } .sub_gosu_info select { width:120px; height:26px; margin-left:8px; float:left; font-family:dotum, '돋움', sans-serif; } .sub_gosu_info a { display:block; margin-right:8px; padding:6px 10px; background:#98a2e0; border-radius:3px; font-weight:bold; color:#fff; float:right; } .detail_view{padding:8px;overflow:hidden;background:#fff;} .detail_view h2{line-height:30px;font-size:22px;margin:0;} .date{color:#ccc;line-height:100%;font-weight:normal !important;} .title{width:100%;display:inline-block;} .count{color:#ccc;line-height:100%;} /* 슬라이드 */ .slideview{background:#dddddd;padding:10px 0;} .slideview .slidhead{background:url(/SKIN/HTML/1/IMG/common/slide_titbg.png); height:40px;} .slideview .slidhead ul{overflow:hidden;padding:10px;} .slideview .slidhead ul li{overflow:hidden;} .slideview .slickview{display:block;background:#fff;padding-bottom:10px;} .slideview .slickview .item{border:1px #ccc solid;display:inline-block;margin:5px;} .pagingInfo{background:#d6d6d6;color:#635d5d;border-radius:12px;line-height:24px;padding:0px 10px 0;margin-top:-2px;} /* 상품정보 */ .pinfo1{overflow:hidden;padding:15px 0;margin:0;} .pinfo1 li{text-align:center;line-height:20px;} .pinfo1 li.tit{color:#000000;font-size:14px;} .pinfo1 li.pr{color:#000000;font-size:16px;font-weight:bold;} .pinfo2{overflow:hidden;padding:5px 0;margin:0;} .pinfo2 li{text-align:center;line-height:18px;} .pinfo2 li.tit{color:#000000;font-size:12px;} .pinfo2 li.pr{color:#000000;font-size:12px;font-weight:bold;} .thumtpl{width:100%;} .thumtpl td{border:1px #dddddd solid;width:33.33%;box-sizing:border-box;padding:3px;} /* PV리스트 */ .pv_list{overflow:hidden;} .pv_list h4{text-align:center;font-size:14px;font-weight:bold;border-bottom:1px #ccc solid;line-height:30px;} .pv_list li{text-align:center;overflow:hidden;padding:10px 5px;width:50%;box-sizing:border-box;float:left;} .pv_list li a{display:block;} .pv_list li a p.name{text-align:center;overflow:hidden;padding:5px 0px;box-sizing:border-box;height:38px;font-size:0.9em;} .pv_list li a p.price{text-align:center;overflow:hidden;color:#d2163e;font-size:1.2em;} /* 내강의실 */ .con_tit{font-size:1em;font-weight:bold;} .myclass_dasi{background:url(/SKIN/HTML/1/IMG/class/top_img.png) 50% 50% no-repeat;background-size:cover;overflow:hidden;padding:5px;} .myclass_dasi .m_tit{color:#fff;font-weight:bold;font-size:1.1em;} .myclass_dasi .s_tit{color:#fff;font-weight:normal;font-size:0.75em;} .myclass_dasi ul {overflow:hidden;margin:0;} .myclass_dasi ul li{overflow:hidden;float:left;margin-right:5px;} .myclass_dasi ul li a {background:#fff;color:#555;font-size:0.75em;padding:3px 10px;border-radius:10px;} .class_box{overflow:hidden;margin:0;} .class_box li{overflow:hidden;padding:5px;background:#f5f4f4;border:1px #e5e5e5 solid;margin:3px 0 5px;} .class_box li .thum{border-radius:10px;width:25%;float:left;overflow:hidden;} .class_box li .class_t_zone{width:73%;float:right;} .class_box li .class_t_zone .tt{font-size:1em;font-weight:bold;margin-bottom:0px;} .class_box li .class_t_zone .ts{font-size:0.75em;} .class_mo_list{background:url(/SKIN/HTML/1/IMG/icon/icon_cross.png) 0 50% no-repeat;padding-left:8px;font-size:0.9em;} .class_mo_list .pt{font-size:0.7em;} .class_box_like{overflow:hidden;} .class_box_like li{overflow:hidden;padding:5px;background:#f5f4f4;border:1px #e5e5e5 solid;width:49%;} .class_box_like li .thum{border-radius:50%;width:30%;float:left;overflow:hidden;} .class_box_like li .class_t_zone{width:68%;float:right;} .class_box_like li .class_t_zone .tt{font-size:0.8em;margin-bottom:0px;} .class_box_like li .class_t_zone .ts{font-size:0.75em;} .class_box_like li .class_t_zone .ts .price{font-size:1.5em;} .woori_info{font-size:0.8em;} /* 버튼 */ .btn_zone{background:#dddddd;padding:15px 10px;box-sizing:border-box;} .btn_double{overflow:hidden;width:100%;box-sizing:border-box;margin:0;} .btn_double li{width:48%;box-sizing:border-box;overflow:hidden;} .btn_lg{padding:10px;font-weight:bold;color:#fff;display:block;} .btn_md{padding:10px;font-weight:bold;color:#fff;display:block;} .btn_rd{border-radius:5px;} .btn_sh{box-shadow: 2px 2px 2px #888888;} .btn_in{box-shadow: 2px 2px 2px #888888 inset;} .arrow1{border-radius:50%;border:1px #fff solid;width:20px;height:20px;display:inline-block;background:url(/SKIN/HTML/1/IMG/common/arrow2.png) 50% 50% no-repeat;background-size:5px;} .arrow2{border-radius:50%;border:1px #fff solid;width:20px;height:20px;display:inline-block;background:#ffffff url(/SKIN/HTML/1/IMG/common/arrow1.png) 50% 50% no-repeat;background-size:7px;} .vip{width:20px;height:20px;display:inline-block;background:url(/SKIN/HTML/1/IMG/common/icon_vip.png) 50% 50% no-repeat;background-size:20px;} .pv{width:20px;height:20px;display:inline-block;background:url(/SKIN/HTML/1/IMG/common/icon_pv.png) 50% 50% no-repeat;background-size:20px;} .btn_zone1{border-top:1px #ccc solid;margin-top:10px;padding:10px;text-align:center;} .btn_zone2{border-top:1px #ccc solid;padding:10px;text-align:center;background:#d6d6d6;} /**********************************디자인프랍추가 하단버튼 ceobiz_201903(03월13일)********************************************/ .btn_zone3{border-top:1px #ccc solid;padding:10px;text-align:center;background:#d6d6d6; margin-top:10px;} /**********************************디자인프랍 장바구니부분 하단 버튼2개 수정********************************************/ .popcon_btn_zone1{border-top:1px #ccc solid;padding:10px;text-align:center;} /**********************************디자인프랍 팝콘사용/적립내역 회원선물하기 내역상세조회하기 버튼2개 크기수정********************************************/ .popcon_btn_zone2{padding:10px;text-align:center;background:#fff;} .popcon_btn_zone3{padding:2px 10px;text-align:center;background:#fff;} /* 창업신청폼 */ .found_form{padding:10px 0;border-bottom:1px #ccc solid;} .found_form h4{font-weight:bold;font-size:1em;} .found_form .txt_box{border-radius:5px;border:1px #ddd solid;margin:5px 0;height:100px;overflow-y:scroll;padding:3px;font-size:0.75em;background:#fff;} .found_form .txt_box2{border-radius:5px;border:1px #ddd solid;margin:5px 0;height:168px; padding:3px;font-size:0.75em;background:#fff;} /* ceobiz_201504 */ .form_tip{margin:0;font-size:0.8em;} ::-webkit-input-placeholder { color:#ccc; font-size:0.9em;} ::-moz-placeholder { color:#ccc; font-size:0.9em;} /* firefox 19+ */ :-ms-input-placeholder { color:#ccc; font-size:0.9em;} /* ie */ input:-moz-placeholder { color:#ccc; font-size:0.9em;} /*탭 스타일*/ .tabMenu {width:100%;margin:0px auto;} .tabMenu td{border:1px #dddddd solid;width:25%;box-sizing:border-box;} .tabMenu td.hd{border-left:none;} .tabMenu td.ed{border-right:none;} .tabMenu td .tabOn {height:30px;line-height:30px; display:block;color:#626262; ;text-align:center;padding:0 5px;font-size:0.89em;background:#ffffff;font-weight:bold;letter-spacing:-1.8px; cursor:pointer;} .tabMenu td .tabOff {height:30px; line-height:30px; display:block;color:#626262;text-align:center;padding:0 5px;font-size:0.89em;background:#eeeeee;letter-spacing:-1px; cursor:pointer;} .tabMenu_detail {width:100%;margin:0px auto;} .tabMenu_detail td{border:1px #3f3637 solid;width:33.33%;box-sizing:border-box;} .tabMenu_detail td.hd{border-left:none;} .tabMenu_detail td.ed{border-right:none;} .tabMenu_detail td .tabOn {height:30px;line-height:30px; display:block;color:#ffffff; ;text-align:center;padding:0 5px;font-size:0.89em;background:#3f3637;font-weight:bold;letter-spacing:-1.8px;} .tabMenu_detail td .tabOff {height:30px; line-height:30px; display:block;color:#626262;text-align:center;padding:0 5px;font-size:0.89em;background:#ffffff;letter-spacing:-1px; } .tabMenu td div span{display:inline-block;width:100%;text-align:left;} .cate_ico1{background:url(/SKIN/HTML/1/IMG/common/icon_cate01.png) 0 50% no-repeat;height:30px;display:inline-block;background-size:20px;padding-left:20px;padding-top:2px;} .cate_ico2{background:url(/SKIN/HTML/1/IMG/common/icon_cate02.png) 0 50% no-repeat;height:30px;display:inline-block;background-size:20px;padding-left:20px;padding-top:2px;} .cate_ico3{background:url(/SKIN/HTML/1/IMG/common/icon_cate03.png) 0 50% no-repeat;height:30px;display:inline-block;background-size:20px;padding-left:20px;padding-top:2px;} .cate_ico4{background:url(/SKIN/HTML/1/IMG/common/icon_cate04.png) 0 50% no-repeat;height:30px;display:inline-block;background-size:20px;padding-left:20px;padding-top:2px;} .cate_ico5{background:url(/SKIN/HTML/1/IMG/common/icon_cate05.png) 0 50% no-repeat;height:30px;display:inline-block;background-size:20px;padding-left:20px;padding-top:2px;} .cate_ico6{background:url(/SKIN/HTML/1/IMG/common/icon_cate06.png) 0 50% no-repeat;height:30px;display:inline-block;background-size:20px;padding-left:20px;padding-top:2px;} .cate_ico7{background:url(/SKIN/HTML/1/IMG/common/icon_cate07.png) 0 50% no-repeat;height:30px;display:inline-block;background-size:20px;padding-left:20px;padding-top:2px;} .cate_ico8{background:url(/SKIN/HTML/1/IMG/common/icon_cate08.png) 0 50% no-repeat;height:30px;display:inline-block;background-size:20px;padding-left:20px;padding-top:2px;} .tabview{background:#fff;padding:10px;} .tabview .thumbig{border:1px #d6d6d6 solid;padding:5px;display:block;position:relative;} .tabview .thumbig span.todayhot{position:absolute;top:15px;left:-3px;background:url(/SKIN/HTML/1/IMG/common/tit_todayhot.png) 0 50% no-repeat;text-indent:-9999px;background-size:90px;width:95px;height:25px} .sk_t{background:url(/SKIN/HTML/1/IMG/common/sk.png) 50% 50% no-repeat;display:block;background-size:70%;text-indent:-9999px;} .kt_t{background:url(/SKIN/HTML/1/IMG/common/kt.png) 50% 50% no-repeat;display:block;background-size:70%;text-indent:-9999px;} .lg_t{background:url(/SKIN/HTML/1/IMG/common/lg.png) 50% 50% no-repeat;display:block;background-size:70%;text-indent:-9999px;} .al_t{background:url(/SKIN/HTML/1/IMG/common/al.png) 50% 50% no-repeat;display:block;background-size:70%;text-indent:-9999px;} .new_t{background:url(/SKIN/HTML/1/IMG/common/new_i.png) 50% 50% no-repeat;display:block;background-size:70%;text-indent:-9999px;} .tabMenu_service {position:relative;overflow:hidden;width:98%;margin:0px auto;} .tabMenu_service ul{list-style:none;box-sizing:border-box;height:50px;border-bottom:1px #dfdfdf solid;margin-top:10px;} .tabMenu_service ul li{float:left;cursor:pointer;text-align:center;box-sizing:border-box;margin-right:0px;width:33.3%;position:relative;} .tabMenu_service ul li div{} .tabMenu_service ul li .tabOn {vertical-align:middle !important;height:50px;line-height:18px; display:block;color:#777; ;text-align:center;padding:0 3px;font-size:12px;background:#fff;border:1px #dfdfdf solid; border-bottom:1px #fff solid; font-weight:bold !important;} .tabMenu_service ul li .tabOff {vertical-align:middle !important;height:50px; line-height:18px; display:block;text-align:center;color:#666;padding:0 3px;font-size:12px;background:#aaaaaa;border:1px #dfdfdf solid; } .tabMenu_service ul li.hd div{padding-left:10px !important;} .tabMenu_service ul li.ed div{background:none;} /* 광고물리스트 */ .tit_tip{font-size:0.8em;line-height:160%;border-bottom:1px #ccc solid;} .box-ad{overflow:hidden;} .box-ad li{margin:5px 0;border-bottom:1px #d9d9d9 solid;overflow:hidden;position:relative;} .box-ad li div{overflow:hidden;display:inline-block;} .box-ad li div.ad_name{width:100%;background:url(/SKIN/HTML/1/IMG/common/ad_icon.png) 0 50% no-repeat;display:block;background-size:25px;padding-left:28px;line-height:30px;font-size:0.8em;font-weight:bold;} .box-ad li div.ad_thum{width:65%;margin-bottom:7px;} .box-ad li div.ad_info{width:33%;padding:5px;box-sizing:border-box;;position:absolute;top:50%;right:0;margin-top:-60px;} .box-ad li div.ad_info a.sns01{background:url(/SKIN/HTML/1/IMG/common/sns01.png) 0 50% no-repeat;display:block;background-size:25px;padding-left:28px;line-height:30px;font-size:0.8em;border-bottom:1px #d9d9d9 solid;} .box-ad li div.ad_info a.sns02{background:url(/SKIN/HTML/1/IMG/common/sns02.png) 0 50% no-repeat;display:block;background-size:25px;padding-left:28px;line-height:30px;font-size:0.8em;letter-spacing:-1.2px;border-bottom:1px #d9d9d9 solid;} .box-ad li div.ad_info a.sns03{background:url(/SKIN/HTML/1/IMG/common/sns03.png) 0 50% no-repeat;display:block;background-size:25px;padding-left:28px;line-height:30px;font-size:0.8em;border-bottom:1px #d9d9d9 solid;} .box-ad li div.ad_info a.sns04{background:url(/SKIN/HTML/1/IMG/common/sns04.png) 0 50% no-repeat;display:block;background-size:25px;padding-left:28px;line-height:30px;font-size:0.8em;border-bottom:1px #d9d9d9 solid;} .box-ad li div.ad_info a.sns05{background:url(/SKIN/HTML/1/IMG/common/sns05.png) 0 50% no-repeat;display:block;background-size:25px;padding-left:28px;line-height:30px;font-size:0.8em;border-bottom:1px #d9d9d9 solid;} .box-ad li div.ad_info a.sns06{background:url(/SKIN/HTML/1/IMG/common/sns06.png) 0 50% no-repeat;display:block;background-size:25px;padding-left:28px;line-height:30px;font-size:0.8em;border-bottom:1px #d9d9d9 solid;} .box-ad li div.ad_info a.sns07{background:url(/SKIN/HTML/1/IMG/common/sns07.png) 0 50% no-repeat;display:block;background-size:25px;padding-left:28px;line-height:30px;font-size:0.8em;border-bottom:1px #d9d9d9 solid;} table.tbs1{border-collapse:collapse;;border-top:2px solid #555;font-size:12px;} table.tbs1 th{padding:6px 5px;font-weight:bold;text-align:left;color:#333;background:#f4f4f4;border-top:1px solid #DFE0EC; border-bottom:1px solid #DFE0EC;} table.tbs1 td{padding:6px 5px;border-top:1px solid #DFE0EC; border-bottom:1px solid #DFE0EC;line-height:22px;background:#fff;vertical-align:middle;} table.tbs1 td > strong{color:#0078d4;padding:0 0 0 12px;background:url(/SKIN/HTML/1/IMG/icon/b_c_b.gif) 5px center no-repeat;} table.tbs1 td a strong{color:#000;} table.tbs1 td ul li{padding:0 0 0 12px;background:url(/SKIN/HTML/1/IMG/icon/b_c_b.gif) 5px center no-repeat;} table.tbs1 td ul li strong{color:#0078d4} /*****************************디자인프랍 추가 / ceobiz_201903 기본정보입력 테이블 (03월13일)*****************************************/ table.popcon_popup_tbs6{border-collapse:collapse;;border-top:2px solid #555;font-size:12px;} table.popcon_popup_tbs6 th{padding:6px 5px;font-weight:bold;text-align:left;color:#333;background:#f4f4f4;border-top:1px solid #DFE0EC; border-bottom:1px solid #DFE0EC;} table.popcon_popup_tbs6 th span{color:#d21c42;} table.popcon_popup_tbs6 td{padding:6px 5px;border-top:1px solid #DFE0EC; border-bottom:1px solid #DFE0EC;line-height:22px;background:#fff;vertical-align:middle;} table.popcon_popup_tbs6 td > strong{color:#0078d4;padding:0 0 0 12px;background:url(/SKIN/HTML/1/IMG/icon/b_c_b.gif) 5px center no-repeat;} table.popcon_popup_tbs6 td a strong{color:#000;} table.popcon_popup_tbs6 td ul li{padding:0 0 0 12px;background:url(/SKIN/HTML/1/IMG/icon/b_c_b.gif) 5px center no-repeat;} table.popcon_popup_tbs6 td ul li strong{color:#0078d4} table.popcon_popup_tbs6 tr:nth-child(2) input[type="checkbox"]{width:20px; height:20px; vertical-align:middle; margin-bottom:5px;} /* table.popcon_popup_tbs6 tr:nth-child(4) div a {display:inline; color:#fff; padding:5px;cursor:pointer; border:1px solid #CCC; background:#4d4d4d;width:100px; height:25px;margin-left:5px;margin-top:0px; cursor:pointer; border-radius:5px 5px 5px 5px;} */ /* ceobiz_201903 : 아래의 btn class로 변경 */ table.popcon_popup_tbs6 .btn {display:inline; color:#fff; padding:5px;cursor:pointer; border:1px solid #CCC; background:#4d4d4d;width:100px; height:25px;font-size:12px;margin-left:5px;margin-top:0px; cursor:pointer; border-radius:5px 5px 5px 5px;} table.popcon_popup_tbs6 tr:nth-child(6) select{border:1px solid #d5d5d5;} table.popcon_popup_tbs6 tr:nth-child(7) select{border:1px solid #d5d5d5;} table.popcon_popup_tbs6 tr:nth-child(7), table.popcon_popup_tbs6 tr:nth-child(8), table.popcon_popup_tbs6 tr:nth-child(10) label{padding-bottom:8px;} /* table.popcon_popup_tbs6 tr:nth-child(7) input[type="radio"], table.popcon_popup_tbs6 tr:nth-child(8) input[type="radio"], table.popcon_popup_tbs6 tr:nth-child(10) input[type="radio"]{width:20px; height:20px;margin:0px 5px 10px 0px; } */ /* ceobiz_201903 : 아래의 class로 변경 */ table.popcon_popup_tbs6 input[type="radio"]{width:20px; height:20px;margin:0px 5px 10px 0px; } table.popcon_popup_tbs6 label{padding-bottom:10px;} table.popcon_popup_tbs6 tr:nth-child(8) select{height:27px; border:1px solid #eee; background-color:#fff;} /* table.popcon_popup_tbs6 tr:nth-child(9) input{margin-top:5px;} */ /* ceobiz_201903 : 아래의 class로 변경 */ table.popcon_popup_tbs6 .mt5 input{margin-top:5px;} /*****************************디자인프랍 추가 / ceobiz_201903 기본정보입력 테이블 끝*****************************************/ /*****************************디자인프랍 주문배송조회 신청하기 팝업창01, 02 table 부분*****************************************/ table.popcon_popup_tbs1{border-collapse:collapse;;border-top:2px solid #555;font-size:12px;} table.popcon_popup_tbs1 th{padding:6px 5px;font-weight:bold;text-align:left;color:#333;background:#f4f4f4;border-top:1px solid #DFE0EC; border-bottom:1px solid #DFE0EC;} table.popcon_popup_tbs1 td{padding:6px 5px;border-top:1px solid #fff; border-bottom:1px solid #DFE0EC;line-height:22px;background:#fff;vertical-align:middle;} table.popcon_popup_tbs1 td > strong{color:#0078d4;padding:0 0 0 12px;background:url(/SKIN/HTML/1/IMG/icon/b_c_b.gif) 5px center no-repeat;} table.popcon_popup_tbs1 td a strong{color:#000;} /*****************************디자인프랍 주문배송조회 신청하기 팝업창01, 02 textarea 부분*****************************************/ table.popcon_popup_tbs1 .popcon_popup_tbs1_title th{padding:8px 5px 0px 0px;background-color:#fff; border-bottom:1px solid #fff;} table.popcon_popup_tbs1 .popcon_popup_tbs1_title td{padding:0px 5px;background-color:#fff; border-bottom:1px solid #fff;} /*****************************디자인프랍 팝콘사용/적립내역 페이지 팝업창03 table 부분*****************************************/ table.popcon_popup_tbs3{border-collapse:collapse;;border-top:2px solid #555;font-size:12px;} table.popcon_popup_tbs3 th{padding:6px 5px;font-weight:bold;text-align:center;color:#333;background:#f4f4f4;} table.popcon_popup_tbs3 td{padding:5px 5px;line-height:30px;background:#fff;vertical-align:middle;} table.popcon_popup_tbs3 td > strong{color:#0078d4;padding:0 0 0 12px;background:url(/SKIN/HTML/1/IMG/icon/b_c_b.gif) 5px center no-repeat;} table.popcon_popup_tbs3 td a strong{color:#000;} table.popcon_popup_tbs3 select{width:100%; height:40px;} table.popcon_popup_tbs3 input{width:100%;} table.popcon_popup_tbs3{border:1px solid #d0d0d0;} /*****************************디자인프랍 팝콘사용/적립내역 페이지 팝업창04 table 부분*****************************************/ table.popcon_popup_tbs4 {border-collapse:collapse;;border-top:2px solid #555;font-size:12px;} table.popcon_popup_tbs4 th{border:1px solid #d0d0d0; padding:6px 5px;font-weight:bold;text-align:center;color:#333;background:#f4f4f4;} table.popcon_popup_tbs4 td{border:1px solid #d0d0d0; padding:5px 5px;line-height:30px;background:#fff;vertical-align:middle;} table.popcon_popup_tbs4 td span{color:#d1173d; font-weight:bold;} table.popcon_popup_tbs4 input{width:50%;} table.popcon_popup_tbs4 .popcon_popup_tbs4_tbs{width:100%; text-align:center;} /*****************************디자인프랍 팝콘사용/적립내역 페이지 팝업창05 table 부분*****************************************/ table.popcon_popup_tbs5 {border-collapse:collapse;;border-top:2px solid #555;font-size:12px;} table.popcon_popup_tbs5 th{border:1px solid #d0d0d0; padding:6px 5px;font-weight:bold;text-align:center;color:#333;background:#f4f4f4;} table.popcon_popup_tbs5 td{border:1px solid #d0d0d0; padding:10px 5px 0px 5px;line-height:30px;background:#fff;vertical-align:middle;} table.popcon_popup_tbs5 td span{color:#d1173d; font-weight:bold;} table.popcon_popup_tbs5 input{width:42%; margin-left:5px;} table.popcon_popup_tbs5 .popcon_popup_tbs4_tbs{width:100%; text-align:center;} table.popcon_popup_tbs5_tb {border-collapse:collapse;;border-top:2px solid #555;font-size:12px; text-align:center;} table.popcon_popup_tbs5_tb th{border:1px solid #d0d0d0; padding:6px 5px;font-weight:bold;text-align:center;color:#333;background:#f4f4f4;} table.popcon_popup_tbs5_tb td{border:1px solid #d0d0d0; padding:5px 10px;line-height:20px;background:#fff;vertical-align:middle;} table.popcon_popup_tbs5_tb td span{color:#d1173d; font-weight:bold;} table.popcon_popup_tbs5_tb input{width:90%;} table.popcon_popup_tbs5_tb .popcon_popup_tbs4_tbs{width:100%; text-align:center;} table.popcon_popup_tbs5_tb .popcon_tb_txt td:nth-child(5) span{ box-sizing:border-box; line-height:normal; padding:4px 7px; box-sizing:border-box; border:1px solid #d3163e; color:#d3163e; font-weight:bold; font-size:12px; } table.tbs1_1{border-collapse:collapse;;border-top:2px solid #009ce2;font-size:12px;} table.tbs1_1 th{padding:6px 5px;font-weight:bold;text-align:left;color:#333;background:#f4f4f4;border-top:1px solid #DFE0EC; border-bottom:1px solid #DFE0EC;} table.tbs1_1 th.on{padding:6px 5px;font-weight:bold;text-align:left;color:#fff;background:#009ce2;border-top:1px solid #DFE0EC; border-bottom:1px solid #DFE0EC;} table.tbs1_1 td{padding:6px 5px;border-top:1px solid #DFE0EC; border-bottom:1px solid #DFE0EC;line-height:22px;background:#fff;vertical-align:middle;} table.tbs1_1 td > strong{color:#0078d4;padding:0 0 0 12px;background:url(/SKIN/HTML/1/IMG/icon/b_c_b.gif) 5px center no-repeat;} table.tbs1_1 td a strong{color:#000;} table.tbs1_1 td ul li{padding:0 0 0 12px;background:url(/SKIN/HTML/1/IMG/icon/b_c_b.gif) 5px center no-repeat;} table.tbs1_1 td ul li strong{color:#0078d4} table.tbs2{border-collapse:collapse;;border:2px solid #009ce2;font-size:12px;} table.tbs2 th{padding:6px 5px;font-weight:bold;text-align:left;color:#fff;background:#009ce2;border-top:1px solid #DFE0EC; border-bottom:1px solid #DFE0EC;font-size:20px;} table.tbs2 td{padding:6px 5px;border-top:1px solid #DFE0EC; border-bottom:1px solid #DFE0EC;line-height:22px;background:#fff;vertical-align:middle;} table.tbs2 tfoot{font-size:14px;color:#dc0f0f;font-weight:bold;} table.tbs2 td > strong{color:#0078d4;padding:0 0 0 12px;background:url(/SKIN/HTML/1/IMG/icon/b_c_b.gif) 5px center no-repeat;} table.tbs2 td a strong{color:#000;} table.tbs2 td ul li{padding:0 0 0 12px;background:url(/SKIN/HTML/1/IMG/icon/b_c_b.gif) 5px center no-repeat;} table.tbs2 td ul li strong{color:#0078d4} table.tbs2 .liner{border-left:1px #009ce2 solid;} table.tbs3{border-collapse:collapse;;border-top:2px solid #555;font-size:12px;} table.tbs3 th{padding:6px 5px;font-weight:bold;text-align:center;color:#333;background:#f4f4f4;border-top:1px solid #DFE0EC; border-bottom:1px solid #DFE0EC;font-size:12px;} table.tbs3 td{padding:6px 5px;border-top:1px solid #DFE0EC; border-bottom:1px solid #DFE0EC;line-height:22px;background:#fff;vertical-align:middle;} table.tbs3 td > strong{color:#0078d4;padding:0 0 0 12px;background:url(/SKIN/HTML/1/IMG/icon/b_c_b.gif) 5px center no-repeat;} table.tbs3 td a strong{color:#000;} /*********************************************디자인프랍 주문서작성페이지 팝콘할인금액 추가***************************************************************/ table.popcon_tbs1{border-collapse:collapse;;border-top:2px solid #555;font-size:12px;} table.popcon_tbs1 th{padding:6px 5px;font-weight:normal;text-align:left;color:#333;background:#eeeeee;border-top:1px solid #DFE0EC; border-bottom:1px solid #DFE0EC;font-size:14px;} table.popcon_tbs1 td{padding:6px 5px;border-top:1px solid #DFE0EC; border-bottom:1px solid #DFE0EC;line-height:22px;background:#fff;vertical-align:middle;} table.popcon_tbs1td > strong{color:#0078d4;padding:0 0 0 12px;background:url(/SKIN/HTML/1/IMG/icon/b_c_b.gif) 5px center no-repeat;} table.popcon_tbs1 td a strong{color:#000;} .tbs_sell th, .tbs_sell td{border:1px #dee2e3 solid;font-size:0.8em;} .tbs_sell th{background:#ecf7fb;padding:5px;} .tbs_sell td{background:#ffffff;padding:5px;} .tbs_gosi th, .tbs_gosi td{border:1px #c1c1c1 solid;} .tbs_gosi th{background:#f3f3f3;padding:5px;font-size:0.75em;} .tbs_gosi td{background:#ffffff;padding:5px;} .btn_zone{text-align:center !important;} .subtitle_bg{background:url(/SKIN/HTML/1/IMG/common/sub_titbg.png) 50% 50% no-repeat;height:55px;padding:5px;text-align:right;color:#fff;font-weight:bold; } .sub_copy{padding:15px 0;text-align:center;line-height:160%;font-size:16px;font-weight:bold;} .quick_11{background:url(/SKIN/HTML/1/IMG/common/quick_btn1_1.png) 50% 50% no-repeat; height:120px;background-size:100%;display:inline-block;text-indent:-999px;} .quick_12{background:url(/SKIN/HTML/1/IMG/common/quick_btn1_2.png) 50% 50% no-repeat; height:120px;background-size:100%;display:inline-block;text-indent:-999px;} .event_list{padding:5px;background:#f4f4f4;} .event_list ul{overflow:hidden;} .event_list ul li{border:1px #ccc solid;background:#fff;border-radius:10px;margin-bottom:5px;min-height:60px;} .event_list ul li a{display:block;min-height:60px;padding:10px;} .sebnr{overflow:hidden;padding:10px;background:#1e2f3c;width:100%;} .sebnr ul{overflow:hidden;margin:0;} .sebnr ul li{overflow:hidden;} .sebnr ul li p{color:#fff;font-weight:bold;line-height:100%;} .sebnr ul li img{width:100%;text-align:center;} /* Header : E */ .box_rd{border-radius:5px;border:1px #ddd solid;margin:5px 0;} .box_rd a{padding:15px;text-decoration:none;overflow:hidden;display:block;color:#777;} .box_rd h4{font-size:14px;font-weight:bold;color:#009ce2;} .noti_bnr{background:url(/SKIN/HTML/1/IMG/common/ico_noti.png) 97% 15px no-repeat;} .qna_bnr{background:url(/SKIN/HTML/1/IMG/common/ico_qnq.png) 97% 19px no-repeat;} .done_bnr{background:url(/SKIN/HTML/1/IMG/common/ico_noti.png) 97% 15px no-repeat;padding:15px;} .jet1_bnr{background:url(/SKIN/HTML/1/IMG/common/ject1.gif) 97% 15px no-repeat;background-size:160px;} /* Container : S */ /* #container { padding:0; margin:85px 0 50px 0;} */ #sub_container { padding:115px 0 50px 0; margin:0;} #sub_container2 { padding:115px 0 0px 0; margin:0;} #cate_container { padding:0; margin:50px 0 0px 0;} .dark { background:#efefef;} .padding { padding:10px; } .box_a { background:#313442; } .box_b { background:#a5a9b5; } .box_c { background:#313442; border:1px solid #17191e; } /* Container : S */ /* Login : S */ #intro { background:#313442 url(/SKIN/HTML/1/IMG/login/loading.gif) center center no-repeat; background-size:105px auto; } #intro a { display:block; width:100%; height:100%; font-size:0; text-align:-9999px; } #login { background:#313442 } #login_inner { width:262px; height:390px; margin:0 auto;} #login_inner > p { height:14px; margin-bottom:50px; background:url(/SKIN/HTML/1/IMG/login/txt_login.png) center 0 no-repeat; background-size:262px auto; font-size:0; text-indent:-9999px; } #login_inner h1 { height:28px; margin-bottom:20px; background:url(/SKIN/HTML/1/IMG/login/txt_login.png) center -75px no-repeat; background-size:262px auto; font-size:0; text-indent:-9999px; } #login_inner form { overflow:hidden; } #login_inner form input { font-size:14px; border:none; color:#eee; font-family:dotum, '돋움', sans-serif; font-weight:bold; } #login_inner form input[type="text"] { display:block; width:238px; height:35px; padding:0 12px; background:url(/SKIN/HTML/1/IMG/login/txt_login.png) center -138px no-repeat; background-size:262px auto; } #login_inner form input[type="password"] { display:block; width:238px; height:35px; margin-bottom:20px; padding:0 12px; background:url(/SKIN/HTML/1/IMG/login/txt_login.png) center -213px no-repeat; background-size:262px auto; } #login_inner form input.not_empty { background:url(/SKIN/HTML/1/IMG/login/txt_login.png) center -512px no-repeat; background-size:262px auto; } #login_inner form p { background:#494c5e; } #login_inner form p input { display:block; width:100%; height:35px; margin-bottom:14px; background:url(/SKIN/HTML/1/IMG/login/txt_login.png) center -290px no-repeat; background-size:262px auto; font-size:0; text-indent:-999px; cursor:pointer; } #login_inner form a { float:right; margin-bottom:50px; color:#fff; letter-spacing:-1px;} #login_inner ul li { background:#494c5e; margin-bottom:5px;} #login_inner ul li a { display:block; width:100%; height:35px; background:url(/SKIN/HTML/1/IMG/login/txt_login.png) center -440px no-repeat; background-size:262px auto; font-size:0; text-indent:-9999px; } #login_inner ul li:first-child a { display:block; width:100%; height:35px; background:url(/SKIN/HTML/1/IMG/login/txt_login.png) center -365px no-repeat; background-size:262px auto; font-size:0; text-indent:-9999px; } /* Login : E */ /* Info : S */ #container #info { padding:10px; background:#fff; } #container #info dl.profile_info { overflow:hidden; } #container #info dl.profile_info.normal { background:url(/SKIN/HTML/1/IMG/info/medal.png) right 0 no-repeat; background-size:50px auto; } #container #info dl.profile_info.gold { background:url(/SKIN/HTML/1/IMG/info/medal.png) right -150px no-repeat; background-size:50px auto; } #container #info dl.profile_info.silver { background:url(/SKIN/HTML/1/IMG/info/medal.png) right -300px no-repeat; background-size:50px auto; } #container #info dl.profile_info.brozen { background:url(/SKIN/HTML/1/IMG/info/medal.png) right -450px no-repeat; background-size:50px auto; } #container #info dl.profile_info dt { margin-top:2px; margin-bottom:12px; text-indent:10px; } #container #info dl.profile_info dd { margin-bottom:4px; text-indent:10px; font-size:11px; } #container #info dl.profile_info dd.img_profile { width:75px; height:75px; margin-bottom:10px; text-indent:0; float:left; position:relative; } #container #info dl.profile_info dd.img_profile span { display:block; width:18px; padding:3px 0; position:absolute; right:4px; bottom:4px; background:#7e7e7e; text-align:center; color:#e0e0e0; } #container #info ul.number_info { margin-bottom:23px; border:1px solid #eee; overflow:hidden; background:#fbfbfb; } #container #info ul.number_info.no_margin { margin-bottom:0; } #container #info ul.number_info li { width:50%; float:left; } #container #info ul.number_info li dl { padding:7px 15px; overflow:hidden; font-size:11px; } #container #info ul.number_info li dl dt { float:left;; } #container #info ul.number_info li dl dd { float:right; } #container #info ul.number_info li:first-child dl { border-right:1px solid #eee; } #container #info .news_info div { margin-bottom:12px; padding-left:60px; padding-bottom:8px; border-bottom:1px solid #bbb; background:url(/SKIN/HTML/1/IMG/info/news_info.png) 0 1px no-repeat; background-size:40px auto; } #container #info .news_info ul li { margin-bottom:10px; } #container #info .news_info ul li a { font-size:14px; } #container #info .news_info ul li span { font-size:12px; } #container .footer_info { padding:9px 0; background:#ddd; text-align:center; } #container .footer_info a { display:inline-block; padding:6px 12px 6px 28px; border-radius:3px; color:#fff; font-weight:bold; background:#444 url(/SKIN/HTML/1/IMG/info/btn_myhome.png) 8px 6px no-repeat; background-size:13px; } #container .navi_info { overflow:hidden; border:1px solid #17191f; background:#343946; } #container .navi_info li { width:25%; float:left; } #container .navi_info li a { display:block; padding-top:10px; height:36px; border-right:1px solid #21242d; border-left:1px solid #424859; text-align:center; } #container .navi_info li:first-child a { border-left:0; } #container .navi_info li:last-child a { border-right:0; } #container .navi_info li a dt { margin-bottom:4px; font-size:11px; color:#fff; } #container .navi_info li a dd { font-size:11px; } #container .navi_info li p { margin-bottom:1px; font-size:11px; } /* Info : E */ /* Quick : S */ #container #quick_01 ul { overflow:hidden; } #container #quick_01 ul li { width:20%; float:left; } #container #quick_01 ul li a { display:block; width:100%; padding-top:60px; padding-bottom:15px; text-align:center; color:#fff; font-size:} #container #quick_01 ul li.quick_01_01 a { background:url(/SKIN/HTML/1/IMG/quick/quick_01_01.png) center 15px no-repeat; background-size:auto 33px; } #container #quick_01 ul li.quick_01_02 a { background:url(/SKIN/HTML/1/IMG/quick/quick_01_02.png) center 15px no-repeat; background-size:auto 33px; } #container #quick_01 ul li.quick_01_03 a { background:url(/SKIN/HTML/1/IMG/quick/quick_01_03.png) center 15px no-repeat; background-size:auto 33px; } #container #quick_01 ul li.quick_01_04 a { background:url(/SKIN/HTML/1/IMG/quick/quick_01_04.png) center 15px no-repeat; background-size:auto 33px; } #container #quick_01 ul li.quick_01_05 a { background:url(/SKIN/HTML/1/IMG/quick/quick_01_05.png) center 15px no-repeat; background-size:auto 33px; } #container #quick_02 ul { overflow:hidden; } #container #quick_02 ul li { width:25%; float:left; } #container #quick_02 ul li a { display:block; width:100%; padding:10px 0; text-align:center; font-size:14px; color:#ddd; } #container #quick_02 ul li a span { display:block; margin-top:6px; } /* Quick : E */ /* Section : S */ .section { padding:8px; } .section .title_section { padding:12px; border-top:1px solid #3b404f; border-bottom:1px solid #1d202a; font-size:14px; font-weight:bold; color:#9da7e7; } /* Section : E */ /* Read : S */ .read .title_read { padding:10px 0 12px; margin-bottom:26px; border-bottom:1px solid #ddd; position:relative; } .read .title_read p { color:#999; } .read .title_read p:first-child { margin-bottom:16px; font-size:14px; color:#000; font-weight:bold; } .read .title_read a { position:absolute; right:0; bottom:12px; color:#999; } .read .contents_read { margin-bottom:20px; line-height:180%; } /* Read : E */ /* Comment : S */ .comments { padding-top:12px; padding-bottom:6px; border-top:1px solid #ddd; background:#fff; } .comments .title_comments { margin-bottom:4px; padding-top:10px; overflow:hidden; } .comments .title_comments p { float:left; color:#777; } .comments .title_comments p span { font-weight:bold; } .comments .title_comments a { float:right; font-size:11px; color:#777; } .comments .list_comments { margin-bottom:14px; border-bottom:1px solid #ddd; } .comments .list_comments li { padding-top:12px; border-top:1px dashed #444; overflow:hidden; position:relative; } .comments .list_comments li:first-child { margin-top:0px; border-top:0; } .comments .list_comments li > div.profile_comments { width:35px; height:35px; padding:4px 12px 6px 4px; float:left; background:url(/SKIN/HTML/1/IMG/bg_profile_comments.png) 0 0 no-repeat; position:absolute; left:0; top:12px; } .comments .list_comments li > div.contents_comments { padding-left:55px; float:right; } .comments .list_comments li > div.contents_comments p { margin-bottom:10px; } .comments .list_comments li > div.contents_comments p img { vertical-align:bottom; } .comments .list_comments li > div.contents_comments p a img { vertical-align:middle; } .comments .list_comments li > div.contents_comments p a.name { font-weight:bold; color:#143879; } .comments .list_comments li > div.contents_comments p span { font-size:11px; color:#999; } .comments .page_comments { margin-bottom:24px; } .comments .page_comments p { overflow:hidden; } .comments .page_comments p a { float:right; font-size:11px; color:#777; } .comments .page_comments div { text-align:center; } .comments .page_comments div a { display:inline-block; width:26px; height:18px; margin:0 2px; padding-top:6px; border:1px solid #ddd; background:#fafafa; color:#356ba7; text-align:center; font-weight:bold; } .comments .page_comments div a.active { border:1px solid #ddd; background:#3c4045; color:#fff; } .comments .footer_comments .write_comments { overflow:hidden; margin-bottom:24px; } .comments .footer_comments .write_comments textarea { display:block; width:72%; height:80px; float:left; border:1px solid #96a1b4; } .comments .footer_comments .write_comments input { display:block; width:25%; height:80px; float:right; border:1px solid #96a1b4; font:bold 12px dotum, '돋움', sans-serif; color:#34425a; background:linear-gradient(#fff, #f2f4f6); } .comments .footer_comments .navi_comments { overflow:hidden; margin-bottom:10px; border:1px solid #abb5c7; border-radius:3px; } .comments .footer_comments .navi_comments li { width:33%; float:left; overflow:hidden; text-align:center; border-left:1px solid #abb5c7; background:linear-gradient(#fff, #f2f4f6); } .comments .footer_comments .navi_comments li:first-child { border-left:0; } .comments .footer_comments .navi_comments li a { display:block; padding:8px 0; font-weight:bold; color:#34425a; } .list_documents { margin-bottom:20px; } .list_documents li { margin-top:12px; padding:12px 8px 0; border-top:1px solid #ddd; } .list_documents li .title_document { margin-bottom:4px; font-size:14px; } .list_documents li .title_document span { font-size:11px; } .list_documents li .title_document span.num_comments { color:#5281c7; } .list_documents li .title_document img { vertical-align:middle; } .list_documents li .info_document { font-size:11px; color:#999; } /* Comment : E */ /* Write : S */ .write { padding-top:8px; } .write > p { margin-bottom:14px; } .write strong { font-weight:bold; color:#333; margin-right:10px; } .write .opt_write_01 { overflow:hidden; } .write .opt_write_01 strong { width:15%; padding-top:4px; display:block; margin-right:0; float:left; } .write .opt_write_01 input { width:83%; padding:2px 0; display:block; float:right; } .write .opt_write_02 span { color:#838fdd; } .write .opt_write_04 input { display:inline-block; width:46px; height:23px; background:url(/SKIN/HTML/1/IMG/btn_pic.png) 0 0 no-repeat; font-size:0; text-indent:-9999px; border:0; vertical-align:middle; } .write .opt_write_04 span { color:#666; font-size:11px; } .write textarea { display:block; width:96%; height:184px; margin-bottom:14px; padding:6px 2%; font-family:dotum, '돋움', sans-serif; } .write .footer_write { overflow:hidden; } .write .footer_write input[type='reset'] { float:left; display:inline-block; width:100px; padding:8px 0; border:1px solid #abb5c7; border-radius:3px; font-weight:bold; font-family:dotum, '돋움', sans-serif; color:#34425a; background:linear-gradient(#fff,#e7e9ee); } .write .footer_write input[type='submit'] { display:inline-block; width:100px; padding:8px 10px 8px 25px; border:0; font-weight:bold; font-family:dotum, '돋움', sans-serif; color:#34425a; background:url(/SKIN/HTML/1/IMG/icon_write.png) 16px center no-repeat; } .write .footer_write span { float:right; display:inline-block; background:linear-gradient(#fff,#e7e9ee); border:1px solid #abb5c7; border-radius:3px; } /* Write : E */ /* Result : S */ .result { font-size:14px; } .result p { margin-bottom:14px; } .result dl { padding-bottom:14px; margin-bottom:14px; border-bottom:1px solid #ddd; } .result dl dt { margin-bottom:4px; font-size:15px; font-weight:bold; } .result dl dd { line-height:140%; } .result .contents_result { margin-bottom:0; line-height:140%; } /* Result : E */ /* Message : S */ .message > p { padding:2px 10px 10px; border-bottom:1px solid #16171f; background:#232629; text-align:right; } .message > p a { display:inline-block; padding:6px 8px; border:1px solid #999; border-radius:2px; background:linear-gradient(#fff,#ccc); font-weight:bold; } .message ul li { padding:12px 10px; border-bottom:1px solid #16171f; background:#313442; } .message ul li p:first-child { margin-bottom:6px; color:#ddd; line-height:140%; } .message ul li p:first-child span { font-size:11px; } .message ul li p:last-child { text-align:right; } .message ul li p a { display:inline-block; margin-left:5px; padding:8px 5px; border:1px solid #999; border-radius:3px; background:#fbfbfb; letter-spacing:-1px; } .message ul li p a img { vertical-align:middle; } /* Message : E */ /* Friend : S */ .friend > p { padding:2px 10px 10px; border-bottom:1px solid #16171f; background:#232629; text-align:right; } .friend > p select { height:28px; font-family:dotum, '돋움', sans-serif; } .friend ul li { padding:12px 10px; border-bottom:1px solid #16171f; background:#313442; position:relative; } .friend.invite ul li { height:48px; } .friend ul li dl { position:relative; color:#fff; font-size:14px; line-height:150%; } .friend ul li dl dt { padding-left:60px; } .friend.invite ul li dl dt { padding-top:13px; } .friend ul li dl dd { padding-left:60px; } .friend ul li dl dd.red { color:#ff1919; } .friend ul li dl dd.thum { position:absolute; left:0; top:0; padding-left:0; } .friend ul li dl dd.thum.gold img { border:2px solid #ffb400; } .friend ul li dl dd.thum.silver img { border:2px solid #5f657f; } .friend ul li dl dd.thum.brozen img { border:2px solid #9c4d00; } .friend ul li dl dd.thum.normal img { border:2px solid #f9f9f9; } .friend ul li a:last-child { position:absolute; right:10px; top:12px; display:inline-block; width:80px; padding:15px 0; border-radius:6px; background:#0f1324; letter-spacing:-0.5px; font-weight:bold; font-size:14px; color:#fff; text-align:center; } .friend ul li a.invite_active { background:#787c8e; color:#ccc; } .friend ul li a.invite_none { background:#5c658e; } /* Friend : E */ /* Mento : S */ .mento .title_section { text-align:center; } .mento ul { padding-top:0; } .mento ul li { overflow:hidden; margin-bottom:8px; } .mento ul li > p { width:40%; height:120px; margin-right:4%; float:left; background:#1d202a; } .mento ul li div { width:56%; height:120px; float:left; position:relative; } .mento ul li div p { color:#999; font-size:11px; line-height:140%; } .mento ul li div a { display:block; width:99%; padding:10px 0; border:1px solid #0f1118; color:#aaa; text-align:center; background:#262933; font-size:14px; position:absolute; bottom:0; } /* Mento : E */ /* Store : S */ #container.store { padding-top:0; } .sub_store a { color:#fff !important; } .sub_store img { vertical-align:middle; } .store ul li { overflow:hidden; padding:15px 10px; border-bottom:1px solid #232629; background:#2c303b; } .store ul li.first > p { background:url(/SKIN/HTML/1/IMG/store/store_01.png) center center no-repeat; background-size:120px; } .store ul li.second > p { background:url(/SKIN/HTML/1/IMG/store/store_02.png) center center no-repeat; background-size:90px; } .store ul li.third > p { background:url(/SKIN/HTML/1/IMG/store/store_03.png) center center no-repeat; background-size:100px; } .store ul li.forth > p { background:url(/SKIN/HTML/1/IMG/store/store_04.png) center center no-repeat; background-size:100px; } .store ul li.fifth > p { background:url(/SKIN/HTML/1/IMG/store/store_05.png) center center no-repeat; background-size:120px; } .store ul li.sixth > p { background:url(/SKIN/HTML/1/IMG/store/store_06.png) center center no-repeat; background-size:120px; } .store ul li > p { width:40%; height:120px; float:left; } .store ul li div { width:60%; height:120px; float:left; position:relative; } .store ul li div dl { color:#fff; line-height:140%; letter-spacing:-0.5px; } .store ul li div dl dt { margin-bottom:8px; font-size:14px; font-weight:bold; } .store ul li div dl dd { margin-bottom:8px; } .store ul li div dl dd.coin { padding-left:22px; color:#ffed77; font-weight:bold; background:url(/SKIN/HTML/1/IMG/store/icon_coin.png) 0 center no-repeat; } .store ul li div a { display:block; width:80px; padding:10px 0; border-radius:3px; color:#fff; text-align:center; background:#50587f; font-size:14px; font-weight:bold; position:absolute; right:10px; bottom:0;} /* Store : E */ /* Payment : S */ .contents_payment > p { padding:16px 0; font-size:15px; font-weight:bold; color:#fff; background:#0a0c12; text-align:center; } .contents_payment > div { background:#fff; } .contents_payment .payment_01 { margin-bottom:30px; } .contents_payment .payment_01 div { padding:6px; } .contents_payment .payment_01 p:first-child { margin-bottom:2px; font-weight:bold; color:#666; } .contents_payment .payment_01 p:last-child { font-size:11px; } .contents_payment .payment_01 a { display:inline-block; padding-right:8px; margin-bottom:2px; color:#999; background:url(/SKIN/HTML/1/IMG/bullet.png) right 3px no-repeat; } .contents_payment .payment_01 input { vertical-align:middle; } .contents_payment .payment_01 > p { margin-top:8px; font-size:11px; letter-spacing:-0.5px; } .contents_payment .payment_01 > p span { color:#ff2d2d; font-weight:bold; } .contents_payment .payment_02 > p { color:#999; letter-spacing:-0.5px; } .contents_payment .payment_02 > p:first-child { height:20px; margin-bottom:5px; font-size:0; text-indent:-9999px; background:url(/SKIN/HTML/1/IMG/payment/title_payment.png) 0 0 no-repeat; } .contents_payment .payment_02 table th { width:30%; } .contents_payment .payment_03 > p { color:#999; letter-spacing:-0.5px; } .contents_payment .payment_03 > p:first-child { height:20px; margin-bottom:5px; font-size:0; text-indent:-9999px; background:url(/SKIN/HTML/1/IMG/payment/title_payment.png) 0 -50px no-repeat; } .contents_payment .payment_03 table { margin-bottom:16px; } .contents_payment .payment_03 table th { width:55%; } .contents_payment table { width:100%; margin:10px 0 24px; border-top:3px solid #937fa6; border-collapse:collapse; } .contents_payment table tr { height:45px; border-bottom:1px solid #ddd; } .contents_payment table th { padding:8px; border-right:1px solid #ddd; font-size:11px; color:#888; background:#f9f9f9; } .contents_payment table td { padding:8px; } .contents_payment ul { overflow:hidden; width:236px; margin:0 auto 6px; } .contents_payment ul li { float:left; margin:0 8px; } .contents_payment ul li a { display:inline-block; width:100px; padding:8px 0; border:1px solid #a7a7a7; border-radius:3px; background:#fafafa; text-align:center; font-weight:bold; } .contents_payment ul li:first-child a { border:1px solid #242d3d; background:#4b5568; color:#fff; } /* Payment : E */ /* Profile : S */ .contents_profile { padding:8px; } .contents_profile > p { padding:16px 0; font-size:15px; font-weight:bold; color:#fff; background:#0a0c12; text-align:center; } .contents_profile ul { background:#232629; } .contents_profile ul li { padding:18px 12px; border-top:1px solid #2e3135; border-bottom:1px solid #191b1f; overflow:hidden; } .contents_profile ul li:first-child { border-top:0; } .contents_profile ul li:last-child { border-bottom:0; } .contents_profile ul li .cell_01 { display:block; float:left; width:35%; font-weight:bold; color:#8c87a9; } .contents_profile ul li .cell_02 { display:block; float:left; width:65%; font-size:15px; font-weight:bold; color:#ffa3a3; } .contents_profile ul li .cell_02 input { display:block; width:95%; height:16px; margin-top:-3px; vertical-align:top; font-size:11px; font-family:dotum, '돋움', sans-serif; text-align:center; } .contents_profile ul li a { display:block; width:100px; margin:0 auto; padding:12px 0; font-size:15px; font-weight:bold; color:#fff; text-align:center; background:#343845; border-radius:4px; } /* Profile : E */ /* Mission : S */ .mission .title_section { font-weight:normal; color:#fff; } .mission .title_section span { font-size:12px; } .mission .title_section span.red { color:#ff3838; } .mission .contents_mission { padding:8px; } .mission .table_mission span { display:block; float:left; text-align:center; } .mission .table_mission .cell_01 { width:60%; text-align:left; text-indent:12px; } .mission .table_mission .cell_02 { width:25%; color:#ff3838; } .mission .table_mission .cell_03 { width:15%; margin-top:-6px; font-size:11px; } .mission div.table_mission { padding:14px 0; background:#22242f; overflow:hidden; } .mission div.table_mission span { font-size:12px !important; color:#888 !important; font-weight:normal !important; } .mission ul.table_mission { border-top:1px solid #17191e; background:#22242f; } .mission ul.table_mission li { height:26px; padding-top:14px; overflow:hidden; background:#2f333f; } .mission ul.table_mission li span { color:#ddd; } .mission ul.table_mission li span a { color:#ddd; } .mission ul.table_mission li:nth-child(odd) { background:#282b35; } /* Mission : E */ /* Egg : S */ .point .contents_egg { padding:8px; } .point .table_point span { display:block; float:left; text-align:center; line-height:150%; } .point .table_point span strong { font-weight:normal; } .point .table_point .cell_01 { width:75%; font-size:11px; text-align:left; } .point .table_point .cell_02 { width:25%; font-size:11px; } .point div.table_point { padding:12px 12px; background:#22242f; overflow:hidden; } .point div.table_point span { font-size:12px !important; color:#888 !important; font-weight:normal !important; } .point ul.table_point { border-top:1px solid #17191e; background:#22242f; } .point ul.table_point li { padding:12px 12px; overflow:hidden; background:#2f333f; } .point ul.table_point li span { color:#ddd; } .point ul.table_point li span a { color:#ddd; } .point ul.table_point li:nth-child(odd) { background:#282b35; } .point .table_footer { padding:8px 0; text-align:center; } .point .table_footer a { display:inline-block; padding:8px 25px; border:1px solid #373c49; background:#151823; color:#a0abc9; font-size:14px; text-align:center; } /* Egg : E */ /* Statistics : S */ .statistics .title_section { background:#22242f; } .statistics .table_statistics table { width:100%; border-collapse:collapse; } .statistics .table_statistics table tr:first-child { border-top:0; } .statistics .table_statistics table tr { height:40px; border-top:1px solid #424758; } .statistics .table_statistics table tr th { width:45%; padding:10px; border-right:1px solid #424758; font-size:11px; color:#7d8398; text-align:center; } .statistics .table_statistics table tr td { padding:10px; font-size:14px; font-weight:bold; text-align:center; } .statistics .table_statistics table tr td.lightred { color:#ff6767; } .statistics .table_statistics table tr td.white { color:#fff; } /* Statistics : E */ /* Game : S */ .game > div:first-child { overflow:hidden; } .game > div:first-child p { width:48.5%; height:95px; border-radius:10px; float:left; } .game > div:first-child p.item_01 { margin-right:3%; margin-bottom:8px; background:#000; } .game > div:first-child p.item_02 { background:#3c4045; } .game > div:first-child p.item_03 { width:100%; height:72px; background:#3c4045; } .game > div:first-child p.item_03 a { text-align:center; } .game > div:first-child p a { display:block; padding:18px 14px; color:#fff; line-height:140%; } .game > div:first-child p a span { display:block; margin-bottom:10px; font-weight:bold; font-size:14px; } .game .box_c { border:1px solid #424754; } .game .box_c > p { padding:14px; border:1px solid #111319; text-align:center; background:#2e313c; color:#ddd; } .game .box_c > p span { font-size:15px; } .game .box_c > p span strong { font-weight:bold; color:#ffc000; } .game .box_c ul { padding-bottom:10px; border:1px solid #111319; border-top:0 } .game .box_c ul li { padding:8px; text-align:center; color:#fff; } .game .box_c ul li span { color:#ff4949; } .game .box_c ul li:first-child { padding:22px 0 12px; border-top:1px solid #424754; font-weight:bold; } .game .box_c ul li:first-child span { color:#90a6f7; } /* Game : E */ /* Setting : S */ .setting input { font-family:dotum, '돋움', sans-serif; } .setting input[type='radio'],.setting input[type='checkbox'] { vertical-align:bottom; } .setting .cell_01 { display:block; float:left; font-size:14px; color:#fff; font-weight:bold; } .setting .cell_02 { display:block; float:left; color:#fff; } .setting .item_01 { padding:20px 20px 24px; border-bottom:1px solid #181920; background:#232629; overflow:hidden; } .setting .item_01 > div > p { overflow:hidden; } .setting .item_01 .cell_01 { width:30%; float:left; text-align:center; } .setting .item_01 .cell_01 img { border:2px solid #eee; } .setting .item_01 .cell_02 { width:70%; padding-top:10px; float:left; } .setting .item_01 .cell_02 p { margin-bottom:8px; } .setting .item_01 .cell_02 p span { display:inline-block; width:50px; color:#ddd; font-size:14px; text-align:right; } .setting .item_01 .cell_02 p input { width:130px; margin-left:8px; } .setting .item_02 { padding:12px; background:#313442; margin-bottom:8px; } .setting .item_02 input[type='text'] { width:120px; } .setting .item_02 input[type='password'] { width:120px; } .setting .item_02 > div { overflow:hidden; margin-bottom:12px; } .setting .item_02 > p { margin-bottom:10px; color:#fff; } .setting .item_02 .cell_01 { width:40%; padding-top:2px; } .setting .item_02 .cell_02 { width:60%; } .setting .item_02 .phone input { width:40px; } .setting .item_02 .phone input.certification { width:50px; margin-right:8px; } .setting .item_02 .phone input[type='button'] { width:100px; margin-top:8px; } .setting .item_02 .mail input { width:60px; } .setting .item_03 { padding:12px; background:#313a42; margin-bottom:8px; position:relative; } .setting .item_03 input[type='text'] { width:120px; } .setting .item_03 input[type='date'] { width:120px; } .setting .item_03 > div { overflow:hidden; margin-bottom:12px; } .setting .item_03 .cell_01 { width:40%; padding-top:2px; } .setting .item_03 .cell_02 { width:60%; } .setting .item_03 > p { width:60px; height:48px; padding-top:7px; text-align:center; font-size:11px; color:#fff; background:#464b5f; position:absolute; right:8px; bottom:22px; } .setting .footer_setting { text-align:center; padding:4px 0 12px; } .setting .footer_setting input { width:70px; padding:8px 0; color:#fff; font-weight:bold; font-size:14px; border:1px solid #141823; background:linear-gradient(#3b3e53,#2d313e); } .setting .footer_setting input[type='reset'] { border:1px solid #1b1b1b; background:linear-gradient(#474747,#353535); } /* Setting : E */ /* Gosu_news : S */ .gosu_news .title_section { height:18px; overflow:hidden; } .gosu_news .title_section p { float:right; } .gosu_news .title_section p a { display:inline-block; padding:5px 10px; margin-top:-8px; border:1px solid #373c49; background:#151823; color:#a0abc9; font-size:12px; text-align:center; } .gosu_news dl dt { height:64px; padding-top:3px; font-size:14px; color:#fff; line-height:150%; } .gosu_news dl dd img { float:left; margin-right:10px; } .gosu_news dl dd:last-child { margin-top:14px; font-size:12px; color:#bdbdbd; line-height:150%; } .list_news .title_section { overflow:hidden; } .list_news .title_section p { float:right; font-size:12px; font-weight:normal; color:#c8c8c8; letter-spacing:-0.5px; } .list_news .title_section p input { vertical-align:middle; } .list_news ul { width:108%; margin-left:-4%; overflow:hidden; } .list_news ul li { float:left; width:25%; margin-bottom:10px; } .list_news ul li a { display:block; text-align:center; } .list_news ul li a dl dt { margin-bottom:4px; font-size:11px; color:#ccc; } .list_news ul li a dl dd { margin-bottom:4px; font-size:11px; } /* Gosu_news : E */ /* Introduce : S */ .introduce .img_introduce { margin-bottom:20px; } .introduce .contents_introduce dl { text-align:center; padding-bottom:4px; } .introduce .contents_introduce dl dt { margin-bottom:14px; font-size:14px; font-weight:bold; color:#fff; } .introduce .contents_introduce dl dd { margin-bottom:14px; color:#bbb; line-height:150%; letter-spacing:-1px; } .introduce .contents_introduce dl dd.lightblue { color:#a7c4ff; } .introduce .contents_introduce dl dd.yellow { color:#ffc71d; } /* Introduce : E */ /* Ranking : S */ .ranking .title_section { text-align:center; } .ranking .title_section.option { text-align:left; overflow:hidden; } .ranking .title_section.option p { float:left; padding-top:2px; font-size:11px; font-weight:normal; letter-spacing:-0.5px; color:#ddd; } .ranking .title_section.option p input { vertical-align:middle; } .ranking .title_section.option select { float:right; width:120px; height:26px; margin-top:-4px; border:1px solid #ddd; font-family:dotum, '돋움', sans-serif; } .ranking .table_ranking span { display:block; float:left; text-align:center; } .ranking .table_ranking span img { vertical-align:middle; } .ranking .table_ranking .cell_01 { width:15%; font-size:14px; font-weight:bold; } .ranking .table_ranking .cell_02 { width:15%; font-size:11px; } .ranking .table_ranking .cell_03 { width:35%; font-size:14px; font-weight:bold; text-align:left; text-indent:10px; } .ranking .table_ranking .cell_04 { width:20%; font-size:11px; } .ranking .table_ranking .cell_05 { width:15%; font-size:11px; } .ranking div.table_ranking { padding:15px 0; background:#22242f; color:#888; overflow:hidden; } .ranking div.table_ranking span { font-size:12px !important; font-weight:normal !important; } .ranking ul.table_ranking { border-top:1px solid #17191e; background:#22242f; } .ranking ul.table_ranking li { height:26px; padding-top:14px; overflow:hidden; background:#282b35; } .ranking ul.table_ranking li span { color:#ffb135; } .ranking ul.table_ranking li span a { color:#ffb135; } .ranking ul.table_ranking li:nth-child(odd) { background:#2f333f; } .ranking ul.table_ranking li:nth-child(odd) span { color:#fff; } .ranking ul.table_ranking li:nth-child(odd) span a { color:#fff; } /* Ranking : E */ /* Trade : S */ .trade .trade_01 .title_section { overflow:hidden; } .trade .trade_01 .title_section p { float:left; } .trade .trade_01 .title_section input { float:right; margin-top:-3px; padding:2px; font-size:12px; font-family:dotum, '돋움', sans-serif; } .trade .table_trade_01 span { display:block; float:left; text-align:center; } .trade .table_trade_01 span img { vertical-align:middle; } .trade .table_trade_01 .cell_01 { width:17%; font-size:11px; } .trade .table_trade_01 .cell_02 { width:24%; font-size:11px; text-align:left; } .trade .table_trade_01 .cell_03 { width:23%; font-size:11px; } .trade .table_trade_01 .cell_04 { width:18%; font-size:11px; color:#fd4646; } .trade .table_trade_01 .cell_05 { width:18%; font-size:11px; } .trade .table_trade_01 .cell_05 input { padding:5px; margin-top:-6px; border-radius:3px; box-shadow:none; border-width:1px; font:normal 12px dotum, '돋움', sans-serif; } .trade div.table_trade_01 { padding:14px 0; background:#22242f; overflow:hidden; } .trade div.table_trade_01 span { font-size:12px !important; color:#888 !important; font-weight:normal !important; } .trade ul.table_trade_01 { border-top:1px solid #17191e; background:#22242f; } .trade ul.table_trade_01 li { height:26px; padding-top:14px; overflow:hidden; background:#2f333f; } .trade ul.table_trade_01 li span { color:#ddd; } .trade ul.table_trade_01 li span a { color:#ddd; } .trade ul.table_trade_01 li:nth-child(odd) { background:#282b35; } .trade .table_page { padding:8px 0; text-align:center; } .trade .table_page a { display:inline-block; width:24px; height:17px; margin:0 4px; padding-top:5px; border:1px solid #aaa; background:#fafafa; color:#111; text-align:center; } .trade .table_page a.active { background:#1e212a; color:#fff; } .trade .table_trade_02 span { display:block; float:left; text-align:center; } .trade .table_trade_02 span img { vertical-align:middle; } .trade .table_trade_02 .cell_01 { width:24%; font-size:11px; text-align:left; text-indent:10px; } .trade .table_trade_02 .cell_02 { width:20%; font-size:11px; } .trade .table_trade_02 .cell_03 { width:12%; font-size:11px; } .trade .table_trade_02 .cell_04 { width:14%; font-size:11px; color:#fd4646; } .trade .table_trade_02 .cell_05 { width:14%; font-size:11px; color:#fd4646; } .trade .table_trade_02 .cell_06 { width:14%; font-size:11px; } .trade .table_trade_02 .cell_06 input { padding:5px; margin-top:-6px; border-radius:3px; box-shadow:none; border-width:1px; font:normal 12px dotum, '돋움', sans-serif; } .trade div.table_trade_02 { padding:14px 0; background:#22242f; overflow:hidden; } .trade div.table_trade_02 span { font-size:12px !important; color:#888 !important; font-weight:normal !important; } .trade ul.table_trade_02 { border-top:1px solid #17191e; background:#22242f; } .trade ul.table_trade_02 li { height:26px; padding-top:14px; overflow:hidden; background:#2f333f; } .trade ul.table_trade_02 li span { color:#ddd; } .trade ul.table_trade_02 li span a { color:#ddd; } .trade ul.table_trade_02 li:nth-child(odd) { background:#282b35; } .trade .table_footer { padding:8px 0; text-align:center; } .trade .table_footer a { display:inline-block; padding:8px 25px; border:1px solid #373c49; background:#151823; color:#a0abc9; font-size:14px; text-align:center; } .trade .trade_03 .table_trade_03 { padding:15px 8px; background:#22242f; text-align:left; overflow:hidden; } .trade .trade_03 .table_trade_03 p { font-size:11px; color:#adcaff; } .trade .trade_03 .table_trade_03 p span { font-weight:bold; color:#fff; letter-spacing:-1px; } .trade .trade_03 .table_trade_03 p:first-child { float:left; } .trade .trade_03 .table_trade_03 p:last-child { float:right; } /* Trade : E */ /* Trade_chart : S */ .trade_chart .trade_chart_01 .title_section { overflow:hidden; } .trade_chart .trade_chart_01 .title_section p { float:left; } .trade_chart .trade_chart_01 .title_section input { float:right; margin-top:-3px; padding:2px; font-size:12px; font-family:dotum, '돋움', sans-serif; } .trade_chart .table_trade_chart { padding:14px 0; border-bottom:1px solid #1a1c24; background:#22242f; overflow:hidden; } .trade_chart .table_trade_chart span { display:block; float:left; text-align:center; color:#999; } .trade_chart .table_trade_chart .cell_01 { width:60%; text-align:left; text-indent:10px; color:#89a8ff; } .trade_chart .table_trade_chart .cell_02 { width:10%; } .trade_chart .table_trade_chart .cell_03 { width:10%; } .trade_chart .table_trade_chart .cell_04 { width:10%; } .trade_chart .table_trade_chart .cell_05 { width:10%; } .trade_chart .trade_chart_02 .navi_table { overflow:hidden; border-bottom:1px solid #1a1c24; } .trade_chart .trade_chart_02 .navi_table li { width:50%; float:left; } .trade_chart .trade_chart_02 .navi_table li a { display:block; padding:14px 0; font-size:14px; text-align:center; color:#fff; } .trade_chart .trade_chart_02 .navi_table li.active { background:#4490f7; } .trade_chart .trade_chart_02 .padding { } .trade_chart .trade_chart_02 .padding > dl { margin-bottom:16px; } .trade_chart .trade_chart_02 .padding > dl dt { margin-bottom:5px; font-weight:bold; color:#ccc; } .trade_chart .trade_chart_02 .padding > dl dd { font-size:11px; color:#d42b2b; } .trade_chart .trade_chart_02 .padding > dl dd span { color:#ccc; } .trade_chart .trade_chart_02 .padding .gauge { width:100%; height:12px; margin-bottom:16px; position:relative; background:url(/SKIN/HTML/1/IMG/bg_gauge.png) 0 center repeat-x; } .trade_chart .trade_chart_02 .padding .gauge p { width:47px; height:12px; position:absolute; left:0; top:0; background:url(/SKIN/HTML/1/IMG/img_gauge.png) 0 0 no-repeat; cursor:pointer; } .trade_chart .trade_chart_02 .padding form { margin-bottom:20px; } .trade_chart .trade_chart_02 .padding form ul { margin-bottom:17px; } .trade_chart .trade_chart_02 .padding form ul li { margin-bottom:7px; overflow:hidden; } .trade_chart .trade_chart_02 .padding form ul li span { display:block; float:left; font-size:14px; color:#ccc; } .trade_chart .trade_chart_02 .padding form ul li span input { width:95%; display:block; padding:4px 5px; border:0; } .trade_chart .trade_chart_02 .padding form ul li .cell_01 { width:30%; padding-top:3px; } .trade_chart .trade_chart_02 .padding form ul li .cell_02 { width:60%; } .trade_chart .trade_chart_02 .padding form ul li .cell_03 { width:10%; padding-top:3px; text-align:right; } .trade_chart .trade_chart_02 .padding form div input { display:block; width:100%; margin-bottom:9px; padding:11px 0; font-size:14px; border:0; background:linear-gradient(#689af8, #4281f6, #689af8 ); font-family:dotum, '돋움', sans-serif; color:#fff; } .trade_chart .trade_chart_02 .padding form div p { font-size:11px; text-align:center; color:#fff; } .trade_chart .trade_chart_02 .padding .info_trade_chart { padding:8px; background:#383d4c; } .trade_chart .trade_chart_02 .padding .info_trade_chart dl dt { margin-bottom:25px; color:#fff; } .trade_chart .trade_chart_02 .padding .info_trade_chart dl dd { text-align:center; line-height:140%; letter-spacing:-1px; color:#fff; } /* Trade_chart : E */ /* Trade_info : S */ .trade_info .trade_info_01 .title_section { overflow:hidden; } .trade_info .trade_info_01 .title_section p { float:left; } .trade_info .trade_info_01 .title_section input { float:right; margin-top:-3px; padding:2px; font-size:12px; font-family:dotum, '돋움', sans-serif; } .trade_info .trade_info_01 .padding dl { margin-bottom:20px; } .trade_info .trade_info_01 .padding dl dt { margin-bottom:8px; font-size:14px; color:#ddd; } .trade_info .trade_info_01 .padding dl dt span { font-size:16px; font-weight:bold; } .trade_info .trade_info_01 .padding dl dd { color:#fd6868; } .trade_info .trade_info_01 .padding dl dd span{ font-size:14px; color:#ddd; } .trade_info .trade_info_01 .padding p { overflow:hidden; } .trade_info .trade_info_01 .padding p a { display:block; float:left; width:22%; margin:0 1%; padding:7px 0; border:1px solid #25272e; background:#363a47; font-size:14px; color:#eee; text-align:center; letter-spacing:-1px; } .trade_info .trade_info_02 .padding ul { overflow:hidden; } .trade_info .trade_info_02 .padding ul li { width:50%; margin-bottom:10px; float:left; } .trade_info .trade_info_02 .padding ul li dl { line-height:160%; letter-spacing:-1px; } .trade_info .trade_info_02 .padding ul li dl dt { padding-top:8px; color:#eee; } .trade_info .trade_info_02 .padding ul li dl dd { font-size:11px; color:#ddd; } .trade_info .trade_info_02 .padding ul li dl dd span { font-weight:bold; } .trade_info .trade_info_02 .padding ul li dl dd img { float:left; margin-right:6px; } .trade_info .trade_info_03 .title_section { overflow:hidden; } .trade_info .trade_info_03 .title_section p { float:left; } .trade_info .trade_info_03 .title_section a { display:block; margin-top:-4px; padding:5px 10px; background:#dedfe2; border-radius:3px; font-size:12px; font-weight:normal; color:#333; float:right; } .trade_info .table_trade_info_03 span { display:block; float:left; text-align:center; } .trade_info .table_trade_info_03 span img { vertical-align:middle; } .trade_info .table_trade_info_03 .cell_01 { width:60%; font-size:11px; text-align:left; text-indent:10px; } .trade_info .table_trade_info_03 .cell_02 { width:20%; font-size:11px; } .trade_info .table_trade_info_03 .cell_03 { width:20%; font-size:11px; } .trade_info div.table_trade_info_03 { padding:14px 0; background:#22242f; overflow:hidden; } .trade_info div.table_trade_info_03 span { font-size:12px !important; color:#888 !important; font-weight:normal !important; } .trade_info ul.table_trade_info_03 { border-top:1px solid #17191e; background:#22242f; } .trade_info ul.table_trade_info_03 li { height:26px; padding-top:14px; overflow:hidden; background:#2f333f; } .trade_info ul.table_trade_info_03 li span { color:#ddd; } .trade_info ul.table_trade_info_03 li span a { color:#ddd; } .trade_info ul.table_trade_info_03 li:nth-child(odd) { background:#282b35; } .trade_info .table_footer { padding:8px 0; text-align:center; border-top:1px solid #1c1e28; } .trade_info .table_footer a { display:inline-block; padding:8px 25px; border:1px solid #373c49; background:#151823; color:#a0abc9; font-size:14px; text-align:center; } /* Trade_info : E */ /* Myhome : S */ .myhome .title_section { overflow:hidden; } .myhome .title_section p { height:20px; margin-top:-5px; font-size:11px; font-weight:normal; color:#bbb; float:right; } .myhome .title_section p img { vertical-align:middle; } .myhome .myhome_01 .box_c > p { padding:14px 0 6px; text-align:center; color:#fff; } .myhome .myhome_01 .box_c > p span { font-weight:bold; } .myhome .table_myhome_01 li { height:26px; padding-top:14px; overflow:hidden; background:#2f333f; } .myhome .table_myhome_01 li span { width:25%; display:block; float:left; text-align:center; font-size:11px; color:#fff; } .myhome .table_myhome_01 li span:first-child { color:#999; } .myhome .table_myhome_01 li:first-child { background:#22242f; } .myhome .table_myhome_01 li:first-child span { font-size:12px; color:#999; } .myhome .table_myhome_01 li span strong { margin-top:-8px; display:block; font-weight:normal; color:#fd4646; } .myhome .table_myhome_01 li:nth-child(even) { background:#282b35; } .myhome .table_myhome_02 { height:16px; padding-top:18px; overflow:hidden; background:#2c303b; } .myhome .table_myhome_02 span { display:block; float:left; text-align:center; font-size:11px; color:#fff; } .myhome .table_myhome_02 span input { vertical-align:bottom; } .myhome .table_myhome_02 .cell_01 { width:40%; font-size:12px; color:#fff; } .myhome .table_myhome_02 .cell_01 strong { color:#fd4646; } .myhome .table_myhome_02 .cell_02 { width:20%; color:#ddd; } .myhome .table_myhome_02 .cell_03 { width:20%; color:#ddd; } .myhome .table_myhome_02 .cell_04 { width:20%; color:#ddd; } /* Myhome : E */ /* Myhome_port : S */ .myhome_port .title_section { overflow:hidden; } .myhome_port .title_section p { height:20px; margin-top:-5px; font-size:11px; font-weight:normal; color:#bbb; float:right; } .myhome_port .title_section p img { vertical-align:middle; } .myhome_port .table_myhome_port_01 span { display:block; float:left; text-align:center; } .myhome_port .table_myhome_port_01 span img { vertical-align:middle; } .myhome_port .table_myhome_port_01 .cell_01 { width:22%; font-size:11px; text-align:left; text-indent:10px; } .myhome_port .table_myhome_port_01 .cell_02 { width:22%; font-size:11px; } .myhome_port .table_myhome_port_01 .cell_03 { width:14%; font-size:11px; } .myhome_port .table_myhome_port_01 .cell_04 { width:14%; font-size:11px; color:#fd4646; } .myhome_port .table_myhome_port_01 .cell_05 { width:14%; font-size:11px; color:#fd4646; } .myhome_port .table_myhome_port_01 .cell_06 { width:14%; font-size:11px; } .myhome_port div.table_myhome_port_01 { padding:14px 0; background:#22242f; overflow:hidden; } .myhome_port div.table_myhome_port_01 span { font-size:12px !important; color:#888 !important; font-weight:normal !important; } .myhome_port ul.table_myhome_port_01 { border-top:1px solid #17191e; background:#22242f; } .myhome_port ul.table_myhome_port_01 li { height:26px; padding-top:14px; overflow:hidden; background:#2f333f; } .myhome_port ul.table_myhome_port_01 li span { color:#ddd; } .myhome_port ul.table_myhome_port_01 li span a { color:#ddd; } .myhome_port ul.table_myhome_port_01 li:nth-child(odd) { background:#282b35; } .myhome_port .table_footer { padding:8px 0; text-align:center; } .myhome_port .table_footer a { display:inline-block; padding:8px 25px; border:1px solid #373c49; background:#151823; color:#a0abc9; font-size:14px; text-align:center; } .myhome_port .table_myhome_port_02 { padding:15px 8px; background:#22242f; text-align:left; overflow:hidden; } .myhome_port .table_myhome_port_02 p { font-size:11px; font-weight:bold; color:#fff; letter-spacing:-0.5px; } .myhome_port .table_myhome_port_02 p span { font-weight:normal; color:#adcaff; } .myhome_port .table_myhome_port_02 p:first-child { float:left; } .myhome_port .table_myhome_port_02 p:last-child { float:right; } .myhome_port .table_myhome_port_03 { padding:10px 8px; text-align:right; background:#2c303b; } .myhome_port .table_myhome_port_03 a { padding:4px 14px; border:1px solid #222; display:inline-block; background:#676767; color:#fff; } /* Myhome_port : E */ /* Myhome_report : S */ .myhome_report .table_myhome_report_01 span { display:block; float:left; text-align:center; } .myhome_report .table_myhome_report_01 span img { vertical-align:middle; } .myhome_report .table_myhome_report_01 .cell_01 { width:23%; font-size:11px; text-align:left; text-indent:10px; } .myhome_report .table_myhome_report_01 .cell_02 { width:23%; font-size:11px; } .myhome_report .table_myhome_report_01 .cell_03 { width:18%; font-size:11px; } .myhome_report .table_myhome_report_01 .cell_04 { width:18%; font-size:11px; color:#fd4646; } .myhome_report .table_myhome_report_01 .cell_05 { width:18%; font-size:11px; color:#fd4646; } .myhome_report .table_myhome_report_01 .cell_05 a { display:inline-block; padding:5px 10px; margin-top:-8px; border-radius:3px; background:#d7d8db; } .myhome_report .table_myhome_report_01 .cell_05 a img { vertical-align:sub; } .myhome_report div.table_myhome_report_01 { padding:14px 0; background:#22242f; overflow:hidden; } .myhome_report div.table_myhome_report_01 span { font-size:12px !important; color:#888 !important; font-weight:normal !important; } .myhome_report ul.table_myhome_report_01 { border-top:1px solid #17191e; background:#22242f; } .myhome_report ul.table_myhome_report_01 li { height:26px; padding-top:14px; overflow:hidden; background:#2f333f; } .myhome_report ul.table_myhome_report_01 li span { color:#ddd; } .myhome_report ul.table_myhome_report_01 li span a { color:#ddd; } .myhome_report ul.table_myhome_report_01 li:nth-child(odd) { background:#282b35; } .myhome_report .table_myhome_report_02 span { display:block; float:left; text-align:center; font-size:11px; } .myhome_report .table_myhome_report_02 span img { vertical-align:middle; } .myhome_report .table_myhome_report_02 .cell_01 { width:15%; } .myhome_report .table_myhome_report_02 .cell_02 { width:68%; } .myhome_report .table_myhome_report_02 .cell_03 { width:17%; } .myhome_report div.table_myhome_report_02 { padding:14px 0; background:#22242f; overflow:hidden; } .myhome_report div.table_myhome_report_02 span { font-size:12px !important; color:#888 !important; font-weight:normal !important; } .myhome_report ul.table_myhome_report_02 { border-top:1px solid #17191e; background:#22242f; } .myhome_report ul.table_myhome_report_02 li { height:26px; padding-top:14px; overflow:hidden; background:#2f333f; } .myhome_report ul.table_myhome_report_02 li span { color:#ddd; } .myhome_report ul.table_myhome_report_02 li span a { color:#ddd; } .myhome_report ul.table_myhome_report_02 li:nth-child(odd) { background:#282b35; } .myhome_report .table_myhome_report_03 span { display:block; float:left; text-align:center; font-size:11px; } .myhome_report .table_myhome_report_03 span img { vertical-align:middle; } .myhome_report .table_myhome_report_03 .cell_01 { width:30%; } .myhome_report .table_myhome_report_03 .cell_02 { width:70%; } .myhome_report div.table_myhome_report_03 { padding:14px 0; background:#22242f; overflow:hidden; } .myhome_report div.table_myhome_report_03 span { font-size:12px !important; color:#888 !important; font-weight:normal !important; } .myhome_report ul.table_myhome_report_03 { border-top:1px solid #17191e; background:#22242f; } .myhome_report ul.table_myhome_report_03 li { height:26px; padding-top:14px; overflow:hidden; background:#2f333f; } .myhome_report ul.table_myhome_report_03 li span { color:#ddd; } .myhome_report ul.table_myhome_report_03 li span a { color:#ddd; } .myhome_report ul.table_myhome_report_03 li:nth-child(odd) { background:#282b35; } .myhome_report .table_footer { padding:8px 0; text-align:center; } .myhome_report .table_footer a { display:inline-block; padding:8px 25px; border:1px solid #373c49; background:#151823; color:#a0abc9; font-size:14px; text-align:center; } .myhome_report_02 .title_section { height:18px; overflow:hidden; } .myhome_report_02 .title_section p { float:right; } .myhome_report_02 .title_section p a { display:inline-block; padding:5px 10px; margin-top:-8px; border:1px solid #373c49; background:#151823; color:#a0abc9; font-size:12px; text-align:center; } .myhome_report_03 .title_section { height:18px; overflow:hidden; } .myhome_report_03 .title_section p { float:right; } .myhome_report_03 .title_section p a { display:inline-block; padding:5px 10px; margin-top:-8px; border:1px solid #373c49; background:#151823; color:#a0abc9; font-size:12px; text-align:center; } /* Myhome_report : E */ /* Myhome_calculation : S */ .myhome_calculation .table_myhome_calculation_01 span { display:block; float:left; text-align:center; font-size:12px; } .myhome_calculation .table_myhome_calculation_01 span img { vertical-align:middle; } .myhome_calculation .table_myhome_calculation_01 .cell_01 { width:70%; text-align:left; text-indent:10px; color:#999; } .myhome_calculation .table_myhome_calculation_01 .cell_02 { width:27%; text-align:right; font-weight:bold; color:#fff; } .myhome_calculation div.table_myhome_calculation_01 { padding:14px 0; background:#22242f; overflow:hidden; } .myhome_calculation div.table_myhome_calculation_01 span { font-size:12px !important; color:#888 !important; font-weight:normal !important; } .myhome_calculation ul.table_myhome_calculation_01 { border-bottom:1px solid #17191e; background:#22242f; } .myhome_calculation ul.table_myhome_calculation_01 li { height:26px; padding-top:14px; overflow:hidden; background:#2f333f; } .myhome_calculation ul.table_myhome_calculation_01 li:nth-child(odd) { background:#282b35; } .myhome_calculation .myhome_calculation_01 p { padding:18px 8px; color:#999; font-size:11px; background:#2c303b; letter-spacing:-0.5px; line-height:150%; } .myhome_calculation .table_myhome_calculation_02 span { display:block; float:left; text-align:center; font-size:11px; } .myhome_calculation .table_myhome_calculation_02 span img { vertical-align:middle; } .myhome_calculation .table_myhome_calculation_02 .cell_01 { width:25%; } .myhome_calculation .table_myhome_calculation_02 .cell_02 { width:45%; } .myhome_calculation .table_myhome_calculation_02 .cell_03 { width:30%; } .myhome_calculation div.table_myhome_calculation_02 { padding:14px 0; background:#22242f; overflow:hidden; } .myhome_calculation div.table_myhome_calculation_02 span { font-size:12px !important; color:#888 !important; font-weight:normal !important; } .myhome_calculation ul.table_myhome_calculation_02 { border-top:1px solid #17191e; background:#22242f; } .myhome_calculation ul.table_myhome_calculation_02 li { height:26px; padding-top:14px; overflow:hidden; background:#2f333f; } .myhome_calculation ul.table_myhome_calculation_02 li span { color:#fff; } .myhome_calculation ul.table_myhome_calculation_02 li:nth-child(odd) { background:#282b35; } .myhome_calculation .option { height:36px; padding:16px 8px 0; background:#22242f; color:#999; border-bottom:1px solid #17191e; } .myhome_calculation .option span { font-weight:bold; color:#fff; } .myhome_calculation .option input { width:80px; font-size:11px; vertical-align:middle; } /* Myhome_calculation : E */ /* Gosu_home */ .myhome.gosuhome .myhome_01 .box_c > p { padding:14px 0 6px; text-align:center; font-size:15px; font-weight:bold; color:#ff4646; } .myhome.gosuhome .myhome_02 .option { padding:14px 12px; border-bottom:1px solid #17191e; background:#2c303b; color:#ddd; } .myhome.gosuhome .myhome_02 .option input { vertical-align:bottom; } .myhome.gosuhome .myhome_02 .box_c > p { padding-top:14px; font-size:15px; font-weight:bold; color:#ff4646; text-align:center; background:#2c303b; } .myhome_port.gosuhome_port .title_section a { float:right; padding:4px 14px; font-size:12px; border:1px solid #222; display:inline-block; background:#676767; color:#fff; } /* Gosu_home */ /* Footer : S */ #footer_inner.main { padding:0 0 18px; background:#555555; text-align:center; } #footer_inner.main ul { display:inline-block; margin:0 auto 12px; overflow:hidden; } #footer_inner.main ul li { margin-left:10px; border:1px solid #111; border-radius:2px; background:#2c2e35; float:left; } #footer_inner.main ul li:first-child { margin-left:0; } #footer_inner.main ul li a { display:inline-block; padding:6px 8px; color:#888; } #footer_inner.main p { margin-bottom:6px; font-size:11px; letter-spacing:-0.5px; text-align:center; line-height:140%; color:#f1f1f1;} #footer_inner.main address { font-size:11px; letter-spacing:-0.5px; text-align:center; font-style:normal; } #footer_inner.main img {width:100%;} #footer_inner.sub { padding:26px 0 60px; border-top:1px solid #2a2f36; background:#16171f; } #footer_inner.sub p { color:#fff; letter-spacing:-1px; line-height:140%; text-align:center; } /* Footer : E */ /* quickmenu : S */ #quick { position:fixed;width:100%;height:50px;border-top:1px #888888 solid;background:#655f5e;bottom:0;z-index:9000;} #quick #navi { overflow:hidden;} #quick #navi ul { width:100%;} #quick #navi ul li { width:20%; height:45px; float:left; } #quick #navi ul li a { display:block; width:100%; height:35px; padding-top:5px; color:#fff; font-size:0.9em; text-align:center; } #quick #navi ul li.active a { color:#fff; } #quick #navi ul li a {position:relative;} #quick #navi ul li a .bat{position:absolute;top:15px;left:50%;border-radius:100%;background:#d2163e;font-size:9px;color:#fff;width:15px;padding:3px 3px 0;} #quick #navi ul li a p { height:23px; margin-bottom:2px;} #quick #navi ul li a p.icon_navi_01 { background:url(/SKIN/HTML/1/IMG/common/menu_home.png) center center no-repeat; background-size:contain; } #quick #navi ul li a p.icon_navi_02 { background:url(/SKIN/HTML/1/IMG/common/menu_cate.png) center center no-repeat; background-size:contain; } #quick #navi ul li a p.icon_navi_03 { background:url(/SKIN/HTML/1/IMG/common/menu_search.png) center center no-repeat; background-size:contain; } #quick #navi ul li a p.icon_navi_04 { background:url(/SKIN/HTML/1/IMG/common/menu_cart.png) center center no-repeat; background-size:contain; } #quick #navi ul li a p.icon_navi_05 { background:url(/SKIN/HTML/1/IMG/common/menu_mypage.png) center center no-repeat; background-size:contain; } #quick #navi ul li.active a p { opacity:0.5; } /* quickmenu : E */ /* 가격비교*/ .search_box{padding:8px;background:#009ce2;overflow:hidden;} .search_box1{padding:8px 0px;background:#009ce2;overflow:hidden;} .search_box2{padding:8px 0px;background:#fff;overflow:hidden;} .subtitle{background:#ebf5fb;text-align:center;color:#333;font-size:14px;padding:8px 0;font-weight:bold;} .sort_box{border-top:1px #ccc solid;border-bottom:1px #ccc solid;padding:5px 8px;} .sort_box a{font-size:0.8em;} .sort_box1{padding:5px 8px;} .sort_box1 a{font-size:0.8em;text-indent:-999px;} .sort_box1 a.sk_i{background:#fff url(/SKIN/HTML/1/IMG/common/sk.png) 50% 50% no-repeat; background-size:90%;} .sort_box1 a.kt_i{background:#fff url(/SKIN/HTML/1/IMG/common/kt.png) 50% 50% no-repeat; background-size:90%;} .sort_box1 a.lg_i{background:#fff url(/SKIN/HTML/1/IMG/common/lg.png) 50% 50% no-repeat; background-size:90%;} .sort_box1 a.al_i{background:#fff url(/SKIN/HTML/1/IMG/common/al.png) 50% 50% no-repeat; background-size:100%;} .sort_box1 a.new_i{background:#fff url(/SKIN/HTML/1/IMG/common/new_i.png) 50% 50% no-repeat; background-size:100%;} .info_box1{background:#f4f4f4;border-radius:5px;margin:5px 8px;padding:8px;font-size:11px;} .info_box2{background:#f4f4f4;border-radius:5px;margin:5px 0px;padding:8px;font-size:13px;font-weight:bold;} .lg_btn1{border-radius:5px;margin:5px 0px;text-align:center;padding:16px 0 12px;color:#fff;font-weight:bold;display:block; background:-webkit-linear-gradient(#5bc7ff, #1290d1); background:-moz-linear-gradient(#5bc7ff, #1290d1); background:-o-linear-gradient(#5bc7ff, #1290d1); background:linear-gradient(#5bc7ff, #1290d1); border:1px #0096e3 solid; } .lg_btn1 p{margin:0;} .lg_btn1 p.ss{font-size:12px;} .lg_btn2{border-radius:5px;margin:5px 0px;text-align:center;padding:16px 0 12px;color:#fff;font-weight:bold;display:block; background:-webkit-linear-gradient(#ffba61, #e17f00); background:-moz-linear-gradient(#ffba61, #e17f00); background:-o-linear-gradient(#ffba61, #e17f00); background:linear-gradient(#ffba61, #e17f00); border:1px #e38000 solid; } .lg_btn2 p{margin:0;} .lg_btn2 p.ss{font-size:12px;} .tab{overflow:hidden;margin:0;padding:0;} .tab ul{overflow:hidden;margin:0;padding:0;} .tab ul li{width:50%;height:50px;background:#fff;} .tab ul li.on{background:url(/SKIN/HTML/1/IMG/common/bg1.png); opacity:0.9;} .tab ul li a{display:block;height:50px;} .tab ul li a.left{text-indent:-999px;background:url(/SKIN/HTML/1/IMG/common/tab01.png) 50% 50% no-repeat; background-size:150px;} .tab ul li a.rightoff{text-indent:-999px;background:url(/SKIN/HTML/1/IMG/common/tab02_off.png) 50% 50% no-repeat;background-size:150px;} .tab ul li a.leftoff{text-indent:-999px;background:url(/SKIN/HTML/1/IMG/common/tab01_off.png) 50% 50% no-repeat;background-size:150px;} .tab ul li a.right{text-indent:-999px;background:url(/SKIN/HTML/1/IMG/common/tab02.png) 50% 50% no-repeat;background-size:150px;} .bnr_customer{border-radius:20px;margin:5px;display:block;border:3px #f0f0f0 solid;overflow:hidden;} .bnr_customer img{width:100%;} /* Sidebar : S */ #sidebar { width:80%;height:100%; position:fixed; left:-100%; top:0; z-index:15; overflow-x:hidden; overflow-y:auto; } #sidebar_inner { background:#fff;border:4px #009ce2 solid;} #sidebar_inner ul li a { width:50%;float:left;} #sidebar_inner ul li ul { width:100%;clear:both;} #sidebar_inner ul li ul li{ width:50%;float:left;} /* Sidebar : E */ /* 카테고리 4열 */ .menubox,.dep1_menu:after{display:block;content:'';clear:both} .dep1_menu{overflow:hidden;position:relative;z-index:1;border-bottom:1px solid #bec5ce;margin:0;} .dep1_menu > li{float:left;width:25%;height:89px;margin-bottom:0;background-color:#fff;border-left:1px solid #f6f6f6;border-top:1px solid #f6f6f6;box-sizing:border-box;-webkit-box-sizing:border-box;text-align:center} .dep1_menu > li:nth-child(4n+1){clear:both;border-left:0} .dep1_menu > li > a{display:inline-block;width:100%;height:89px;font-size:11px;letter-spacing:-1px;color:#687083} .dep1_menu > li > a:before{display:block;width:52px;height:44px;margin:10px auto 2px;background-size:auto 78px;content:''} .dep1_menu > li > a.c1:before{background:url('/SKIN/HTML/1/IMG/icon/cate_01.png') no-repeat 50% 70% ; background-size:120%;} .dep1_menu > li > a.c2:before{background:url('/SKIN/HTML/1/IMG/icon/cate_02.png') no-repeat 50% 75% ; background-size:120%;} .dep1_menu > li > a.c3:before{background:url('/SKIN/HTML/1/IMG/icon/cate_03.png') no-repeat 50% 70% ; background-size:120%;} .dep1_menu > li > a.c4:before{background:url('/SKIN/HTML/1/IMG/icon/cate_04.png') no-repeat 50% 50% ; background-size:120%;} .dep1_menu > li > a.c5:before{background:url('/SKIN/HTML/1/IMG/icon/cate_05.png') no-repeat 50% 50% ; background-size:120%;} .dep1_menu > li > a.c6:before{background:url('/SKIN/HTML/1/IMG/icon/cate_06.png') no-repeat 50% 50% ; background-size:120%;} .dep1_menu > li > a.c7:before{background:url('/SKIN/HTML/1/IMG/icon/cate_07.png') no-repeat 50% 50% ; background-size:120%;} .dep1_menu > li > a.c8:before{background:url('/SKIN/HTML/1/IMG/icon/cate_08.png') no-repeat 50% 50% ; background-size:110%;} .dep1_menu > li > a.c9:before{background:url('/SKIN/HTML/1/IMG/icon/cate_09.png') no-repeat 50% 50% ; background-size:120%;} .dep1_menu > li > a.c10:before{background:url('/SKIN/HTML/1/IMG/icon/cate_10.png') no-repeat 50% 50% ; background-size:120%;} .dep1_menu > li > a.c11:before{background:url('/SKIN/HTML/1/IMG/icon/cate_11.png') no-repeat 50% 50% ; background-size:120%;} .dep1_menu > li > a.c12:before{background:url('/SKIN/HTML/1/IMG/icon/cate_12.png') no-repeat 50% 50% ; background-size:120%;} .dep1_menu > li.on{background-color:#d3163e;} .dep1_menu > li.on > a{color:#fff} .dep1_menu > li.on > a:before{} .dep1_menu > li.on .depth2{display:block} .dep1_menu > li.on .depth2:after{position:absolute;display:block;content:'';height:1px;width:100%;background:#d8dde7;bottom:0;left:0} .dep1_menu .depth2{overflow:hidden;display:none;position:absolute;width:100%;top:89px;left:1px;z-index:-1;background-color:#f4f4f4;border-top:1px solid #d8dde7} .dep1_menu .depth2 li{float:left;width:50%;height:40px;border-bottom:1px solid #e5e8ee;border-right:1px solid #e5e8ee;-webkit-box-sizing:border-box;box-sizing:border-box} .dep1_menu .depth2 li:nth-child(even){border-right:none} .dep1_menu .depth2 li a{display:block;height:40px;padding-left:12px;line-height:40px;font-size:12px;color:#959eae;text-align:left} .dep1_menu + .title{position:relative;z-index:2;margin-top:-2px;border-top-color:#bdc5ce} .cate_tit{ display: block; font-weight: normal; font-size: 0.81em; letter-spacing: -1px; color: #707b8b; padding:5px; } @media screen and (min-width:610px){ .dep1_menu > li{width:12.5%} .dep1_menu > li:nth-child(4n+1){clear:inherit;border-left:1px solid #f6f6f6} .dep1_menu > li:nth-child(8n+1){clear:both} .dep1_menu .depth2 li{width:25%} .dep1_menu .depth2 li.last{position:relative;width:50%} .dep1_menu .depth2 li.last:after{display:block;position:absolute;top:0;left:50%;width:1px;height:40px;margin-left:-2px;border-right:1px solid #e5e8ee;content:''} .dep1_menu .depth2 li.last a{width:46%} .dep1_menu .depth2 li:nth-child(even){border-right:1px solid #e5e8ee} .dep1_menu .depth2 li:nth-child(4n){border-right:none} .dep1_menu .depth2 li:nth-child(1),.dep1_menu .depth2 li:nth-child(2),.dep1_menu .depth2 li:nth-child(3),.dep1_menu .depth2 li:nth-child(4){border-top-color:#d8dde7} } #menu_category {background:#fff; margin-bottom:-34px} #menu_category .title {position:relative; height:33px; padding:0 12px 0 12px; background:#f4f4f4; border-top:1px solid #bcc4cd; /*border-bottom:2px solid #0c1420;*/ display:box; box-orient:vertical;box-pack:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;display:-moz-box;-moz-box-orient:vertical;-moz-box-pack:center; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing: border-box} #menu_category .title .s_tit {display:block; font-weight:normal; font-size:0.81em; letter-spacing:-1px; color:#707b8b} #menu_category .title .btn_all { position:absolute; top:7px; right:12px; display:block; font-size:0.87em; letter-spacing:-1px; color:#707b8b; font-weight:normal} #menu_category .title .btn_all:after {display:inline-block; content:''; width:17px; height:17px; margin-left:2px; background:url('/SKIN/HTML/1/IMG/common/btn_all.png') no-repeat -100px 0 ; background-size:250px 250px; vertical-align:-3px} .set_menu {background:#fff} .set_menu .dot { display:inline-block; width:2px; height:2px; margin:0 3px; background:#757880; vertical-align:3px} .set_menu .on .dot {background:#699dd7} .set_menu > li {border-bottom:1px solid #ededed} .set_menu > li > a {position:relative; min-height:50px; padding:5px 35px 5px 12px; display:box; box-orient:vertical;box-pack:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;display:-moz-box;-moz-box-orient:vertical;-moz-box-pack:center; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing: border-box; color:#666; font-size:0.93em; font-weight:bold; letter-spacing:-1px} .set_menu > li > a .img {display:inline-block; width:22px; text-align:center; margin-right:5px} .set_menu > li > a img {} .set_menu > li:nth-of-type(1) > a img {width:17px; vertical-align:-4px} .set_menu > li:nth-of-type(2) > a img {width:17px; vertical-align:-3px} .set_menu > li:nth-of-type(3) > a img {width:20px; vertical-align:-4px} .set_menu > li:nth-of-type(4) > a img {width:18px; vertical-align:-5px} .set_menu > li:nth-of-type(5) > a img {width:20px; vertical-align:-3px} .set_menu > li:nth-of-type(6) > a img {width:20px; vertical-align:-2px} .set_menu > li:nth-of-type(7) > a img {width:20px; vertical-align:-3px} .set_menu > li.on > a {color:#198ef6; background:#f5f5f8} .set_menu > li.on > a:after {position:absolute; top:50%; right:17px; display:block; width:15px; height:9px; margin-top:-4px; content:''; background:url('/SKIN/HTML/1/IMG/common/btn_all.png') no-repeat -40px 0; background-size:250px 250px} .set_menu + .title { margin-top:-1px} .set_menu .depth2 {overflow:hidden; height:0; background:#f5f5f8} .set_menu .depth2 li {border-top:1px solid #ededed} /* depth2 off */ .set_menu .depth2 li a {position:relative; min-height:40px; padding:5px 30px 5px 44px; display:box; box-orient:vertical;box-pack:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;display:-moz-box;-moz-box-orient:vertical;-moz-box-pack:center; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing: border-box; color:#707b8b; font-size:0.81em; font-weight:normal; letter-spacing:0} .set_menu .depth2 li a:after {position:absolute; top:50%; right:20px; display:block; width:6px; height:10px; margin-top:-5px; content:''; background:url('/SKIN/HTML/1/IMG/common/btn_all.png') no-repeat -70px 0; background-size:250px 250px} /* depth2 on */ .set_menu .depth2 li.on a {color:#198ef6} .set_menu .depth2 li.on a:after {position:absolute; top:50%; right:20px; display:block; width:6px; height:10px; margin-top:-5px; content:''; background:url('/SKIN/HTML/1/IMG/common/btn_all.png') no-repeat -60px 0; background-size:250px 250px} .set_service {overflow:hidden} .set_service li {float:left; width:50%} .set_service li a {position:relative; display:block; height:50px; padding:5px 10px 5px 12px; border-right:1px solid #ededed; border-bottom:1px solid #ededed; display:box; box-orient:vertical;box-pack:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;display:-moz-box;-moz-box-orient:vertical;-moz-box-pack:center; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing: border-box; color:#707b8b; font-weight:normal; font-size:0.81em} .set_service li.new a span:after { position:relative; top:-4px; left:-1px; display:inline-block; content:''; width:15px; height:14px; margin-left:2px; background:url('/SKIN/HTML/1/IMG/common/btn_all.png') no-repeat -80px 0; background-size:250px 250px} .set_service li a:after {position:absolute; top:50%; right:10px; display:block; width:6px; height:10px; margin-top:-5px; content:''; background:url('/SKIN/HTML/1/IMG/common/btn_all.png') no-repeat -118px 0; background-size:250px 250px} .list_recent_prod { margin-bottom:20px} .list_recent_prod ul {overflow:hidden; display:-webkit-box; padding:0 5px} .list_recent_prod .no_result {display:box; box-orient:vertical;box-pack:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;display:-moz-box;-moz-box-orient:vertical;-moz-box-pack:center; height:106px; color:#707b8b; font-size:0.81em; text-align:center; font-weight:normal} .list_recent_prod li {-webkit-box-flex:1; display:box; margin-top:16px; text-align:center} .list_recent_prod li a {position:relative; display:inline-block; width:90px; height:90px} .list_recent_prod li a img {width:90px; height:90px} .list_recent_prod li a:after {position:absolute; top:0; left:0; right:0; bottom:0; display:block; content:''; border:1px solid #dfdfdf; opacity:0.5} /* 아이콘 */ .icon-my01{background:url(/SKIN/HTML/1/IMG/icon/my_01.png) 5px 50% no-repeat; background-size:30px;padding-left:35px !important;} .icon-my02{background:url(/SKIN/HTML/1/IMG/icon/my_02.png) 5px 50% no-repeat; background-size:30px;padding-left:35px !important;} .icon-my03{background:url(/SKIN/HTML/1/IMG/icon/my_03.png) 5px 50% no-repeat; background-size:30px;padding-left:35px !important;} .icon-my04{background:url(/SKIN/HTML/1/IMG/icon/my_04.png) 5px 50% no-repeat; background-size:30px;padding-left:35px !important;} .icon-my05{background:url(/SKIN/HTML/1/IMG/icon/my_05.png) 5px 50% no-repeat; background-size:30px;padding-left:35px !important;} .icon-my06{background:url(/SKIN/HTML/1/IMG/icon/my_06.png) 5px 50% no-repeat; background-size:30px;padding-left:35px !important;} .icon-my07{background:url(/SKIN/HTML/1/IMG/icon/my_07.png) 5px 50% no-repeat; background-size:30px;padding-left:35px !important;} /* ceobiz_201609 */ .icon-my08{background:url(/SKIN/HTML/1/IMG/icon/my_08.png) 5px 50% no-repeat; background-size:30px;padding-left:35px !important;} .icon-my10{background:url('/images/banner/20220711/card_icon.jpg') 12px 50% no-repeat; background-size:16px;padding-left:35px !important;} .icon-my11{background:url('/images/banner/20230424/simplepay_my11.png') 12px 50% no-repeat; background-size:16px;padding-left:35px !important;} /* 2021 12 24 */ .icon-my09{background:url(/SKIN/HTML/1/IMG/icon/my_09.png) 5px 50% no-repeat; background-size:30px;padding-left:35px !important;} /*디자인프랍 - 팝콘아이콘 추가*/ .popcon_icon-my08{background:url(/SKIN/HTML/1/IMG/icon/popcon_my_08.png) 5px 50% no-repeat; background-size:30px;padding-left:35px !important;} /* ceobiz_201609 */ .icon-pv01{background:url(/SKIN/HTML/1/IMG/icon/pv_01.png) 5px 50% no-repeat; background-size:30px;padding-left:35px !important;} .icon-pv02{background:url(/SKIN/HTML/1/IMG/icon/pv_02.png) 5px 50% no-repeat; background-size:30px;padding-left:35px !important;} .icon-pv03{background:url(/SKIN/HTML/1/IMG/icon/pv_03.png) 5px 50% no-repeat; background-size:30px;padding-left:35px !important;} .icon-pv04{background:url(/SKIN/HTML/1/IMG/icon/pv_04.png) 5px 50% no-repeat; background-size:30px;padding-left:35px !important;} .icon-pv05{background:url(/SKIN/HTML/1/IMG/icon/pv_05.png) 5px 50% no-repeat; background-size:30px;padding-left:35px !important;} .icon-pv06{background:url(/SKIN/HTML/1/IMG/icon/pv_06.png) 5px 50% no-repeat; background-size:30px;padding-left:35px !important;} .icon-pv07{background:url(/SKIN/HTML/1/IMG/icon/pv_07.png) 5px 50% no-repeat; background-size:30px;padding-left:35px !important;} .icon-pv08{background:url(/SKIN/HTML/1/IMG/icon/pv_08.png) 5px 50% no-repeat; background-size:30px;padding-left:35px !important;} .icon-pv09{background:url(/SKIN/HTML/1/IMG/icon/pv_09.png) 5px 50% no-repeat; background-size:30px;padding-left:35px !important;} .icon-pv10{background:url(/SKIN/HTML/1/IMG/icon/pv_10.png) 5px 50% no-repeat; background-size:30px;padding-left:35px !important;} .icon-pv11{background:url(/SKIN/HTML/1/IMG/icon/pv_11.png) 5px 50% no-repeat; background-size:30px;padding-left:35px !important;} .icon-pv12{background:url(/SKIN/HTML/1/IMG/icon/pv_12.png) 5px 50% no-repeat; background-size:30px;padding-left:35px !important;} .icon-pv13{background:url(/SKIN/HTML/1/IMG/icon/pv_13.png) 5px 50% no-repeat; background-size:30px;padding-left:35px !important;} .icon-pv14{background:url(/SKIN/HTML/1/IMG/icon/pv_14.png) 5px 50% no-repeat; background-size:30px;padding-left:35px !important;} .btn_01{background:url(/SKIN/HTML/1/IMG/icon/btn_01.png) 50% 50% no-repeat; background-size:contain;display:inline-block;width:18px;height:18px;position: relative;top: 3px;padding:0;box-sizing:border-box;} .btn_02{background:url(/SKIN/HTML/1/IMG/icon/btn_02.png) 50% 50% no-repeat; background-size:contain;display:inline-block;width:18px;height:18px;position: relative;top: 3px;padding:0;box-sizing:border-box;} /*디자인프랍 버튼_아이콘추가 ***/ .popcon_btn_03{background:url(/SKIN/HTML/1/IMG/icon/popcon_btn_03.png) 0 20% no-repeat; background-size:16px;padding-left:20px !important;box-sizing:border-box;} .popcon_btn_04{background:url(/SKIN/HTML/1/IMG/icon/popcon_btn_04.png) 0 20% no-repeat; background-size:16px;padding-left:20px !important;box-sizing:border-box;} .popcon_btn_05{background:url(/SKIN/HTML/1/IMG/icon/popcon_btn_05.png) 0 20% no-repeat; background-size:16px;padding-left:20px !important;box-sizing:border-box;} .popcon_btn_06{background:url(/SKIN/HTML/1/IMG/icon/popcon_btn_06.png) 0 20% no-repeat; background-size:16px;padding-left:20px !important;box-sizing:border-box;} .popcon_btn_07{background:url(/SKIN/HTML/1/IMG/icon/popcon_btn_07.png) 0 20% no-repeat; background-size:16px;padding-left:20px !important;box-sizing:border-box;} .btn_03{background:url(/SKIN/HTML/1/IMG/icon/btn_03.png) 0 50% no-repeat; background-size:30px;padding-left:30px !important;box-sizing:border-box;} .btn_04{background:url(/SKIN/HTML/1/IMG/icon/btn_04.png) 0 50% no-repeat; background-size:30px;padding-left:30px !important;box-sizing:border-box;} .btn_05{background:url(/SKIN/HTML/1/IMG/icon/btn_05.png) 0 50% no-repeat; background-size:30%;padding-left:20% !important;box-sizing:border-box;} .btn_06{background:url(/SKIN/HTML/1/IMG/icon/btn_06.png) 0 50% no-repeat; background-size:30%;padding-left:30% !important;box-sizing:border-box;} .btn_07{background:url(/SKIN/HTML/1/IMG/icon/btn_07.png) 0 50% no-repeat; background-size:30%;padding-left:30% !important;box-sizing:border-box;} .btn_08{background:url(/SKIN/HTML/1/IMG/icon/btn_08.png) 0 50% no-repeat; background-size:30px;padding-left:30px !important;box-sizing:border-box;} .btn_09{background:url(/SKIN/HTML/1/IMG/icon/btn_09.png) 0 50% no-repeat; background-size:30px;padding-left:30px !important;box-sizing:border-box;} .btn_10{background:url(/SKIN/HTML/1/IMG/icon/btn_10.png) 0 50% no-repeat; background-size:30px;padding-left:30px !important;box-sizing:border-box;} /* page-footer */ .page-footer{background:#655f5f;clear:both;overflow:hidden;padding:10px 0 30px 0;} .page-footer ul{overflow:hidden;} .page-footer ul li{overflow:hidden;float:left;width:19.33%;color:#fff;line-height:50px;text-align:center;} /*원본 width:23.33%*/ .page-footer ul li a {color:#fff;} .page-footer p{overflow:hidden;color:#b4b0af;line-height:140%;text-align:center;font-size:0.7em;letter-spacing:-1px;padding:0;margin:0;} /* 메뉴스와이퍼 */ .swiper-container { height:35px; margin: 0 auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; background:#fff; border-bottom:1px solid #000000; box-sizing:border-box; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; text-align:center; } .swiper-slide a{width:100%;line-height:35px;display:block;text-align:center;font-weight:bold;color:#000000;box-sizing:border-box;font-size:0.9em;} .swiper-slide a:hover{line-height:31px;color:#d2163e !important;border-bottom:4px #d2163e solid;} .swiper-slide a.on{line-height:31px;color:#d2163e !important;border-bottom:4px #d2163e solid;} /*디자인프랍 - GNB 팝콘아이콘 추가*/ .popcon_ico{background:url('/SKIN/HTML/1/IMG/common/popcon_gnb_popcon_icon.png') no-repeat left 5px; padding-right:-15px;} .popcon_ico a{padding-left:14px; line-height:35px;display:block;} /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform, height; } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } /* Arrows */ .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 20px; height: 35px; margin-top: -17.5px; z-index: 10; cursor: pointer; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background: url(/SKIN/HTML/1/IMG/common/arrow_pre_on.png) no-repeat ; left:0px; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background: url(/SKIN/HTML/1/IMG/common/arrow_nxt_on.png) no-repeat ; right:0px; } /*테이블*/ .qnatbs th, .qnatbs td{padding:3px;border:1px #d9d9d9 solid;font-size:0.8em;} .qnatbs th{background:#efefef;text-align:center;} /* ceobiz_201609 : 회원정보수정 추가 ////////////////////////////////////////////// */ /*member_info page*/ #wM_contents{} #wM_contents table td em{color:#d3163e;} .wM_tableBox{padding:0 7px;} .wM_tableBox02{} .wMmar01{padding-top:8px;} .wMmar02{padding-bottom:5px;} .wMwd01{width:20%;} .wMwd02{width:35%;padding:0 2.5%; height:30px;} .wMwd03{width:40%; height:30px;} .wMwd04{width:45%;padding:0 2.5%; height:30px;} .wMwd05{width:30%; height:30px;} .wMwd06{width:75%;padding:0 2.5%; height:16px;} .wMwd07{width:77.5%;padding-left:2.5%; height:30px;} .wMwd08{width:77.5%;padding-left:2.5%;} .wMwd09{width:63%;} .wMwd10{width:40%; padding:0 2.5%;} .wMwd11{width:17.5%;} .wMhe01{height:23px;} .wMhe02{height:40px; border-top:1px solid #ddd;} .wMhe03{border-bottom:1px solid #ddd;} .wM_table01 td{height:30px; font-size:0.8em; padding:0 7px; letter-spacing:-1.4px;} .wMtd01{background-color:#d3163e; color:#fff;} .wMtd01 span{background:url('/SKIN/HTML/1/IMG/wM_img/wM_bul01.gif') no-repeat left 1px; padding-left:20px;} .wMtd02{text-align:right; border-bottom:solid 1px #ddd;} .wM_table02{} .wM_table02 td{color:#333; font-size:0.8em; letter-spacing:-1.5px;} .wM_table02 td b{color:#333; font-weight:bold; font-size:1.2em;} .wM_inText{border:solid 1px #d5d5d5; font-size:0.8em; width:100%; height:20px; padding:0 3%; outline:none; -webkit-border-radius:0; -webkit-appearance:none;} .wM_inText02{border:solid 1px #d5d5d5; font-size:0.8em; width:23%; height:20px; padding:0 3%; outline:none; -webkit-border-radius:0; -webkit-appearance:none;} .wM_inText03{border:solid 1px #d5d5d5; font-size:0.8em; width:29%; height:20px; padding:0 3%; outline:none; -webkit-border-radius:0; -webkit-appearance:none;} .wM_inText04{border:solid 1px #d5d5d5; font-size:0.8em; width:29%; height:20px; padding:0 3%; outline:none; -webkit-border-radius:0; -webkit-appearance:none;} .wMbtn01{display:inline-block; width:40%; height:20px; border:solid 1px #d5d5d5; font-size:0.8em; line-height:17px; text-align:center; background-color:#efefef; } .check-box input[type="checkbox"]{opacity:0;display:none; display:inline-block\9;} .check-box label{display:inline-block; line-height:12px; margin-bottom:0px;} .check-box input[type="checkbox"] + label span{display:inline-block;width:16px; height:15px; vertical-align:bottom; background:url('/SKIN/HTML/1/IMG/wM_img/wM_check_off.png') left top no-repeat;background-image:none\9;cursor:pointer;letter-spacing:-0.05em; background-size:100%; } .check-box input[type="checkbox"]:checked + label span{background:url('/SKIN/HTML/1/IMG/wM_img/wM_check_on.png') left top no-repeat; background-size:100%;} .radio-box input[type="radio"]{opacity:0;display:none; display:inline-block\9;} .radio-box label{display:inline-block; line-height:15px; margin-bottom:0px;} .radio-box input[type="radio"] + label span{display:inline-block; width:15px; height:15px; vertical-align:bottom; background:url('/SKIN/HTML/1/IMG/wM_img/wM_radio_off.png') left top no-repeat; background-image:none\9;cursor:pointer;letter-spacing:-0.05em; background-size:100%;} .radio-box input[type="radio"]:checked + label span{background:url('/SKIN/HTML/1/IMG/wM_img/wM_radio_on.png') left top no-repeat; background-size:100%;} .wM_inTexts{border:solid 1px #d5d5d5; width:100%; height:40px; outline:none;font-size:0.8em; resize:none; padding:0 3%;-webkit-border-radius:0; -webkit-appearance:none;} .wM_commonBtn{display:table; margin:0 auto; padding:20px 0 80px; } .wM_commonBtn a{display:inline-block;} .wM_commonBtn a:last-child{margin-left:15px;} .wM_ok{ background-color:#c71034; border-radius:5px; height:40px; line-height:40px; width:80px; font-size:1.3em; font-weight:bold; color:#fff; text-align:center; } .wM_cancel{ background-color:#efefef; border-radius:5px; height:40px; line-height:40px; width:80px; font-size:1.3em; font-weight:bold; color:#3e3736; text-align:center; } .wM_select_box{ float:left; display:inline-block; position:relative; width:29%; height:20px; background:url('/SKIN/HTML/1/IMG/wM_img/wM_select_btn.jpg') right center no-repeat; border:1px solid #dcdcdc; background-color:#fff; } .wM_select_box label{ position:absolute; font-size:0.8em; color:#343434; top:3px; left:5px; width:100%; } .wM_select_box .select-num{ width:100%; height:20px; min-height:20px; line-height:20px; padding:0 3%; font-size:0.8em; opacity:0;filter:alpha(opacity=0);/* IE 8 */ } /* ceobiz_201609 : 회원정보수정 추가 ////////////////////////////////////////////// */ /* 2020 03 11 sch 모바일 상품검색 리스트 모양 naver따라 수정 */ .box-pro li {margin: 7px 0;border: 1px solid #f0f1f2;overflow: hidden;padding: 13px 15px 15px;} .box-pro li a div.pro_info .pd_name{font-size: 16px;color: #131313;font-weight:normal;letter-spacing: -0.5px;line-height:20px;text-overflow: ellipsis;overflow: hidden;word-wrap: break-word; white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .box-pro li a div.pro_info .pd_txt{font-size: 14px;color: #959595;letter-spacing: -0.5px;line-height:20px;text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;white-space: normal; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .box-pro li a div.pro_info .pd_price{margin-top: 4px;font-size: 17px;padding: 1px 0 0 2px;letter-spacing: -0.5px;line-height:20px;} .box-pro li a div.pro_thum{padding-right:14px;letter-spacing: -0.5px;line-height:20px;} .box-pro li a div.pro_info p{margin-bottom: 5px;} /* 2020 03 11 sch 모바일 상품검색 리스트 모양 naver따라 수정 */ /* 2020 06 23 sch 구글시트 184체렘씨요청 */ .box-pro li a div.pro_info .pd_txt{display:none;} /* 2020 10 23 전부장님요청수정 */ .box-pro .mt-css{display:inline-block;padding:50px 0;} /* 2021 06 28 */ .page-footer{padding: 10px 0 60px 0;} /* .page-footer ul{display:none;} .footer .txt ul{display:none;} */ /* 2021 12 22 */ #container { padding: 0; margin: 121px 0 50px 0; } /* 2022 08 17 모바일신고하기 btn css 작업요청 김현진부장님 */ .e-m-btn{background:red;color:#fff;border-radius:5px;padding:5px;box-sizing:border-box;border:0;} /* 2022 03 07 모바일상단 300이하 검색바 깨지는현상수정 top_new.asp검색페이지는 다르게적용 */ #header #msearch input{width:50%;} @media screen and (max-width: 320px) { #header #msearch{border:0;position:relative;width: 40px;} #header #msearch input{position: absolute;top: 5px;right: 7px;margin: 0;width: 25px;z-index: 1; background:url(/SKIN/HTML/1/IMG/common/btn_search1.png) center center no-repeat;background-size:26px;text-indent: -9999px;} }