/* Common */ #bbse_contact_form .bold {font-weight:bold;} #bbse_contact_form .f11 {font-size:11px;font-family:AppleGothic, Sans-serif;} #bbse_contact_form .f11d {font-size:11px;font-family:돋움,AppleGothic, Sans-serif;font-weight:normal} #bbse_contact_form .red {color:#e14944} #bbse_contact_form .open_meg {display:none;color:#ed1c24;margin-top:5px;} #bbse_contact_form .open_meg_2 {color:#ed1c24;text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #ed1c24; padding:10px 20px; margin:0 auto; margin:5px; } #bbse_contact_form .star { color:#f04f5e;padding-right:5px } #bbse_contact_form .f_right { float:right;} #bbse_contact_form .ptb5{ padding:5px 0;} /* list일반 */ #bbse_contact_form .tbl_type,.tbl_type th,.tbl_type td{border:0} #bbse_contact_form .tbl_type a{text-decoration:none} #bbse_contact_form .tbl_type{width:100%;border-bottom:1px solid #999;font-size:12px;table-layout:fixed} #bbse_contact_form .tbl_type caption,.tbl_type .frm label{display:none} #bbse_contact_form .tbl_type th{padding:10px 0 7px;border-top:solid 2px #a1a1a1;border-bottom:solid 1px #d2d2d2;background-color:#f1f1f1;font-weight:bold;line-height:18px;vertical-align:top} #bbse_contact_form .tbl_type td{padding:10px 0 7px;border-bottom:solid 1px #e7e7e7;text-align:center} #bbse_contact_form .tbl_type .frm{padding:0;text-align:center} #bbse_contact_form .tbl_type .frm input{margin:0} #bbse_contact_form .tbl_type .num,.tbl_type .date,.tbl_type .hit{padding:0;font-family:Tahoma;font-size:12px;line-height:normal} #bbse_contact_form .tbl_type .title{text-align:left} #bbse_contact_form .tbl_type .title .pic,.tbl_type .title .new{margin:0 0 2px;vertical-align:middle} #bbse_contact_form .tbl_type tr.reply .title a{padding-left:12px;background:url(images/icon_reply.gif) 0 1px no-repeat} #bbse_contact_form .tbl_type tr.reply td a.comment{padding:0;background:none;color:#f00;font-size:11px;font-weight:bold} /* list일반 */ /* list_g1 */ #bbse_contact_form .tbl_type_g1,.tbl_type_g1 th,.tbl_type_g1 td{border:0} #bbse_contact_form .tbl_type_g1 a{text-decoration:none} #bbse_contact_form .tbl_type_g1{width:100%;border-bottom:1px solid #999;border-top:2px solid #999;font-size:12px;table-layout:fixed} #bbse_contact_form .tbl_type_g1 caption,.tbl_type_g1 .frm label{display:none} #bbse_contact_form .tbl_type_g1 th {padding:10px;border-top:solid 2px #a1a1a1;border-bottom:solid 1px #d2d2d2;background-color:#f1f1f1;font-weight:bold;line-height:18px;vertical-align:top} #bbse_contact_form .tbl_type_g1 td {padding:15px 10px;border-bottom:solid 1px #e7e7e7;} #bbse_contact_form .tbl_type_g1 td.img1 {width:120px;} #bbse_contact_form .tbl_type_g1 td.img2 {width:200px;} #bbse_contact_form .tbl_type_g1 td.img3 {width:250px;} #bbse_contact_form .tbl_type_g1 td.img200 {width:100px;} #bbse_contact_form .tbl_type_g1 td.con {padding-left:10px;} #bbse_contact_form .tbl_type_g1 td p.title {font-weight:bold;} #bbse_contact_form .tbl_type_g1 td p.conbox {padding:5px 0;} #bbse_contact_form .tbl_type_g1 td p.name {font-size:11px;font-weight:bold;} #bbse_contact_form .tbl_type_g1 td span.date {font-size:11px;font-family:돋움;margin-left:10px;font-weight:normal;color:#999;} #bbse_contact_form .tbl_type_g1 td span.comm {margin-left:5px;font-weight:normal;color:#ff8600;} /* list_g1 */ /* list_g3*/ #bbse_contact_form .flexible_img_row ul{margin:0;padding:0;font-size:12px;font-family:Tahoma, Geneva, sans-serif;list-style:none} #bbse_contact_form .flexible_img_row li{position:relative;padding:15px 10px;margin:0 0 -1px 0;border:1px solid #eee;border-left:0;border-right:0;vertical-align:top;*zoom:1} #bbse_contact_form .flexible_img_row li:after{display:block;clear:both;content:""} #bbse_contact_form .flexible_img_row a{text-decoration:none;cursor:pointer} #bbse_contact_form .flexible_img_row a strong{display:inline-block;margin:0 0 4px 0;} #bbse_contact_form .flexible_img_row a:hover strong, #bbse_contact_form .flexible_img_row a:active strong, #bbse_contact_form .flexible_img_row a:focus strong{text-decoration:underline} #bbse_contact_form .flexible_img_row .thumb{display:inline-block;float:left;margin:0 15px 0 0;} #bbse_contact_form .flexible_img_row .thumb img{display:block;border:0} #bbse_contact_form .flexible_img_row p{margin:0;line-height:1.4;} #bbse_contact_form .flexible_img_row p.name {font-size:11px;font-weight:bold;margin:5px 0;} #bbse_contact_form .flexible_img_row span.date {font-size:11px;font-family:돋움;margin-left:10px;font-weight:normal;color:#999;} /* list_g3 */ /* list_g2 */ #bbse_contact_form .fixed_img_col ul{overflow:hidden;position:relative;margin:0;padding:0;border-top:2px solid #a1a1a1;border-bottom:solid 1px #d2d2d2;border-left:0;border-right:0;font-size:12px;list-style:none;*zoom:1} #bbse_contact_form .fixed_img_col ul:after{display:block;clear:both;content:""} #bbse_contact_form .fixed_img_col li{overflow:hidden;float:left;position:relative;top:1px;width:150px;height:220px;border-bottom:1px solid #eee} #bbse_contact_form .fixed_img_col .thumb{display:block;overflow:hidden;position:relative;width:120px;height:120px;background:#eee;color:#545454;line-height:120px;text-align:center;white-space:nowrap} #bbse_contact_form .fixed_img_col .thumb img{display:block;width:120px;height:120px;border:0} #bbse_contact_form .fixed_img_col .thumb em{visibility:hidden;position:absolute;bottom:0;left:0;width:1px;height:1px;background:#000;font-weight:bold;font-style:normal;color:#fff;text-align:center;opacity:.6;filter:alpha(opacity=60)} #bbse_contact_form .fixed_img_col .thumb em{_visibility:visible;_width:100%;_height:auto;_line-height:20px} #bbse_contact_form .fixed_img_col a{display:block;width:120px;margin:0 auto;padding:20px 0 0 0;text-decoration:none;cursor:pointer} #bbse_contact_form .fixed_img_col a strong{display:inline-block;margin:8px 0 0 0;color:#333;} #bbse_contact_form .fixed_img_col p{width:120px;margin:0 auto;font-size:11px;color:#767676;font-family:돋움;} #bbse_contact_form .fixed_img_col a:hover strong, #bbse_contact_form .fixed_img_col a:active strong, #bbse_contact_form .fixed_img_col a:focus strong{text-decoration:underline} #bbse_contact_form .fixed_img_col a:hover .thumb, #bbse_contact_form .fixed_img_col a:active .thumb, #bbse_contact_form .fixed_img_col a:focus .thumb{margin:-3px;border:3px solid #f4f4f4;-moz-box-shadow:0 0 5px #ddd;-webkit-box-shadow:0 0 5px #ddd} #bbse_contact_form .fixed_img_col a:hover .thumb em, #bbse_contact_form .fixed_img_col a:active .thumb em, #bbse_contact_form .fixed_img_col a:focus .thumb em{visibility:visible;width:100%;height:auto} /* list_g2 */ /* view */ legend{display:none} #bbse_contact_form .tbl_type_view {position:relative;} #bbse_contact_form .tbl_type_view,.tbl_type_view th,.tbl_type_view td{border:0;} #bbse_contact_form .tbl_type_view {width:100%;border-top:2px solid #999;border-bottom:1px solid #999;font-size:12px;table-layout:fixed;} #bbse_contact_form .tbl_type_view caption{display:none} #bbse_contact_form .tbl_type_view th{padding:10px 0 7px;border-bottom:solid 1px #d2d2d2;background-color:#f1f1f4;font-weight:bold;line-height:18px;vertical-align:top} #bbse_contact_form .tbl_type_view td{padding:10px 0 7px 7px;border-bottom:solid 1px #d2d2d2;text-align:left} #bbse_contact_form .tbl_type_view td.cont{padding:20px;line-height:1.6em} #bbse_contact_form .tbl_type_view span.date {position:absolute;float:right;right:0;font-size:11px;font-family:AppleGothic, Sans-serif;margin-right:10px;width:105px;} /* view */ /* 코멘트 */ #bbse_contact_form .total {padding:10px 0 3px 10px;} #bbse_contact_form .comment_box {padding:0;background-color:#f1f1f4;position:relative;} #bbse_contact_form .comment_box input,.comment_box textarea{vertical-align:middle} #bbse_contact_form .comment_box input.name{width:100px;padding:2px 0 1px;border:solid 1px #d2d2d2} #bbse_contact_form .comment_box textarea.comment{width:80%;height:50px;padding:2px 0 1px;border:solid 1px #d2d2d2} #bbse_contact_form .comment_box input.submit{width:60px;height:50px;border:solid 1px #666;background-color:#f2f2f2;font-family:'돋움';font-size:12px;line-height:normal} #bbse_contact_form .comment_box .input_left {float:left;margin:10px 0 0 12px;width:100px;} #bbse_contact_form .comment_box .input_left input {margin:2px 0;padding:4px 0 2px;} #bbse_contact_form .comment_box .input_right {float:left;margin-top:10px;} #bbse_contact_form .comment_box .input_right .txt {padding:2px 5px 0;font-size:11px;} #bbse_contact_form .comment_box .input_right img {width:110px;height:50px;border:2px solid #f1f1f1;margin:0 10px 5px 10px} #bbse_contact_form .comment_box .input_comment {clear:both;} #bbse_contact_form .input_comment .a_comment {padding:2px;position:relative;} #bbse_contact_form .input_comment .a_comment span {display:block;margin:0 75px 10px 10px; } #bbse_contact_form .input_comment .a_comment textarea {border:1px solid #ccc; width:100%;margin:0;padding:0;height:58px;background:#ffffff;font:normal 12px '돋움'} #bbse_contact_form .input_comment .a_comment strong {float:left;position:absolute;right:11px;top:2px;vertical-align: middle;font-size:12px; white-space:nowrap;text-align:center;} #bbse_contact_form .input_comment .a_comment strong a {display:block; border:solid 1px #666;background-color:#333;font-family:'돋움';font-size:12px;color:#fff; width:60px; height:36px; padding:22px 0 0; letter-spacing:-1px;font:normal 12px '돋움'} #bbse_contact_form .input_comment .a_comment strong a:hover {background:#222;text-decoration:none;} #bbse_contact_form .comment_list_box {padding:10px 0;} #bbse_contact_form .comment_list li {border-bottom:solid 1px #ddd;padding:10px;} #bbse_contact_form .comment_list li p.con {padding:10px 0;line-height:1.4em;} #bbse_contact_form .comment_list li p.name {font-weight:bold;} #bbse_contact_form .comment_list li p span.date {font-size:10px;font-family:AppleGothic, Sans-serif;color:#999;margin-left:15px;font-weight:normal;} #bbse_contact_form .comment_list li p.opm {font-size:11px;color:#666;} #bbse_contact_form .comment_list li p.opm a{font-size:11px;color:#e46c0a;} #bbse_contact_form .comment_list li.reply {background:url(images/ico_re2.gif) no-repeat 10px 8px ;padding-left:26px;} #bbse_contact_form .comment_list li.reply2 {background:url(images/ico_re2.gif) no-repeat 28px 8px ;padding-left:42px;} #bbse_contact_form .comment_list .del_input {font-size:11px;background:#f4f4f4;padding:10px} #bbse_contact_form .comment_list .del_input .tit {font-size:11px;} #bbse_contact_form .comment_list .del_input .meg {font-size:11px;color:#ed1c24;padding:5px 0 0;} #bbse_contact_form .comment_list .del_input input {border:1px solid #ccc;padding:4px 5px 2px;font-size:11px;width:80px;} #bbse_contact_form .comment_list .del_input .btn_ok {border:1px solid #333;background:#333;padding:4px 5px 2px;font-size:11px;color:#fff;font-size:11px;} /* 코멘트 */ /* 쓰기 */ /* UI Object */ #bbse_contact_form fieldset {border:0 !important;padding:0 !important; margin:0 !important;} #bbse_contact_form .form_table{background:#fff;padding:20px; border:0 !important;color:#666;text-shadow:none;} #bbse_contact_form .form_table input,.form_table textarea,.form_table select,.form_table table,.form_table button{font-size:12px} #bbse_contact_form .form_table table{width:100%;border:0;border-top:2px solid #999;border-bottom:1px solid #999;margin:0 auto;} #bbse_contact_form .form_table caption{padding:8px 0;font-weight:bold;text-align:left} #bbse_contact_form .form_table th{padding:8px 6px 6px;border:0;text-align:left;font-size:14px;font-weight:bold;background:none;} #bbse_contact_form .form_table td{padding:8px 5px 12px;border:0;border-bottom:1px solid #f1f1f1;background:#fff;text-align:left;} #bbse_contact_form .form_table fieldset {border:0 !important;padding:0 !important; margin:0 !important;} #bbse_contact_form .form_table .item {position:relative;margin:-4px 0 !important; padding:0 !important; } #bbse_contact_form .form_table .item .i_help{position:absolute;top:4px;right:0} #bbse_contact_form .form_table .item .i_label{ top:6px; left:10px} #bbse_contact_form .form_table .item .i_dsc{margin:2px 0} #bbse_contact_form .form_table .item .i_dsc a {color:#e46c0a;} #bbse_contact_form .form_table .item .i_check, #bbse_contact_form .form_table .item .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle;height:40px;} #bbse_contact_form .form_table .item .i_text{position:relative;margin:2px;padding:3px 4px;height:40px;border:1px solid #b7b7b7 !important;color:#666;background:#fff;} #bbse_contact_form .form_table .item .i_file{position:relative;margin:2px;border:1px solid #b7b7b7 !important;color:#666;background:#fff;} #bbse_contact_form .form_table .item .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0} #bbse_contact_form .form_table .item select{margin:2px;height:40px;border:1px solid #b7b7b7;text-align:justify;line-height:1.6em;color:#666;background:#fff;} #bbse_contact_form .form_table .item label{margin:0 10px 0 0;cursor:pointer} #bbse_contact_form .form_table .item .i_gdtxt {float:left;display:inline-block;background:#ebebeb;padding:0 12px;margin-top:2px;height:40px;line-height:40px;} #bbse_contact_form .form_table .item .i_box {display:inline-block} /* //UI Object */ /* 쓰기 */ /* page */ #bbse_contact_form .paginate{float:left;width:100%;padding:10px 0;text-align:center} #bbse_contact_form .paginate a,.paginate strong{display:inline-block;_position:relative;margin-left:-7px;padding:3px 10px 1px 7px;border-left:1px solid #ccc;background:#fff;color:#313031;font-family:'돋움',Dotum,'굴림',Gulim, AppleGothic, Sans-serif;font-size:12px;font-weight:bold;line-height:normal;text-decoration:none;} #bbse_contact_form .paginate strong{color:#ff8600 !important} #bbse_contact_form .paginate a:hover{background:#f7f7f7} #bbse_contact_form .paginate a.fir {border:none;} #bbse_contact_form .paginate a.pre{padding:3px 5px 0;border:none;margin-right:5px;} #bbse_contact_form .paginate a.pre_end{padding:3px 5px 0;border:none;} #bbse_contact_form .paginate a.next{padding:3px 5px 0;border:none;} #bbse_contact_form .paginate a.next_end{padding:3px 5px 0;border:none;} #bbse_contact_form .paginate a.pre,.paginate a.next, .paginate a.next_end, .paginate a.pre_end {position:relative;top:5px;background:none !important;font-family:'돋움',Dotum,'굴림',Gulim, AppleGothic, Sans-serif;font-size:12px} /* page */ /* //검색*/ #bbse_contact_form .list_top {width:100%;margin:0;padding:0;} #bbse_contact_form .list_top:after{content:'';clear:both;display:block;} #bbse_contact_form .list_top .srch{padding:5px 0;float:right;} #bbse_contact_form .list_top .srch legend{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0} #bbse_contact_form .list_top .srch{color:#c4c4c4;text-align:center} #bbse_contact_form .list_top .srch select,.srch input{margin:-1px 0 1px;font-size:12px;color:#373737;vertical-align:middle} #bbse_contact_form .list_top .srch .keyword{margin-left:1px;padding:3px 3px 2px;border:1px solid #b5b5b5;font-size:12px;line-height:15px} /* //검색*/ /* //카테고리*/ #bbse_contact_form .list_top .cate{float:left;padding:5px 0;} #bbse_contact_form .list_top .cate legend{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0} #bbse_contact_form .list_top .cate{color:#c4c4c4;text-align:center} #bbse_contact_form .list_top .cate select,.cate input{margin:-1px 0 1px;font-size:12px;color:#373737;vertical-align:middle} #bbse_contact_form .list_top .cate .keyword{margin-left:1px;padding:2px 3px 5px;border:1px solid #b5b5b5;font-size:12px;line-height:15px} /* //카테고리 */ /* 버튼 */ #bbse_contact_form .btn {padding:10px 0;text-align:right;} #bbse_contact_form a.btn_big{display:inline-block;padding-right:4px;background:url(images/bg_btn_default.gif) no-repeat 100% 0;font-family:'돋움',dotum;font-size:12px;color:#444;line-height:22px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap} #bbse_contact_form a.btn_big span,a.btn_big strong{display:block;padding:4px 8px 0 12px;background:url(images/bg_btn_default.gif) no-repeat} #bbse_contact_form a.btn_sml{display:inline-block;padding-right:4px;background:url(images/bg_btn_default.gif) no-repeat 100% -27px;font-family:'돋움',dotum;font-size:12px;color:#444;line-height:17px;letter-spacing:-1px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap} #bbse_contact_form a.btn_sml span,a.btn_sml strong{display:block;padding:5px 4px 0 8px;background:url(images/bg_btn_default.gif) no-repeat 0 -27px} #bbse_contact_form .btn_add {padding:0;text-align:right;margin-top:2px} #bbse_contact_form a.btn_add_in {display:inline-block;background:#5f5f5f; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-family:'돋움',dotum;font-size:11px; letter-spacing:-0.1em; color:#fff;height:36px;line-height:36px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; } #bbse_contact_form a.btn_add_in span,a.btn_add_in strong{display:block;padding:4px 12px 0;background:#5f5f5f; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} /* 버튼 */ /* by */ #bbse_contact_form .by {float:left;padding:10px 0 0 5px;font-size:11px;font-family:AppleGothic, Sans-serif;color:#999;} #bbse_contact_form .by a {color:#999;text-decoration:underline} /* 개인정보취급방침 */ #bbse_contact_form .agree1{border:1px solid #b7b7b7;text-align:justify;line-height:1.6em;padding:10px;background:rgb(255,255,255);height:120px;overflow:auto;margin-bottom:5px; -webkit-border-top-left-radius:3px; -moz-border-radius-topleft:3px; border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px; border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-bottomright:3px; border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-bottomleft:3px; border-bottom-left-radius:3px;} #bbse_contact_form .agree1 p{color:rgb(102,102,102);font-size-adjust:none;font-stretch:normal;} #bbse_contact_form #write_loading { border:0; display:none; text-align: center; background: #ffffff; filter:alpha(opacity=60); opacity:alpha*0.6; } /* 쓰기 - 작성완료 */ #bbse_contact_form .success_box_wrap {width:100%;background:#fff;border:0;margin:0 auto;} #bbse_contact_form .success_box {width:70%;margin:0 auto;padding:60px 0;} #bbse_contact_form .success_box h1 {font-size:18px;padding-bottom:10px;margin-bottom:20px; border-bottom:2px solid #999;} #bbse_contact_form .success_box .id {color:#ed1c24;text-align:center;margin:15px 0;} #bbse_contact_form .success_box p {line-height:28px;margin:30px 0;} #bbse_contact_form .success_btn_w {margin:30px 0 15px;padding:0} #bbse_contact_form .success_btn { cursor:pointer; font-size:14px; font-family:돋움; -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:gradient( linear, left top, left bottom, color-stop(0.05, #f0f0f0), color-stop(1, #e0e0e0) ); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0f0f0), color-stop(1, #e0e0e0) ); background:-moz-linear-gradient( center top, #f0f0f0 5%, #e0e0e0 100% ); background:-ms-linear-gradient( #f0f0f0 5%, #e0e0e0 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#e0e0e0'); background-color:#f0f0f0; -webkit-border-top-left-radius:3px; -moz-border-radius-topleft:3px; border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px; border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-bottomright:3px; border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-bottomleft:3px; border-bottom-left-radius:3px; text-indent:0; border:1px solid #e0e0e0; display:inline-block; color:#333; font-weight:bold; font-style:normal; height:46px; line-height:46px; width:20%; min-width:120px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #ffffff; } #bbse_contact_form .success_btn:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e0e0e0), color-stop(1, #f0f0f0) ); background:-moz-linear-gradient( center top, #e0e0e0 5%, #f0f0f0 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#f0f0f0'); background:-ms-linear-gradient( #e0e0e0 5%, #f0f0f0 100% ); background-color:#e0e0e0; }#bbse_contact_form .success_btn:active { position:relative; top:1px; }