@charset "euc-kr"; /* CSS Document */ div, ul, ol, li, dl, dt, dd, form, fieldset, select, button, p, h1, h2, h3, h4, h5, h6, blockquote, iframe{ margin:0; padding:0; } img { border:0; } li { list-style:none; } button { background:transparent; cursor:pointer; vertical-align:middle; border:none; margin:0; } legend, caption, hr { display:none; } a:link { text-decoration:none; color:#666;} a:visited { text-decoration:none; color:#666;} a:hover { text-decoration:none; color:#666;} a:active { text-decoration:none; color:#666;} #top_wrap { width:980px; margin:0 auto; height:134px; } .top_logo { height:92px; background:url(../img/top/top_logo_bg.gif) no-repeat; position:relative; } .top_logo h1 { position:absolute; left:10px; top:18px; } .top_gnb { position:absolute; right:8px; top:10px; } .top_gnb li { display:inline; } .top_navi { height:42px; } .top_navi ul { width:980px; overflow:hidden; } .top_navi li { float:left; } #mh_wrap { width:980px; margin:0 auto; } #mh_wrap:after { display:block; clear:both; content:''; } .category_left { width:200px; float:left; } .main_cont { margin:0 0 0 10px; width:770px; float:left; } .sub_cont { margin:0 0 0 30px; width:750px; float:left; padding:40px 0 60px; } .loginbox span { margin:0 0 10px; } .loginbox { font-size:11px; margin:11px 0 8px; padding:8px 8px 0px; border:1px solid #d6d6d6; height:102px; } .quick_icon { border:1px solid #b1b1b1; } .category_wrap h4 { margin:10px 0 0; } .category_list { width:192px; border:1px solid #c2c2c2;} .category_list li { padding:10px; width:170px; border-bottom:1px solid #dedede; } .category_list li a { display:inline-block;} .left_banners { margin:5px 0 0 ; } .left_banners li { margin:5px 0 0 ; } .subleft_banners { margin:5px 0 0 ; } .left_special_bn { margin:10px 0 0; } /* main */ .mainbn01 { margin:10px 0 0;} .mainbn02 { margin:10px 0 0;} .main_board_wrap { margin:10px 0 0 ;} .main_board_list th { border-bottom:1px solid #dbdbdb; color:#555555; text-align:left; padding:0 0 0 6px; } .main_board_list td { border-bottom:1px solid #dbdbdb; color:#555555; } .main_board_list td.board_date { font-size:11px; color:#555555; text-align:right; } .best_sample { margin:13px 0 0 ;} .bestsample_box { border:1px solid #cacaca; height:auto; min-height:290px; border-top:none; margin:0px 0 4px; background:#ffffff; padding:5px 0 0px; } h4.best_title { margin:0px 8px 8px; } .bestsample_box ul { overflow:hidden; } .bestsample_box li { float:left; width:182px; margin:8px 0 13px 8px; cursor:pointer; } .bestsample_box li p img:hover { border:2px solid #fa91c8; } .bestsample_box li p { margin:4px 0 6px } .bestsample_box li p img { border:2px solid #eee; } .bestsample_box li strong { display:block; width:182px; text-align:center; } .bestsample_box2 { border:1px solid #fa91c8; margin-top:5px; background:#fafafa; padding:10px; } .bestsample_box2 h4 { margin:16px 8px 0px; } .bestsample_box2 ul { margin:0; padding:0; list-style:none; overflow:hidden; width:100%;} .bestsample_box2 ul li { float:left; width:32.6%; margin:0.3%; text-align:center;} .bestsample_box2 ul li .cont_box { position:relative; width:100%; padding-bottom:100%; background:#fff; overflow:hidden; margin-bottom:10px;} .bestsample_box2 ul li .img_box {position:absolute; left:0; top:0; bottom:0; right:0; margin:5px; overflow:hidden;} .bestsample_box2 ul li .img_box img {position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; width:210px; height:98%;} /* best tab */ .main_best_tab { overflow:hidden; height:30px; background:url(../img/btn/best_tab_line.gif) repeat-x; } .main_best_tab li { float:left; height:20px; text-align:center; font-size:11px; padding:10px 0 0; cursor:pointer } .best_tab_off { width:96px; background:url(../img/btn/main_best_tab.gif) 0px 0px no-repeat; color:#333; } .best_tab_on { width:96px; background:url(../img/btn/main_best_tab.gif) 0px -30px no-repeat; font-weight:bold;} .best_tab_off_end { width:97px; background:url(../img/btn/main_best_tab.gif) 0px 0px no-repeat;color:#333; } .best_tab_on_end { width:97px; background:url(../img/btn/main_best_tab.gif) 0px -30px no-repeat; font-weight:bold;} /* sub */ .sub_cont h3 { margin:16px 0 20px; padding:0 0 5px; border-bottom:1px solid #dedede;} .comm_tab_wrap { height:34px; background:url(../img/sub/sub_kind_tab.gif) repeat-x; overflow:hidden; font-size:11px; border-bottom:1px solid #7f8486;} .comm_tab_wrap li { float:left; height:22px; padding:12px 0 0; text-align:center; } .comm_tab { width:83px; cursor:pointer; background:url(../img/comm/comm_tab.gif) 0 0px no-repeat; color:#4c4c4c; } .comm_tab_end { width:86px; cursor:pointer; background:url(../img/comm/comm_tab.gif) 0 0px no-repeat; color:#4c4c4c; } .comm_tab_on { width:83px; cursor:pointer; background:url(../img/comm/comm_tab.gif) 0 -34px no-repeat; color:#fff; font-weight:bold;} .comm_tab_end_on { width:86px; cursor:pointer; background:url(../img/comm/comm_tab.gif) 0 -34px no-repeat; color:#fff; font-weight:bold; } .comm_tab_wrap2 { height:34px; overflow:hidden; font-size:11px; border-bottom:1px solid #7f8486;} .comm_tab_wrap2 li { float:left; height:22px; padding:12px 0 0; text-align:center; } .comm_tab2 { width:83px; cursor:pointer; background:url(../img/comm/comm_tab.gif) 0 0px no-repeat; color:#4c4c4c; } .comm_tab_end2 { width:86px; cursor:pointer; background:url(../img/comm/comm_tab.gif) 0 0px no-repeat; color:#4c4c4c; } .comm_tab_on2 { width:83px; cursor:pointer; background:url(../img/comm/comm_tab.gif) 0 -34px no-repeat; color:#fff; font-weight:bold;} .comm_tab_end_on2 { width:86px; cursor:pointer; background:url(../img/comm/comm_tab.gif) 0 -34px no-repeat; color:#fff; font-weight:bold; } .comm_tab2 a:hover { color:#000; text-decoration:none; } .comm_tab_end2 a:hover { color:#000; text-decoration:none; } .comm_tab_on2 a:link { color:#fff; text-decoration:none; } .comm_tab_end_on2 a:link { color:#fff; text-decoration:none; } .comm_tab_on2 a:visited { color:#fff; text-decoration:none; } .comm_tab_on_end2 a:visited { color:#fff; text-decoration:none; } .comm_tab_on2 a:hover { color:#fff; text-decoration:none; } .comm_tab_end_on2 a:hover { color:#fff; text-decoration:none; } .kind_tab_wrap { width:750px; height:34px; background:url(../img/sub/sub_kind_tab.gif) repeat-x; } .kind_tab_wrap li { float:left; height:34px; } .kind_tab01 { width:112px; cursor:pointer; background:url(../img/sub/namecard_tab.gif) 0 0px no-repeat; } .kind_tab01.on { background:url(../img/sub/namecard_tab.gif) 0 -34px no-repeat; } .kind_tab02 { width:111px; cursor:pointer; background:url(../img/sub/namecard_tab.gif) -112px 0px no-repeat; } .kind_tab02.on { background:url(../img/sub/namecard_tab.gif) -112px -34px no-repeat; } .kind_tab03 { width:111px; cursor:pointer; background:url(../img/sub/namecard_tab.gif) -223px 0px no-repeat; } .kind_tab03.on { background:url(../img/sub/namecard_tab.gif) -223px -34px no-repeat; } .kind_tab04 { width:111px; cursor:pointer; background:url(../img/sub/namecard_tab.gif) -334px 0px no-repeat; } .kind_tab04.on { background:url(../img/sub/namecard_tab.gif) -334px -34px no-repeat; } .kind_tab05 { width:111px; cursor:pointer; background:url(../img/sub/namecard_tab.gif) -445px 0px no-repeat; } .kind_tab05.on { background:url(../img/sub/namecard_tab.gif) -445px -34px no-repeat; } .tab_category { clear:left; border-bottom:1px solid #7f8486;padding:15px 15px 10px; height:20px; } .tab_category li { float:left;display:inline-block; background:url(../img/comm/set_blt.gif) 0 -24px no-repeat; padding:0 10px 0 17px; } .mypage_tab_wrap { width:750px; height:34px; background:url(../img/sub/sub_kind_tab.gif) repeat-x; } .mypage_tab_wrap li { float:left; height:34px; } .mypage_tab01 { width:112px; cursor:pointer; background:url(../img/sub/mypage_tab.gif) 0 0px no-repeat; } .mypage_tab01.on { background:url(../img/sub/mypage_tab.gif) 0 -34px no-repeat; } .mypage_tab02 { width:111px; cursor:pointer; background:url(../img/sub/mypage_tab.gif) -112px 0px no-repeat; } .mypage_tab02.on { background:url(../img/sub/mypage_tab.gif) -112px -34px no-repeat; } .mypage_tab03 { width:111px; cursor:pointer; background:url(../img/sub/mypage_tab.gif) -223px 0px no-repeat; } .mypage_tab03.on { background:url(../img/sub/mypage_tab.gif) -223px -34px no-repeat; } .mypage_tab04 { width:111px; cursor:pointer; background:url(../img/sub/mypage_tab.gif) -334px 0px no-repeat; } .mypage_tab04.on { background:url(../img/sub/mypage_tab.gif) -334px -34px no-repeat; } .mypage_tab05 { width:111px; cursor:pointer; background:url(../img/sub/mypage_tab.gif) -444px 0px no-repeat; } .mypage_tab05.on { background:url(../img/sub/mypage_tab.gif) -444px -34px no-repeat; } .mypage_tab06 { width:111px; cursor:pointer; background:url(../img/sub/mypage_tab.gif) -556px 0px no-repeat; } .mypage_tab06.on { background:url(../img/sub/mypage_tab.gif) -556px -34px no-repeat; } .cs_tab_wrap { width:750px; height:34px; background:url(../img/sub/sub_kind_tab.gif) repeat-x; margin:15px 0 0;} .cs_tab_wrap li { float:left; height:34px; } .cs_tab01 { width:112px; cursor:pointer; background:url(../img/sub/cs_tab.gif) 0 0px no-repeat; } .cs_tab01.on { background:url(../img/sub/cs_tab.gif) 0 -34px no-repeat; } .cs_tab02 { width:111px; cursor:pointer; background:url(../img/sub/cs_tab.gif) -112px 0px no-repeat; } .cs_tab02.on { background:url(../img/sub/cs_tab.gif) -112px -34px no-repeat; } .cs_tab03 { width:111px; cursor:pointer; background:url(../img/sub/cs_tab.gif) -223px 0px no-repeat; } .cs_tab03.on { background:url(../img/sub/cs_tab.gif) -223px -34px no-repeat; } .cs_tab04 { width:111px; cursor:pointer; background:url(../img/sub/cs_tab.gif) -334px 0px no-repeat; } .cs_tab04.on { background:url(../img/sub/cs_tab.gif) -334px -34px no-repeat; } .cs_tab05 { width:111px; cursor:pointer; background:url(../img/sub/cs_tab.gif) -445px 0px no-repeat; } .cs_tab05.on { background:url(../img/sub/cs_tab.gif) -445px -34px no-repeat; } .cswrap { margin:20px 0 0 ; } .sub_loginbox { width:370px; height:130px; background:url(../img/sub/memberlogin_bg.gif) no-repeat; padding:46px 0 0 380px;} .sub_detail_box { margin:20px 0 0 ; } .detail_box { border:2px solid #d2d2d2; margin:5px 0 0; } .detail_inside01 { padding:20px; color:#333; min-height:134px;height:auto; } .detail_inside01 select { font-size:12px; } .detail_inside02 { padding:10px 25px 20px} .detail_inside03 { padding:10px 5px; min-height:63px; } .detail_border01 { border:1px solid #d6d6d6; background:#dfdfdf; width:328px; height:157px; } .detail_border02 { border:1px solid #d6d6d6; background:#dfdfdf; width:100%; max-width:690px; min-height:220px;height:auto;} .detail_border02 a >img {width:auto; height:100%; max-width:690px;} .btn_design_sample { line-height:140px; } .amount_wrap { background:url(../img/sub/amount_bg.gif) no-repeat; width:260px; height:84px; padding:46px 15px 20px; } .amount_wrap th { text-align:left; color:#fff; } .amount_wrap td.amount_tdbg { background:url(../img/sub/amount_td_bg.gif) no-repeat; } .text01 { font-size:11px; color:#999; margin:0 7px 0; font-weight:normal; } .text02 { font-size:11px; color:#666; font-weight:normal; } .text03 { font-size:11px; color:#0000ff; font-weight:bold; } .5mbtext { padding:0 30px 0;} h4.h4title1 { background:url(../img/comm/set_blt.gif) 0 -5px no-repeat; padding:0 0 0 20px; font-size:14px; font-weight:bold; letter-spacing:-1px;} .mgt_10 { margin:10px 0 0; } .sub_detail_box input { font-size:12px; } .after_design td { color:#666; border-bottom:1px dotted #CCC; } #footer_wrap { clear:left; text-align:center;} #footer_wrap li { display:inline; } .footer_info { margin:10px 0 0; padding:0px 0 0; } .footer_info img { border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:3px solid #e2348f; } .footer_menu { border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:7px 0 7px; } .designcategory { overflow:hidden; padding:0px 20px 10px 30px; border:1px solid #666; margin:0 0 15px; } .designcategory li { float:left; width:140px; text-align:left; height:16px; background:url(../img/comm/set_blt.gif) 0 -24px no-repeat; padding:0 10px 0 18px; margin:10px 0 0; cursor:pointer; } .samplecategory_title { background:#666; color:#fff; padding:8px 0 8px 20px; font-size:15px; font-weight:bold; } .samplecategory_title2 { background:#b0b0b0; color:#fff; padding:6px 0 6px 20px; font-size:11px; font-weight:bold; } .sample_view_wrap { margin:20px 0 20px; } .sample_view_img img { border:1px solid #ccc; cursor:pointer; } .sample_view_img:hover img { border:1px solid #000; } .sample_preview_list { overflow:hidden; } .sample_preview_list li { float:left; margin:0 6px 20px 6px; cursor:pointer; } .sample_preview_list li p img { border:1px solid #ccc; padding:3px; } .sample_preview_list li p img:hover { border:1px solid #000; padding:3px; } .sample_preview_list li span { width:162px; text-align:center; display:block; margin:8px 0 8px; } .paginate_complex{padding:15px 0;line-height:normal;text-align:center} .paginate_complex a, .paginate_complex strong{display:inline-block;position:relative;z-index:2;margin:0 -3px;padding:1px 8px;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;background-color:#fff;font:bold 12px/16px Tahoma, Sans-serif;color:#323232;text-decoration:none;vertical-align:top} .paginate_complex a:hover, .paginate_complex a:active, .paginate_complex a:focus{background-color:#f8f8f8} .paginate_complex strong{color:#ff8600} .paginate_complex .direction{border:0;font-weight:normal;color:#767676;text-decoration:none !important;z-index:1} .paginate_complex .direction:hover, .paginate_complex .direction:active, .paginate_complex .direction:focus{color:#323232;background-color:#fff} .paginate_complex .prev{border-left:0} .paginate_complex .next{border-right:0} .paginate_complex .direction span{display:inline-block;position:relative;top:4px;width:0;height:0;font-size:0;line-height:0;vertical-align:top} .paginate_complex .prev span{*left:-4px;margin-right:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-left:0} .paginate_complex .next span{margin-left:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-right:0} .pop_designsample_category { overflow:hidden; padding:0px 20px 10px 30px; border:1px solid #b0b0b0; margin:0 0 15px; font-size:11px; } .pop_designsample_category li { float:left; width:140px; text-align:left; height:12px; color:#666; background:url(../img/comm/set_blt.gif) 0 -42px no-repeat; padding:0 10px 0 16px; margin:12px 0 0; cursor:pointer; } /* 상품주문 */ .order_form td.tit {text-align:left; font-size:9pt; font-family:Dotum; padding-top:3px; padding-bottom:2px; font-weight:bold; right no-repeat; font-weight:bold; border-right:1px solid #d7d7d7; background-color:#fafaf9; color:#707070; padding-left:10px;} .order_form td.val {text-align:left; padding-left:10px;} /* file */ .box { position:absolute; left:240px; top:1px; z-index:100; width:45px; height:22px; overflow:hidden; } /* width과 height는 버튼 사이즈 */ .box .hide { width:200px; height:100px; margin-top:-50px; margin-left:-150px; filter:alpha(opacity=0); -moz-opacity:0; cursor:pointer; } .btn { position:absolute; left:240px; top:1px; z-index:10; } /* side quick */ .side_quick_wrap { width:94px; text-align:center; position:absolute; top:142px; left:500px; margin-left:50%; } .side_quick_wrap ul { padding:5px; border:1px solid #d2d2d2; } .side_quick_wrap li { border-bottom:1px solid #d2d2d2; } .side_quick_wrap .quicklast { border-bottom:none; } .quick_bn { margin:5px 0 0; border:1px solid #d2d2d2; } .quick_top { padding:10px 0 0;} /* sian pop */ .sian_pop_top_title { background:url(../img/pop/sian_top_bg.gif) } .sian_pop_wrap {height:100px;overflow:auto; padding:20px; background:#fff; font-size:12px;} .sian_pop_wrap2 {height:80px;overflow:auto; padding:20px; background:#fff; font-size:12px;} .comment_sian { border-top:1px solid #ddd; } .comment_sian td { border-bottom:1px solid #ddd; padding-left:5px; } .comment_sian th { border-bottom:1px solid #ddd; padding-left:5px; } .comment_sian th { background:#f1f1f1; } /* bank */ .white_content { display: none; position: absolute; top: 20px; left: 100px; width: 400px; height: 140px; padding: 16px; border: 2px solid #666; background-color: white; z-index:1002; overflow: auto; } .popup_close { text-align:right; display:block; padding:2px 0 0; }