@charset "utf-8"; /* 게시판 버튼 */ /* 목록 버튼 */ #bo_list a.btn_b01 {} #bo_list a.btn_b01:focus, #bo_list a.btn_b01:hover {} #bo_list a.btn_b02 {} #bo_list a.btn_b02:focus, #bo_list a.btn_b02:hover {} #bo_list a.btn_admin {} /* 관리자 전용 버튼 */ #bo_list a.btn_admin:focus, #bo_list .btn_admin:hover {} /* 읽기 버튼 */ #bo_v a.btn_b01 {} #bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover {} #bo_v a.btn_b02 {} #bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover {} #bo_v a.btn_admin {} /* 관리자 전용 버튼 */ #bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {} /* 쓰기 버튼 */ #bo_w .btn_confirm {} /* 서식단계 진행 */ #bo_w .btn_submit {} #bo_w button.btn_submit {} #bo_w fieldset .btn_submit {} #bo_w .btn_cancel {} #bo_w button.btn_cancel {} #bo_w .btn_cancel:focus, #bo_w .btn_cancel:hover {} #bo_w a.btn_frmline, #bo_w button.btn_frmline {} /* 우편번호검색버튼 등 */ #bo_w button.btn_frmline {} /* 기본 테이블 */ /* 목록 테이블 */ #bo_list .tbl_head01 {} #bo_list .tbl_head01 caption {} #bo_list .tbl_head01 thead th {} #bo_list .tbl_head01 thead a {} #bo_list .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ #bo_list .tbl_head01 tfoot th {} #bo_list .tbl_head01 tfoot td {} #bo_list .tbl_head01 tbody th {} #bo_list .tbl_head01 td {} #bo_list .tbl_head01 a {} #bo_list td.empty_table {} /* 읽기 내 테이블 */ #bo_v .tbl_head01 {} #bo_v .tbl_head01 caption {} #bo_v .tbl_head01 thead th {} #bo_v .tbl_head01 thead a {} #bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ #bo_v .tbl_head01 tfoot th {} #bo_v .tbl_head01 tfoot td {} #bo_v .tbl_head01 tbody th {} #bo_v .tbl_head01 td {} #bo_v .tbl_head01 a {} #bo_v td.empty_table {} /* 쓰기 테이블 */ #bo_w table {} #bo_w caption {} #bo_w .frm_info {} #bo_w .frm_address {} #bo_w .frm_file {} #bo_w .tbl_frm01 {} #bo_w .tbl_frm01 th {} #bo_w .tbl_frm01 td {} #bo_w .tbl_frm01 textarea, #bo_w tbl_frm01 .frm_input {} #bo_w .tbl_frm01 textarea {} /* #bo_w .tbl_frm01 #captcha {} #bo_w .tbl_frm01 #captcha input {} */ #bo_w .tbl_frm01 a {} #bo_w .tbl_frm01 select {height:22px; width:128px;} /* 필수입력 */ #bo_w .required, #bo_w textarea.required {} #bo_w .cke_sc {} #bo_w button.btn_cke_sc{} #bo_w .cke_sc_def {} #bo_w .cke_sc_def dl {} #bo_w .cke_sc_def dl:after {} #bo_w .cke_sc_def dt, #bo_w .cke_sc_def dd {} #bo_w .cke_sc_def dt {} #bo_w .cke_sc_def dd {} /* ### 기본 스타일 커스터마이징 끝 ### */ /* 게시판 목록 */ #bo_list .td_board {width:120px;text-align:center} #bo_list .td_chk {text-align:center} #bo_list .td_date {width:60px;text-align:center} #bo_list .td_datetime {width:110px;text-align:center} #bo_list .td_group {width:100px;text-align:center} #bo_list .td_mb_id {width:100px;text-align:center} #bo_list .td_mng {width:80px;text-align:center} #bo_list .td_name {width:100px;text-align:left} #bo_list .td_nick {width:100px;text-align:center} #bo_list .td_num {width:50px;text-align:center} #bo_list .td_numbig {width:80px;text-align:center} #bo_list .txt_active {color:#5d910b} #bo_list .txt_expired {color:#ccc} .td_subject img {margin-left:3px} /* 게시판 목록 공통 */ #bo_list_total {float:left;padding-top:5px} .btn_bo_user {float:right;margin:0;padding:0;list-style:none} .btn_bo_user li {float:left;margin-left:5px} .btn_bo_adm {float:left} .btn_bo_adm li {float:left;margin-right:5px} /* .btn_bo_adm input {padding:8px;border:0;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} */ .bo_notice td {background:#f5f6fa} .bo_notice td a {font-weight:bold} .td_num strong {color:#000} .bo_cate_link {display:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;/* border-right:0px solid #e7f1ed; */color:#999 !important;font-weight:bold;text-decoration:none;} /* 글제목줄 분류스타일 */ .bo_current {color:#e8180c} #bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold} /* 게시판 쓰기 */ #char_count_desc {display:block;margin:0 0 5px;padding:0} #char_count_wrap {margin:5px 0 0;text-align:right} #char_count {font-weight:bold} #autosave_wrapper {position:relative} #autosave_pop {display:none;z-index:10;position:absolute;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll} html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */ #autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden} #autosave_pop div {text-align:right} #autosave_pop button {margin:0;padding:0;border:0;background:transparent} #autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none} #autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1} #autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""} #autosave_pop a {display:block;float:left} #autosave_pop span {display:block;float:right} .autosave_close {cursor:pointer} .autosave_content {display:none} /* 게시판 읽기 */ #bo_v {margin-bottom:20px;padding-bottom:20px} #bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em} #bo_v_title {padding:10px 0;font-size:1.2em} #bo_v_info {padding:0 0 10px;border-bottom:1px solid #ddd} #bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal} #bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest {font-weight:bold} #bo_v_file {} #bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_file ul {margin:0;padding:0;list-style:none} #bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa} #bo_v_file a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word} #bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none} #bo_v_file img {float:left;margin:0 10px 0 0} .bo_v_file_cnt {display:inline-block;margin:0 0 3px 16px} #bo_v_file ul li a img { width:auto; height:auto; } #bo_v_link {} #bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_link ul {margin:0;padding:0;list-style:none} #bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa} #bo_v_link a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word} #bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none} .bo_v_link_cnt {display:inline-block;margin:0 0 3px 16px} #bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1} #bo_v_top:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_top ul {margin:0;padding:0;list-style:none} #bo_v_bot {zoom:1} #bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_bot ul {margin:0;padding:0;list-style:none} .bo_v_nb {float:left} .bo_v_nb li {float:left;margin-right:5px} .bo_v_com {float:right} .bo_v_com li {float:left;margin-left:5px} #bo_v_atc {min-height:200px;height:auto !important;height:200px} #bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1; text-align:center;} #bo_v_img:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_img img {margin-bottom:20px;height:auto; max-width:1000px;} .customSelect dd { text-align:left; } /* A A A : A : A : A : */ #bo_v_con { margin-bottom : 30px; width : 100%; line-height : 1.7em; word-break : break-all; overflow : hidden; } #bo_v_con a { color : #000; text-decoration : underline; } #bo_v_con img { max-width : 100%; height : auto; } #bo_v_con .tbl_frm01 .StateField { height : 100px; background : #DEF0E0; } #bo_v_con .tbl_frm01 select { height : 22px; background : #FFFFE0; } #bo_v_act {margin-bottom:30px;text-align:center} #bo_v_act .bo_v_act_gng {position:relative} #bo_v_act a {margin-right:5px;vertical-align:middle} #bo_v_act strong {color:#ff3061} #bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center} #bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1} #bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_sns li {float:left;margin:0 5px 0 0} /********** LG PTA공조 폼 CSS **********/ /* A A A : A : A : A : */ #lgstyleFormSection { width : 100%; height : auto; text-align : center; padding : 2%; margin-top : calc(20px + 1vw); } #lgstyleFormSection .sectionTit { font-size : calc(20px + 1vw); color : #333; font-weight : 500; } #lgstyleFormSection .sectionSubTit { font-size : calc(11px + 0.2vw); color : #333; margin-top : calc(2px + 0.3vw); } #lgstyleFormSection .necessary { font-size : x-large; color : #a50034; line-height : 1em; } #lgstyleFormSection .lgstyleForm { width : 100%; height : auto; } #lgstyleFormSection .lgstyleForm .inputBtn { font-size : calc(10px + 0.3vw); padding : calc(5px + 0.3vw); background : #a50034; color : #fff; font-weight : 600; border : 1px solid #a50034; border-radius : 5px; margin-top : calc(20px + 0.6vw);} #lgstyleFormSection .lgstyleForm .lgstyleFormWrap .inputWrap.first { border-top : 1px solid #ccc;} #lgstyleFormSection .lgstyleForm .wrapName { font-size : calc(16px + 0.4vw); color : #333; font-weight : 500; margin-bottom : calc(10px + 0.2vw);} #lgstyleFormSection .lgstyleForm .wrapName span { font-size : medium; color : inherit; font-weight : 400; margin-left : calc(1px + 0.4vw);} #lgstyleFormSection .lgstyleForm .inputWrap { width : 100%; height : auto; display : flex; justify-content : space-between; border-bottom : 1px solid #ccc; } #lgstyleFormSection .lgstyleForm .inputWrap .inputLabelBox { width : 24%; background : #f8f8f8; border-right : 1px solid #ccc; text-align : center; padding : calc(10px + 0.7vw) 0; display : flex; justify-content : center; align-items : center; } #lgstyleFormSection .lgstyleForm .inputWrap .inputLabelBox .inputLabel { font-size : calc(12px + 0.3vw); color : #333; font-weight : 400; } #lgstyleFormSection .lgstyleForm .inputWrap .inputBox { width : 74%; height : auto; display : flex; justify-content : flex-start; align-items : center; } #lgstyleFormSection .lgstyleForm .inputWrap .inputBox .inputText { font-size : calc(10px + 0.3vw); height : auto; background : #f6f7f9; border : 1px solid #b4bec8; border-radius : 5px; padding : calc(1px + 0.3vw); } #lgstyleFormSection .lgstyleForm .inputWrap .inputBox .inputSelectA { font-size : calc(10px + 0.3vw); height : auto; background : #f6f7f9; border : 1px solid #b4bec8; border-radius : 5px; padding : calc(1px + 0.3vw); } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap .necessaryText { font-size : calc(10px + 0.2vw); font-weight : 300; color : #333; } #lgstyleFormSection .lgstyleForm .inputWrap .inputBox .inputSelectB { font-size : calc(10px + 0.3vw); width : 18%; height : auto; background : #f6f7f9; border : 1px solid #b4bec8; border-radius : 5px; padding : calc(1px + 0.3vw); } #lgstyleFormSection .lgstyleForm .tablet { display : none; } #lgstyleFormSection .checkBtn { font-size : calc(12px + 0.4vw); color : #a50034; border : 2px solid #a50034; line-height : 1em; padding : 0.5em 1em; display : inline-block; border-radius : 5px; margin : calc(5px + 1vw) 0 calc(10px + 1vw); transition : .4s; } #lgstyleFormSection .checkBtn:hover { background : #a50034; color : #fff; transition : .4s; } /* 구매자 정보 Wrap */ /* A A A : A : A : A : */ #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormTopWrap { width : 100%; height : auto; margin-top : calc(10px + 2vw); text-align : left; } #lgstyleFormSection .lgstyleForm .lgstyleFormTopWrap .inputText.name { width : 40%; } #lgstyleFormSection .lgstyleForm .lgstyleFormTopWrap .inputText.number { width : calc(80px + 3vw); } #lgstyleFormSection .lgstyleForm .lgstyleFormTopWrap .hyphen { font-size : calc(10px + 1vw); color : #ccc; margin : 0 calc(1px + 0.2vw); } #lgstyleFormSection .lgstyleForm .lgstyleFormTopWrap .inputText.email { width : 60%;} /* 카테고리 선택 Wrap */ /* A A A : A : A : A : */ #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormCateWrap { width : 100%; height : auto; margin-top : calc(15px + 1.6vw); text-align : left; } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormCateWrap .cateWrap { width : 100%; height : auto; display : flex; align-items : flex-start; justify-content : center; background : #f8f8f8; padding : calc(30px + 1.5vw) 0; position : relative; } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormCateWrap .cateWrap .cateList { width : 50%; height : auto; display : flex; flex-direction : column; padding-left : calc(20px + 1vw); } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormCateWrap .cateWrap .cateList:nth-child(1) { border-right : 1px solid #999; } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormCateWrap .cateWrap .cateList .cateTit { font-size : calc(14px + 0.3vw); color : #333; margin-bottom : calc(7px + 0.8vw); line-height : 1em; } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormCateWrap .cateWrap .cateList .inputRadioLabel { font-size : calc(11px + 0.3vw); height : auto; font-weight : 300; line-height : 1em; display : none; align-items : center; margin-bottom : calc(10px + 0.8vw); cursor : pointer; } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormCateWrap .cateWrap .cateList .inputRadioLabel:last-child { margin-bottom : 0;} #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormCateWrap .cateWrap .cateList .inputRadioLabel.on { display : flex; } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormCateWrap .cateWrap .cateList input[type="radio"] { display : none; } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormCateWrap .cateWrap .cateList input[type="radio"] + label::before { content : ""; width : calc(13px + 0.3vw); height : calc(13px + 0.3vw); display : inline-block; margin-right : calc(1px + 0.3vw); background-image : url("../../../../Image/radioUnChecked.png"); background-size : cover; background-position : center; background-repeat : no-repeat; } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormCateWrap .cateWrap .cateList input[type="radio"]:checked + label::before { content : ""; width : calc(13px + 0.3vw); height : calc(13px + 0.3vw); display : inline-block; margin-right : calc(1px + 0.3vw); background-image : url("../../../../Image/radioChecked.png"); background-size : cover; background-position : center; background-repeat : no-repeat; } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormCateWrap .cateWrap .resetBtn { width : auto; height : auto; display : flex; position : absolute; top : 5%; right : 5%; justify-content : center; align-items : center; font-size : calc(12px + 0.2vw); color : #333; line-height : 1em; cursor : pointer; } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormCateWrap .cateWrap .resetBtn img { width : calc(8px + 0.5vw); height : auto; margin-right : calc(1px + 0.2vw); } /* 추가문의 Wrap */ /* A A A : A : A : A : */ #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormBotWrap { width : 100%; height : auto; margin-top : calc(15px + 1.6vw); text-align : left; } #lgstyleFormSection .lgstyleForm .inputWrap .inputBox .inputSelectB.division_2 { margin-left : calc(5px + 0.3vw); } #lgstyleFormSection .lgstyleForm .inputWrap .inputBox.addr_1 { flex-wrap : wrap; padding : calc(10px + 0.7vw) 0; } #lgstyleFormSection .lgstyleForm .inputWrap .inputBox.addr_1 .inputText.addrNum { width : 25%; } #lgstyleFormSection .lgstyleForm .inputWrap .inputBox.addr_1 .addrBtn { width : 15%; font-size : calc(10px + 0.2vw); background : #333; color : #fff; padding : calc(2px + 0.2vw) 0; border : none; margin-left : calc(5px + 0.2vw); } #lgstyleFormSection .lgstyleForm .inputWrap .inputBox.addr_1 .inputText.addrBasic { width : 60%; margin : calc(3px + 0.3vw) 0; } #lgstyleFormSection .lgstyleForm .inputWrap .inputBox.addr_1 .inputText.addrDetail { width : 60%; } #lgstyleFormSection .lgstyleForm .inputWrap .inputBox.content { flex-wrap : wrap; justify-content : flex-end; align-items : center; padding : calc(10px + 0.7vw) 0 calc(20px + 0.7vw); } #lgstyleFormSection .lgstyleForm .inputWrap .inputBox.content .valueTit { width : 100%; font-size : calc(10px + 0.2vw); color : #333; font-weight : 400; vertical-align : sub; } #lgstyleFormSection .lgstyleForm .inputWrap .inputBox.content .valueTit span { font-size : x-large; font-weight : 700; vertical-align : sub; } #lgstyleFormSection .lgstyleForm .inputWrap .inputBox.content .inputText.cateValue { width : 99%; background : #f8f8f8; border : none; margin-bottom : calc(2px + 0.3vw); } #lgstyleFormSection .lgstyleForm .inputWrap .inputBox.content #wr_content { width : 100%; height : auto; background : #f6f7f9; border : 1px solid #b4bec8; border-radius : 5px; } #lgstyleFormSection .lgstyleForm .inputWrap .inputBox .inputText.fileInput { width : 100%;} /* 약관 동의 Wrap */ /* A A A : A : A : A : */ #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormAgreeWrap { width : 100%; height : auto; margin-top : calc(15px + 1.6vw); text-align : left; } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormAgreeWrap .wrapName span { font-size : x-large; color : #a50034; line-height : 1em; } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormAgreeWrap .inputWrap.agreeWrap { width : 100%; height : auto; flex-direction : column; border : 1px solid #dcdcdc;} #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormAgreeWrap .inputWrap.agreeWrap .inputLabelBox.checkBox { width : 100%; height : auto; background : #fff; justify-content : flex-start; border-right : none; border-bottom : 1px solid #dcdcdc; padding : calc(10px + 0.7vw); } #lgstyleFormSection .lgstyleForm .inputWrap .inputLabelBox .inputLabel.check { cursor : pointer; } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormAgreeWrap .inputWrap.agreeWrap .inputLabelBox.checkBox input[type="checkbox"] { display : none; } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormAgreeWrap .inputWrap.agreeWrap .inputLabelBox.checkBox input[type="checkbox"] + label::before { content : ""; content : ""; width : calc(13px + 0.3vw); height : calc(13px + 0.3vw); display : inline-block; margin-right : calc(1px + 0.3vw); background-image : url("../../../../Image/unChecked.png"); background-size : cover; background-position : center; background-repeat : no-repeat; } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormAgreeWrap .inputWrap.agreeWrap .inputLabelBox.checkBox input[type="checkbox"]:checked + label::before { content : ""; content : ""; width : calc(13px + 0.3vw); height : calc(13px + 0.3vw); display : inline-block; margin-right : calc(1px + 0.3vw); background-image : url("../../../../Image/checked.png"); background-size : cover; background-position : center; background-repeat : no-repeat; } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormAgreeWrap .inputWrap.agreeWrap .agreeInfoBox { width : 100%; height : auto; padding : calc(10px + 0.7vw) ; } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormAgreeWrap .inputWrap.agreeWrap .agreeInfoBox .agreeInfoTit { font-size : calc(12px + 0.2vw); color : #333; line-height : 1em; margin-bottom : calc(10px + 0.3vw); } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormAgreeWrap .inputWrap.agreeWrap .agreeInfoBox .agreeInfoText { font-size : calc(10px + 0.2vw); color : #333; line-height : 1em; } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormAgreeWrap .inputWrap.agreeWrap .agreeInfoBox .agreeInfoText.margin { margin : calc(5px + 0.2vw) 0; } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormAgreeWrap .inputWrap.agreeWrap .agreeInfoBox .agreeInfoText.marginTop { margin-top : calc(10px + 0.3vw); } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormAgreeWrap .inputWrap.agreeWrap .agreeInfoBox .agreeInfoLine { width : 100%; height : 1px; background : #dcdcdc; margin : calc(10px + 0.7vw) auto;} /********** 태블릿 버전 CSS ***********/ @media (min-width: 641px) and (max-width:1024px) { /* A A A : A : A : A : */ #lgstyleFormSection .lgstyleForm .tablet { display : inline;} #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormCateWrap, #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormBotWrap, #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormAgreeWrap { margin-top : calc(25px + 1.6vw);} #lgstyleFormSection .lgstyleForm .wrapName { line-height : 1.1em; margin-bottom : calc(15px + 0.6vw);} #lgstyleFormSection .lgstyleForm .wrapName span { font-size : calc(5px + 0.9vw); margin-left : 0; word-break : keep-all; } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormCateWrap .cateWrap .cateList .cateTit { margin-bottom : calc(15px + 0.8vw);} #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormCateWrap .cateWrap .cateList input[type="radio"] + label::before { margin-rigth : calc(1px + 0.5vw);} #lgstyleFormSection .lgstyleForm .inputWrap .inputBox .inputSelectB { width : 30%;} #lgstyleFormSection .lgstyleForm .inputWrap .inputBox.addr_1 .inputText.addrNum { width : 30%;} #lgstyleFormSection .lgstyleForm .inputWrap .inputBox.addr_1 .addrBtn { width : 20%;} #lgstyleFormSection .lgstyleForm .inputWrap .inputBox.addr_1 .inputText.addrBasic { width : 70%; margin : calc(3px + 0.7vw) 0; } #lgstyleFormSection .lgstyleForm .inputWrap .inputBox.addr_1 .inputText.addrDetail { width : 70%;} #lgstyleFormSection .lgstyleForm .inputWrap .inputBox.content .valueTit span { vertical-align : middle;} #lgstyleFormSection .checkBtn { background : #a50034; color : #fff;} } /********** 모바일 버전 CSS ***********/ @media (max-width:640px) { /* A A A : A : A : A : */ #lgstyleFormSection { padding : 0; margin-bottom : calc(30px + 1vw); margin-top : 140px; } #lgstyleFormSection .sectionTit { font-weight : 600; } #lgstyleFormSection .sectionSubTit { display : none; } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormTopWrap { margin-top : calc(20px + 1vw); } #lgstyleFormSection .lgstyleForm .wrapName { background : #6f6f6f; color : #fff; font-weight : 300; margin-bottom : 0; padding : calc(5px + 1vw) calc(10px + 1vw); } #lgstyleFormSection .lgstyleForm .mobileSubWrapName { font-size : calc(12px + 0.3vw); word-break : keep-all; padding : calc(3px + 1vw) calc(10px + 1vw); } #lgstyleFormSection .lgstyleForm .inputWrap { flex-direction : column; padding : calc(15px + 1vw) calc(10px + 1vw); } #lgstyleFormSection .lgstyleForm .inputWrap .inputLabelBox { width : 100%; justify-content : flex-start; background : none; padding : 0; border : none; margin-bottom : calc(5px + 1vw);} #lgstyleFormSection .lgstyleForm .inputWrap .inputLabelBox .inputLabel { font-size : calc(14px + 0.3vw);} #lgstyleFormSection .lgstyleForm .inputWrap .inputBox { width : 100%; } #lgstyleFormSection .lgstyleForm .inputWrap .inputBox .inputText { font-size : calc(12px + 0.3vw); padding : calc(7px + 0.3vw); background : #fff; border : 1px solid #dcdcdc;} #lgstyleFormSection .lgstyleForm .lgstyleFormTopWrap .inputText.name { width : 100%;} #lgstyleFormSection .lgstyleForm .inputWrap .inputBox .inputSelectA { width : 32%; font-size : calc(12px + 0.3vw); padding : calc(7px + 0.3vw); background : #fff; border : 1px solid #dcdcdc; } #lgstyleFormSection .lgstyleForm .lgstyleFormTopWrap .inputText.number { width : 32%;} #lgstyleFormSection .lgstyleForm .lgstyleFormTopWrap .inputText.email { width : 100%;} #lgstyleFormSection .lgstyleForm .lgstyleFormWrap .necessaryText { font-size : calc(12px + 0.2vw);} #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormCateWrap .cateWrap { flex-direction : column; background : #fff; padding : 0;} #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormCateWrap .cateWrap .cateList { width : 100%; padding : 0; } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormCateWrap .cateWrap .cateList:nth-child(1) { border : none;} #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormCateWrap .cateWrap .cateList .cateTit { background : #d3d3d3; padding : calc(10px + 1vw); margin-bottom : calc(10px + 1vw); } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormCateWrap .cateWrap .cateList .inputRadioLabel { font-size : calc(13px + 0.3vw); padding-left : calc(10px + 1vw); margin-bottom : calc(10xp + 1.2vw);} #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormCateWrap .cateWrap .cateList .inputRadioLabel:last-child { margin-bottom : calc(10px + 1.2vw);} #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormCateWrap .cateWrap .cateList input[type="radio"] + label::before, #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormCateWrap .cateWrap .cateList input[type="radio"]:checked + label::before { margin-right : calc(5px + 0.3vw);} #lgstyleFormSection .lgstyleForm .inputWrap .inputBox .inputSelectB { width : 49%; font-size : calc(12px + 0.3vw); padding : calc(7px + 0.3vw); background : #fff; border : 1px solid #dcdcdc;} #lgstyleFormSection .lgstyleForm .inputWrap .inputBox.addr_1 .inputText.addrNum { width : 50%;} #lgstyleFormSection .lgstyleForm .inputWrap .inputBox.addr_1 .addrBtn { width : 40%; font-size : calc(12px + 0.2vw); padding : calc(7px + 0.3vw);} #lgstyleFormSection .lgstyleForm .inputWrap .inputBox.addr_1 .inputText.addrBasic { width : 100%; margin : calc(10px + 0.5vw) 0;} #lgstyleFormSection .lgstyleForm .inputWrap .inputBox.addr_1 .inputText.addrDetail { width : 100%;} #lgstyleFormSection .lgstyleForm .inputWrap .inputBox.content .valueTit { font-size : calc(12px + 0.2vw);} #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormAgreeWrap .inputWrap.agreeWrap { border : none; padding : calc(10px + 1vw); } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormAgreeWrap .inputWrap.agreeWrap .inputLabelBox.checkBox { padding : 0; margin-bottom : calc(8px + 1vw); border : none;} #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormAgreeWrap .inputWrap.agreeWrap .agreeInfoBox { height : 200px; background : #f1f2f2; overflow : scroll; border : 1px solid #dadada;} #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormAgreeWrap .inputWrap.agreeWrap .agreeInfoBox .agreeInfoText { font-size : calc(9px + 0.3vw); line-height : 1.4em;} #lgstyleFormSection .lgstyleForm .inputBtn { font-size : calc(12px + 0.3vw); padding : 0.4em 1.2em; margin-top : calc(5px + 1vw);} #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormCateWrap .cateWrap .resetBtn { display : none; } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormCateWrap .cateWrap .resetBtnM { font-size : calc(12px + 0.3vw); color : #fff; background : #666; border-radius : 5px; vertical-align : middle; padding : calc(5px + 1vw) calc(10px + 1vw); margin : calc(10px + 1vw) auto 0; cursor : pointer; } #lgstyleFormSection .lgstyleForm .lgstyleFormWrap.lgstyleFormCateWrap .cateWrap .resetBtnM img { width : calc(15px + 1vw); height : auto; vertical-align : middle; } #lgstyleFormSection .checkBtn { background : #a50034; color : #fff;} } @media (min-width: 641px) and (max-width:750px) { #lgstyleFormSection { margin-top : 140px; } } /* **************************************************************************************************************************************************** */ /* */ /* */ /* list.skin(리스트 게시판) */ /* */ /* */ /* **************************************************************************************************************************************************** */ /* 게시판 카테고리 */ /* A A A : A : A : A : */ #bo_cate { width : 100%; height : auto; display : inline-block; text-align : center; } #bo_cate h2 { font-size : 0px; overflow : hidden; display : block; position : relative; margin-left : -1px; padding : 0px; color : #888; text-align : left; letter-spacing : -0.1em; line-height : 1.2em; cursor : pointer; font-weight : 500; } #bo_cate ul { width : 100%; height : auto; display : inline-block; text-align : center; margin-bottom : 10px; padding-left : 0px; zoom : 1; font-size : 12px; list-style : none } #bo_cate li { width : 85px; float : left; margin-top : 5px; } #bo_cate a { display : block; position : relative; margin-left : -1px; padding : 8px 5px; color : #888; text-align : center; letter-spacing : -0.1em; line-height : 1.2em; cursor : pointer; border : 1px solid #ddd; } #bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active { text-decoration : none } #bo_cate #bo_cate_on { z-index : 2 ; background : #0e8185; color : #fff; font-weight :700; border : 1px solid #0e8185; } #bo_cate a:hover { z-index : 2; background : #fff; color : #23adb2; border : 1px solid #23ADB2; } /* A A A : A : A : A : */ .bo_fx { zoom:1; width:100%; display:block;} .bo_fx:after { display:block;visibility:hidden;clear:both;content:""} .bo_fx ul { margin:0.5%;padding:0;list-style:none} /* #bo_list .bo_change li input { background : #e5e5e5; border : 0; box-sizing : border-box; color : #595968; font-size : 12px; margin : 1%; padding : 0.8em 0.9em; text-transform : capitalize; position : relative; transition : color 0.25s; background : linear-gradient(to top, #F6F6F6 0%, #D5D5D5 100%); transition : all ease-in-out .2s; -o-transition : all ease-in-out .2s; -ms-transition : all ease-in-out .2s; -moz-transition : all ease-in-out .2s; -webkit-transition : all ease-in-out .2s; } #bo_list .bo_change li input:before { box-sizing : border-box; content : ''; position : absolute; width : 0; height : 0; border : 1px solid transparent; top : 0; left : 0; } #bo_list .bo_change li input:after { box-sizing : border-box; content : ''; position : absolute; width : 0; height : 0; border : 1px solid transparent; top : 0; left : 0; } #bo_list .bo_change li input:hover { margin-top : -4px; margin-left : 0px; background : #7fdbff; color:#7fdbff; transition : all ease-in-out .2s; -o-transition : all ease-in-out .2s; -ms-transition : all ease-in-out .2s; -moz-transition : all ease-in-out .2s; -webkit-transition : all ease-in-out .2s; } */ #bo_list .bo_change li .btn_sprite { display:inline-block;height:24px; background:url('./img/sprites_btn.gif') no-repeat; text-indent:-9000px; overflow:hidden;} #bo_list .bo_change li .bo_change_delete { width:41px; background-position:-741px 0; border: 0px; cursor : pointer; } #bo_list .bo_change li .bo_change_copy { width:41px; background-position:-603px 0; border: 0px; cursor : pointer; } #bo_list .bo_change li .bo_change_move {width:41px; background-position:-649px 0; border: 0px; cursor : pointer; } /* Button List */ .list_btn{display:inline-block;height:24px; background:url('./img/sprites_btn.gif') no-repeat; text-indent:-9000px; overflow:hidden;} .list_btn.btn_list { width:41px; background-position:-346px 0;} .list_btn.btn_copy { width:41px; background-position:-603px 0;} .list_btn.btn_move {width:41px; background-position:-649px 0;} .list_btn.btn_edit { width:41px; background-position:-695px 0;} .list_btn.btn_del { width:41px; background-position:-741px 0;} .list_btn.btn_reply { width:41px; background-position:-787px 0;} .list_btn.btn_write {width:65px; background-position:-833px 0;} .list_btn.btn_adm { width:49px; height:24px; background:url('./img/sprites_btn.gif') no-repeat -1719px 0; text-indent:-9000px; overflow:hidden;} .list_btn.btn_rss {margin-right:1px; width:54px; background-position:-1336px 0;vertical-align:middle;} .list_btn.btn_prev { width:50px; background-position:-392px 0;margin-right:1px;} .list_btn.btn_next { width:50px; background-position:-447px 0;} .list_btn.btn_track { width:64px; background-position:-972px 0;} .list_btn.btn_scrap { width:64px; background-position:-903px 0;vertical-align:middle;} /* 하단 검색영역 */ #bo_sch {width : 100%; height:auto; margin-bottom:10px;padding-top:5px;text-align:center; display:inline-block;} #bo_sch .bo_search { width:320px; height:auto; display:inline-block; text-align:center;} #bo_sch .bo_search .custom { width:96px; text-align:center; margin : 0px; } #bo_sch .bo_search .frm_input { width: 170px; height:33px; margin:0; } #bo_sch .bo_search .btn_submit { margin : 0; width:40px; height:27px; transform : scale(1.25); margin-left:5px; } #bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} #bo_sch #sfl { height:33px;} .Tabel_Express tr td { text-align:center; font-weight : 400; color:#A6A6A6;} .tbl_head01 .fz_list th{background:url(./img/list_top_bar.gif) 0 0 repeat-x;height:20px;} .fz_list{list-style:none;padding:0;margin:0;width:100%;font-size:12px;border-top:2px solid #808080; background:none;} .fz_list li.fz_list_th{background:url(./img/list_top_bar.gif) 0 0 repeat-x;height:38px;} /* **************************************************************************************************************************************************** */ /* */ /* */ /* write.skin.php(글쓰기 게시판) */ /* */ /* */ /* **************************************************************************************************************************************************** */ /* A A A : A : A : A : */ .Address_Button { width : 50%; height : 33px !important; display : inline-block; float : left; font-size : 15px; font-weight : 300; text-align : center; margin-left : 1%; max-width : 100px; } #bo_w { width : 100%; height : auto; text-align : center; display : inline-block; } #bo_w .bo_w_Wrap { width : 100%; height : auto; max-width : 1200px; display : inline-block; } #bo_w .bo_w_Wrap .bo_w_fwriteForm { width : 100%; height : auto; text-align : center; } #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap { width : 100%; height : auto; text-align : left; display : inline-block; } #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap { width : 100%; height : auto; min-height : 40px; display : inline-block; padding-top : 15px; padding-bottom : 20px; border-bottom : 1px solid #e5e5e5; } #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap .bo_w_TitleNomal { width : 26%; height : auto; color : #333; font-size : 17px; font-weight : 400; float : left; display : inline-block; text-align : left; font-family : 'Noto Sans KR'; padding-left : 0.4em; } #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap .bo_w_TitleNomal.content { width : auto;} #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap .bo_w_TitleNomal label { font-size : calc(10px + 0.3vw); font-weight : 400; } #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap .bo_w_txtClass_Whole /* 셀렉트박스 width */ { width : 65%; height : 33px; float : left; } #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap .bo_w_txtClass_Whole .selectValueWrap .selectedValue /* 셀렉트박스 글자 */ { height : auto; padding-top : 10px; padding-bottom : 10px; z-index : -1 !important;} #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap .bo_w_txtClass_Whole .selectValueWrap .caret /* 셀렉트박스 화살표 */ { margin-top : 4px; } #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap .bo_w_TitleNomal_Small { width : 73%; height : 33px; float : left; } .customSelect .selectedValue { height : 32px; padding : 6px 8px 5px 10px; } #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_txtClass_Adress1_Whole /* 도로명주소 */ { width : 24%; height : 33px; margin-left : 0%; margin-top : 0px; float : left; max-width : 150px; } #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_txtClass_Adress2_Whole /* 상세 주소 */ { width : 24%; height : 33px; margin-left : 0.5%; margin-top : 0px; float : left; max-width : 150px; } #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap .FormWrap { width : 73%; height : auto; float : left; } #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap .FormWrap .CheckWrap { width : 50%; height : auto; display : inlnie-block; float : left; } #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap .FormWrap .CheckWrap .QnA_Formmail-SMS_Right_InputCheckbox[type='checkbox'] { width : 20px; height : 20px; margin-top : 5px; border : 1px solid #e5e5e5; appearance : none; outline : 0px; cursor : pointer; transition : all ease-in-out .3s; -o-transition : all ease-in-out .3s; -ms-transition : all ease-in-out .3s; -moz-transition : all ease-in-out .3s; -webkit-transition : all ease-in-out .3s; } #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap .FormWrap .CheckWrap .QnA_Formmail-SMS_Right_InputCheckbox[type='checkbox']:checked { background-color : #a40034; outline : 0px; color : #000; text-align : center; cursor : pointer; transition : all ease-in-out .3s; -o-transition : all ease-in-out .3s; -ms-transition : all ease-in-out .3s; -moz-transition : all ease-in-out .3s; -webkit-transition : all ease-in-out .3s; } #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap .FormWrap .CheckWrap .QnA_Formmail-SMS_Right_InputCheckbox[type='checkbox']:checked:after { content : '\2714'; color : #fff; font-weight : 600; transition : all ease-in-out .3s; -o-transition : all ease-in-out .3s; -ms-transition : all ease-in-out .3s; -moz-transition : all ease-in-out .3s; -webkit-transition : all ease-in-out .3s; } #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap .FormWrap .CheckWrap .QnA_Formmail-SMS_Right_InputCheckbox[type='checkbox'] + label { font-size : 15px; line-height : 1.2; cursor : pointer; padding : 5px 0px 0px 10px; color : #595757; font-weight : 400; transition : all ease-in-out .3s; -o-transition : all ease-in-out .3s; -ms-transition : all ease-in-out .3s; -moz-transition : all ease-in-out .3s; -webkit-transition : all ease-in-out .3s; } #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap .FormWrap .CheckWrap .QnA_Formmail-SMS_Right_InputCheckbox[type='checkbox']:checked + label { color : #a40034; transition : all ease-in-out .3s; -o-transition : all ease-in-out .3s; -ms-transition : all ease-in-out .3s; -moz-transition : all ease-in-out .3s; -webkit-transition : all ease-in-out .3s; } #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap .editorWrap { width : 87%; height : auto; display : inline-block; float : right; } .fa-download:before { width : 30px; height: 30px; } #wr_content { width : 65%; height : 100px; } .BlankDiv { width : 26%; height : auto; color : #000; font-size : 14px; font-weight : 600; float : left; margin-top : 4px; display : inline-block; text-align : center; font-family : 'Noto Sans KR'; } #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap .inLineWrap { width : 100%; height : auto; min-height : 40px; display : inline-block; } #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap .AdressAWrap { width : 10%; height : 33px; display : inline-block; float : left; font-size : 12px; font-weight : 300; text-align : left; margin-right : 1%; min-width : 150px; } #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .flexWrap { display : flex; justify-content: space-between;} #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap.half { width : 49%;} #QnA_Formmail-SMS .QnA_Formmail-SMS_Wrap .QnA_Formmail-SMS_Right .QnA_Formmail-SMS_Main_Wrap .QnA_Formmail-SMS_Right_InputFull .BlankDiv { width : 29%; padding-top : 16px; font-size : 13px; } #QnA_Formmail-SMS .QnA_Formmail-SMS_Wrap .QnA_Formmail-SMS_Right .QnA_Formmail-SMS_Main_Wrap .QnA_Formmail-SMS_Right_InputFullWrapAddress { width : 69%; } .fileLabelWrap { width : 26%; height : auto; color : #000; font-size : 14px; font-weight : 600; float : left; margin-top : 4px; display : inline-block; text-align : center; font-family : 'Noto Sans KR'; } .file_wr { width : 70%; float : left; display : inline-block;} .frm_file { width : 50%; height : 20px; } .bo_w_inputbackgroundstyle ,#wr_content { /* TextArea Design */ color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #F6F6F6; *background-color: #fff; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #ffffff, #f6f6f6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f6f6f6)); background-image: -webkit-linear-gradient(top, #ffffff, #f6f6f6); background-image: -o-linear-gradient(top, #ffffff, #f6f6f6); background-image: linear-gradient(to bottom, #ffffff, #f6f6f6); border: 1px solid #bbbbbb; border-color: #e6e6e6 #e6e6e6 #bfbfbf; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 3px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 3px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 3px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn_Blue { width : 25%; max-width : 150px; padding-bottom : 2px; background : #747474; height : 40px; font-size:16px; font-weight:500; color:#fff; border : 0; margin-top:15px; font-family: 'Noto Sans KR'; -webkit-box-shadow: inset 3px 3px 2px rgba(255, 255, 255, 0.3), 1px 1px 2px rgba(0, 0, 0, 0.55); -moz-box-shadow: inset 3px 3px 2px rgba(255, 255, 255, 0.3), 1px 1px 2px rgba(0, 0, 0, 0.55); box-shadow: inset 3px 3px 2px rgba(255, 255, 255, 0.3), 1px 1px 2px rgba(0, 0, 0, 0.55); -o-transition : all ease-in-out .5s; -ms-transition : all ease-in-out .5s; -moz-transition : all ease-in-out .5s; -webkit-transition : all ease-in-out .5s; } .btn_Blue:hover { background-color : #a40034; -o-transition : all ease-in-out .5s; -ms-transition : all ease-in-out .5s; -moz-transition : all ease-in-out .5s; -webkit-transition : all ease-in-out .5s; } @media (min-width: 0px) and (max-width:640px) { #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap .bo_w_TitleNomal_Date { width : 50%; height : 25px; } #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap .bo_w_TitleNomal_Small { width : 62%; height : 25px; } #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_txtClass_Adress1_Whole /* 도로명주소 */ { width : 33%; height : 27px; margin-left : 0%; margin-right : 0; margin-top : 0px; float : left; max-width : 150px; max-width : unset;} #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_txtClass_Adress2_Whole /* 상세 주소 */ { width : 33%; height : 27px; margin-left : 0.5%; margin-top : 0px; float : left; max-width : 150px; max-width : unset;} .customSelect .selectedValue { height : 26px; padding-top : 3px; } .customSelect .selectValueWrap .caret { top : 11px; } #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap .AdressAWrap { width : 25%; height : 33px; display : inline-block; float : left; font-size : 12px; font-weight : 300; text-align : left; min-width : 80px; max-width : 150px; margin-right : 1%; } #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .flexWrap { flex-direction : column;} #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap.half { width : 90%;} #bo_cate li { width : 31%; margin-left : 1%; margin-right : 1%; float : left; margin-top : 5px; } #bo_cate li a { font-size : 11px; } .btn_Blue { min-width : 100px; font-size : 14px;} .fz_list .Moblie_None { display : none; } .fz_list_th .table_chk { width : 5%; } .fz_list .table_name { width : 20%; } .fz_list .table_tel { width : 30%; } .fz_list .table_date { width : 20%; } .fz_list .table_state { width : auto; } .pg_page { min-width:auto; width:22px; padding:0px; } .pg_current { min-width:auto; width:22px; padding:0px; } #bo_sch .bo_search { width:100%; } #bo_sch .bo_search .custom { width:20%; float:left; } .customSelect .selectedValue { font-size:12px; padding : 5px 0px 0px 0px; } .customSelect .selectValueWrap .caret { right:4px; } #bo_sch .bo_search .frm_input { width:60%; height: 27px; float:left; } #bo_sch .bo_search .btn_submit { width:20%; float:left; transform: scale(1); margin:0; } } /* 게시판 view.skin.php 페이지 상단 */ .fz_wrap .fl{float:left;} .fz_wrap .fr{float:right;} #bo_v {margin-bottom:20px;padding-bottom:20px} #bo_v h1#bo_v_title {border-top:2px solid #52596B;border-bottom:1px solid #c8c8c6;background:#f8f8f8;padding:18px 15px;font-size:18px;font-weight:700;margin:0 !important;} #bo_v_info{padding:0px;border-bottom:1px solid #ddd;*zoom:1;background:#fff;} #bo_v_info:after{content:""; display:block; clear:both;} #bo_v_info span{line-height:40px;height:40px;} #bo_v_info span.sv{line-height:normal;height:auto;top:16px;} #bo_v_info .fl{padding-left:0px;} #bo_v_info .fr{padding-right:0px;} #bo_v_info .fr i{font-size:13px;} #bo_v_info .bo_v_user{font-size:12px;} #bo_v_info .bo_v_user i{position:relative;float:left;line-height:40px;margin-right:5px;} #bo_v_info .sv_wrap{margin-top:0;vertical-align:top;} #bo_v_info .sv_wrap a{line-height:normal;height:auto;} #bo_v_info .bo_v_user em{font-size:10px;font-family:tahoma;color:#aaa;padding-left:5px;font-style:normal} #bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest {font-weight:700} #bo_v_info .bo_v_date, #bo_v_info .bo_v_hit, #bo_v_info .bo_v_comment{font-size:11px;color:#333} #bo_v_info .bo_v_date strong, #bo_v_info .bo_v_hit strong, #bo_v_info .bo_v_comment strong{font-family:tahoma;font-size:10px;color:#777;font-weight:normal;} #bo_v_info .bar{color:#aaa;margin:0 5px;font-size:11px;} #bo_v_con { margin-top:45px; width:100%; height:auto; text-align:center;} #bo_v_con .Express_View_Table { width:60%; height:auto; display:inline-block; } #bo_v_con .Express_View_Table img { width:100%; height:auto;} #bo_v_con .Express_View_Table table tbody tr th { width:25%; height:42px; font-size:15px; font-weight:500; color:#006993; border-right:1px solid #e5e5e5; border-bottom : 1px solid #e5e5e5; margin-top:3px; text-align:center; } #bo_v_con .Express_View_Table table tbody tr td { width:75%; height:42px; border-bottom : 1px solid #e5e5e5; text-align:center; } .Moblie_None { display:table-cell; } /* 게시판 댓글 */ #bo_vc {width : 96%; margin:1% auto;padding:1%;border:1px solid #e5e8ec;background : linear-gradient(to bottom, #f5f8f9 0%, #eaf0f3 100%); text-align:left;} #bo_vc h2 {margin-bottom:10px; font-size:calc(10px + 0.2vw);} #bo_vc article {padding:0 0 10px;border-top:1px dotted #ccc} #bo_vc header {position:relative;padding:15px 0 5px} #bo_vc header .icon_reply {position:absolute;top:15px;left:-20px} #bo_vc .sv_wrap {margin-right:15px} #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold} .bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px} #bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_vc a {color:#000;text-decoration:none} #bo_vc p {padding:0 0 5px;line-height:1.8em; font-size:calc(10px + 0.2vw);} #bo_vc p a {text-decoration:underline} #bo_vc p a.s_cmt {text-decoration:none} #bo_vc_empty {margin:0;padding-bottom:30px !important;text-align:center} #bo_vc #bo_vc_winfo {float:left} #bo_vc footer {zoom:1} #bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""} .bo_vc_act {float:right;margin:0;list-style:none;zoom:1} .bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""} .bo_vc_act li {float:left;margin-left:5px} #bo_vc_w {position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8; width:100%; height:auto; display:inline-block; text-align:center;} #bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_vc_w #char_cnt {display:block;margin:0 0 5px} #bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1} #bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""} #bo_vc_sns li {float:left;margin:0 20px 0 0} #bo_vc_sns input {margin:0 0 0 5px} /* 코멘트 */ #bo_vc_w .Express_Comment_Table {width:100%; height:auto; display:inline-block; text-align:center;} #bo_vc_w .Express_Comment_Table table {width:96%; height:auto; text-align:center; margin: 0 auto;} #bo_vc_w .Express_Comment_Table table tbody tr { height : auto; height:150px; } #bo_vc_w .Express_Comment_Table table tbody tr th { width:10%; height:auto; text-align: center;} #bo_vc_w .Express_Comment_Table table tbody tr td { width:85%; height:auto;} #bo_vc_w .Express_Comment_Table table tbody tr td .Express_Comment_Table_Content { width:100%; height:130px; } .QnA_Formmail-SMS_Bottom_Wrap { width : 100%; height : auto; display : inline-block; } .QnA_Formmail-SMS_Bottom_Wrap .QnA_Formmail-SMS_privacyLeft { width : 48%; height : auto; display : inline-block; float : left; text-align : center; margin-right : 2%; } .QnA_Formmail-SMS_Bottom_Wrap .QnA_Formmail-SMS_privacyLeft a { width : 100%; height : auto; display : inline-block; text-align : right; cursor : pointer; font-size : 15px; color : #4374D9; font-weight : 400; } .QnA_Formmail-SMS_Bottom_Wrap .QnA_Formmail-SMS_privacyLeft a:hover { color : #980000; } .QnA_Formmail-SMS_Bottom_Wrap .QnA_Formmail-SMS_privacyRight { width : 48%; height : auto; display : inline-block; float : left; text-align : center; margin-left : 25%; } .QnA_Formmail-SMS_Bottom_Wrap .QnA_Formmail-SMS_privacyRight .mainPersonal_CheckBox { width : 100%; height : auto; display : inline-block; text-align : center; cursor : point; } .QnA_Formmail-SMS_Bottom_Wrap .QnA_Formmail-SMS_privacyRight .mainPersonal_CheckBox .maincheckBox_Design { width : 100%; height : auto; position : relative; text-align : center; cursor : pointer; display : inline-block; } .QnA_Formmail-SMS_Bottom_Wrap .QnA_Formmail-SMS_privacyRight .mainPersonal_CheckBox .maincheckBox_Design .maininput_Form { position : relative; opacity : 0; text-align : left !important; cursor : pointer; z-index : 5; float : left; width : 20px; transform : scale(1.4); -o-transform : scale(1.4); -ms-transform : scale(1.4); -moz-transform : scale(1.4); -webkit-transform : scale(1.4); } .QnA_Formmail-SMS_Bottom_Wrap .QnA_Formmail-SMS_privacyRight .mainPersonal_CheckBox .maincheckBox_Design i { float : left; display : block; width : 20px; height : 20px; margin-left : -20px; z-index : 3; background-image : url('./img/checkbox_blue.png'); background-repeat : no-repeat; background-position : left top; background-size : auto; } .QnA_Formmail-SMS_Bottom_Wrap .QnA_Formmail-SMS_privacyRight .mainPersonal_CheckBox .maincheckBox_Design label { float : left; width : 80%; cursor : pointer; font-size : 14px; font-weight : 400; text-align : left; transition : all 0.25s cubic-bezier(0.65, 0, 0.21, 1.47) 0s; -o-transition : all ease-in-out .5s; -ms-transition : all ease-in-out .5s; -moz-transition : all ease-in-out .5s; -webkit-transition : all ease-in-out .5s; } .QnA_Formmail-SMS_Bottom_Wrap .QnA_Formmail-SMS_privacyRight .mainPersonal_CheckBox .maincheckBox_Design .maininput_Form:checked+i { background-position : left bottom; } .QnA_Formmail-SMS_Bottom_Wrap .QnA_Formmail-SMS_privacyRight .mainPersonal_CheckBox .maincheckBox_Design .maininput_Form:checked+i+label { color : #54C2F1; transition : all ease-in-out .5s; -o-transition : all ease-in-out .5s; -ms-transition : all ease-in-out .5s; -moz-transition : all ease-in-out .5s; -webkit-transition : all ease-in-out .5s; } /* 개인정보 수집 및 이용목적 팝업 divPopup */ #divPopup { position : fixed; top : 0; left : 0; width: 100%; height : 100%; z-index : -1000; display : none; } #divPopup .divPopupBackground { position : absolute; top : 0; left : 0; width: 100%; height : 100%; background-color : #000; opacity : 0.3; } #divPopup .divPopupContent { width : 50%; height : auto; position : absolute; top : 150px; left : 25%; word-break : break-all; display : none; } #divPopup .divPopupContent .divPopupWrap { text-align : center; width : 85%; height : auto; margin : 0 auto; padding : 25px; border : 0px solid #BDBDBD; } #divPopup .divPopupContent .divPopupWrap .divPopup_title { text-align : center; font-size : 25px; color : #747474; font-weight : 600; } #divPopup .divPopupContent .divPopupWrap .divPopup_detail { width : 100%; height : 300px; font-size : 15px; line-height : 150%; padding : 15px; margin-top : 10px; } #divPopup .divPopupContent .divPopupWrap .btnHide { border : 0px; min-width : 100px; width : 30%; height : 40px; background-color : #e5e5e5; margin : 0 auto; margin-top : 10px; padding-top : 10px; font-weight : 600; font-size : 16px; cursor : pointer; } /* 개인정보 수집현황 */ .Personal_Info { width : 100%; margin : 0 auto; text-align : left; display : inline-block; height : auto; padding : 20px 0px 20px 0px; } .Personal_Info .textarea { width : 100%; height : auto; font-size : 13px; padding : 20px 0px 20px 0px; text-align : left; /* TextArea Design */ color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #F6F6F6; *background-color: #fff; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #ffffff, #f6f6f6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f6f6f6)); background-image: -webkit-linear-gradient(top, #ffffff, #f6f6f6); background-image: -o-linear-gradient(top, #ffffff, #f6f6f6); background-image: linear-gradient(to bottom, #ffffff, #f6f6f6); border: 1px solid #bbbbbb; border-color: #e6e6e6 #e6e6e6 #bfbfbf; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 3px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 3px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 3px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .textarea p { text-align : left !important; line-height : 24px; } .textarea_thick { margin-left : 60px; font-size : 14px; font-weight : 700; } .textarea_nomal { margin-left : 80px; font-size : 12px; } .line_1px { display : inline-block; width : 80%; height : 1px; border-top : 1px dotted #D5D5D5; margin : 15px 0 15px 0; margin-left : 80px; } .Personal_CheckBox { width : 100%; height : auto; position : relative; text-align : center; cursor : pointer; margin : 0 auto; margin-top : -66px; padding-top : 30px; border-radius : 10px; } .checkBox_Design { position : relative; margin-top : 5px; text-align : center; cursor : pointer; overflow : hidden; display : inline-block; } .checkBox_Design .input_Form[type='checkbox'] { position : absolute; top : 0; left : 5px; opacity : 1; width : 13px; height : 13px; z-index : 5; border : 1px solid #ccc; appearance : none; outline : 0px; cursor : pointer; background-color : #fff; font-size : 7px; font-weight : 400; transition : all ease-in-out .3s; -o-transition : all ease-in-out .3s; -ms-transition : all ease-in-out .3s; -moz-transition : all ease-in-out .3s; -webkit-transition : all ease-in-out .3s; } .checkBox_Design .input_Form[type='checkbox']:checked { background-color : #a40034; outline : 0px; color : #000; text-align : center; cursor : pointer; transition : all ease-in-out .3s; -o-transition : all ease-in-out .3s; -ms-transition : all ease-in-out .3s; -moz-transition : all ease-in-out .3s; -webkit-transition : all ease-in-out .3s; } .checkBox_Design .input_Form[type='checkbox']:checked:after { content : '\2714'; color : #fff; position : absolute; position : absolute; top : -3px; left : 1px; transition : all ease-in-out .3s; -o-transition : all ease-in-out .3s; -ms-transition : all ease-in-out .3s; -moz-transition : all ease-in-out .3s; -webkit-transition : all ease-in-out .3s; } .checkBox_Design i { display : none; } .checkBox_Design label { float : left; margin-left : 20px; cursor : pointer; font-size : 14px; font-weight : 700; transition: all 0.25s cubic-bezier(0.65, 0, 0.21, 1.47) 0s; -o-transition : all ease-in-out .5s; -ms-transition : all ease-in-out .5s; -moz-transition : all ease-in-out .5s; -webkit-transition : all ease-in-out .5s; } .checkBox_Design .input_Form:checked+i { background-position : left bottom; } .checkBox_Design .input_Form:checked+i+label { color : #a40034; transition : all ease-in-out .5s; -o-transition : all ease-in-out .5s; -ms-transition : all ease-in-out .5s; -moz-transition : all ease-in-out .5s; -webkit-transition : all ease-in-out .5s; } .btn_red { width : 80px; background : #4374D9; height : 30px; font-size:16px; font-weight:700; color:#fff; border : 0; -webkit-box-shadow: inset 3px 3px 2px rgba(255, 255, 255, 0.3), 1px 1px 2px rgba(0, 0, 0, 0.55); -moz-box-shadow: inset 3px 3px 2px rgba(255, 255, 255, 0.3), 1px 1px 2px rgba(0, 0, 0, 0.55); box-shadow: inset 3px 3px 2px rgba(255, 255, 255, 0.3), 1px 1px 2px rgba(0, 0, 0, 0.55); } @media (min-width: 0px) and (max-width:640px) { #bo_vc_w .Express_Comment_Table table tbody tr th { width:20%; height:auto;} #bo_vc_w .Express_Comment_Table table tbody tr td { width:80%; height:auto; border:none;} #bo_vc_w .Express_Comment_Table table tbody tr td .Express_Comment_Table_Content { width:95%; height:80px;} #bo_v_con .Express_View_Table { width:100%; height:auto; display:inline-block; } .Moblie_None { display:none; } #bo_v h1#bo_v_title {font-size:15px; padding:0; text-align:center; padding-top:10px; padding-bottom:10px;} .Tabel_Express tr td { font-size:10px; width:20%; } #bo_v_con .Express_View_Table table tbody tr th { height:30px; font-size:10px; margin-top:3px;} #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap { width : 90%; height : auto; min-height : 40px; display : inline-block; margin-left : 5%; padding : 2px 0px 15px 0px; border-bottom : 1px solid #e5e5e5;} #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap .bo_w_TitleNomal { width : 100%; text-align : left; margin-bottom : 5px; padding-left : 0; } #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap .bo_w_TitleNomal_Small { width : 100%; } #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap .FormWrap { width : 100%; } #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap .FormWrap .CheckWrap .QnA_Formmail-SMS_Right_InputCheckbox[type='checkbox'] + label { font-size : 13px; letter-spacing : -0.05em;} #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap .editorWrap { width : 100%; } #bo_w .bo_w_Wrap .bo_w_fwriteForm .bo_w_InWrite_Wrap .bo_w_Row_Wrap .bo_w_TitleNomal label { height : auto; color : #000; font-size : 14px; line-height : 20px; } .textarea_thick { margin-left : 20px; font-size : 14px; font-weight : 700; } .textarea_nomal { margin-left : 40px; font-size : 12px; } .checkBox_Design label { font-size : 13px; font-weight : 400; } .inLineWrap { margin-top : 7px; } .btn_Blue { max-width : unset; min-width : unset; height : auto; padding : 7px 12px; width : 100px; } .Personal_CheckBox { margin-top : -65px; } .line_1px { margin : 9px 0px; } .textarea p { line-height : 17px; } } @charset "utf-8"; /* 초기화 */ html {overflow-y:scroll} body {margin:0;padding:0;font-size:0.75em;font-family:'Malgun Gothic', dotum, sans-serif;background:#fff} html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0} h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} ul, dl,dt,dd {margin:0;padding:0;list-style:none} legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} label, input, button, select, img {vertical-align:middle;font-size:1em} input, button {margin:0;padding:0;font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em} input[type="submit"] {cursor:pointer} button {cursor:pointer} textarea, select {font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em} select {margin:0} p {margin:0;padding:0;word-break:break-all} hr {display:none} pre {overflow-x:scroll;font-size:1.1em} a {color:#000;text-decoration:none} *, :after, :before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } input[type=text],input[type=password], textarea { -webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out; outline:none; } input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus { -webkit-box-shadow:0 0 5px #9ed4ff; -moz-box-shadow:0 0 5px #9ed4ff; box-shadow:0 0 5px #9ed4ff; border:1px solid #558ab7 !important; } .placeholdersjs {color:#aaa !important} /* 레이아웃 크기 지정 */ #hd, #wrapper, #ft {min-width:1200px} #hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr {width:1200px} /* 팝업레이어 */ #hd_pop {z-index:1000;position:relative;margin:0 auto;height:0} #hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff} .hd_pops img {max-width:100%} .hd_pops_con {} .hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative} .hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""} .hd_pops_footer button {padding:10px;border:0;color:#fff} .hd_pops_footer .hd_pops_reject {background:#000;text-align:left} .hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0} /* 상단 레이아웃 */ #hd {background:#212020} #hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #tnb {border-bottom:1px solid #383838;margin:0 auto} #tnb:after {display:block;visibility:hidden;clear:both;content:""} #tnb .inner {margin:0 auto} #hd_wrapper {position:relative;margin:0 auto;height:140px;zoom:1} #hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""} #logo {float:left;padding:30px 0 0} .hd_sch_wr {float:left;padding:30px 0;width:445px;margin-left:65px} #hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden} #hd_sch {border-radius:30px;overflow:hidden} #hd_sch #sch_stx {float:left;width:385px;height:45px;padding-left:10px;border-radius:30px 0 0 30px;background:#2c2c2c;border:0;border-right:0;font-size:1.25em;color:#fff} #hd_sch #sch_submit {float:left;width:60px;height:45px;border:0;background:#2c2c2c;color:#fff;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px} #hd_define {float:left} #hd_define:after {display:block;visibility:hidden;clear:both;content:""} #hd_define li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px} #hd_define li:last-child {padding-right:0;margin-right:0;border-right:0} #hd_define li a {display:inline-block;color:#919191} #hd_define li.active a {color:#fff} #hd_qnb {float:right;text-align:right} #hd_qnb:after {display:block;visibility:hidden;clear:both;content:""} #hd_qnb li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px} #hd_qnb li:last-child {padding-right:0;margin-right:0;border-right:0} #hd_qnb li span {display:block;margin-top:5px;font-size:0.92em} #hd_qnb li a {display:inline-block;color:#919191} #hd_qnb .visit .visit-num {display:inline-block;line-height:16px;padding:0 5px;margin-left:5px;border-radius:10px;background:#da22f5;color:#fff;font-size:10px} .hd_login {position:absolute;right:0;top:60px} .hd_login li {float:left;margin:0 5px;border-left:1px solid #616161;padding-left:10px;line-height:13px} .hd_login li:first-child {border-left:0} .hd_login a {color:#fff} /* 메인메뉴 */ #gnb {position:relative;background:#fff} #gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #gnb .gnb_wrap {margin:0 auto;position:relative} #gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3} #gnb #gnb_1dul {font-size:1.083em;padding:0;border-bottom:1px solid #e0e2e5;zoom:1} #gnb ul:after {display:block;visibility:hidden;clear:both;content:""} #gnb .gnb_1dli {float:left;line-height:55px;padding:0px;position:relative} #gnb .gnb_1dli:hover > a {color:#3a8afd; -webkit-transition:background-color 2s ease-out; -moz-transition:background-color 0.3s ease-out; -o-transition:background-color 0.3s ease-out; transition:background-color 0.3s ease-out} .gnb_1dli .bg {position:absolute;top:24px;right:8px;display:inline-block;width:10px;height:10px;overflow:hidden;background:url('../img/gnb_bg2.gif') no-repeat 50% 50%;text-indent:-999px} .gnb_1da {display:block;font-weight:bold;padding:0 15px;color:#080808;text-decoration:none} .gnb_1dli.gnb_al_li_plus .gnb_1da{padding-right:25px} .gnb_2dli:first-child {border:0} .gnb_2dul {display:none;position:absolute;top:54px;min-width:140px;padding-top:2px} .gnb_2dul .gnb_2dul_box {border:1px solid #e0e2e5;border-top:0;padding:0; -webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2); -moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2); box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2)} .gnb_2da {display:block;padding:0 10px;line-height:40px;background:#fff;color:#080808;text-align:left;text-decoration:none} a.gnb_2da:hover {color:#3a8afd;background:#f7f7f8; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out} .gnb_1dli_air .gnb_2da {} .gnb_1dli_on .gnb_2da {} .gnb_2da:focus, .gnb_2da:hover {color:#fff} .gnb_1dli_over .gnb_2dul {display:block;left:0} .gnb_1dli_over2 .gnb_2dul {display:block;right:0} .gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2.7em;color:#080808} .gnb_wrap .gnb_empty a {color:#3a8afd;text-decoration:underline} .gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555} #gnb .gnb_menu_btn {background:#4158d1;color:#fff;width:50px;height:55px;border:0;vertical-align:top;font-size:18px} #gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0} #gnb .gnb_mnal {float:right;padding:0} #gnb_all {display:none;position:absolute;border:1px solid #c5d6da;width:100%;background:#fff;z-index:1000;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2); -moz-box-shadow:0 2px 5px rgba(0,0,0,0.2); box-shadow:0 2px 5px rgba(0,0,0,0.2)} #gnb_all h2 {font-size:1.3em;padding:15px 20px;border-bottom:1px solid #e7eeef} #gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""} #gnb_all .gnb_al_ul > li:nth-child(5n+1) {border-left:0} #gnb_all .gnb_al_li {float:left;width:20%;min-height:150px;padding:20px;border-left:1px solid #e7eeef} #gnb_all .gnb_al_li .gnb_al_a {font-size:1.2em;display:block;position:relative;margin-bottom:10px;font-weight:bold;color:#3a8afd} #gnb_all .gnb_al_li li {line-height:2em} #gnb_all .gnb_al_li li a {color:#555} #gnb_all_bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999} /* 중간 레이아웃 */ #wrapper {} #container_wr:after {display:block;visibility:hidden;clear:both;content:""} #container_wr {margin:0 auto;zoom:1} #aside {float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px} #container {position:relative;float:left;min-height:500px;height:auto !important;margin:20px 0;height:500px;font-size:1em;width:930px;zoom:1} #container:after {display:block;visibility:hidden;clear:both;content:""} #container_title {font-size:1.333em;margin:0 auto;font-weight:bold} #container_title span {margin:0 auto 10px;display:block;line-height:30px} .lt_wr {width:32%} .lt_wr:nth-child(3n+1) {clear:both} .latest_wr {margin-bottom:20px} .latest_wr:after {display:block;visibility:hidden;clear:both;content:""} .latest_top_wr {margin:0 -10px 20px} .latest_top_wr:after {display:block;visibility:hidden;clear:both;content:""} /* 하단 레이아웃 */ #ft {background:#212020;margin:0 auto;text-align:center} #ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #ft_wr {max-width:1240px;margin:0;padding:40px 0;position:relative;display:inline-block;text-align:left} #ft_wr:after {display:block;visibility:hidden;clear:both;content:""} #ft_wr .ft_cnt {width:25%;float:left;padding:0 20px} #ft_link {text-align:left} #ft_link a {display:block;color:#fff;line-height:2em;font-weight:bold} #ft_company h2 {font-size:1.2em;margin-bottom:20px} #ft_company {font-weight:normal;color:#e3e3e3;line-height:2em} #ft_catch {margin:20px 0 10px} #ft_copy {text-align:center;width:1200px;margin:0 auto;padding:20px 0;color:#5b5b5b;font-size:0.92em;border-top:1px solid #383838} #top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)} #top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff} /* 게시물 선택복사 선택이동 */ #copymove {} #copymove .win_desc {text-align:center;display:block} #copymove .tbl_wrap {margin:20px} #copymove .win_btn {padding:0 20px 20px} .copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px} .copymove_currentbg {background:#f4f4f4} /* 화면낭독기 사용자용 */ #hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden} .msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important} /* 본문 바로가기 */ #skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden} #skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em} /* ie6 이미지 너비 지정 */ .img_fix {width:100%;height:auto} /* 캡챠 자동등록(입력)방지 기본 -pc */ #captcha {display:inline-block;position:relative} #captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} #captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0} #captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px} #captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px} #captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top} #captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em} /* 캡챠 자동등록(입력)방지 기본 - mobile */ #captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px} #captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block} #captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px} #captcha.m_captcha #captcha_reload span {display:none} #captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px} #captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em} #captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none} /* ckeditor 단축키 */ .cke_sc {margin:0 0 5px;text-align:right} .btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer} .cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center} .cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1} .cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""} .cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9} .cke_sc_def dt {width:20%;font-weight:bold} .cke_sc_def dd {width:30%} /* ckeditor 태그 기본값 */ #bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px} #bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px} #bo_v_con li {display:list-item} /* 버튼 */ a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em; -webkit-transition:background-color 0.3s ease-out; -moz-transition:background-color 0.3s ease-out; -o-transition:background-color 0.3s ease-out; transition:background-color 0.3s ease-out} a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle} a.btn01:focus, a.btn01:hover {text-decoration:none} button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none} a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle} a.btn02:focus, .btn02:hover {text-decoration:none} button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none} .btn_confirm {text-align:right} /* 서식단계 진행 */ .btn_submit {border:0;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px} .btn_submit:hover {background:#2375eb} .btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff} a.btn_close {text-align:center;line-height:50px} a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle} button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle} .btn_cancel:hover {background:#aaa} a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 25px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */ a.btn_frmline {} button.btn_frmline {font-size:1em} /* 게시판용 버튼 */ a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent} .btn_b01:hover, .btn_b01:hover {color:#000} a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle} a.btn_b02:hover, .btn_b02:hover {background:#0025eb} a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle} a.btn_b03:hover, .btn_b03:hover {background:#ebedf6} a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle} a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9} a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */ .btn_admin:hover, a.btn_admin:hover {color:#ff3746} /* 기본테이블 */ .tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} .tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left} .tbl_head01 {margin:0 0 10px} .tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head01 thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px} .tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8} .tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all} .tbl_head01 tbody tr:hover td {background:#fafafa} .tbl_head01 a:hover {text-decoration:underline} .tbl_head02 {margin:0 0 10px} .tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em} .tbl_head02 thead a {color:#383838} .tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff} .tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all} .tbl_head02 a {} /* 폼 테이블 */ .tbl_frm01 {margin:0 0 20px} .tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0} .tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left} .tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent} .wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); } .tbl_frm01 textarea {padding:2px 2px 3px} .frm_input {height:40px} .full_input {width:100%} .half_input {width:49.5%} .twopart_input {width:385px;margin-right:10px} .tbl_frm01 textarea, .write_div textarea {width:100%;height:100px} .tbl_frm01 a {text-decoration:none} .tbl_frm01 .frm_file {display:block;margin-bottom:5px} .tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em} /*기본 리스트*/ .list_01 ul {border-top:1px solid #ececec} .list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative} .list_01 li:nth-child(odd) {background:#f6f6f6} .list_01 li:after {display:block;visibility:hidden;clear:both;content:""} .list_01 li:hover {background:#f9f9f9} .list_01 li.empty_li {text-align:center;padding:20px 0;color:#666} /*폼 리스트*/ .form_01 h2 {font-size:1.167em} .form_01 li {margin-bottom:10px} .form_01 ul:after, .form_01 li:after {display:block;visibility:hidden;clear:both;content:""} .form_01 .left_input {float:left} .form_01 .margin_input {margin-right:1%} .form_01 textarea {height:100px;width:100%} .form_01 .frm_label {display:inline-block;width:130px} /* 자료 없는 목록 */ .empty_table {padding:50px 0 !important;text-align:center} .empty_list {padding:20px 0 !important;color:#666;text-align:center} /* 필수입력 */ .required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important} /* 테이블 항목별 정의 */ .td_board {width:80px;text-align:center} .td_category {width:80px;text-align:center} .td_chk {width:30px;text-align:center} .td_date {width:60px;text-align:center} .td_datetime {width:110px;text-align:center} .td_group {width:80px;text-align:center} .td_mb_id {width:100px;text-align:center} .td_mng {width:80px;text-align:center} .td_name {width:100px;text-align:left} .td_nick {width:100px;text-align:center} .td_num {width:50px;text-align:center} .td_numbig {width:80px;text-align:center} .td_stat {width:60px;text-align:center} .txt_active {color:#5d910b} .txt_done {color:#e8180c} .txt_expired {color:#ccc} .txt_rdy {color:#8abc2a} /* 새창 기본 스타일 */ .new_win {position:relative} .new_win .tbl_wrap {margin:0 20px} .new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1); -moz-box-shadow:0 1px 10px rgba(0,0,0,.1); box-shadow:0 1px 10px rgba(0,0,0,.1)} .new_win #win_title .sv {font-size:0.75em;line-height:1.2em} .new_win .win_ul {margin-bottom:15px;padding:0 20px} .new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""} .new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px} .new_win .win_ul li:first-child {margin-left:0} .new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3} .new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5} .new_win .win_ul .selected a {color:#fff;font-weight:bold} .new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px} .new_win .win_desc i {font-size:1.2em;vertical-align:baseline} .new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px} .new_win .frm_info {font-size:0.92em;color:#919191} .new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px} .new_win .new_win_con {margin:20px 0;padding:20px} .new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""} .new_win .new_win_con2 {margin:20px 0} .new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""} .new_win .win_btn {text-align:center} .new_win .cert_btn {margin-bottom:30px;text-align:center} .new_win .btn_close {padding:0 20px;height:45px;overflow:hidden;cursor:pointer} .new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em} /* 검색결과 색상 */ .sch_word {color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px} /* 자바스크립트 alert 대안 */ #validation_check {margin:100px auto;width:500px} #validation_check h1 {margin-bottom:20px;font-size:1.3em} #validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff} /* 사이드뷰 */ .sv_wrap {position:relative;font-weight:normal} .sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333; -webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)} .sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent} .sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb} .sv_wrap .sv a:hover {background:#000;color:#fff} .sv_member {color:#333} .sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto} .sv_nojs .sv {display:block} /* 페이징 */ .pg_wrap {clear:both;float:left;display:inline-block} .pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} .pg {text-align:center} .pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee} .pg a:focus, .pg a:hover {text-decoration:none} .pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px} .pg_page:hover {background-color:#fafafa} .pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee} .pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee} .pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee} .pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee} .pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa} .pg_current {display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px} /* cheditor 이슈 */ .cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } /* Mobile화면으로 */ #device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}