/* SIR 지운아빠 */ #hd ul, nav ul, #ft ul {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} input, button {margin:0;padding:0;font-family:dotum;font-size:1em} button {cursor:pointer} textarea, select {font-family:dotum;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} /* 팝업레이어 */ #hd_pop {z-index:1000;position:relative;margin:0 auto;width:1040px;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_con {} .hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right} .hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff} /* 전체 검색 */ #hd_sch {float:right;margin:10px 0;padding:0;border:1px solid #c3c6ca} #hd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} #hd_sch #sch_stx {font-size:1.2em; padding-left:5px;width:150px;height:28px;border:0;background:#fff;line-height:1.9em !important;} /* #hd_sch #sch_submit {font-size:1.12em; padding:0 5px;height:26px;border:0;background:#000;color:#fff;cursor:pointer} */ #hd_sch #sch_submit {margin-right:10px;border:0;margin-top:0px} /* 텍스트 크기 조절 */ /* #text_size {float:left;margin:0 0 0 10px;letter-spacing:-3px} #text_size button {margin:0;padding:1px 2px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle;cursor:pointer} .ts_up {font-size:1.167em !important} .ts_up2 {font-size:1.3em !important} */ /* 상단 회원가입 등 링크 */ #tnb {float:right;margin:0;padding:0;list-style:none;zoom:1} #tnb:after {display:block;visibility:hidden;clear:both;content:""} #tnb li {float:left;margin:0 0 0 10px} #tnb a {display:inline-block;padding:0 10px;height:28px;color:#333;letter-spacing:-0.1em;line-height:2.4em} #tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none} #tnb img {margin-right:3px} /* 메인메뉴 */ #gnb {position:relative;margin:-1px 0 0;border-top:1px dotted #dde4e9;border-bottom:1px solid #dde4e9;background:#ecf0f7} #gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #gnb_1dul {margin:0 auto !important;padding:0;width:1040px;zoom:1} #gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""} .gnb_1dli {z-index:10;position:relative;float:left} .gnb_1da {display:inline-block;padding:0 40px 0 10px;height:35px;background:url('../img/gnb_bg00.gif') center right no-repeat;font-weight:bold;line-height:2.95em;text-decoration:none} .gnb_1da:focus, .gnb_1da:hover {background:url('../img/gnb_bg00.gif') #333 center right no-repeat;text-decoration:none} .gnb_1dli_air .gnb_1da {background-color:#333;color:#fff} .gnb_1dli_on .gnb_1da {background-color:#333;color:#fff} .gnb_2dul {display:none;position:absolute;top:35px;width:180px} .gnb_2da {display:block;padding:13px 10px;text-align:left;text-decoration:none} .gnb_1dli_air .gnb_2da {background-color:#333;color:#fff} .gnb_1dli_on .gnb_2da {background-color:#333;color:#fff} .gnb_2da:focus, .gnb_2da:hover {background:#666;text-decoration:none} .gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff} .gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff} #gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em} #gnb_empty a {text-decoration:underline} /* 하단 레이아웃 */ #ft {min-width:1040px; border-top:1px solid #d3d3d4; padding:10px 0 20px 0; color:#777; margin-top:90px} #ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #ft p {margin:0;padding:10px 0;line-height:1.8em} /* #ft_catch {position:relative;margin:0 auto;padding:20px 0 0;width:1040px;text-align:center} */ #ft_company {width:1020px; margin:0 auto; padding:0 10px;color:#414141;line-height:1.2em} #ft_company li {font-size:1.2em; padding:2px 0;} #privacy {text-align:center;font-size:12px; padding:5px 0 15px 0; margin-bottom:20px; border-bottom:1px solid #d3d3d4;} #ft_copy {width:1020px; margin:0 auto; padding:10px 10px 0 10px; font-size:1.12em;} #ft_copy div {position:relative;color:#414141} #ft_copy a {display:inline-block;margin:0;color:inherit} #ft_copy #ft_totop {position:absolute;top:0px;right:0} /* 게시물 선택복사 선택이동 */ #copymove {} .copymove_current {float:right;color:#ff3061} .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;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 {width:160px;height:60px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0} #captcha #captcha_mp3 {position:absolute;top:0;left:161px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer} #captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat;} #captcha #captcha_reload {position:absolute;top:31px;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat 0 -30px;border-top:1px solid #ccc;text-indent:-999px} #captcha #captcha_key {margin:0 0 0 33px;padding:0 5px;width:70px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;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:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat 0 -30px;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/captcha.png') no-repeat; 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%} /* 버튼 */ 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:center} /* 서식단계 진행 */ .btn_submit {padding:8px;border:0;background:#ff3061;color:#fff;letter-spacing:-0.1em;cursor:pointer} fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em} a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle} button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none} a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */ a.btn_frmline {line-height:24px} button.btn_frmline {font-size:1em} /* 게시판용 버튼 */ a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle} a.btn_b01:focus, .btn_b01:hover {text-decoration:none} a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle} a.btn_b02:focus, .btn_b02:hover {text-decoration:none} a.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */ a.btn_admin:focus, a.btn_admin:hover {text-decoration:none} /* 댓글 스타일 */ .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold} /* 기본테이블 */ .tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0} .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:12px 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_head01 thead a {color:#383838} .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-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head01 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all} .tbl_head01 a {} .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} .tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all} .tbl_head02 a {} /* 폼 테이블 */ .tbl_frm01 {margin:0 0 20px; font-size:12px;} .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} .tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em} .tbl_frm01 textarea {padding:2px 2px 3px} .frm_input {height:22px} .tbl_frm01 textarea {width:98%;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} /* 자료 없는 목록 */ .empty_table {padding:50px 0 !important;text-align:center} .empty_list {padding:20px 0 !important;text-align:center} /* 필수입력 */ .required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important} /* 테이블 항목별 정의 */ .td_board {width:120px;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:100px;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 {} .new_win .tbl_wrap {margin:0 20px} .new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em} .new_win #win_title .sv {font-size:0.75em;line-height:1.2em} .new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1} .new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""} .new_win .win_ul li {float:left;margin-left:-1px} .new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none} .new_win .win_desc {padding:20px} .new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */ .new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer} .new_win .win_btn input {padding:0 10px;height:30px;line-height:2em} .new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em} .new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none} /* 검색결과 색상 */ .sch_word {color:#ff3061} /* 자바스크립트 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 {display:inline-block;position:relative;font-weight:normal} .sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646} .sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important} .sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none} .sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto} .sv_nojs .sv {display:block} /* 페이징 */ .pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center} .pg {} .pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle} .pg a:focus, .pg a:hover {text-decoration:none} .pg_page {background:#e4eaec;text-decoration:none} .pg_start, .pg_prev {/* 이전 */} .pg_end, .pg_next {/* 다음 */} .pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal} /* 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} .sct_ct {} .sct_ct h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .sct_ct ul {margin:0 0 10px;padding:10px;border-bottom:0px solid #e9e9e9;list-style:none;zoom:1} .sct_ct ul:after {display:block;visibility:hidden;clear:both;content:""} .sct_ct a {text-decoration:none} .sct_ct a:hover {color:#d53013} #sct_ct_1 li {float:left;margin:0 10px 10px 0;width:120px} #sct_ct_2 li {margin:0 0 10px} #sct_ct_2 a {display:inline-block;width:120px} #sct_ct_3 li {float:left;margin:0 10px 10px 0;width:120px} .dp_none {display:none} /* 게시판 공통 */ .btn_center a {text-decoration:none} .row:after {display: table; content: " "; clear: both; } /* board list-table */ .list-table {width:100%;margin:10px auto 30px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; overflow: hidden; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .list-table th {padding:15px 0px; color:#2a2a2a;line-height:15px;font-weight:600; font-family:'NanumGothic','나눔고딕','Nanum Gothic Bold','맑은 고딕','돋움','dotum', sans-serif; background:#f9f9f9; text-align: center;} .list-table tr {background-color: #fff;} .list-table tr.nbg{background-color: rgba(222,235,246,.6);} .list-table tr:hover {background-color: rgba(228,228,228,.1);} .list-table td {font-size:12px; font-family:'NanumGothic','나눔고딕','Nanum Gothic','맑은 고딕','돋움','dotum', sans-serif; padding:12px 0px; text-align: center;vertical-align:middle;color:#666;border-top: 1px solid #e7e7e7;} .list-table td.left {text-align: left; padding-left:10px;font-weight:600; font-family:'NanumGothic','나눔고딕','Nanum Gothic Bold','맑은 고딕','돋움','dotum', sans-serif;} .list-table td.date {font-size:12px;color:#858585;letter-spacing:-0.5px;} .list-table td.notice {font-size:12px;color:#08497f;font-weight:600; font-family:'NanumGothic','나눔고딕','Nanum Gothic Bold','맑은 고딕','돋움','dotum', sans-serif;} .list-table td:first-child, .list-table th:first-child {border-left: none;} .list-table input[type="checkbox"],.list-table input[type="radio"]{width:14px; height:14px;vertical-align:middle;border:1px solid #e7e7e7; margin:0; padding:0; cursor:pointer;} .list-table a {font-size:14px} .list-table td {font-size:14px !important} .list-table th.col {font-size:14px !important} .list-table img {vertical-align:middle} .col01{width:100px;} .col02{width:150px;} .col_a{width:auto;} /* pagination --------------------------------------------- */ .paging {position:relative;clear:both;text-align:center;vertical-align:middle;padding-bottom:50px; z-index:1} .paging span {vertical-align:middle;display:inline-block;width:32px;height:32px;line-height:30px; text-align:center;margin-left:-1px;border:1px solid #dddddd;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .paging span img {vertical-align:middle; max-width:100%;border:0px solid #ccc;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .paging span a {vertical-align:middle;display:block;width:30px;height:30px;color:#424242;font-size:12px; font-family:'NanumGothic','나눔고딕','Nanum Gothic','맑은 고딕','돋움','dotum', sans-serif;} .paging span.on {vertical-align:middle;border-bottom:2px solid #c30010; color:#424242;font-weight:600; font-family:'NanumGothic','나눔고딕','Nanum Gothic Bold','맑은 고딕','돋움','dotum', sans-serif;} .paging span.on a {color:#fff;font-weight:600; font-family:'NanumGothic','나눔고딕','Nanum Gothic Bold','맑은 고딕','돋움','dotum', sans-serif;} .paging span:first-child {margin-left:0px;} .search_area {float:right; margin-right:0px; width: 100%; text-align:right;margin-bottom:10px;} .search_area ul{display: inline-block;} .search_area li.select_type_seach {float:left; width:100px;height:28px; margin-right:10px;} .search_area li.select_type_seach select{display: inline-block;background: url(/img/select_arrow.png) right center no-repeat #fff; /* 네이티브 화살표 대체 */ border-radius: 0px; /* iOS 둥근모서리 제거 */border-bottom:1px solid #d5d5d5;border-top:0px solid #d5d5d5;border-left:0px solid #d5d5d5;border-right:0px solid #d5d5d5;height:28px;padding:0 0 0 5px;margin:0 2px 0 0;width:100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-family:'NanumGothic','나눔고딕','Nanum Gothic','맑은 고딕','돋움','dotum', sans-serif; FONT-SIZE: 12px; COLOR: #8a8a8a;cursor:pointer;} .search_area li.select_type_seach select::-ms-expand {display: none;} .search_area li.sbox{float:left; color:#5b5b5b;width: 230px; height:30px; border:1px solid #d4d4d5;BACKGROUND-COLOR: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .search_area li img{margin:0px;padding-top:6px;} .search_area .input01{margin:0px; width: 200px;height:28px;vertical-align:middle; font-size:12px; color:#999; padding:0px 0px 0px 5px;border:0px solid #d4d4d5;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .search_area .input_btn{margin-right:10px;border:0;margin-top:0px;} .board_comment{width:100%; text-align:left; border:1px solid #d2d2d2;background:#f7f7f7; padding:20px 30px; overflow: hidden; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .board_comment .comment_t{width:100%;font-size:15px;line-height: 15px; color:#17408e;font-weight:600; font-family:'NanumGothic','나눔고딕','Nanum Gothic Bold','맑은 고딕','돋움','dotum', sans-serif; margin-bottom:15px;} .board_comment h2{font-size:14px;line-height: 14px; color:#737373;font-weight:600; font-family:'NanumGothic','나눔고딕','Nanum Gothic Bold','맑은 고딕','돋움','dotum', sans-serif; margin-bottom:5px;} .board_comment span{color:#171717;} .board_comment p{font-size:14px;line-height: 18px; color:#737373;font-weight:600; font-family:'NanumGothic','나눔고딕','Nanum Gothic Bold','맑은 고딕','돋움','dotum', sans-serif; border-bottom:2px dotted #d2d2d2;margin-bottom:10px;padding-bottom:10px;} .board_line{width:100%; border-top:1px solid #e7e7e7;margin-bottom:10px; } .comment_wr {width:100%} .comment_wr .co_text{display: inline-block;width:80%;height:80px;} .comment_wr .co_text textarea{display: inline-block;box-sizing: border-box;width:100%;border:1px solid #d2d2d2;height:80px;padding: 5px;color:#666;font-size:14px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .comment_wr .co_text textArea:focus {outline: none;border-color:#17408e} .comment_wr .co_btn{display: inline-block;width:18%; margin-left:2%; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .page_move {width:100%;margin-top:20px;border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; font-size:0} .page_move ul{width:100%; display:block;border-top:1px solid #d9d9d9; padding:0} .page_move li.prev{display: inline-block; width:20%; text-align:center; color:#858585; font-weight:600; font-family:'NanumGothic','나눔고딕','Nanum Gothic Bold','맑은 고딕','돋움','dotum', sans-serif;font-size:14px;padding:12px 0px; background:#f3f3f3; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .page_move li.prev img{margin-right:10px;margin-top:5px;} .page_move li.prev_tit{display: inline-block; width:60%; text-align:left; padding:12px 20px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;color:#737373;font-size:14px;font-weight:600; font-family:'NanumGothic','나눔고딕','Nanum Gothic Bold','맑은 고딕','돋움','dotum', sans-serif;} .page_move li.prev_date{display: inline-block; width:20%; text-align:center;padding:12px 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;color:#737373;font-size:12px;font-weight:600; font-family:'NanumGothic','나눔고딕','Nanum Gothic Bold','맑은 고딕','돋움','dotum', sans-serif;} .page_move ul:first-child{border-top:0px solid #d9d9d9;} .page_move a {font-size:12px; line-height:12px} .page_move li > p {font-size:12px !important} /* Write */ .wr-type_warp {width:100%;margin:0px auto;overflow:hidden; text-align:center;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; background:#fafafa;border: 1px solid #dfdede;word-wrap:break-word;padding:30px 20px 20px;} .wr_type {width:95%;margin:0px auto 20px auto;} .wr_type .w_row {margin-bottom: 10px; text-align:left;} .wr_type .row:after {display: table; content: " "; clear: both; } .wr_type .col_left {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 45%;margin-right: 5%; float: left; text-align:left;font-size:14px; } .wr_type .col_right {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 45%;margin-left: 5%; float: left; text-align:left;font-size:14px;} .wr_type label {display: block;width: 100%;color: #333;font-size:14px;line-height: 26px;vertical-align: middle;margin-bottom: 15px;} .wr_type label span {display: inline-block;width: 100%; font-weight:600; font-family:'NanumGothic','나눔고딕','Nanum Gothic Bold','맑은 고딕','돋움','dotum', sans-serif; background: url("/img/q_icon.png") no-repeat left 10px; padding:0px 0px 0px 15px; color: #333;line-height: 20px;font-size:14px;} .wr_type input {border-radius: 2px;display: inline-block;box-sizing: border-box;background:#fff;border:1px solid #d2d2d2;height: 30px;padding: 5px;color:#666;font-size:12px;} .wr_type input[type="file"] {border:1px solid #d2d2d2;border-radius: 0px;padding: 0px;} .wr_type .input05 {width: 70%;} .wr_type .input04 {width: 34%;} .wr_type .input03 {width: 100%;} .wr_type label textarea { border-radius: 2px;display: block;box-sizing: border-box; border:1px solid #d2d2d2;font-size:12px;} .wr_type label .textarea01 {width: 100%;padding: 10px 15px;resize: none; overflow-y: scroll; font-size:12px; height: 250px;line-height: 1.6em;font-size:12px;} .textarea_box {border-radius: 2px;width: 90%;padding-left:5%;padding-right:5%;padding-top:15px;padding-bottom:15px;resize: none; line-height: 16px; font-size:12px; background:#ebebeb; color: #444; overflow-y: hidden;} .wr_type input[type="checkbox"],.wr_type input[type="radio"]{width:12px; height:12px;vertical-align:middle;border:0; margin:0px 5px 0px 0px; padding:0; cursor:pointer;} .w_row textArea:focus {outline: none;border-color:#17408e} .w_row input:focus {outline: none;border-color:#17408e} .wtxt {display: inline-block;padding:0px 0px 0px 0px; color: #555;line-height: 20px;font-size:14px;} .wr_type label p {font-size:13px !important; font-weight:bold} /* login */ .login_box{width:100%;padding:30px; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .login_title{display: block;text-align:left;margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #b1b0b8; color: #424242; font-size:40px;line-height:40px;font-family:'NanumGothic','나눔고딕','Nanum Gothic','맑은 고딕','돋움','dotum', sans-serif;text-transform:uppercase; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .login_wrap{width:100%;padding:0px; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;font-size:0} .login_wrap ul{display: inline-block;width:100%;margin-bottom:5px; padding:0} .login_wrap ul li {vertical-align:top} .login_wrap .login_l{display: inline-block;width:69%; text-align:left;padding:0px;color:#858585;font-size:12px;font-weight:600; font-family:'NanumGothic','나눔고딕','Nanum Gothic Bold','맑은 고딕','돋움','dotum', sans-serif;} .login_wrap .login_r{float:right; display: inline-block;width:28%; margin-left:2%; text-align:right;padding:0px; color:#32b8b5;font-size:12px;font-weight:600; font-family:'NanumGothic','나눔고딕','Nanum Gothic Bold','맑은 고딕','돋움','dotum', sans-serif;} .login_wrap .login_c{display: inline-block;width:100%; text-align:center;margin-top:10px; color:#858585;font-size:12px;font-weight:600; font-family:'NanumGothic','나눔고딕','Nanum Gothic Bold','맑은 고딕','돋움','dotum', sans-serif;} .login_wrap .login_c span{display: inline-block;color:#12a8d9;font-size:12px;font-weight:600; font-family:'NanumGothic','나눔고딕','Nanum Gothic Bold','맑은 고딕','돋움','dotum', sans-serif;margin-left:20px;padding-left:20px;padding-top:2px;background:url(/m/img/login_line.png) left 4px no-repeat;} .login_wrap input{display: inline-block;box-sizing: border-box;border:1px solid #dadada;background:#fff;width:100%; height: 40px;padding: 5px;color:#858585;font-size:12px;font-family:'NanumGothic','나눔고딕','Nanum Gothic','맑은 고딕','돋움','dotum', sans-serif;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .login_wrap input:focus {outline: none;background:#fff;border-color:#32b8b5} .login_wrap input[type=checkbox], .login_wrap input[type=radio] {width:14px; height:14px;vertical-align:middle;border:0; margin:0; padding:0; cursor:pointer;-webkit-appearance:none; -webkit-border-radius:0} .login_wrap label{margin-left:5px;} .login_btn{width:100%; margin:30px 0px 0px; text-align:left;padding-bottom:30px;border-bottom:1px solid #b1b0b8; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;font-size:0} .login_btn .lbtn{display: inline-block;width:50%; text-align:left;padding:0px;} .login_btn .rbtn{display: inline-block;width:50%; text-align:right;padding:0px;} .login_txt{width:100%; margin:0px; padding:0px 30px; text-align:left; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .login_txt h2{font-weight:600; font-family:'NanumGothic','나눔고딕','Nanum Gothic Bold','맑은 고딕','돋움','dotum', sans-serif;line-height: 16px;font-size:16px;color:#12a8d9;margin-bottom:5px;} .login_txt p{font-weight:600; font-family:'NanumGothic','나눔고딕','Nanum Gothic Bold','맑은 고딕','돋움','dotum', sans-serif;line-height: 16px;font-size:12px;color: #a5a5a5;margin-bottom:15px;letter-spacing:-0.05em;} .login_bottom{width:100%; margin-top:20px; height:10px;background:#12a8d9;} /* 스마트폰 상세페이지 */ .vh_subject {height:30px; font-size:1.2em; font-weight:600; color:#000; border-bottom:2px solid #ccc} .vh_text {height:42px; line-height:42px; border-bottom:2px solid #f0f0f0; color:#777; padding-left:12px; background:url('../../../img/icon_list.gif') center left no-repeat;} .vh_btns {text-align:right} .subject{font-size:1.2em; line-height:140%;} /* board */ .bcontent {width:100%;margin:0px; padding: 0px; text-align:left; vertical-align:top; font-size:0; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; overflow:hidden;} /* board list-table */ .list-table {table-layout:fixed; width:100%;margin:10px auto 30px; border-top:2px solid #86a565; border-bottom:1px solid #86a565; white-space: nowrap; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .list-table th {padding:12px 0px; font-size:15px;color:#2a2a2a;line-height:15px;font-family:'NanumSquareR'; background:#f9f9f9; text-align: center;} .list-table tr {background-color: #fff;} .list-table tr.nbg{background-color: #f0f3ec;} .list-table tr:hover {background-color: rgba(228,228,228,.1);} .list-table td {font-size:12px; font-family:'Nanum Gothic'; letter-spacing:-0.5px; padding:12px 0px; text-align: center;vertical-align:middle;color:#666;border-top: 1px solid #e7e7e7;} .list-table td.left {text-align: left; font-size:14px;letter-spacing:-0.2px; font-family:'NanumSquareR'; padding-left:10px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .list-table td.date {font-size:12px;color:#858585;letter-spacing:-0.5px;font-family:'Nanum Gothic';} .list-table td.notice {font-size:14px;color:#86a565;font-family:'NanumSquareR';} .list-table td:first-child, .list-table th:first-child {border-left: none;} .list-table input[type="checkbox"],.list-table input[type="radio"]{width:14px; height:14px;vertical-align:middle;border:1px solid #e7e7e7; margin:0; padding:0; cursor:pointer;} .search_area {float:right; margin-right:0px; width: 100%; text-align:right;margin-bottom:10px;} .search_area ul{display: inline-block;} .search_area li.select_type_seach {float:left; width:100px;height:28px; margin-right:10px;} .search_area li.select_type_seach select{display: inline-block;background: url(/img/select_arrow.png) right center no-repeat #fff; /* 네이티브 화살표 대체 */ border-radius: 0px; /* iOS 둥근모서리 제거 */border-bottom:1px solid #d5d5d5;border-top:0px solid #d5d5d5;border-left:0px solid #d5d5d5;border-right:0px solid #d5d5d5;height:28px;padding:0 0 0 5px;margin:0 2px 0 0;width:100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-family:'Nanum Gothic'; FONT-SIZE: 12px; COLOR: #8a8a8a;cursor:pointer;} .search_area li.select_type_seach select::-ms-expand {display: none;} .search_area li.sbox{text-align:left;float:left; color:#5b5b5b;width: 200px; height:30px; border:1px solid #d4d4d5;BACKGROUND-COLOR: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .search_area li img{margin:0px;padding-top:6px;} .search_area .input01{margin:0px; width: 170px;height:28px;vertical-align:middle; font-size:12px; color:#999; padding:0px 0px 0px 5px;border:0px solid #d4d4d5;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .search_area .input_btn{margin-right:0;border:0;margin-top:0px;} .board-txt {display:block; font-size:14px; color:#666;font-family:'Nanum Gothic';line-height:24px; margin-bottom:20px} /* pagination --------------------------------------------- */ .paging {position:relative;clear:both;text-align:center;margin-bottom:20px; margin-top:20px;} .paging span {vertical-align:middle;display:inline-block;padding:0px 8px; color:#666666;font-size:12px; font-family:'NanumSquareR';} .paging span img {vertical-align:middle; max-width:100%;} .paging span a {vertical-align:middle;color:#666666;} .paging span.on {vertical-align:middle;color:#000;} .paging span.on a {color:#000;} /* pagination --------------------------------------------- */ .paging_sub {position:relative;clear:both;text-align:center;vertical-align:middle; margin-bottom:20px;} .paging_sub span {vertical-align:middle;display:inline-block;width:20px;height:20px;text-align:center;line-height:18px;border:1px solid #b3b3b3;font-size:11px;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; overflow: hidden; margin:0px 1px;} .paging_sub span img {vertical-align:middle; max-width:100%;} .paging_sub span a {vertical-align:middle;display:block;width:18px;height:18px;color:#666666;background:#fff;font-size:11px;line-height:18px;} .paging_sub span.on {vertical-align:middle;background:#707070;border:1px solid #5a5a5a;color:#fff;/* width:27px;height:27px; */} .paging_sub span.on a {color:#fff;font-family:'NanumSquareR';font-size:11px;line-height:18px;} /* pagination .paging {position:relative;clear:both;text-align:center;vertical-align:middle;margin-top:20px; margin-bottom:30px;z-index:1;} .paging span {vertical-align:middle;display:inline-block;width:32px;height:32px;line-height:30px; text-align:center;margin-left:-1px;border:1px solid #dddddd;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .paging span img {vertical-align:middle; max-width:100%;border:0px solid #ccc;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .paging span a {vertical-align:middle;display:block;width:30px;height:30px;color:#424242;font-size:12px; font-family:'Nanum Gothic';} .paging span.on {vertical-align:middle;border-bottom:2px solid #c30010; color:#424242;font-family:'NanumSquareR';} .paging span.on a {color:#fff;font-family:'NanumSquareR';} .paging span:first-child {margin-left:0px;} --------------------------------------------- */ /* boardView */ .boardtb { width:100%;margin:0px auto;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; overflow: hidden; background:#ffffff;border: 1px solid #dfdede;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .boardtb .news_view {border-top:0px solid #555;margin:0px 10px;} .boardtb .news_view > dt {padding:30px 15px 20px;border-bottom:1px dotted #d1d1d1; text-align:left;} .boardtb .news_view .subject {font-size:16px;color:#222;line-height:20px; font-weight:bold;} .boardtb .news_view p {margin-top:20px;} .boardtb .news_view .date {margin-right:15px; font-size:12px;color:#888;line-height:1 } .boardtb .news_view .date .mr15 {letter-spacing:-1px;vertical-align:top} .boardtb .news_view .name {line-height:1;margin-right:15px;color:#333;font-size:12px;} .boardtb .news_view .name .mr15 {letter-spacing:-1px;vertical-align:top;} .boardtb .news_view > dd {padding:20px 15px 30px;color:#555;font-size:14px;line-height:22px; text-align:left} .boardtb .news_view img{display:block;max-width:100%; text-align:center; margin-bottom:20px;} .boardtb .content_box {min-height:100px} .boardtb .estimate_view {border-right:1px solid #ccc; border-top:1px solid #ccc; width:100%;} .boardtb .estimate_view th, .boardtb .estimate_view td {border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px} .boardtb .estimate_view th {background-color:#f8f8f8} .boardtb .page_move {width:100%; border-bottom:0px solid #555;line-height:1;padding:0px 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .boardtb .page_move > li {width:100%; padding:15px 15px;border-top:1px solid #e6e6e6;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .boardtb .page_move > li > p {float:left} .boardtb .page_move > li > p > a {display:inline-block;font-size:12px;} .boardtb .page_move .prev {font-size:12px;width:50px;margin-right:20px;background:url(/img/ico_up.png) no-repeat 100% 50%} .boardtb .page_move .next {font-size:12px;width:50px;margin-right:20px;background:url(/img/ico_dn.png) no-repeat 100% 50%} .boardtb .page_move .prev_tit, .boardtb .page_move .next_tit {color:#999;font-size:12px;} .boardtb .btn_r {margin-top:20px;text-align:right} /* 갤러리 */ /* box-wrap */ .box-wrap {max-width: 1200px; width:100%; margin: 0px auto; text-align:left; position: relative; overflow: hidden;font-size:0; padding:0px;} .box-wrap .box{display: inline-block; width:29.333%; height:auto; margin:1%; padding:1% 1% 1% 1%; outline:1px solid #d8d8d8; text-align:left; background:#fff;position: relative; font-size:0;} .box-wrap .box img{width:100%; height:auto} .box .thumb_over{position: absolute; display:inline-block; top:0; left:0; width:100%; height:100%; background-color:transparent; -ms-filter: alpha(opacity=0); filter: Alpha(opacity=0); opacity: 0;overflow: hidden; } .box .thumb_over p{ font-family:'NanumSquareR'; color: #fff;line-height:14px;font-size:14px;text-align:center; padding-top:38%; filter: Alpha(opacity=0); opacity: 0; } .box .thumb2:hover .thumb_over{background:#000; -ms-filter: alpha(opacity=70); filter: Alpha(opacity=70); opacity: 0.7; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; } .box .thumb2:hover .thumb_over p{ filter: Alpha(opacity=100); opacity: 1; } .box .thumb{display: inline-block; width:100%; height:200px;cursor:pointer;border:1px solid #d8d8d8; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;} /* .box .thumb img{width:100%; height:100%;} */ .box .subject{display: block;width:100%; padding:10px 5px; text-align:right;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-family:'Nanum Gothic'; color: #666;line-height:13px;font-size:12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/*text-overflow:ellipsis-word;*/} .box .hit{display: block;width:100%; padding:5px 5px; text-align:right;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-family:'Nanum Gothic'; color: #0100FF;line-height:12px;font-size:12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/*text-overflow:ellipsis-word;*/} /* qa */ .qa {padding: 70px 0px 70px 0px;background: url("/img/bg_qa.png") no-repeat center / cover rgb(178, 2, 16);position: relative;box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;-webkit-background-size: cover;-moz-background-size: cover;} .qa p{text-align:center; color:#fff;font-family:'GothamMedium';font-size:45px;line-height:45px;margin-bottom:20px;text-transform:uppercase;} .qa h2{display: inline-block; text-align:center; color:#fff;font-family:'Nanum Gothic';font-size:16px;line-height:24px;} .qa h1{display:none; text-align:center; color:#fff;font-family:'Nanum Gothic';font-size:12px;line-height:20px;letter-spacing: -0.05em;} .wr_type-wrap {display: inline-block;width:100%; margin:0px auto 40px auto;overflow:hidden; text-align:center;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; background:#fafafa;border: 1px solid #dfdede;word-wrap:break-word;padding:30px 40px 20px;} .wr_type-mwrap {width:80%; margin:0px auto 40px auto;overflow:hidden;} .wr_type {width:100%;margin-bottom: 20px;} .wr_type .row {margin-bottom:0px; text-align:left;} .wr_type .row:after {display: table; content: " "; clear: both; } .wr_type .col_left {width: 45%;margin-right: 5%; float: left; text-align:left;font-size:14px; } .wr_type .col_right {width: 45%;margin-left: 5%; float: left; text-align:left;font-size:14px;} .wr_type label {display: block;width: 100%;font-family:'NanumSquareR';color: white;line-height: 14px;vertical-align: middle;font-size:14px; margin-bottom: 10px;} .wr_type label span {display: inline-block; color: #f2f2f2;line-height: 14px;font-size:14px;font-family:'NanumSquareR'; margin-bottom:5px;} .wr_type label p {display: inline-block; color: #4b4b4b;line-height: 14px;font-size:14px;font-family:'NanumSquareR'; margin-bottom:5px;} .wr_type label input {font-size:14px; width: 100%;border:1px solid #d2d2d2;height:30px; padding: 5px 10px;color:#666; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .wr_type label textarea {font-size:14px !important; border:1px solid #d2d2d2;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding: 10px 10px; line-height:1.4em;} .wr_type label .textarea01 {width: 100%;padding: 10px 10px;resize: none; overflow-y: scroll; font-size:12px; font-family:'Nanum Gothic'; height: 150px;line-height: 1.6em;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .textarea_box {width: 100%;padding-left:5%;padding-right:5%;padding-top:15px;padding-bottom:15px;resize: none; line-height: 16px; font-size:12px; background:#f1f1f1; color: #444; overflow-y: hidden;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .wr_type input[type="radio"]{ width:14px; height:14px;vertical-align:middle;border:0; margin:0; padding:0; cursor:pointer;} .wr_type textArea:focus {outline: none;border-color:#86a565} .wr_type input:focus {outline: none;border-color:#86a565} .wtxt {display: inline-block;padding:0px 0px 0px 0px; color: #f2f2f2;line-height: 20px;font-size:14px;} .btxt {display: inline-block;padding:0px 0px 0px 0px; color: #555;line-height: 20px;font-size:14px;} .wr_type input[type=checkbox] { display: none; } .wr_type input[type=checkbox] + label{display: inline-block; cursor: pointer; position: relative;padding-left: 25px;margin-right: 15px;font-family:'NanumSquareR'; font-size: 13px; line-height:13px;vertical-align:top;} .wr_type input[type=checkbox]+ label:before {content: ""; display: inline-block;width: 15px;height: 15px;margin-right: 10px; position: absolute; left: 0; top:0px; border:1px solid #cccccc; background-color: #FFF;} .wr_type input[type=checkbox]:checked + label:before { content: "\2713"; /* 체크모양 */text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);font-size: 16px; font-weight:800; color: #86a565;border:1px solid #cccccc; background:#FFF;text-align: center;line-height: 16px; } .wr_type select { background: url(/img/select_arrow.png) right center no-repeat #fff; border:1px solid #cccccc;height:30px;padding:0 0 0 5px;width:100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; } /* IE 10, 11의 네이티브 화살표 숨기기 */ .wr_type select::-ms-expand {display: none;} .wr_type .row.estimate > label {margin:5px 0 0 0;} .wr_type .row.estimate > div {margin-bottom:10px; border:1px solid #d2d2d2; padding:15px; background-color:#fff} .wr_type .row.estimate > div label {color:#555; margin:0; padding-left:22px; line-height:19px} .wr_type .row.estimate > div p:first-child{margin-bottom:10px} .btxt label p {line-height:20px} #wr11 + label {width:80px;} #wr12 + label {width:50px;} #wr13 + label {width:50px;} #wr14 + label {width:100px;} #wr15 + label {width:35px;} #wr16 + label {width:35px;} #wr17 + label {width:80px;} #wr21 + label {width:150px;} #wr22 + label {width:80px;} #wr23 + label {width:90px;} #wr24 + label {width:90px;} #wr25 + label {width:50px;} #wr26 + label {width:60px;} #wr27 + label {width:50px;} #wr28 + label {width:80px;} #wr31 + label {width:35px;} #wr32 + label {width:60px;} #wr33 + label {width:75px;} #wr34 + label {width:100px;} /* faq */ .faqtb {width:100%; margin: 0px auto 30px; text-align:left; vertical-align:top; border-top:2px solid #c30010; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; font-size:0;} .faqtb ul li {margin-bottom:0px;border-bottom:1px solid #e1e1e1;min-height:62px; } .faqtb ul li .q{display:block;padding:18px 30px 18px 100px;background:url(/img/icon_q.png) 30px 16px no-repeat #fff;color:#858585;font-family:'NanumSquareR';font-size:14px;line-height: 18px;text-decoration:none !important;cursor:pointer;word-wrap:break-word;text-align:left; vertical-align:top; } .faqtb ul li.on .q{background:url(/img/icon_q.png) 30px 16px no-repeat #fff;color:#858585;font-family:'NanumSquareR';font-size:14px;line-height: 18px;word-wrap:break-word; } .faqtb ul li .a{border-top:1px solid #e1e1e1;background:url(/img/icon_a.png) 30px 16px no-repeat #f7f7f7; padding:18px 30px 18px 100px;text-align:left;color:#858585;font-family:'NanumSquareR';font-size:14px; line-height: 18px; } .about {display: inline-block;width:100%; margin: 0px auto 50px; text-align:left; font-size:0;} .about .about_img{float:left; width:40%; margin-right:5%; text-align:left;} .about .about_txt{float:right; width:55%; text-align:left;} .about h2{text-align:left;font-family:'NanumSquareR'; font-size:30px; line-height:1.2;color:#86a565; margin-bottom:30px;} .about p{text-align:left;font-family:'Nanum Gothic'; font-size:16px; line-height:1.5;color:#6e6e6e; margin-bottom:20px;} .about .about_img img{width:100%;} .map_in { position:relative; top:-50px; margin:0 auto; height:100%;font-family:'NanumSquareR';padding:20px; } #map { position:relative;margin:0 auto; height: 500px;} .map_in h2 { text-align:left;font-family:'NanumSquareR'; font-size:25px; line-height:1.2;color:#86a565; margin-bottom:30px } #map .map_sub { width:100%; height:100%; text-align:center; } .map_contacts { background: #f9f9f9; /*border-top: 2px solid #d13d3f;*/ float:left; width:100%; height:100%; margin-bottom:70px; text-align:left; } .map_title { font-size:16px; font-family:'NanumSquareR'; margin-top:16px; margin-right:30px; padding:0 10px 0 20px;} .map_con { margin:10px 0; font-size:14px; line-height:20px; font-family:'Nanum Gothic'; padding:0 10px 0 20px; } .profile{display: inline-block;width:100%; margin: 0px auto 30px; text-align:left; font-size:0;} .profile li{display: inline-block;width:50%;text-align:left;} .profile p{background: url(/img/icon_p01.png) left 50% no-repeat; padding-left:15px;font-family:'NanumSquareR'; font-size:16px; line-height:1.2;color:#424242;margin-top:24px;} .howto {display: inline-block;width:100%; margin: 0px auto 50px; text-align:left; font-size:0;} .howto .howto_img{float:left; width:35%; margin-right:5%; text-align:left;} .howto .howto_txt{float:right; width:60%; text-align:left;} .howto .howto_wrap{display: inline-block; width:100%; text-align:left; font-size:0; } .howto .howto_wrap ul{display: inline-block; width:100%; text-align:left;margin-bottom:15px;border-bottom:2px dotted #d1d1d1; padding-bottom:15px;} .howto .howto_tit{display: inline-block;width:30%; text-align:left;font-family:'NanumSquareR'; font-size:18px; line-height:1.2;color:#86a565;} .howto .howto_cont{display: inline-block;width:68%; text-align:left;margin-left:2%;font-family:'Nanum Gothic'; font-size:14px; line-height:1.5;color:#6e6e6e;} .howto .howto_img img{width:100%;} .howto p{text-align:left;font-family:'NanumSquareR'; font-size:18px; line-height:1.2;color:#333;margin-top:25px;margin-bottom:25px;border-bottom:2px dotted #d1d1d1; padding-bottom:25px;} .academy{display: inline-block;width:100%; margin: 30px auto 60px; text-align:center; } .academy img{max-width:100%;} .howto_m {display: inline-block;width:100%; margin: 0px auto 50px; text-align:left; font-size:0;} .howto_m .howto_m_img{display: inline-block;width:30%; margin-right:5%; text-align:left;} .howto_m .howto_m_wrap{display: inline-block;width:65%; text-align:left;} .howto_m .howto_m_box{display: inline-block;width:46%; margin:0% 2%; text-align:left;} .howto_m .howto_box{display: inline-block;width:100%; text-align:left;margin-bottom:15px;border-bottom:2px dotted #d1d1d1; padding-bottom:15px;} .howto_m .howto_boximg{float:left; width:30%;text-align:left;} .howto_m .howto_boxt{float:left; width:60%;text-align:left;margin-left:10%;font-family:'NanumSquareR'; font-size:16px; line-height:1.5;color:#424242;} .howto_m img{width:100%;} /* btn-type -------------------------------------------------------------------*/ .btn-type {display:inline-block;position:relative;cursor:pointer;transition:all 0.3s; font-weight:bold;} .btn-type.btn1 {height:40px;line-height:34px;padding:0px 50px;font-size:16px;text-transform:uppercase;font-family:'NanumSquareR';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .btn-type.btn1.black {color:#fff !important;border:1px solid #262729;background:#262729} .btn-type.btn1.blue {color:#fff !important;border:1px solid #0063b6;background:#0063b6} .btn-type.btn1.green {color:#fff !important;border:1px solid #11a23d;background:#11a23d} .btn-type.btn1.purple {color:#fff !important;border:1px solid #954eb3;background:#954eb3} .btn-type.btn1.orange {color:#fff !important;border:1px solid #ea520c;background:#ea520c} .btn-type.btn1.lblue {color:#fff !important;border:1px solid #0596d7;background:#0596d7} .btn-type.btn1.yellow {color:#fff !important;border:1px solid #e2c319;background:#e2c319} .btn-type.btn1.dgray {color:#fff !important;border:1px solid #666;background:#666} .btn-type.btn1.lgreen {color:#fff !important;border:1px solid #63c627;background:#63c627} .btn-type.btn1.gray {color:#fff !important;border:1px solid #a0a0a0;background:#a0a0a0} .btn-type.btn1.white{color:#454545 !important;border:1px solid #707070;background:#fff} .btn-type.btn2 {height:40px;line-height:38px;padding:0px 40px;font-size:16px;text-transform:uppercase;font-family:'NanumSquareR';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .btn-type.btn2.white {color:#fff !important;border:1px solid #fff;background: none;} .btn-type.btn2.white01 {color:#fff !important;border:1px solid #fff;background: none;} .btn-type.btn2.black {color:#fff !important;border:1px solid #262729;background:#262729} .btn-type.btn2.blue {color:#fff !important;border:1px solid #0063b6;background:#0063b6} .btn-type.btn2.green {color:##6aae4f !important;border:1px solid #6aae4f;background: none;} .btn-type.btn2.purple {color:#fff !important;border:1px solid #954eb3;background:#954eb3} .btn-type.btn2.orange {color:#fff !important;border:1px solid #ea520c;background:#ea520c} .btn-type.btn2.lblue {color:#fff !important;border:1px solid #0596d7;background:#0596d7} .btn-type.btn2.yellow {color:#fff !important;border:1px solid #e2c319;background:#e2c319} .btn-type.btn2.dgray {color:#fff !important;border:1px solid #383939;background:#383939} .btn-type.btn2.lgreen {color:#fff !important;border:1px solid #63c627;background:#63c627} .btn-type.btn2.gray {color:#fff !important;border:1px solid #a0a0a0;background:#a0a0a0} .btn-type.btn2.red {color:#fff !important;border:1px solid #c61322;background:#c61322} .btn-type.btn3 {width:100%; height:48px;line-height:44px;text-align:center; font-size:16px; text-transform:uppercase;font-family:'NanumSquareR';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .btn-type.btn3.black {color:#fff !important;border:1px solid #262729;background:#262729} .btn-type.btn3.blue {color:#fff !important;border:1px solid #0063b6;background:#0063b6} .btn-type.btn3.green {color:#fff !important;border:1px solid #11a23d;background:#11a23d} .btn-type.btn3.purple {color:#fff !important;border:1px solid #954eb3;background:#954eb3} .btn-type.btn3.orange {color:#fff !important;border:1px solid #ea520c;background:#ea520c} .btn-type.btn3.lblue {color:#fff !important;border:1px solid #12a8d9;background:#12a8d9} .btn-type.btn3.yellow {color:#fff !important;border:1px solid #e2c319;background:#e2c319} .btn-type.btn3.dgray {color:#fff !important;border:1px solid #666;background:#666} .btn-type.btn3.lgreen {color:#fff !important;border:1px solid #63c627;background:#63c627} .btn-type.btn3.lgray {color:#fff !important;border:1px solid #989898;background:#989898} .btn-type.btn3.gray {color:#c7c5c5 !important;border:1px solid #c7c5c5;background:#fff} .btn-type.btn3.gray img{height:100%;} .btn-type.btn3-1 {width:49%; height:48px;line-height:46px;text-align:center; font-size:14px; text-transform:uppercase;font-family:'NanumSquareR';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .btn-type.btn3-1.black {color:#fff !important;border:1px solid #262729;background:#262729} .btn-type.btn3-1.blue {color:#fff !important;border:1px solid #0063b6;background:#0063b6} .btn-type.btn3-1.green {color:#fff !important;border:1px solid #11a23d;background:#11a23d} .btn-type.btn3-1.purple {color:#fff !important;border:1px solid #954eb3;background:#954eb3} .btn-type.btn3-1.orange {color:#fff !important;border:1px solid #ea520c;background:#ea520c} .btn-type.btn3-1.lblue {color:#fff !important;border:1px solid #12a8d9;background:#12a8d9} .btn-type.btn3-1.yellow {color:#fff !important;border:1px solid #e2c319;background:#e2c319} .btn-type.btn3-1.dgray {color:#fff !important;border:1px solid #666;background:#666} .btn-type.btn3-1.lgreen {color:#fff !important;border:1px solid #63c627;background:#63c627} .btn-type.btn3-1.gray {color:#c7c5c5 !important;border:1px solid #c7c5c5;background:#fff} .btn-type.btn3-1.gray01 {color:#5b5b5b !important;border:1px solid #d0d0d0;background:#f0f0f0} .btn-type.btn4 {height:80px;line-height:78px;width:100%;text-align:center;font-size:16px;text-transform:uppercase;font-family:'NanumSquareR';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .btn-type.btn4.black {color:#fff !important;border:1px solid #262729;background:#262729} .btn-type.btn4.blue {color:#fff !important;border:1px solid #0063b6;background:#0063b6} .btn-type.btn4.green {color:#fff !important;border:1px solid #11a23d;background:#11a23d} .btn-type.btn4.cyan {color:#fff !important;border:1px solid #45b4bf;background:#36c4d2} .btn-type.btn4.orange {color:#fff !important;border:1px solid #fb8638;background:#fb8638} .btn-type.btn4.cred {color:#fff !important;border:1px solid #f06247;background:#f06247} .btn-type.btn4.gray {color:#fff !important;border:1px solid #a8a8a8;background:#999} .btn-type.btn4.dgray {color:#fff !important;border:1px solid #5e5e5e;background:#5e5e5e} .btn-type.btn5 {width:100%; height:55px;line-height:50px; text-align:center; font-size:16px; text-transform:uppercase;font-family:'NanumSquareR';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .btn-type.btn5.black {color:#fff !important;border:1px solid #262729;background:#262729} .btn-type.btn5.blue {color:#fff !important;border:1px solid #0063b6;background:#0063b6} .btn-type.btn5.green {color:#fff !important;border:1px solid #11a23d;background:#11a23d} .btn-type.btn5.purple {color:#fff !important;border:1px solid #954eb3;background:#954eb3} .btn-type.btn5.orange {color:#fff !important;border:1px solid #f47320;background:#f47320} .btn-type.btn5.lblue {color:#fff !important;border:1px solid #12a8d9;background:#12a8d9} .btn-type.btn5.yellow {color:#fff !important;border:1px solid #e2c319;background:#e2c319} .btn-type.btn5.dgray {color:#fff !important;border:1px solid #666;background:#666} .btn-type.btn5.lgreen {color:#fff !important;border:1px solid #63c627;background:#63c627} .btn-type.btn5.gray {color:#fff !important;border:1px solid #a0a0a0;background:#a0a0a0} .btn-type.btn5.dgray {color:#fff !important;border:1px solid #424242;background:#424242} .btn-type.btn6 {height:22px;line-height:18px;padding:0px 10px;font-size:11px;text-transform:uppercase;font-family:'NanumSquareR';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;margin-right:3px;} .btn-type.btn6.black {color:#fff !important;border:1px solid #262729;background:#262729} .btn-type.btn6.blue {color:#fff !important;border:1px solid #0063b6;background:#0063b6} .btn-type.btn6.green {color:#fff !important;border:1px solid #11a23d;background:#11a23d} .btn-type.btn6.purple {color:#fff !important;border:1px solid #954eb3;background:#954eb3} .btn-type.btn6.orange {color:#fff !important;border:1px solid #f47320;background:#f47320} .btn-type.btn6.lblue {color:#fff !important;border:1px solid #0596d7;background:#0596d7} .btn-type.btn6.yellow {color:#fff !important;border:1px solid #e2c319;background:#e2c319} .btn-type.btn6.cian {color:#fff !important;border:1px solid #666;background:#666} .btn-type.btn6.lgreen {color:#fff !important;border:1px solid #63c627;background:#63c627} .btn-type.btn6.gray {color:#fff !important;border:1px solid #a0a0a0;background:#a0a0a0} .btn-type.btn6.lgray {color:#424242 !important;border:1px solid #cdd0d1;} .btn-type.btn6.lgray_on{color:#f47320 !important;border:1px solid #f47320;background:#f9fbfb} .btn-type.btn6.dgray {color:#fff !important;border:1px solid #5e5e5e;background:#5e5e5e} .btn-type.btn7 {height:36px;line-height:32px;padding:0px 20px;font-size:14px;text-transform:uppercase;font-family:'NanumSquareR';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .btn-type.btn7.black {color:#fff !important;border:1px solid #262729;background:#262729} .btn-type.btn7.blue {color:#fff !important;border:1px solid #0063b6;background:#0063b6} .btn-type.btn7.green {color:#fff !important;border:1px solid #11a23d;background:#11a23d} .btn-type.btn7.purple {color:#fff !important;border:1px solid #954eb3;background:#954eb3} .btn-type.btn7.orange {color:#fff !important;border:1px solid #ea520c;background:#ea520c} .btn-type.btn7.lblue {color:#fff !important;border:1px solid #35a5d7;background:#35a5d7} .btn-type.btn7.yellow {color:#fff !important;border:1px solid #e2c319;background:#e2c319} .btn-type.btn7.dgray {color:#fff !important;border:1px solid #5e5e5e;background:#5e5e5e} .btn-type.btn7.lgreen {color:#fff !important;border:1px solid #63c627;background:#63c627} .btn-type.btn7.gray {color:#fff !important;border:1px solid #a0a0a0;background:#a0a0a0} .btn-type.lgray:hover {cursor:pointer;background:#fff !important;color:#989898 !important;} .btn-type.lgreen:hover {cursor:pointer;background:#fff !important;color:#63c627 !important;} .btn-type.black:hover {cursor:pointer;background:#fff !important;color:#262729 !important;} .btn-type.blue:hover {cursor:pointer;background:#fff !important;color:#0063b6 !important;} .btn-type.green:hover {cursor:pointer;background:#fff !important;color:#11a23d !important;} .btn-type.purple:hover {cursor:pointer;background:#fff !important;color:#954eb3 !important;} .btn-type.orange:hover {cursor:pointer;background:#fff !important;color:#ea520c !important;} .btn-type.lblue:hover {cursor:pointer;background:#fff !important;color:#12a8d9 !important;} .btn-type.yellow:hover {cursor:pointer;background:#fff !important;color:#e2c319 !important;} .btn-type.dgray:hover {cursor:pointer;background:#fff !important;color:#1a1a1a !important;} .btn-type.gray:hover {cursor:pointer;background:#fff !important;color:#a0a0a0 !important;} .btn-type.gray01:hover {cursor:pointer;background:#fff !important;color:#a0a0a0 !important;} .btn-type.white:hover {cursor:pointer;background:#707070 !important;color:#fff !important;} .btn-type.btn2.white:hover {cursor:pointer;border:1px solid #6aae4f; background:#6aae4f !important;color:#fff !important;} .btn-type.btn2.white01:hover {cursor:pointer;border:1px solid #fff; background:#fff !important;color:#6aae4f !important;} /* text-align styles -------------------------------------------------------------------*/ .center { text-align: center !important; } .left { text-align: left !important; } .right { text-align: right !important; } .middle { vertical-align: middle !important; } .top { vertical-align: top !important; } .pointer {cursor:pointer;} .blind {position:absolute; left:-9999em; overflow:hidden; width:0; height:0; line-height:0;} .btn_left{display: block; text-align:left;} .btn_center{display: block; text-align:center;} .btn_right{display: block; text-align:right;} /* size styles -------------------------------------------------------------------*/ .f10 { font-size:10px; } /*renders 10px */ .f11 { font-size:11px; } /*renders 11px */ .f12 { font-size:12px; } /*renders 12px */ .f13 { font-size:13px; } /*renders 12px */ .f14 { font-size:14px; } /*renders 14px */ .f15 { font-size:15px; } /*renders 15px */ .f16 { font-size:16px; } /*renders 16px */ .f18 { font-size:18px; } /*renders 18px */ .f20 { font-size:20px; } /*renders 20px */ .f22 { font-size:22px; } /*renders 22px */ .f24 { font-size:24px; } /*renders 24px */ .f26 { font-size:26px; } /*renders 26px */ .f30 { font-size:30px; } /*renders 30px */ .f34 { font-size:34px; } /*renders 34px */ .f36 { font-size:36px; } /*renders 36px */ .f38 { font-size:38px; } /*renders 38px */ .fEB {font-family:'Nanum Gothic EB';} .fBold {font-family:'NanumSquareR';} .fNormal {font-family:'Nanum Gothic';} .fLight {font-family:'Nanum Gothic Light';} .NSL{font-family:'NanumSquareL';} .NSR{font-family:'NanumSquareR';} .NSB{font-family:'NanumSquareB';} .NSEb{font-family:'NanumSquareEB';} .GothamB{font-family:'GothamBold';} .GothamM{font-family:'GothamMedium';} .GothamL{font-family:'GothamLight';} /* color styles -------------------------------------------------------------------*/ .red { color: #C00 !important; } .blue { color: #0063b6 !important; } .lblue { color: #12a8d9 !important; } .dblue { color: #126fb6 !important; } .red01 { color: #cb1430 !important; } .white { color: #ffffff; } .dgray { color: #424242; } .gray { color: #AAA; } .gray1 { color: #d9dee5; } .gray2 { color: #bbb; } .gray3 { color: #777; } .gray4 { color: #333; } .gray5 { color: #9f9f9f; } .gray6 { color: #5f5f5f; } .gray7 { color: #1a1a1a; } .green { color: #487328; } .green2 { color: #9dc675; } .yellow { color: #FC0; } .brown { color: #826844; } .orange { color: #fa993b; } .gblack { color: #2a2a2a; } .black { color: #000; } .dred { color: #c92026;} .red02 { color: #d11222 !important; } .black { color: #000; } .line-through {text-decoration: line-through} /* clearFix */ .clearFix:before, .clearFix:after { content:" "; display:table; clear:both; height:0;} * html .clearFix {height:1%} .clear { clear:both; } /* float */ .floatL { float:left;} .floatR { float:right;} /* skipToContent */ #skipToContent a { position:absolute; top:0px; left:0px; z-index:9999; width:100%; height:1px; margin-top:-1px; display:block; background-color:white; font-size:14px; font-weight:bold; color:#111; line-height:1; text-align:center; overflow:hidden;} #skipToContent a:focus, #skipToContent a:active { margin-top:0px; height:auto; padding:10px 0px;} /* drag color */ ::selection {background:#86a565; color:#FFF; text-shadow:none;} ::-moz-selection {background:#86a565; color:#FFF; text-shadow:none;} ::-webkit-selection {background:#86a565/*1eb875*/; color:#FFF; text-shadow:none;} /*================================================================== padding setting ===================================================================*/ .p0{padding:0px !important; } .p1{padding:1px !important; } .p2{padding:2px !important; } .p3{padding:3px !important; } .p4{padding:4px !important; } .p5{padding:5px !important; } .p6{padding:6px !important; } .p7{padding:7px !important; } .p8{padding:8px !important; } .p9{padding:9px !important; } .p10{padding:10px !important; } .p11{padding:11px !important; } .p12{padding:12px !important; } .p13{padding:13px !important; } .p14{padding:14px !important; } .p15{padding:15px !important; } .p16{padding:16px !important; } .p17{padding:17px !important; } .p18{padding:18px !important; } .p19{padding:19px !important; } .p20{padding:20px !important; } .p21{padding:21px !important; } .p22{padding:22px !important; } .p23{padding:23px !important; } .p24{padding:24px !important; } .p25{padding:25px !important; } .p26{padding:26px !important; } .p27{padding:27px !important; } .p28{padding:28px !important; } .p29{padding:29px !important; } .p30{padding:30px !important; } .p31{padding:31px !important; } .p32{padding:32px !important; } .p33{padding:33px !important; } .p34{padding:34px !important; } .p35{padding:35px !important; } .p36{padding:36px !important; } .p37{padding:37px !important; } .p38{padding:38px !important; } .p39{padding:39px !important; } .p40{padding:40px !important; } .p41{padding:41px !important; } .p42{padding:42px !important; } .p43{padding:43px !important; } .p44{padding:44px !important; } .p45{padding:45px !important; } .p46{padding:46px !important; } .p47{padding:47px !important; } .p48{padding:48px !important; } .p49{padding:49px !important; } .p50{padding:50px !important; } .pt0{padding-top:0px !important; } .pt1{padding-top:1px !important; } .pt2{padding-top:2px !important; } .pt3{padding-top:3px !important; } .pt4{padding-top:4px !important; } .pt5{padding-top:5px !important; } .pt6{padding-top:6px !important; } .pt7{padding-top:7px !important; } .pt8{padding-top:8px !important; } .pt9{padding-top:9px !important; } .pt10{padding-top:10px !important; } .pt11{padding-top:11px !important; } .pt12{padding-top:12px !important; } .pt13{padding-top:13px !important; } .pt14{padding-top:14px !important; } .pt15{padding-top:15px !important; } .pt16{padding-top:16px !important; } .pt17{padding-top:17px !important; } .pt18{padding-top:18px !important; } .pt19{padding-top:19px !important; } .pt20{padding-top:20px !important; } .pt21{padding-top:21px !important; } .pt22{padding-top:22px !important; } .pt23{padding-top:23px !important; } .pt24{padding-top:24px !important; } .pt25{padding-top:25px !important; } .pt26{padding-top:26px !important; } .pt27{padding-top:27px !important; } .pt28{padding-top:28px !important; } .pt29{padding-top:29px !important; } .pt30{padding-top:30px !important; } .pt31{padding-top:31px !important; } .pt32{padding-top:32px !important; } .pt33{padding-top:33px !important; } .pt34{padding-top:34px !important; } .pt35{padding-top:35px !important; } .pt36{padding-top:36px !important; } .pt37{padding-top:37px !important; } .pt38{padding-top:38px !important; } .pt39{padding-top:39px !important; } .pt40{padding-top:40px !important; } .pt41{padding-top:41px !important; } .pt42{padding-top:42px !important; } .pt43{padding-top:43px !important; } .pt44{padding-top:44px !important; } .pt45{padding-top:45px !important; } .pt46{padding-top:46px !important; } .pt47{padding-top:47px !important; } .pt48{padding-top:48px !important; } .pt49{padding-top:49px !important; } .pt50{padding-top:50px !important; } .pt55{padding-top:55px !important; } .pt60{padding-top:60px !important; } .pt70{padding-top:70px !important; } .pt80{padding-top:80px !important; } .pt90{padding-top:90px !important; } .pt100{padding-top:100px !important; } .pr0{padding-right:0px !important; } .pr1{padding-right:1px !important; } .pr2{padding-right:2px !important; } .pr3{padding-right:3px !important; } .pr4{padding-right:4px !important; } .pr5{padding-right:5px !important; } .pr6{padding-right:6px !important; } .pr7{padding-right:7px !important; } .pr8{padding-right:8px !important; } .pr9{padding-right:9px !important; } .pr10{padding-right:10px !important; } .pr11{padding-right:11px !important; } .pr12{padding-right:12px !important; } .pr13{padding-right:13px !important; } .pr14{padding-right:14px !important; } .pr15{padding-right:15px !important; } .pr16{padding-right:16px !important; } .pr17{padding-right:17px !important; } .pr18{padding-right:18px !important; } .pr19{padding-right:19px !important; } .pr20{padding-right:20px !important; } .pr21{padding-right:21px !important; } .pr22{padding-right:22px !important; } .pr23{padding-right:23px !important; } .pr24{padding-right:24px !important; } .pr25{padding-right:25px !important; } .pr26{padding-right:26px !important; } .pr27{padding-right:27px !important; } .pr28{padding-right:28px !important; } .pr29{padding-right:29px !important; } .pr30{padding-right:30px !important; } .pr31{padding-right:31px !important; } .pr32{padding-right:32px !important; } .pr33{padding-right:33px !important; } .pr34{padding-right:34px !important; } .pr35{padding-right:35px !important; } .pr36{padding-right:36px !important; } .pr37{padding-right:37px !important; } .pr38{padding-right:38px !important; } .pr39{padding-right:39px !important; } .pr40{padding-right:40px !important; } .pr41{padding-right:41px !important; } .pr42{padding-right:42px !important; } .pr43{padding-right:43px !important; } .pr44{padding-right:44px !important; } .pr45{padding-right:45px !important; } .pr46{padding-right:46px !important; } .pr47{padding-right:47px !important; } .pr48{padding-right:48px !important; } .pr49{padding-right:49px !important; } .pr50{padding-right:50px !important; } .pb0{padding-bottom:0px !important; } .pb1{padding-bottom:1px !important; } .pb2{padding-bottom:2px !important; } .pb3{padding-bottom:3px !important; } .pb4{padding-bottom:4px !important; } .pb5{padding-bottom:5px !important; } .pb6{padding-bottom:6px !important; } .pb7{padding-bottom:7px !important; } .pb8{padding-bottom:8px !important; } .pb9{padding-bottom:9px !important; } .pb10{padding-bottom:10px !important; } .pb11{padding-bottom:11px !important; } .pb12{padding-bottom:12px !important; } .pb13{padding-bottom:13px !important; } .pb14{padding-bottom:14px !important; } .pb15{padding-bottom:15px !important; } .pb16{padding-bottom:16px !important; } .pb17{padding-bottom:17px !important; } .pb18{padding-bottom:18px !important; } .pb19{padding-bottom:19px !important; } .pb20{padding-bottom:20px !important; } .pb21{padding-bottom:21px !important; } .pb22{padding-bottom:22px !important; } .pb23{padding-bottom:23px !important; } .pb24{padding-bottom:24px !important; } .pb25{padding-bottom:25px !important; } .pb26{padding-bottom:26px !important; } .pb27{padding-bottom:27px !important; } .pb28{padding-bottom:28px !important; } .pb29{padding-bottom:29px !important; } .pb30{padding-bottom:30px !important; } .pb31{padding-bottom:31px !important; } .pb32{padding-bottom:32px !important; } .pb33{padding-bottom:33px !important; } .pb34{padding-bottom:34px !important; } .pb35{padding-bottom:35px !important; } .pb36{padding-bottom:36px !important; } .pb37{padding-bottom:37px !important; } .pb38{padding-bottom:38px !important; } .pb39{padding-bottom:39px !important; } .pb40{padding-bottom:40px !important; } .pb41{padding-bottom:41px !important; } .pb42{padding-bottom:42px !important; } .pb43{padding-bottom:43px !important; } .pb44{padding-bottom:44px !important; } .pb45{padding-bottom:45px !important; } .pb46{padding-bottom:46px !important; } .pb47{padding-bottom:47px !important; } .pb48{padding-bottom:48px !important; } .pb49{padding-bottom:49px !important; } .pb50{padding-bottom:50px !important; } .pl0{padding-left:0px !important; } .pl1{padding-left:1px !important; } .pl2{padding-left:2px !important; } .pl3{padding-left:3px !important; } .pl4{padding-left:4px !important; } .pl5{padding-left:5px !important; } .pl6{padding-left:6px !important; } .pl7{padding-left:7px !important; } .pl8{padding-left:8px !important; } .pl9{padding-left:9px !important; } .pl10{padding-left:10px !important; } .pl11{padding-left:11px !important; } .pl12{padding-left:12px !important; } .pl13{padding-left:13px !important; } .pl14{padding-left:14px !important; } .pl15{padding-left:15px !important; } .pl16{padding-left:16px !important; } .pl17{padding-left:17px !important; } .pl18{padding-left:18px !important; } .pl19{padding-left:19px !important; } .pl20{padding-left:20px !important; } .pl21{padding-left:21px !important; } .pl22{padding-left:22px !important; } .pl23{padding-left:23px !important; } .pl24{padding-left:24px !important; } .pl25{padding-left:25px !important; } .pl26{padding-left:26px !important; } .pl27{padding-left:27px !important; } .pl28{padding-left:28px !important; } .pl29{padding-left:29px !important; } .pl30{padding-left:30px !important; } .pl31{padding-left:31px !important; } .pl32{padding-left:32px !important; } .pl33{padding-left:33px !important; } .pl34{padding-left:34px !important; } .pl35{padding-left:35px !important; } .pl36{padding-left:36px !important; } .pl37{padding-left:37px !important; } .pl38{padding-left:38px !important; } .pl39{padding-left:39px !important; } .pl40{padding-left:40px !important; } .pl41{padding-left:41px !important; } .pl42{padding-left:42px !important; } .pl43{padding-left:43px !important; } .pl44{padding-left:44px !important; } .pl45{padding-left:45px !important; } .pl46{padding-left:46px !important; } .pl47{padding-left:47px !important; } .pl48{padding-left:48px !important; } .pl49{padding-left:49px !important; } .pl50{padding-left:50px !important; } .pl55{padding-left:55px !important; } .pl60{padding-left:60px !important; } .pl70{padding-left:70px !important; } .pl80{padding-left:80px !important; } .pl90{padding-left:90px !important; } .pl95{padding-left:95px !important; } .pl100{padding-left:100px !important; } .pl110{padding-left:110px !important; } .pl120{padding-left:120px !important; } .pl125{padding-left:125px !important; } .pl350{padding-left:350px !important; } /*================================================================== margin setting ===================================================================*/ .m0{margin:0px !important; } .m1{margin:1px !important; } .m2{margin:2px !important; } .m3{margin:3px !important; } .m4{margin:4px !important; } .m5{margin:5px !important; } .m6{margin:6px !important; } .m7{margin:7px !important; } .m8{margin:8px !important; } .m9{margin:9px !important; } .m10{margin:10px !important; } .m11{margin:11px !important; } .m12{margin:12px !important; } .m13{margin:13px !important; } .m14{margin:14px !important; } .m15{margin:15px !important; } .m16{margin:16px !important; } .m17{margin:17px !important; } .m18{margin:18px !important; } .m19{margin:19px !important; } .m20{margin:20px !important; } .m21{margin:21px !important; } .m22{margin:22px !important; } .m23{margin:23px !important; } .m24{margin:24px !important; } .m25{margin:25px !important; } .m26{margin:26px !important; } .m27{margin:27px !important; } .m28{margin:28px !important; } .m29{margin:29px !important; } .m30{margin:30px !important; } .m31{margin:31px !important; } .m32{margin:32px !important; } .m33{margin:33px !important; } .m34{margin:34px !important; } .m35{margin:35px !important; } .m36{margin:36px !important; } .m37{margin:37px !important; } .m38{margin:38px !important; } .m39{margin:39px !important; } .m40{margin:40px !important; } .m41{margin:41px !important; } .m42{margin:42px !important; } .m43{margin:43px !important; } .m44{margin:44px !important; } .m45{margin:45px !important; } .m46{margin:46px !important; } .m47{margin:47px !important; } .m48{margin:48px !important; } .m49{margin:49px !important; } .m50{margin:50px !important; } .mt0{margin-top:0px !important; } .mt1{margin-top:1px !important; } .mt2{margin-top:2px !important; } .mt3{margin-top:3px !important; } .mt4{margin-top:4px !important; } .mt5{margin-top:5px !important; } .mt6{margin-top:6px !important; } .mt7{margin-top:7px !important; } .mt8{margin-top:8px !important; } .mt9{margin-top:9px !important; } .mt10{margin-top:10px !important; } .mt11{margin-top:11px !important; } .mt12{margin-top:12px !important; } .mt13{margin-top:13px !important; } .mt14{margin-top:14px !important; } .mt15{margin-top:15px !important; } .mt16{margin-top:16px !important; } .mt17{margin-top:17px !important; } .mt18{margin-top:18px !important; } .mt19{margin-top:19px !important; } .mt20{margin-top:20px !important; } .mt21{margin-top:21px !important; } .mt22{margin-top:22px !important; } .mt23{margin-top:23px !important; } .mt24{margin-top:24px !important; } .mt25{margin-top:25px !important; } .mt26{margin-top:26px !important; } .mt27{margin-top:27px !important; } .mt28{margin-top:28px !important; } .mt29{margin-top:29px !important; } .mt30{margin-top:30px !important; } .mt31{margin-top:31px !important; } .mt32{margin-top:32px !important; } .mt33{margin-top:33px !important; } .mt34{margin-top:34px !important; } .mt35{margin-top:35px !important; } .mt36{margin-top:36px !important; } .mt37{margin-top:37px !important; } .mt38{margin-top:38px !important; } .mt39{margin-top:39px !important; } .mt40{margin-top:40px !important; } .mt41{margin-top:41px !important; } .mt42{margin-top:42px !important; } .mt43{margin-top:43px !important; } .mt44{margin-top:44px !important; } .mt45{margin-top:45px !important; } .mt46{margin-top:46px !important; } .mt47{margin-top:47px !important; } .mt48{margin-top:48px !important; } .mt49{margin-top:49px !important; } .mt50{margin-top:50px !important; } .mt60{margin-top:60px !important; } .mt65{margin-top:65px !important; } .mt70{margin-top:70px !important; } .mt80{margin-top:80px !important; } .mt90{margin-top:90px !important; } .mt100{margin-top:100px !important; } .mt120{margin-top:120px !important; } .mr0{margin-right:0px !important; } .mr1{margin-right:1px !important; } .mr2{margin-right:2px !important; } .mr3{margin-right:3px !important; } .mr4{margin-right:4px !important; } .mr5{margin-right:5px !important; } .mr6{margin-right:6px !important; } .mr7{margin-right:7px !important; } .mr8{margin-right:8px !important; } .mr9{margin-right:9px !important; } .mr10{margin-right:10px !important; } .mr11{margin-right:11px !important; } .mr12{margin-right:12px !important; } .mr13{margin-right:13px !important; } .mr14{margin-right:14px !important; } .mr15{margin-right:15px !important; } .mr16{margin-right:16px !important; } .mr17{margin-right:17px !important; } .mr18{margin-right:18px !important; } .mr19{margin-right:19px !important; } .mr20{margin-right:20px !important; } .mr21{margin-right:21px !important; } .mr22{margin-right:22px !important; } .mr23{margin-right:23px !important; } .mr24{margin-right:24px !important; } .mr25{margin-right:25px !important; } .mr26{margin-right:26px !important; } .mr27{margin-right:27px !important; } .mr28{margin-right:28px !important; } .mr29{margin-right:29px !important; } .mr30{margin-right:30px !important; } .mr31{margin-right:31px !important; } .mr32{margin-right:32px !important; } .mr33{margin-right:33px !important; } .mr34{margin-right:34px !important; } .mr35{margin-right:35px !important; } .mr36{margin-right:36px !important; } .mr37{margin-right:37px !important; } .mr38{margin-right:38px !important; } .mr39{margin-right:39px !important; } .mr40{margin-right:40px !important; } .mr41{margin-right:41px !important; } .mr42{margin-right:42px !important; } .mr43{margin-right:43px !important; } .mr44{margin-right:44px !important; } .mr45{margin-right:45px !important; } .mr46{margin-right:46px !important; } .mr47{margin-right:47px !important; } .mr48{margin-right:48px !important; } .mr49{margin-right:49px !important; } .mr50{margin-right:50px !important; } .mb0{margin-bottom:0px !important; } .mb1{margin-bottom:1px !important; } .mb2{margin-bottom:2px !important; } .mb3{margin-bottom:3px !important; } .mb4{margin-bottom:4px !important; } .mb5{margin-bottom:5px !important; } .mb6{margin-bottom:6px !important; } .mb7{margin-bottom:7px !important; } .mb8{margin-bottom:8px !important; } .mb9{margin-bottom:9px !important; } .mb10{margin-bottom:10px !important; } .mb11{margin-bottom:11px !important; } .mb12{margin-bottom:12px !important; } .mb13{margin-bottom:13px !important; } .mb14{margin-bottom:14px !important; } .mb15{margin-bottom:15px !important; } .mb16{margin-bottom:16px !important; } .mb17{margin-bottom:17px !important; } .mb18{margin-bottom:18px !important; } .mb19{margin-bottom:19px !important; } .mb20{margin-bottom:20px !important; } .mb21{margin-bottom:21px !important; } .mb22{margin-bottom:22px !important; } .mb23{margin-bottom:23px !important; } .mb24{margin-bottom:24px !important; } .mb25{margin-bottom:25px !important; } .mb26{margin-bottom:26px !important; } .mb27{margin-bottom:27px !important; } .mb28{margin-bottom:28px !important; } .mb29{margin-bottom:29px !important; } .mb30{margin-bottom:30px !important; } .mb31{margin-bottom:31px !important; } .mb32{margin-bottom:32px !important; } .mb33{margin-bottom:33px !important; } .mb34{margin-bottom:34px !important; } .mb35{margin-bottom:35px !important; } .mb36{margin-bottom:36px !important; } .mb37{margin-bottom:37px !important; } .mb38{margin-bottom:38px !important; } .mb39{margin-bottom:39px !important; } .mb40{margin-bottom:40px !important; } .mb41{margin-bottom:41px !important; } .mb42{margin-bottom:42px !important; } .mb43{margin-bottom:43px !important; } .mb44{margin-bottom:44px !important; } .mb45{margin-bottom:45px !important; } .mb46{margin-bottom:46px !important; } .mb47{margin-bottom:47px !important; } .mb48{margin-bottom:48px !important; } .mb49{margin-bottom:49px !important; } .mb50{margin-bottom:50px !important;} .mb60{margin-bottom:60px !important;} .ml0{margin-left:0px !important; } .ml1{margin-left:1px !important; } .ml2{margin-left:2px !important; } .ml3{margin-left:3px !important; } .ml4{margin-left:4px !important; } .ml5{margin-left:5px !important; } .ml6{margin-left:6px !important; } .ml7{margin-left:7px !important; } .ml8{margin-left:8px !important; } .ml9{margin-left:9px !important; } .ml10{margin-left:10px !important; } .ml11{margin-left:11px !important; } .ml12{margin-left:12px !important; } .ml13{margin-left:13px !important; } .ml14{margin-left:14px !important; } .ml15{margin-left:15px !important; } .ml16{margin-left:16px !important; } .ml17{margin-left:17px !important; } .ml18{margin-left:18px !important; } .ml19{margin-left:19px !important; } .ml20{margin-left:20px !important; } .ml21{margin-left:21px !important; } .ml22{margin-left:22px !important; } .ml23{margin-left:23px !important; } .ml24{margin-left:24px !important; } .ml25{margin-left:25px !important; } .ml26{margin-left:26px !important; } .ml27{margin-left:27px !important; } .ml28{margin-left:28px !important; } .ml29{margin-left:29px !important; } .ml30{margin-left:30px !important; } .ml31{margin-left:31px !important; } .ml32{margin-left:32px !important; } .ml33{margin-left:33px !important; } .ml34{margin-left:34px !important; } .ml35{margin-left:35px !important; } .ml36{margin-left:36px !important; } .ml37{margin-left:37px !important; } .ml38{margin-left:38px !important; } .ml39{margin-left:39px !important; } .ml40{margin-left:40px !important; } .ml41{margin-left:41px !important; } .ml42{margin-left:42px !important; } .ml43{margin-left:43px !important; } .ml44{margin-left:44px !important; } .ml45{margin-left:45px !important; } .ml46{margin-left:46px !important; } .ml47{margin-left:47px !important; } .ml48{margin-left:48px !important; } .ml49{margin-left:49px !important; } .ml50{margin-left:50px !important; } .ml60{margin-left:60px !important; } .ml70{margin-left:70px !important; } .ml80{margin-left:80px !important; } .ml100{margin-left:100px !important; } .ml150{margin-left:150px !important; } .mr_2{margin-right:2% !important; } .contents {min-height:500px;}