/* === KDCA 통합 등기 CSS v2 (url절대경로 + 폰트/밑줄 보정) 2026-06-07 === */ /* ---- theme/knca/css/board.common.css ---- */ @charset "utf-8"; #bo_btn_top{margin: 10px 0 } #bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""} .bo_fx {margin-bottom:5px;float:right;zoom:1} .bo_fx:after {display:block;visibility:hidden;clear:both;content:""} .bo_fx ul {margin:0;padding:0;list-style:none} #bo_list_total {float:left;line-height:30px;font-size:0.92em;color:#4e546f;padding:0px;font-size:14px;} .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:0 8px;border:0;background:#d4d4d4;color:#666;text-decoration:none;vertical-align:middle} .bo_notice td {background:#e6f8ff !important;border-bottom:1px solid #c3dfe8;} .bo_notice td a {font-weight:bold;} .bo_notice .notice_icon{display:inline-block;background:#990000;width:25px;line-height:25px;border-radius:5px;font-weight:normal;color:#fff} .td_num strong {color:#000} .bo_cate_link {display: inline-block;color: #c89b43;height: 20px;font-size:0.92em} .bo_tit{display:block;color:#000;font-weight:bold;} .bo_current {color:#bac843} .noDataArea{width:100%;padding:60px 0; text-align:center;overflow:hidden;border-bottom:1px solid #ddd;} .noDataArea b{display:block;padding-bottom:15px;color:#ddd;font-size:2em;} #bo_cate {background:#fbfbfb;padding:10px;margin:10px 0;border:1px solid #f8f8f8;} #bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_cate ul {text-align:center;zoom:1} #bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} #bo_cate li {display:inline-block;padding:2px;} #bo_cate a {display:block;line-height:30px;padding:0 15px;font-size:14px;border-radius:3px;border:1px solid transparent} #bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;border:1px solid #999;} #bo_cate #bo_cate_on {z-index:2;background:#242424;color:#fff;font-weight:bold;} @media all and (max-width: 700px) { #bo_cate a {line-height:24px;padding:0 10px;font-size:12px;} } #bo_sch {float:left;border:1px solid #999;background:#fff;border-radius:5px;overflow:hidden;position:relative; width:100%; max-width:300px;} #bo_sch:after {display:block;visibility:hidden;clear:both;content:""} #bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} #bo_sch select{border:0; display:block;position:absolute;left:0px;top:0px; bottom:0px;width:100px; height:40px;border-right:1px solid #ddd; background:transparent; font-size: 12px; text-align: center;} #bo_sch .sch_input{height:38px;border:0;padding:0 38px 0 100px;;background-color:transparent;width:100%;} #bo_sch .sch_input:focus{background:#efefef;color:#000;} #bo_sch .sch_btn{height:38px;display:block;;background:none;border:0;width:40px; height:40px;line-height:40px;position:absolute; right:0px;top:0px;font-size:15px;} @media all and (max-width: 700px) { #fboardlist{padding-bottom:10px;overflow:hidden; clear:both;} .btn_bo_user li{margin-bottom:5px;} #bo_sch{float:none;max-width:100%; clear:both;} } #bo_w .write_div{margin:10px 0;position:relative} #bo_w .write_div_privacy{margin:10px 0;position:relative;text-align:center;padding-bottom:10px;border-bottom:1px dashed #ddd;margin-bottom:10px;} #bo_w .write_div_privacy label, #bo_w .write_div_privacy a{display:inline-block; padding:5px; vertical-align:middle;} #bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""} #bo_w .bo_w_info .frm_input{float:left;width:33%} #bo_w .bo_w_2D .frm_input{float:left;width:49%} #bo_w .bo_w_2D input:last-child.frm_input{float:right;} #bo_w .bo_w_2D:after {display:block;visibility:hidden;clear:both;content:""} #bo_w #wr_password{margin:0 0.5% } #bo_w .wr_content.smarteditor2 iframe{background:#fff} #bo_w .bo_w_tit{position:relative} #bo_w .bo_w_tit .frm_input{padding-right:120px;} #bo_w .bo_w_tit #btn_autosave{position:absolute;top:5px;right:5px;line-height:30px;height:30px;} #bo_w .bo_w_ico > label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;;background: #eee;text-align:center;color:#888} #bo_w .bo_w_ico .frm_input{padding-left:50px; font-weight: 600;} #bo_w .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;;background: #eee;text-align:center;color:#888} #bo_w .bo_w_link .frm_input{padding-left:50px} #bo_w .bo_w_flie .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888} #bo_w .bo_w_flie .frm_file{margin-left:50px; margin-top:3px; width:200px;display:block;} #bo_w .bo_w_flie .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0} #bo_w .bo_w_flie .frm_input{margin:10px 0 0 } #bo_w .bo_w_flie .file_del{position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d} #bo_w .bo_w_select select{border:1px solid #999999;height:40px;border-radius:3px} #bo_w .formchkNrad {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:6px 5px 6px 50px; overflow:hidden;} #bo_w .formchkNrad label{display:inline-block; padding:5px 5px;} #bo_w .bo_w_info{} #bo_w .bo_w_info b{font-size:11px;color:#333;} #bo_w .bo_w_info span{font-size:11px;color:#b99e74;} #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 !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff; -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);} #autosave_pop:before{content: "";position: absolute;top: -8px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent;} #autosave_pop:after{content: "";position: absolute;top: -7px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;} html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} #autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden} #autosave_pop div {text-align:center;margin:0 !important;} #autosave_pop button {margin:0;padding:0;border:0;} #autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8} #autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;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;font-size:0.92em;font-style:italic;color:#999} .autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em} .autosave_close:hover{background:#f3f3f3;color:#3597d9} .autosave_content {display:none} .autosave_del{background:url(/theme/knca/img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px;} #bo_v {margin-bottom:20px;padding:0px;} #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 {} #bo_v_title .bo_v_cate{display:inline-block;line-height:26px;background: #efefef;color: #000;font-weight: bold;border:1px solid #ddd;padding:0 10px;border-radius:3px;} #bo_v_title .bo_v_tit{display:block;font-size:1.8em;margin:5px 0 0; font-weight: 800; } #bo_v_info {padding: 10px 0 15px;margin:0 0 20px;border-bottom:1px solid #ddd;color:#666; font-size: 12px;} #bo_v_info:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_info strong {display:inline-block;margin:0 10px 0 0;font-weight:normal;font-size: 12px;} #bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest {font-weight:bold} #bo_v_info .profile_img {} #bo_v_info .profile_img img{border-radius:50%} #bo_v_info .sv_member{color:#000} #bo_v_info .if_view{display:inline-block;background:url(/theme/knca/css/img/icon_view.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px} #bo_v_info .if_comment{display:inline-block;background:url(/theme/knca/css/img/icon_comment.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px} #bo_v_info .if_date{margin:0;font-style:italic;color:#888} .leftMenuUseFlase #bo_v_title, .leftMenuUseFlase #bo_v_info { text-align:center;} @media all and (max-width: 700px) { #bo_v_title { text-align:left;} #bo_v_title .bo_v_tit{font-size:1.50em; border-top: 2px dotted #cfcfcf; padding-top: 20px;} #bo_v_info{font-size:11px; text-align:center;} } #bo_v_atc {min-height:150px;height:auto;} #bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_atc .youtube_area{position:relative;overflow:hidden;width:100%;padding-bottom:56.25%;clear:both;margin-bottom:10px;} #bo_v_atc .youtube_area iframe{position:absolute; left:0px;right:0px;top:0px;bottom:0px;width:100%;height:100%;} #bo_v_file {margin:10px 0;border:1px solid #d4d4d4;border-radius:5px;} #bo_v_file h2 {padding:10px;background: #f3f3f3} #bo_v_file ul {margin:0;padding:5px 0;list-style:none} #bo_v_file li {padding:5px 10px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #bo_v_file a {display:inline-block;color:#c89b43;text-decoration:underline;} #bo_v_file a strong{} #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:block; text-align:right;color:#888;font-size:0.92em} #bo_v_link {margin:10px 0;border:1px solid #d4d4d4;border-radius:5px;} #bo_v_link h2 {padding:10px;border-bottom:1px solid #e8e8e8;background: #f3f3f3} #bo_v_link ul {margin:0;padding:5px 0;list-style:none;overflow:hidden;} #bo_v_link li {padding:5px 10px;position:relative;white-space:nowrap; padding-right:90px;} #bo_v_link a i{color:#000;} #bo_v_link a {display:block;color:#c89b43;text-decoration:underline;height:20px; line-height:20px; font-size:11px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none} .bo_v_link_cnt {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em} #bo_v_top {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 ;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 {;padding:0;list-style:none} .bo_v_com {margin:20px 0;float:right} .bo_v_com li {float:left;margin-left:5px} .bo_v_left {margin:20px 0;float:left} .bo_v_left li {float:left;margin-right:5px} .bo_v_nb {margin:20px 0;position:relative;clear:both;text-align:left;;overflow:hidden;border-top:3px solid #ddd;} .bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""} .bo_v_nb li {width:50%;} .bo_v_nb li:hover{background:#f6f6f6} .bo_v_nb li a{display:block;position:relative;padding:0 13px;overflow:hidden;height:46px;line-height:46px;} .bo_v_nb li a b{display:block;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:normal;} .bo_v_nb li.btn_prev a b{padding-left:40px;text-align:left;} .bo_v_nb li.btn_next a b{padding-right:40px;text-align:right;} .bo_v_nb li i{font-size:13px; display:block;width:30px; height:30px;line-height:30px;border-radius:50%;position:absolute; top:50%;bottom:0px; margin-top:-15px;text-align:center;} .bo_v_nb li.btn_prev i{left:10px;} .bo_v_nb li.btn_next i{right:10px;} .bo_v_nb li.btn_prev{float:left;border-right:1px dashed #ddd;} .bo_v_nb li.btn_next{float:right;border-left:1px dashed #ddd;margin-left:-1px;} .bo_v_nb li:hover a i{background:#ddd;} #bo_v_img {width:100%; text-align:center; overflow:hidden;zoom:1} #bo_v_img:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_img img {margin-bottom:20px;max-width:100%;height:auto} #bo_v_con {margin:10px 0 30px;width:100%;line-height:1.7em;min-height:150px;word-break:break-all;overflow:hidden;font-size:13px;} #bo_v_con a {color:#000;text-decoration:underline} #bo_v_con img {max-width:100%;height:auto} #bo_v_share{position:relative;margin:20px 0;text-align:right} #bo_v_share .btn{padding:0 10px 0 0;color:#555;font-weight:normal;font-size:1em ;line-height:30px;height:32px;border-radius:0;border-color:#ddd;border-radius:5px;} #bo_v_share .btn:hover{background:#fff} #bo_v_share .btn i{margin-right:5px;;background:#eee;color:#333;text-align:center;width:30px;line-height:30px;vertical-align:top;} #bo_v_share .btn_share{} #bo_v_share .btn_share:hover{} .bo_v_snswr{position:relative;display:inline-block;margin-left:-1px} #bo_v_sns {display:block; width:100%; padding-top:5px; list-style:none;zoom:1;display:inline-block} #bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_sns:before{content:'SHARE : '; display:block; padding:0 10px; float:left; margin-right:5px;height:35px;line-height:35px; background:#efefef; color:#999; border-radius:0 5px 5px 5px;} #bo_v_sns li {float:left;width:35px;margin-right:5px;text-align:center} #bo_v_sns li a {height:35px;line-height:35px;text-align:center;border-radius:0 5px 5px 5px;color:#fff;font-size:0.95em; position:relative; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease;} #bo_v_sns li a img{display:inline-block; margin:0 auto; } #bo_v_sns li a span{display:none; } /*#bo_v_sns li a span{display:none; position:absolute; width:90px; background:#000; left:0px; top:-35px; border-radius:5px; height:30px; line-height:30px; text-align:center; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease;} #bo_v_sns li a:after{content:''; display:none; background:#000;position:absolute; left:10px; top:-10px; width:10px; height:10px;transform: rotate(45deg);} #bo_v_sns li a:hover span{display:block;} #bo_v_sns li a:hover:after { display:block;}*/ #bo_v_sns li img {vertical-align:middle;margin-right:5px} #bo_v_sns li .sns_f {display:block;background:#3b5997} #bo_v_sns li .sns_t {display:block;background:#09aeee} #bo_v_sns li .sns_g {display:none;background:#ea4026} #bo_v_sns li .sns_k {display:block;background:#fbe300} .cmt_btn{background:#fff; text-align:left ;width:100% ;border:0;color:#242424;font-weight:bold;font-size:1.025em;margin: 0px;padding:10px 0 } .cmt_btn .fa-chevron-up{display:none;} .cmt_btn .fa-chevron-down{display:inline;} .cmt_btn_op .fa-chevron-up{display:inline;} .cmt_btn_op .fa-chevron-down{display:none;} #bo_vc {} #bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_vc article {margin:20px 0;position:relative;border-top:1px;} #bo_vc article .profile_img img{border-radius:50%} #bo_vc header {} #bo_vc header:after {display:block;visibility:hidden;clear:both;content:""} #bo_vc header .icon_reply {position:absolute;top:15px;left:-20px} #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold} .bo_vc_hdinfo{float:right;font-style:italic;color:#777} #bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_vc .cmt_contents {padding:15px ;margin:10px 0 0;background: #f8fafb;border-radius:5px;border: 1px solid #e8e8e8;line-height:1.8em} #bo_vc p a {text-decoration:underline} #bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479} #bo_vc_empty {margin:0;padding:80px 0 !important;;color:#777;text-align:center} #bo_vc #bo_vc_winfo {float:left} .bo_vc_act {text-align:right;margin:0;list-style:none;zoom:1} .bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""} .bo_vc_act li {display:inline-block;} .bo_vc_act li a{padding:0 5px;line-height:23px} .bo_vc_w {position:relative;margin:10px 0;display:block;} .bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""} .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_w textarea{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:80px;padding-right:90px; background-position:top 2px right 82px !important;} #wr_secret{} .bo_vc_w_info{margin:10px 0;} .bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""} .bo_vc_w_info .frm_input{float:left;margin-right:5px;width:35%;} .bo_vc_w_info #captcha{padding-top:10px;display:block;clear:both} .bo_vc_w_wr{position:relative;} .bo_vc_w .btn_confirm{width:100%;height:1px;} .bo_vc_w .btn_confirm label{font-size:1.5em;padding:0px; width:36px;height:36px;line-height:36px;position:absolute;right:85px;top:-41px; border-radius:50%;color:#000; background:#ddd;border:1px solid #999;} .bo_vc_w .btn_confirm label .fa-lock{display:none;} .bo_vc_w .btn_confirm label .fa-unlock{display:inline-block;} .bo_vc_w .btn_confirm #wr_secret{display:none;} .bo_vc_w .btn_confirm input[type="checkbox"]:checked#wr_secret + label{background:#cc0202;color:#fff;border:1px solid #cc0202;} .bo_vc_w .btn_confirm input[type="checkbox"]:checked#wr_secret + label .fa-unlock{display:none;} .bo_vc_w .btn_confirm input[type="checkbox"]:checked#wr_secret + label .fa-lock{display:inline-block;} .bo_vc_w .btn_submit{position:absolute;right:0px;top:-80px;height:80px;padding:0; width:80px; text-align:center;border-radius:0 5px 5px 0;-webkit-border-radius: 0 5px 5px 0;-webkit-appearance: none;font-weight:bold;font-size:0.9em;} .bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""} #bo_vc_send_sns{display:inline-block;float:left} #bo_vc_sns {display:inline-block;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 5px 0 0} #bo_vc_sns .sns_li_f{border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px} #bo_vc_sns .sns_li_t{border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px} #bo_vc_sns .sns_li_off{background:#bbb} #bo_vc_sns a{display:inline-block;padding:0 15px 0 5px;} #bo_vc_sns input {margin:0 5px 0 0 } .bo_tit .fa-download{width:16px;height:16px;line-height:16px;background:#ddd;color:#999;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;margin-right:2px} .bo_tit .fa-link{width:16px;height:16px;line-height:16px;background:#ddd;color:#999;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;margin-right:2px;font-weight: normal;} .bo_tit .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#999;background:#ddd;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px} .bo_tit .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#999;background:#ddd;text-align:center;border-radius: 2px;;vertical-align:middle;margin-right:2px;font-weight:normal} .bo_tit .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #fff;background: #333;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #000} .latestGR_wr{overflow:hidden;} .latestGR_wr > div{width:50%; float:left;} .latestGR_wr > div:nth-child(odd){clear:both;} @media all and (max-width:750px) { .latestGR_wr > div{width:100%; float:none;} } /* ---- theme/knca/skin/board/form_knca/style.css ---- */ @charset "utf-8"; /* copyright(c) WEBsiting.co.kr */ input, button, label { margin: 0; padding: 0; font-family: "Pretendard", sans-serif; font-size: 0.9em !important; } input { background: #eeeded; } #bf_file_del0 { margin: 10px 5px 10px 20px; } /* 게시판 목록 - 퓨어표준*/ #bo_list { position: relative; } #bo_list:after { display: block; visibility: hidden; clear: both; content: ""; } .likeTbl { width: 100%; margin-bottom: 20px; } .likeTbl > ul { display: table; width: 100%; } .likeTbl > ul > li { display: table-row; width: 100%; } .likeTbl > ul > li > div { display: table-cell; } .likeTbl > ul > li.likeTblTh { background: #f8f8f8; } .likeTbl > ul > li.likeTblTh > div { padding: 15px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; vertical-align: middle; text-align: center; } .likeTbl > ul > li.likeTblTd > div { padding: 15px 2px; border-bottom: 1px solid #ddd; vertical-align: middle; } .likeTbl > ul > li:hover.likeTblTd { background: #fafafa; } .likeTbl > ul > li.likeTblTd .td_subject a { -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } .likeTbl > ul > li:hover.likeTblTd .td_subject a { padding-left: 5px; } .likeTbl > ul > li.likeTblTd .td_subject .bo_tit a { display: block; } .likeTbl > ul > li.likeTblTd .td_subject .bo_tit a em { font-style: normal; } .likeTbl > ul > li:hover.likeTblTd .td_subject .bo_tit a em span, .likeTbl > ul > li:hover.likeTblTd .td_subject .bo_tit a em i { color: #333 !important; } .bo_notice, .bo_notice > div { background: #fcf9f3 !important; } .likeTbl .td_board { width: 120px; text-align: center; } .likeTbl .td_chk { width: 30px; text-align: center; } .likeTbl .td_date { width: 60px; text-align: center; font-style: italic; } .likeTbl .td_datetime { width: 60px; text-align: center; font-style: italic; color: #999; font-size: 11px; font-family: verdana; } .likeTbl .td_group { width: 100px; text-align: center; } .likeTbl .td_mb_id { width: 100px; text-align: center; } .likeTbl .td_mng { width: 80px; text-align: center; } .likeTbl .td_name { width: 90px; text-align: center; padding: 10px 0; } .likeTbl .td_nick { width: 100px; text-align: center; } .likeTbl .td_num { width: 60px; text-align: center; color: #999; font-size: 11px; } .likeTbl .td_num2 { width: 50px; text-align: center; color: #999; font-size: 11px; } .likeTbl .td_numbig { width: 80px; text-align: center; } .likeTbl .txt_active { color: #5d910b; } .likeTbl .txt_expired { color: #ccc; } .td_subject img { margin-left: 5px; } /*.likeTbl .profile_img {display:inline-block; ; margin-right:2px}*/ .likeTbl .profile_img img { border-radius: 50%; } .likeTbl .cnt_cmt { display: inline-block; background: #b8b8b8; color: #fff; font-size: 11px; height: 16px; line-height: 15px; padding: 1px 6px; border-radius: 30px; vertical-align: middle; } .likeTbl .bo_tit .fa-download { width: 16px; height: 16px; line-height: 16px; background: #ddd; color: #999; text-align: center; font-size: 10px; border-radius: 2px; margin-right: 2px; vertical-align: middle; margin-right: 2px; } .likeTbl .bo_tit .fa-link { width: 16px; height: 16px; line-height: 16px; background: #ddd; color: #999; text-align: center; font-size: 10px; border-radius: 2px; margin-right: 2px; vertical-align: middle; margin-right: 2px; font-weight: normal; } .likeTbl .bo_tit .new_icon { display: inline-block; width: 16px; line-height: 16px; font-size: 0.833em; color: #999; background: #ddd; text-align: center; border-radius: 2px; vertical-align: middle; margin-right: 2px; } .likeTbl .bo_tit .hot_icon { display: inline-block; width: 16px; line-height: 16px; font-size: 0.833em; color: #999; background: #ddd; text-align: center; border-radius: 2px; vertical-align: middle; margin-right: 2px; font-weight: normal; } .likeTbl .bo_tit .fa-lock { display: inline-block; line-height: 14px; width: 16px; font-size: 0.833em; color: #fff; background: #333; text-align: center; border-radius: 2px; font-size: 12px; border: 1px solid #000; } .likeTbl .bo_tit a { font-size: 14px; } .onlyMvV { display: none; } .likeTbl > ul > li > div.mvInlinev i { display: none; } .tablecss tr td { padding: 10px 6px 10px 10px !important; font-size: 14px; text-align: left; font-weight: 500; border-bottom: 1px solid #b3b3b3; } @media all and (max-width: 800px) { .tablecss tr td { padding: 10px 6px 10px 10px !important; font-size: 12px; text-align: left; font-weight: 500; border-bottom: 1px solid #b3b3b3; } .likeTbl > ul { display: block !important; } .likeTbl > ul > li { display: block !important; overflow: hidden; border-bottom: 1px solid #ddd; position: relative; } .likeTbl > ul > li > div { display: block; border-bottom: 0px !important; padding: 0px; } .likeTbl > ul > li.likeTblTd { padding: 7px 15px 15px; text-align: left; } .likeTbl > ul > li.likeTblTd > div { padding: 0px; border-bottom: 0px; } .likeTbl > ul > li > div.mvInlineN { display: none; } .likeTbl > ul > li > div.mvInlinev { display: inline-block; width: auto !important; padding: 0 5px; font-size: 10px; } .likeTbl > ul > li > div.mvInlinev i { display: inline-block; margin-left: 3px; } .likeTbl > ul > li > div.mvInlinev:before { content: " / "; color: #ddd; } .likeTbl > ul > li > div.mvInlinev.td_name:before { content: " "; } .likeTbl > ul > li > div.mvInlinev.td_name { padding-left: 2px; } .likeTbl > ul > li > div.td_subject { display: block; } .likeTbl > ul > li > div.td_subject a { padding: 0 0 8px 0; } .likeTbl > ul > li > div.td_subject a.bo_cate_link { display: inline-block; padding-top: 8px; } .likeTbl > ul > li > div.td_chk { position: absolute; right: 0px; top: 0px; } .likeTbl > ul > li:hover.likeTblTd .td_subject a { padding-left: 0px; } .likeTbl > ul > li.likeTblTd .td_subject .bo_tit a { padding-top: 8px; } .onlyMvV { display: inline-block; margin-left: -5px; } .bo_notice > div.mvInlineN.td_num2 { display: block; float: left; width: 30px; padding: 8px 10px 0 0; } #formWr { padding: 10px; } } /* 게시판 목록 - 웹진스킨 */ #bo_list { position: relative; } #bo_list:after { display: block; visibility: hidden; clear: both; content: ""; } .webzineList { width: 100%; overflow: hidden; } .webzineList > ul { border-top: 2px solid #ddd; margin-bottom: 20px; } .webzineList > ul > li { width: 100%; overflow: hidden; position: relative; padding: 30px; border-bottom: 1px solid #ddd; } .webzineList > ul > li:hover { background: #fafafa; } .webzineList > ul > li .td_chk { position: absolute; right: 0px; top: 0px; } .webzineList > ul > li .bo_cate_link { display: inline-block; margin-bottom: 8px; } .webzineList > ul > li .bo_tit { display: block; vertical-align: middle; } .webzineList > ul > li .bo_tit strong { font-size: 16px; vertical-align: middle; letter-spacing: -0.03em; color: #000; padding-bottom: 4px; } .webzineList > ul > li a:hover.bo_tit strong { border-bottom: 1px solid #999; } .webzineList > ul > li.bo_notice .bo_tit .notice_icon { text-align: center; vertical-align: middle; color: #fff; font-size: 14px; height: 25px; } .webzineList > ul > li .bo_tit u { text-decoration: none; } .webzineList > ul > li .bo_tit em { display: block; padding-top: 10px; font-style: normal; font-weight: normal; font-size: 13px; line-height: 1.4em; color: #2a2828; } .webzineList > ul > li > u { display: block; color: #ddd; font-size: 11px; margin-top: 10px; } .webzineList > ul > li > u > span { display: inline-block; padding-right: 10px; color: #222; } .webzineList > ul > li > u > span:first-child { padding-left: 0px; } .webzineList > ul > li > u > span:before { content: " / "; color: #ddd; } .webzineList > ul > li > u > span:first-child:before { content: ""; } .webzineList > ul > li > u > span > i { margin-left: 8px; } .webzineList > ul > li .list_img { display: block; float: left; margin: 0 15px 0 0; width: 20%; max-width: 120px; overflow: hidden; } .webzineList > ul > li .list_img img { display: block; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } .webzineList > ul > li:hover .list_img img { transform: scale(1.1); } .webzineList > ul > li a .youtube_img { display: block; width: 100%; max-width: 100%; min-width: 100%; position: relative; height: auto; overflow: hidden; background: #333; } .webzineList > ul > li a .youtube_img sup { display: block; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; width: 100%; overflow: hidden; background-repeat: no-repeat; background-size: auto 200%; background-position: center center; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } .webzineList > ul > li a .youtube_img sub, .webzineList > ul > li a .youtube_img sub img { display: block; height: auto; width: 100%; max-width: 100%; min-width: 100%; filter: Alpha(opacity=0); opacity: 0; -moz-opacity: 0; } .webzineList > ul > li:hover a .youtube_img sup { transform: scale(1.1); } .bo_notice { background: #fcf9f3 !important; } .noDataArea { margin-bottom: 20px; } .fa-youtube-play { font-size: 22px !important; vertical-align: middle; } @media all and (max-width: 700px) { .webzineList > ul > li { padding: 20px; } .webzineList > ul > li .bo_tit strong { font-size: 16px; } .webzineList > ul > li .bo_tit em { font-size: 12px; line-height: 1.2em; } } /* 폼메일 스타일-pure */ .formCol2wr { overflow: hidden; padding: 0px; margin: 0px; clear: both; } .formCol2wr > div.write_div { width: 49%; padding: 0px; margin: 0px !important; overflow: hidden; } .formCol2wr > div:nth-child(1) { float: left; } .formCol2wr > div:nth-child(2) { float: right; } /* 폼메일 글쓰기 -pure*/ #formWr { background: rgba(0, 0, 0, 0.02); padding: 30px; border-top: 1px dotted #ddd; } .btn_confirm { overflow: hidden; } .btn_confirm .btn_cancel { font-size: 14px; border-radius: 60px 0 0 60px; } .btn_confirm #btn_submit { margin-left: -4px; width: 20%; font-weight: bold; min-width: 160px; font-size: 14px; border-radius: 0 60px 60px 0; } .btn_confirm #btn_submit i { display: inline-block; margin-right: 10px; } .btn_confirm button { border-radius: 10px; font-size: 14px !important; } .frm_t { padding: 30px 0 5px 0; color: #000; font-weight: 700; font-size: 16px; } .write_div { padding: 0px; margin: 0px !important; overflow: hidden; } .radio_f { margin-right: 20px; font-weight: 900; padding: 5px; } input::placeholder { color: #f8a382; font-size: 12px; } textarea::placeholder { color: #ff7e29; font-size: 12px; } textarea { color: #504f4f; font-weight: 700 !important; font-size: 14px !important; } .frm_input { color: #5183e0 !important; font-size: 1em !important; } #blockchaininfo input { color: #fc4343 !important; } /* 상세보기 - product */ .prodWrap { width: 100%; overflow: hidden; position: relative; border-bottom: 5px solid #ccc; padding-bottom: 45px; margin-bottom: 50px; } .prod01 { width: 45%; float: left; text-align: center; } .prod01 #bigphoto { width: 80%; margin: 0 auto !important; padding: 0px; } .prod01 #bigphoto li { margin: 0 !important; padding: 0px; } .prod01 #bigphoto li a { margin: 0; padding: 0px; } .prod01 #bigphoto li a img { display: block; width: 100%; height: auto; } .prod01 .smallphoto { width: 90%; margin: -30px auto 0; text-align: center; padding: 0px; } .prod01 .smallphoto a { display: inline-block; width: 60px; height: 60px; margin: 0 1%; border: 1px solid #ccc; overflow: hidden; border-radius: 0%; cursor: pointer; background-position: center center; background-size: 150% auto; } .prod01 .smallphoto a:hover { border: 1px solid #999; } .prod01 .smallphoto a.active { border: 1px solid #000; } .prod02 { width: 50%; float: right; position: relative; text-align: center; } .prod02 h2 { font-size: 26px; color: #000; padding-top: 60px; } .prod02 .sbjB1 { padding: 10px 30px 0; font-size: 16px; color: #666; letter-spacing: -0.05em; } .prod02 .sbjB2 { padding: 60px 60px 0 60px; font-size: 14px; color: #666; } .prod02 ul { border-top: 1px solid #e5e5e5; margin-top: 30px; padding: 45px; text-align: left; } .prod02 ul li { padding: 5px; font-size: 13px; color: #666; letter-spacing: 0.05em; } .prodVbtn { overflow: hidden; text-align: center; position: relative; margin: 0 auto; padding: 20px; background: #efefef; } .prodVbtn h3 { text-align: left; font-size: 14px; color: #666; padding-bottom: 10px; } .prodVbtn a { display: block; width: 33%; height: 50px; line-height: 50px; background: #333; color: #fff; font-size: 13px; overflow: hidden; float: left; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } .prodVbtn a:hover { filter: Alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } .prodVbtn a:nth-child(3) { margin: 0 0.5% !important; } .bigphotoNoimg { display: block; width: 100%; position: relative; } .bigphotoNoimg img { display: block; width: 100%; } .bigphotoNoimg b { color: #999; font-size: 16px; position: absolute; left: 0px; width: 100%; top: 50%; height: 30px; line-height: 30px; margin-top: -15px; } #bo_v_title .bo_v_cate { font-size: 12px; display: inline-block; padding: 5px 15px; margin-bottom: 10px; } #bo_v_info { text-align: right; } h2 .contentTitle { width: 100%; overflow: hidden; border-bottom: 1px dashed #ddd; padding: 0 0 10px!important; margin-bottom: 2px!important; } @media all and (max-width: 900px) { .prodWrap { background: none; } .prod01 { width: 100%; max-width: 500px; margin: 0 auto; float: none; } .prod01 .smallphoto a { width: 40px; height: 40px; } .prod02 { width: 100%; float: none; } .prod02 h2 { font-size: 20px; padding-top: 0px; } .prod02 .sbjB1 { padding: 10px; font-size: 14px; } .prod02 .sbjB2 { padding: 10px 10px 10px 10px; font-size: 12px; } .prod02 ul { padding: 15px; } .prod02 ul li { padding: 3px; font-size: 12px; } .prodVbtn { padding: 10px; } .prodVbtn a { font-size: 11px; } .prodVbtnB a { width: 50px; height: 50px; background-size: 100% auto !important; } } .middlephoto { width: 100%; margin: 0px auto 0; text-align: center; padding: 0px; } .middlephoto a { display: inline-block; width: 200px; height: 200px; margin: 0 10px; border: 1px solid #ccc; overflow: hidden; border-radius: 0%; cursor: pointer; background-position: center center; background-size: 150% auto; background: #cacaca; } .middlephoto a:hover { border: 5px solid rgb(180, 37, 37); } .row { padding: 0 !important; margin: 0 !important; } .col-gn-4 { position: relative; min-height: 1px; float: left; width: 25% !important; } .regimg { width: 50% !important; } .regtype { border: 0px solid gray; padding: 15px !important; font-size: 14px; font-weight: 700; text-align: center; } .wr_content textarea { height: 150px !important; } .frm_tl { margin-top: 30px !important; } .regtitle { width: 400px !important; text-align: left; padding-left: 20px; } .border-tb2 { border-top: 2px solid #c0c0c0 !important; border-bottom: 2px solid #c0c0c0 !important; } .cancel { text-decoration-line: line-through; text-decoration-color: red; } .width30 { width: 30% !important; max-width: 150px !important; min-width: 120px !important; } textarea { white-space: pre-wrap !important; } @media (max-width: 768px) { .middlephoto a { display: inline-block; width: 150px !important; height: 150px !important; margin: 0 10px; border: 1px solid #ccc; overflow: hidden; border-radius: 0%; } .spanblock { display: block; } .col-gn-4 { width: 50% !important; } .regimg { width: 100% !important; } .regtype { padding: 10px !important; font-size: 12px; text-align: left; } .regtitle { width: 100% !important; } .bo_v_nb1 { font-size: 13px; } } /*다음글, 이전글 nb->nb1고친거*/ .bo_v_nb1 { position: relative; margin: 20px 0; clear: both; text-align: left; font-size: smaller; } .bo_v_nb1:after { display: block; visibility: hidden; clear: both; content: ""; } .bo_v_nb1 li { border-top: 1px solid #f1f1f1; padding: 13px; } .bo_v_nb1 li:last-child { border-bottom: 1px solid #f1f1f1; } .bo_v_nb1 li:hover { background: #f6f6f6; } .bo_v_nb1 li i { font-size: 13px; color: #b3b3b3; } .bo_v_nb1 li .nb_tit { display: inline-block; padding-right: 20px; color: #b3b3b3; } .bo_v_nb1 li .nb_date { float: right; color: #b3b3b3; } /* 쓰기 버튼 - 서명스킨 */ #bo_w .btn_confirm { } /* 서식단계 진행 */ #bo_w .btn_submit :hover { color: #fff; } #bo_w button.btn_submit { } #bo_w fieldset .btn_submit { } #bo_w .btn_cancel { background: #ccc; } #bo_w button.btn_cancel { background: #ccc; } #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_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 .required, #bo_w textarea.required { font-size: 14px; } #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 { } /* 게시판 쓰기 */ #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: 2px 5px; border: 0; background: transparent; border: 1px solid gray; border-radius: 5px; } #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; } /* ---- theme/knca/css/default.css ---- */ @charset "utf-8"; html { overflow-y: scroll; } body { margin: 0; padding: 0; font-size: 0.75em; font-family: "Pretendard", "Noto Sans Korean", "Malgun Gothic", dotum, sans-serif; background: #fff; min-width: 280px; font-weight: 400; } html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin: 0; padding: 0; border: 0; } h1, h2, h3, h4, h5, h6 { font-size: 1.2em; font-family: "Pretendard", "Noto Sans Korean", "Malgun Gothic", dotum, sans-serif; margin: 15px 0px 10px; font-weight:700; } 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: 0.75em; } input, button { margin: 0; padding: 0; font-family: "Pretendard", "Noto Sans Korean", "Malgun Gothic", dotum, sans-serif; font-size: 0.75em; } input[type="submit"], button { cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; } textarea, select { font-family: "Pretendard", "Noto Sans Korean", "Malgun Gothic", dotum, sans-serif; font-size: 0.65em; font-weight: 700; width: 100%; } select { margin: 0; } p { margin: 10px 0px; padding: 0; word-break: break-all; } hr { display: 1.5px; } pre { overflow-x: scroll; font-size: 1.1em; } a { color: #000; text-decoration: none; } img { max-width: 100%; } .draggable { height: auto !important; } .clb { clear: both; } .center { text-align: center; } *, :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.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s 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; } .displayNoneImportant { display: none !important; } #hd_pop { position: absolute; left: 0px; top: 0px; z-index: 1000; width: 100%; height: 0; } #hd_pop h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; } .hd_pops { position: absolute; border: 1px solid #666; background: #fff; max-width: 90%; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2), 0px 0px 14px rgba(0, 0, 0, 0.5), 0px 0px 20px rgba(0, 0, 0, 0.2); -webkit-transition-duration: 0.6s; -webkit-transition-timing-function: ease; transition-duration: 0.6s; transition-timing-function: ease; } .hd_pops img { max-width: 100%; } .hd_pops_con { max-width: 100%; } .hd_pops_footer { height: 50px; 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 { height: 30px; line-height: 30px; padding: 0 15px; border: 0; color: #fff; } .hd_pops_footer .hd_pops_reject { background: #222; text-align: left; margin: 10px 0 0 10px; color: #c1ad9a; } .hd_pops_footer .hd_pops_reject strong { color: #fff; font-size: 1.4em; display: inline-block; padding-right: 3px; } .hd_pops_footer .hd_pops_reject strong:before { content: ""; display: inline-block; width: 18px; height: 18px; vertical-align: middle; background: URL(../img/ico_eye_slash.png) no-repeat center center; background-size: 100% auto; margin-right: 6px; } .hd_pops_footer .hd_pops_close { text-indent: -99999999px; overflow: hidden; background: URL(../img/close_btn.gif) no-repeat center center #393939; color: #393939; position: absolute; top: 0px; right: 0px; width: 50px; height: 50px; line-height: 50px; padding: 0px; text-align: center; } .hd_pops_footer button:hover { background: #333; } .hd_pops_footer button:hover.hd_pops_close { background: URL(../img/close_btn.gif) no-repeat center center #666; } @media all and (max-width: 980px) { #hd_pop .hd_pops { left: 5% !important; top: 70px !important; max-width: 90% !important; } .hd_pops_con { height: auto !important; } .hd_pops_footer { font-size: 11px; letter-spacing: -0.05px; } } #hd { min-width: 320px; position: fixed; width: 100%; left: 0px; top: 0px; z-index: 9999; background: #fff; } #hd_h1 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; } #hd_wrapper { position: relative; margin: 0 auto; padding: 0px 0; width: 100%; zoom: 1; } #hd_wrapper:after { display: block; visibility: hidden; clear: both; content: ""; } #sbn_side { position: absolute; top: 20px; right: 0; } #tnb { width: 100%; max-width: 1200px; margin: 0 auto; } #tnb h3 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; } #tnb ul { margin: 0 auto; width: 100%px; zoom: 1; } #tnb ul:after { display: block; visibility: hidden; clear: both; content: ""; } #tnb li { float: right; margin-bottom: -1px; font-size: 0.92em; } #tnb a { display: inline-block; padding: 0 10px; color: #666; height: 35px; line-height: 35px; } #tnb a:focus, #tnb a:hover { color: #000; } #tnb .tnb_admin a { color: #ff0000; } #tnb .tnb_left { float: left; } #tnb .tnb_left a { padding: 0 14px; } #tnb .tnb_cart { border-right: 1px solid #ddd; } #tnb .tnb_community { border-right: 1px solid #ddd; } #tnb .tnb_community i { font-size: 15px; } #tnb .tnb_community { background: #e7e7e7; font-weight: bold; } #tnb .tnb_community:focus, #tnb .tnb_community:hover { color: #333; border-bottom: 0; } #tnb .tnb_community a { color: #253dbe; border-bottom: 1px solid #e7e7e7; } #tnb .tnbIco { font-size: 18px; } #hd_qnb { float: right; margin-top: 20px; } #hd_qnb:after { display: block; visibility: hidden; clear: both; content: ""; } #hd_qnb li { float: left; font-size: 1.083em; line-height: 15px; position: relative; text-align: center; margin: 0 10px; } #hd_qnb li span { display: block; margin-top: 5px; font-size: 0.92em; } #hd_qnb li a { display: block; } #hd_qnb li i { display: inline-block; width: 40px; line-height: 40px; border-radius: 25px; background: #fff; text-align: center; margin: 0; color: #fff; } #hd_qnb .visit .visit-num { display: inline-block; line-height: 18px; padding: 0 5px; border-radius: 10px; background: #f04e00; color: #fff; font-size: 10px; position: absolute; top: 0; right: 0; } #hd_qnb li .fa-question { background: #e83a5f; font-size: 20px; } #hd_qnb li .fa-question:hover { background: #e41b45; } #hd_qnb li .fa-comments { background: #82c13f; font-size: 16px; } #hd_qnb li .fa-comments:hover { background: #5aa708; } #hd_qnb li .fa-users { background: #f0ba00; font-size: 15px; } #hd_qnb li .fa-users:hover { background: #f06f00; } #hd_qnb li .fa-history { background: #8522c4; font-size: 15px; } #hd_qnb li .fa-history:hover { background: #6700a9; } #logo { float: left; } #logo a { display: block; padding: 20px 20px 20px 0; } #logo img { display: block; height: 40px; width: auto; } #gnb { position: relative; border-bottom: 1px solid #e2e2e2; } #gnb h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; } #gnb .gnb_wrap { margin: 0 auto; width: 100%; max-width: 1200px; position: relative; } #gnb #gnb_1dul { float: right; font-size: 0.9em; padding: 0; zoom: 1; } #gnb ul:after { display: block; visibility: hidden; clear: both; content: ""; } #gnb .gnb_1dli { float: left; position: relative; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } #gnb .gnb_1dli .gnb_1da { height: 80px; line-height: 80px; padding: 0 10px; font-size: 14px; color: #666; position: relative; } #gnb .gnb_1dli:hover .gnb_1da { color: #000; } #gnb .gnb_1dli .gnb_1da u { display: block; width: 1px; height: 3px; position: absolute; left: 50%; bottom: 0px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } #gnb .gnb_1dli:hover .gnb_1da u { background: #333; width: 50%; margin-left: -25%; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } .gnb_1dli .bg { display: inline-block; width: 0px; height: 0px; overflow: hidden; text-indent: -999px; } .gnb_1da { display: inline-block; font-weight: bold; color: #fff; text-decoration: none; } .gnb_2dul { display: none; position: absolute; top: 80px; left: 50%; margin-left: -90px; width: 180px; background: #fff; padding: 0; border: 1px solid rgba(0, 0, 0, 0.2); background: #333; border-top: 0px; overflow: hidden; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } #gnb .gnb_1dli:hover .gnb_2dul { display: block; } .gnb_2dli { border-top: 1px solid rgba(0, 0, 0, 0.2); width: 100%; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } .gnb_2dli:first-child { border: 0; } .gnb_2da { display: block; padding: 13px; line-height: 1.4em; color: rgba(255, 255, 255, 0.8); text-align: left; text-decoration: none; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } a.gnb_2da:hover { background: rgba(0, 0, 0, 0.5); color: #fff; padding: 13px 8px 13px 18px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } .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; } .gnb_1dli_over2 .gnb_2dul { display: block; } .gnb_wrap .gnb_empty { float: left; height: 80px; text-align: center; line-height: 80px; color: #666; } .gnb_wrap .gnb_empty a { color: #000; text-decoration: underline; } .gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a { color: #555; } .allSchBoxWr { z-index: 9999; } #btnSchbox { display: block; height: 80px; line-height: 80px; padding: 0 20px; font-size: 20px; cursor: pointer; border: 0px; background: transparent; } #allSchBox { display: none; position: absolute; right: 0px; top: 50%; margin-top: -20px; } #allSchBox fieldset { position: relative; width: 250px; border: 2px solid #000; background: #fff; overflow: hidden; } #allSchBox fieldset #sch_stx { border: 0px; width: 100%; height: 40px; padding-left: 10px; } #allSchBox fieldset #sch_submit { width: 40px; height: 40px; line-height: 40px; position: absolute; right: 40px; top: 0px; background: none; border: 0px; color: #000; font-size: 18px; text-align: center; } #allSchBox fieldset #allSchBoxClose { width: 40px; height: 40px; line-height: 40px; position: absolute; right: 0px; top: 0px; background: #000; color: #fff; font-size: 18px; text-align: center; cursor: pointer; } #ctWrap { width: 100%; max-width: 1200px; margin: 50px auto 100px; } #ctWrap:after { content: ""; display: block; clear: both; } #page_title { width: 100%; text-align: center; background-color: #fff; color: #fff; background-position: center center; background-repeat: repeat; overflow: hidden; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #page_title .page_title_in { padding: 80px 20px; background: RGBA(0, 0, 0, 0.3); } #page_title .page_title_in h2 { margin: 0 auto; width: 100%; max-width: 1200px; } #page_title .page_title_in h2 > strong { display: block; font-size: 40px; height: 80px; line-height: 120px; padding: 40px 0 10px 0; width: 100%; margin: 0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5), 0px 0px 14px rgba(0, 0, 0, 0.5), 0px 0px 10px rgba(0, 0, 0, 0.5); -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } #page_title .page_title_in h2 .titleBbar { width: 0px; height: 2px; background: #fff; filter: Alpha(opacity=0); opacity: 0; -moz-opacity: 0; } #page_title.on .page_title_in h2 > strong { line-height: 80px; padding: 0 0 10px 0; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: ease; transition-duration: 0.8s; transition-timing-function: ease; } #page_title.on .page_title_in h2 .titleBbar { width: 10%; min-width: 80px; display: block; margin: 0 auto; filter: Alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: ease; transition-duration: 0.8s; transition-timing-function: ease; } .pgLoadStand { height: 1px; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-duration: 0.3s; transition-timing-function: ease; } .pgLoadOK { height: auto !important; -webkit-transition-duration: 0.6s; -webkit-transition-timing-function: ease; transition-duration: 0.6s; transition-timing-function: ease; } #page_title.subTopBg, #page_title.subTopBg_, #page_title.subTopBg_0, #page_title.subTopBg_1 { background-image: URL("../img/subTopBg_01.jpg"); } #page_title.subTopBg_2 { background-image: URL("../img/subTopBg_02.jpg"); } #page_title.subTopBg_3 { background-image: URL("../img/subTopBg_03.jpg"); } #page_title.subTopBg_4 { background-image: URL("../img/subTopBg_04.jpg"); } #page_title.subTopBg_5 { background-image: URL("../img/subTopBg_05.jpg"); } #page_title.subTopBg_6 { background-image: URL("../img/subTopBg_06.jpg"); } #page_title.subTopBg_7 { background-image: URL("../img/subTopBg_07.jpg"); } #page_title.subTopBg_8 { background-image: URL("../img/subTopBg_01.jpg"); } #page_title.subTopBg_9 { background-image: URL("../img/subTopBg_01.jpg"); } #page_title.subTopBg_10 { background-image: URL("../img/subTopBg_01.jpg"); } #page_title.subTopBg_0N { background-image: URL(""); } #container { float: right; width: 75%; min-height: 200px; height: auto; font-size: 1em; zoom: 1; font-weight: 600; } #container:after { display: block; visibility: hidden; clear: both; content: ""; } .subTopLocNav { width: 90%; margin: 0 auto; max-width: 1px; margin: -30px auto 10px; position: relative; z-index: 99; display: none; filter: Alpha(opacity=0); opacity: 0; -moz-opacity: 0; } .leftMenuUseFlase .subTopLocNav { display: block; } .leftMenuUseFlase .subTopLocNav.nonTitle { display: none !important; } .subTopLocNav:after { content: ""; display: block; clear: both; } .subTopLocNav .loc1DA, .subTopLocNav .loc2DA { display: block; cursor: pointer; width: 50%; float: left; height: 60px; line-height: 60px; background: #fff; border: 1px solid #ddd; font-size: 16px; position: relative; } .subTopLocNav .loc1DA u, .subTopLocNav .loc2DA u { display: block; width: 1px; height: 1px; background: #000; filter: Alpha(opacity=0); opacity: 0; -moz-opacity: 0; position: absolute; left: 50%; bottom: 0px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } .subTopLocNav .loc1DA.on u, .subTopLocNav .loc2DA.on u, .subTopLocNav a:hover.loc1DA u, .subTopLocNav a:hover.loc2DA u { left: 0px; width: 100%; filter: Alpha(opacity=100); opacity: 1; -moz-opacity: 1; } .subTopLocNav .loc1DA b, .subTopLocNav .loc2DA b { display: block; text-align: center; height: 60px; line-height: 60px; margin: 0 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .subTopLocNav .loc2DA { margin-left: -1px; } .subTopLocNav .loc2DA b i { display: none; } .subTopLocNav .loc1DA i { transform: rotate(-90deg); } .subTopLocNav .loc1DA i, .subTopLocNav .loc2DA i { display: block; width: 26px; height: 26px; text-align: center; line-height: 26px; border-radius: 50%; font-size: 20px; color: #999; position: absolute; right: 10px; top: 50%; margin-top: -13px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } .subTopLocNav .loc1DA.on i, .subTopLocNav .loc2DA.on i { transform: rotate(180deg); color: #000; } .locHomeDA { width: 60px; height: 60px; text-align: center; line-height: 60px; position: absolute; left: 0px; top: 0px; background: #fff; font-size: 18px; border: 1px solid #ddd; color: #999; } .bNBar1D, .bNBar2D { width: 50%; position: absolute; top: 60px; border-bottom: 3px solid #000; display: none; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1), 0px 0px 14px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); } .bNBar1D { left: 0px; } .bNBar2D { left: 50%; margin-left: -1px; } .bNBar2D .snb, .bNBar2D .snb h2 { display: none; } .bNBar2D .snb.active { display: block; } .bNBar1D .snb h2 a, .bNBar2D .snb2d a { display: block; } .bNBar1D .snb h2 a b, .bNBar2D .snb2d a b { display: block; background: #fff; color: #999; padding: 15px; font-size: 14px; border: 1px solid #ddd; border-top: 0px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } .bNBar1D .snb h2 a:hover b, .bNBar2D .snb2d a:hover b { background: #f7f7f7; color: #666; } .bNBar1D .snb.active h2 a b, .bNBar2D .snb2d.active a b { background: #efefef; } .subTopLocNav2Don { max-width: 960px; filter: Alpha(opacity=100); opacity: 1; -moz-opacity: 1; } .subTopLocNav2Doff .loc1DA i { transform: rotate(0deg); } .subTopLocNav2Doff { max-width: 600px; filter: Alpha(opacity=100); opacity: 1; -moz-opacity: 1; } .subTopLocNav2Doff .loc2DA { display: none; } .subTopLocNav2Doff .loc1DA, .subTopLocNav2Doff .bNBar1D { width: 100%; } .bNBar1D .snb2dul { display: none; } .bNBar i, .bNBar em, .bNBar u { display: none !important; } .contentTitle { width: 100%; overflow: hidden; border-bottom: 1px dashed #ddd; padding: 0 0 30px; margin-bottom: 30px; } .contentTitle strong { display: block; float: left; color: #333; font-size: 30px; font-weight: 900; } .contentTitle .locationBar { display: block; float: right; color: #999; font-weight: 500; font-size: 14px; } .contentTitle .locationBar i { color: #ddd; display: inline-block; padding: 0 0px; } @media all and (min-width: 981px) { .leftMenuUseFlase .contentTitle { border-bottom: 0px; padding-bottom: 0px; } .leftMenuUseFlase .contentTitle strong { padding-bottom: 15px; } .leftMenuUseFlase .contentTitle:after { content: ""; display: block; margin: 30px auto; clear: both; width: 5%; min-width: 120px; height: 1px; background: #000; } } #sideBar { float: left; width: 20%; margin-top: 0px; } #snb { width: 100%; margin-top: -50px; } #snb { width: 100%; } #snb > li.snb { width: 100%; display: none; } #snb > li.snb.active { display: block !important; } #snb > li > h2 { width: 100%; background: #111; } #snb > li > h2 a { display: block; position: relative; background: rgba(0, 0, 0, 0.2); text-align: center; padding: 80px 10px; color: #fff; font-family: "Pretendard", "Noto Sans Korean", "Malgun Gothic"; } #snb > li > h2 a b { display: block; font-size: 24px; overflow: hidden; word-break: keep-all; } #snb > li > h2 a sub { display: block; width: 30%; margin: 20px auto 0; height: 1px; background: #fff; filter: Alpha(opacity=30); opacity: 0.3; -moz-opacity: 0.3; } #snb > li .snb2dDown { display: none; } #snb > li > ul { margin-bottom: 30px; } #snb > li > ul > li { border-top: 1px dashed #ddd; margin-top: -1px; } #snb > li > ul > li:first-child { border-top: 0px; } #snb > li > ul > li a { display: block; padding: 15px; color: #000; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } #snb > li > ul > li a b { font-size: 14px; } #snb > li > ul > li a:hover { background: #f3f3f3; padding-left: 20px; color: #000; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } #snb > li > ul > li.snb2d.active { } #snb > li > ul > li.snb2d.active a { background: #eaeaea; color: #000; } #snb > li > ul > li a { overflow: hidden; } #snb > li > ul > li a i { float: right; } .snbCS { border: 1px solid #efefef; padding: 20px; } .snbCS dt { padding-bottom: 10px; font-size: 16px; font-weight: bold; color: #333; } .snbCS dd { font-size: 11px; color: #999; } .snbCS dd strong { display: block; font-size: 18px; padding-bottom: 10px; color: #666; } .snbCS dd b { display: block; font-size: 11px; } .customBan { width: 100%; overflow: hidden; background: #efefef; } .customBan a { width: 50%; float: left; display: block; position: relative; background: #222; overflow: hidden; } .customBan a img { display: block; width: 100%; height: auto; filter: Alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; -webkit-transition-duration: 0.6s; -webkit-transition-timing-function: ease; transition-duration: 0.6s; transition-timing-function: ease; } .customBan a:hover img { transform: scale(1.1); filter: Alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; } .customBan a .customBanTit { position: absolute; left: 5%; right: 5%; top: 50%; margin-top: -30px; height: 60px; line-height: 60px; font-size: 26px; color: #fff; font-weight: bold; text-align: center; } .customBan a .customBanTit u { display: block; margin: 0 auto; width: 50px; height: 1px; background: #fff; -webkit-transition-duration: 0.6s; -webkit-transition-timing-function: ease; transition-duration: 0.6s; transition-timing-function: ease; } .customBan a:hover .customBanTit u { width: 100px; } @media all and (max-width: 800px) { .customBan a { width: 100%; } .customBan a .customBanTit { font-size: 16px; } } #footer { clear: both; background: #eee; padding: 50px 15px; text-align: center; } #footer > dl { width: 100%; text-align: center; } #footer > dl > dt { width: 100%; text-align: center; } #footer > dl > dt img { display: block; margin: 0 auto; height: 30px; width: auto; } #footer > dl > dd { padding: 15px 0; } #footer > dl > dd a { display: inline-block; padding: 5px; color: #333; font-size: 12px; font-weight: bold; } #footer > dl > dd a:hover { color: #000; } #footer address { font-size: 12px; font-style: normal; color: #666; } #footer address span { display: inline-block; padding: 2px 5px; } #footer address em { display: inline-block; color: #999; padding: 2px 0; } #footer p { color: #999; font-size: 11px; font-family: verdana; padding-top: 15px; } #top_btn, #top_btn:hover { position: fixed; bottom: -53px; right: 0px; width: 50px; height: 50px; line-height: 50px; border: 0; text-align: center; font-size: 30px; z-index: 999; color: #fff; background: #000; filter: Alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease; } .scDown #top_btn { bottom: 0px !important; } #topID { display: block; position: absolute; left: 0px; top: 2px; } .dashHr { display: block; clear: both; margin: 30px 0; border: 0px; border-top: 3px dashed #ddd; } .term_area { width: 100%; position: relative; max-width: 600px; } .term_area header { position: absolute; left: 0px; right: 0px; top: 0px; height: 40px; background: #242424; color: #fff; } .term_area header h1 { font-size: 16px; padding: 0 10px; height: 40px; line-height: 40px; } .term_area section { padding: 50px 10px 30px 10px; overflow: auto; } .term_area section p { padding: 20px; white-space: pre-line; font-size: 14px; color: #000; } .term_area footer { position: absolute; left: 0px; right: 0px; bottom: 0px; height: 30px; line-height: 30px; background: #ddd; color: #999; font-family: verdana; font-size: 11px; text-align: center; } .transOJ, .transOJ:hover { -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } .noEmail { border: 0px; width: 100%; max-width: 400px; background: #fff; text-align: center; } .noEmail h3 { font-size: 18px; padding: 20px; color: #000; text-align: center; } .noEmail h4 { padding: 20px 0; font-size: 11px; color: #666; text-align: center; } .noEmail p { padding: 20px; color: #999; font-size: 12px; text-align: left; } .bo_cate_link { display: inline-block; color: #c89b43; height: 20px; font-size: 0.92em; } #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; 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; } .img_fix { width: 100%; height: auto; } #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; } #captcha.m_captcha audio { display: block; margin: 0 0 5px; width: 187px; } #captcha.m_captcha #captcha_img { height: 40px; border: 1px solid #898989; vertical-align: top; padding: 0; margin: 0; } #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 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.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; } .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%; } #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_frmline { } button.btn_frmline { font-size: 1em; } .btn_b01, .btn_b02, .btn_b03, .btn_b04, .btn_b05, .btn_admin, input.btn_submit, .btn_submit, .btn_cancel, .btn_frmline { display: inline-block !important; padding: 8px 10px; font-size: 12px; text-decoration: none; vertical-align: middle; cursor: pointer; border-radius: 5px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } .btn_b01:hover, .btn_b02:hover, .btn_b03:hover, .btn_b04:hover, .btn_b05:hover, .btn_admin:hover, input.btn_submit:hover, .btn_submit:hover, .btn_cancel:hover, .btn_frmline:hover { text-decoration: none; filter: Alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } a.btn_b01, .btn_b01 { background: #ffffff; color: #666666; border: 1px solid #dddddd; } a.btn_b02, .btn_b02 { background: #666666; color: #ffffff; border: 1px solid #666666; } a.btn_b03, .btn_b03 { background: #ffffff; color: #646982; border: 1px solid #b9bdd3; } a.btn_b04, .btn_b04 { background: #ffffff; color: #707070; border: 1px solid #ccc; } a.btn_admin, .btn_admin { background: #ffffff; color: #ff0000; border: 1px solid #ff6600; } .btn_submit { background: #242424; color: #ffffff; border: 1px solid #242424; } a.btn_cancel, button.btn_cancel { background: #ffffff; color: #000; border: 1px solid #dddddd; font-weight: 700; } a.btn_frmline, button.btn_frmline { padding: 0 5px; height: 40px; border: 0; background: #3c3c3c; border-radius: 5px; color: #fff; vertical-align: top; } .btn_confirm { text-align: center; } .btn_confirm .btn { padding: 15px 20px; } .color_1 { background: #169dd6; } .color_2 { background: #14d53d; } .color_3 { background: #3814ff; } .color_4 { background: #7520c5; } .tbl_wrap table { width: 100%; border-collapse: collapse; border-spacing: 0 5px; border: 1px solid #ccc; border-left: 0px; border-right: 0px; } .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: 10px 0; font-weight: normal; text-align: center; border-bottom: 1px solid #ddd; background: #fafafa; padding: 8px 3px; } .tbl_head01 thead th input { vertical-align: top; } .tbl_head01 tfoot th, .tbl_head01 tfoot td { padding: 6px 0; border-top: 1px solid #c1d1d5; border-bottom: 1px solid #c1d1d5; background: #d7e0e2; text-align: center; } .tbl_head01 tbody th { padding: 6px 0; border-bottom: 1px solid #e8e8e8; } .tbl_head01 td { color: #666; background: #fff; padding: 6px 3px; border-top: 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; } .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 #ccc; background: #fff; color: #000; vertical-align: middle; border-radius: 3px; padding: 5px; width: 100%; font-size: 14px; font-weight: 400; } .tbl_frm01 textarea { padding: 2px 2px 3px; } .frm_input { height: 40px; margin-left: 10px; margin-right: 10px; } .full_input { width: 100%; } .half_input { width: 49.5%; } .tbl_frm01 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 li { border: 1px solid #dbdbdb; background: #fff; border-radius: 3px; margin: 3px 0; padding: 10px 15px; list-style: none; position: relative; } .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 { margin: 0 0 10px; font-size: 1.167em; } .form_01 li { margin: 10px 0; } .form_01 li:after { display: block; visibility: hidden; clear: both; content: ""; } .form_01 li .right_input { float: right; } .form_01 textarea { height: 100px; width: 100%; } .form_01 .frm_label { display: inline-block; width: 130px; } @media all and (max-width: 650px) { .form_01 .frm_label { display: block; width: auto; font-weight: bold; } } .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(/theme/knca/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.25em; height: 50px; line-height: 30px; padding: 10px 20px; background: #333; color: #fff; } .new_win #win_title .sv { font-size: 0.75em; line-height: 1.2em; } .new_win .win_ul { border-right: 1px solid #dfe6e7; } .new_win .win_ul:after { display: block; visibility: hidden; clear: both; content: ""; } .new_win .win_ul li { float: left; background: #fff; width: 33.333%; text-align: center; border: 1px solid #ccc; margin-left: -1px; } .new_win .win_ul li a { display: block; padding: 10px 0; } .new_win .win_ul .selected { background: #fff; border-color: #253dbe; position: relative; z-index: 5; } .new_win .win_ul .selected a { color: #253dbe; font-weight: bold; } .new_win .win_desc { margin: 5px 0; font-size: 0.92em; color: #3598db; } .new_win .frm_info { font-size: 0.92em; color: #3598db; } .new_win .win_total { text-align: right; margin: 10px 0; } .new_win .win_total span { display: inline-block; line-height: 30px; font-size: 0.92em; color: #4e546f; background: #d4d4d4; padding: 0 10px; border-radius: 5px; } .new_win .new_win_con { margin: 20px; } .new_win .new_win_con:after { display: block; visibility: hidden; clear: both; content: ""; } .new_win .btn_confirm:after { display: block; visibility: hidden; clear: both; content: ""; } .new_win .win_btn { text-align: center; padding-bottom: 20px; overflow: hidden; } .new_win .btn_close { position: absolute; top: 0; right: 0; height: 50px; width: 50px; background: url(/theme/knca/img/close_btn.gif) no-repeat 50% 50%; border: 0; text-indent: -999px; overflow: hidden; cursor: pointer; } .new_win .btn_submit { padding: 0; height: 40px; font-weight: bold; font-size: 1.083em; width: 100%; } .sch_word { color: #ff6600; } #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; text-align: left; } .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; margin: 30px 0; text-align: center; } .pg_wrap:after { display: block; visibility: hidden; clear: both; content: ""; } .pg { } .pg_page, .pg_current { display: inline-block; vertical-align: middle; background: #f3f3f3; border: 1px solid #bbbcc3; margin: 2px 0; } .pg a:focus, .pg a:hover { text-decoration: none; } .pg_page { color: #555; font-size: 1.083em; height: 30px; line-height: 28px; padding: 0 5px; min-width: 30px; text-decoration: none; border-radius: 15px; } .pg_page:hover { background: #ddd; color: #000; } .pg_start { text-indent: -999px; overflow: hidden; background: url(/theme/knca/img/btn_first.gif) no-repeat 50% 50% #fff; padding: 0; border: 1px solid #bbb; } .pg_prev { text-indent: -999px; overflow: hidden; background: url(/theme/knca/img/btn_prev.gif) no-repeat 50% 50% #fff; padding: 0; border: 1px solid #bbb; } .pg_end { text-indent: -999px; overflow: hidden; background: url(/theme/knca/img/btn_end.gif) no-repeat 50% 50% #fff; padding: 0; border: 1px solid #bbb; } .pg_next { text-indent: -999px; overflow: hidden; background: url(/theme/knca/img/btn_next.gif) no-repeat 50% 50% #fff; padding: 0; border: 1px solid #bbb; } .pg_start:hover { background: url(/theme/knca/img/btn_first.gif) no-repeat 50% 50% #efefef; border: 1px solid #ddd; } .pg_prev:hover { background: url(/theme/knca/img/btn_prev.gif) no-repeat 50% 50% #efefef; border: 1px solid #ddd; } .pg_end:hover { background: url(/theme/knca/img/btn_end.gif) no-repeat 50% 50% #efefef; border: 1px solid #ddd; } .pg_next:hover { background: url(/theme/knca/img/btn_next.gif) no-repeat 50% 50% #efefef; border: 1px solid #ddd; } .pg_current { display: inline-block; background: #666; color: #fff; border: 1px solid #444; font-weight: bold; height: 30px; line-height: 30px; padding: 0 10px; min-width: 30px; border-radius: 15px; } .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; } #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; } /* ---- theme/knca/css/font.css ---- */ @charset "utf-8"; @font-face { font-family: 'Pretendard'; font-weight: 900; font-display: swap; src: url(/theme/knca/css/Pretendard/Pretendard-Black.woff) format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 800; font-display: swap; src: url(/theme/knca/css/Pretendard/Pretendard-ExtraBold.woff) format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 700; font-display: swap; src: url(/theme/knca/css/Pretendard/Pretendard-Bold.woff) format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 600; font-display: swap; src: url(/theme/knca/css/Pretendard/Pretendard-SemiBold.woff) format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 500; font-display: swap; src: url(/theme/knca/css/Pretendard/Pretendard-Medium.woff) format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 400; font-display: swap; src: url(/theme/knca/css/Pretendard/Pretendard-Regular.woff) format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 300; font-display: swap; src: url(/theme/knca/css/Pretendard/Pretendard-Light.woff) format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 200; font-display: swap; src: url(/theme/knca/css/Pretendard/Pretendard-ExtraLight.woff) format('woff'); } @font-face { font-family: 'Pretendard'; font-weight: 100; font-display: swap; src: url(/theme/knca/css/Pretendard/Pretendard-Thin.woff) format('woff'); } @font-face {font-family:'Noto Sans Korean'; font-style:normal; font-weight:100; src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); } @font-face {font-family:'Noto Sans Korean'; font-style:normal; font-weight:300; src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); } @font-face {font-family:'Noto Sans Korean'; font-style:normal; font-weight:400; src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); } @font-face {font-family:'Noto Sans Korean'; font-style:normal; font-weight:500; src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); } @font-face {font-family:'Noto Sans Korean'; font-style:normal; font-weight:700; src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); } @font-face {font-family:'Noto Sans Korean'; font-style:normal; font-weight:900; src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); } /* ---- theme/knca/css/responsive.css ---- */ @charset "utf-8"; /* copyright(c) WEBsiting.co.kr 모바일화면 관련 css파일입니다. 각 넓이에 따른 스타일 설정이 가능합니다. */ @media all and (min-width:981px) { html,body{overflow:auto; } html.ovfH,body.ovfH{overflow:auto; } #snbOpen, #sideBarCover, #snbMvAr, #snbMvArBottom, .leftMenuUseFlase #sideBar, .bNBarMwWrap{display:none; } .leftMenuUseFlase #ctWrap {background:none !important;} .leftMenuUseFlase #container {width:100%; max-width:1200px; margin:0 auto; float:none;} .leftMenuUseFlase .contentTitle{text-align:center;} .leftMenuUseFlase .contentTitle strong{float:none;} .leftMenuUseFlase .contentTitle .locationBar{float:none; } #hd{-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } #hd.scDown{background:#fff; margin-top:-35px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } #topSpacer{height:115px; } .pc_br{display:block !important; } .pc_block{display:block !important; } .mobile_block{display:none !important; } .pc_inline-block{display:block !important; } .mobile_inline-block{display:inline-block !important; } } @media all and (max-width:1200px) { #gnb .gnb_1dli .gnb_1da{padding:0 8px; } } @media all and (max-width:980px) { html.ovfH,body.ovfH{overflow:hidden; } .mobileNone{display:none; } #tnb, .gnb_1dli{display:none; } .pc_block{display:none !important; } .mobile_block{display:block !important; } .pc_inline-block{display:none !important; } .mobile_inline-block{display:inline-block !important; } #topSpacer{height:50px; } #gnb{position:fixed; left:0px; top:0px; width:100%; z-index:999; background:#fff; } .allSchBoxWr{display:block !important; } #btnSchbox{position:fixed; right:50px; top:0px; width:50px; height:50px; line-height:50px; padding:0px; font-size:18px; text-align:center; z-index:99; } #allSchBox{position:fixed; top:50px; right:0px; left:0px; margin-top:0px; padding:10px; background:#333; z-index:999; } #allSchBox fieldset{border-radius:25px; width:100%; margin-right:50px; border-radius:0; } .allSchBoxWr #btnSchbox{margin-top:0px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } .allSchBoxWr.on #btnSchbox{margin-top:50px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } #logo a{padding:10px; } #logo a img{height:30px; } #snbOpen, #snbOpen:focus{display:block; width:52px; height:51px; line-height:50px; text-align:center; color:#fff; font-size:24px; background:#000; position:fixed; right:0px; top:0px; z-index:99999999; cursor:pointer; border:0px;outline:0;} #snbOpen b{display:block; width:24px; height:22px; margin:13px 15px; position:relative; overflow:hidden; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease;} #snbOpen b i{display:block; width:100%; height:2px; position:absolute; right:50%; margin-right:-50%; width:100%; background:#fff; border-radius:5px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-duration: 0.2s; transition-timing-function: ease-out; } #snbOpen b i:nth-child(1){top:0px;} #snbOpen b i:nth-child(2){top:50%;margin-top:-1px; width:70%; right:0px; margin-right:0px; -webkit-transition-duration: 0.9s; -webkit-transition-timing-function: ease; transition-duration: 0.9s; transition-timing-function: ease;} #snbOpen b i:nth-child(3){bottom:0px;} .ovfH #snbOpen {margin-top:-1px;} .ovfH #snbOpen b i:nth-child(1){top:50%; transform: rotate(135deg);} .ovfH #snbOpen b i:nth-child(2){width:1px; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-transition-duration: 0.1s; -webkit-transition-timing-function: ease; transition-duration: 0.1s; transition-timing-function: ease;} .ovfH #snbOpen b i:nth-child(3){top:50%; bottom:auto; transform: rotate(-135deg);} #snbMvAr{display:block; position:absolute; left:0px; top:0px; right:0px; border-bottom:1px solid #f2f2f2; } #snbMvAr a#btnHome{background:#fff; padding:0 15px; font-weight:bold; font-size:14px; height:50px; line-height:50px; } #snbMvAr a#snbClose{background:#000; border-left:1px solid #f2f2f2; width:50px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:18px; position:absolute; top:0px; right:0px; } #sideBarCover{display:none; background:rgba(0,0,0,0.6); position:fixed; left:0px; top:0px; bottom:0px; right:0px; z-index:999999; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } #sideBarCover.on{display:block; } #sideBar{display:block; position:fixed; right:-281px; top:0px; bottom:0px; z-index:9999999; width:280px; overflow:auto; background:#fff; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } #sideBar.on{right:0px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; } #sideBar #snb {margin-top:50px;} #sideBar #snb .snb{display:block !important; border-bottom:0px solid #f2f2f2; position:relative; } #sideBar #snb .snb > h2{position:relative; } #sideBar #snb .snb > h2 a{padding:0 15px; height:50px; line-height:50px; text-align:left; color:#000; background:#fbfbfb; } #sideBar #snb .snb>h2 :hover{background: #bdd0dd; } #sideBar #snb .snb > h2 a b{font-size:14px; padding-right:50px; } #sideBar #snb .snb > h2 a sub{display:none; } #sideBar #snb .snb.active > h2 a {border-left:10px solid #098ab3; color:#fff;background-color: rgba(111, 147, 194, 0.6)!important;} #sideBar #snb .snb.active {background-color: rgba(168, 183, 196, 0.2);} #sideBar #snb .snb .snb2dDown{display:block; position:absolute; right:0px; top:0px; height:50px; width:50px; overflow:hidden; } #sideBar #snb .snb .snb2dDown i, #sideBar #snb .snb .snb2dDown u{text-decoration:none; text-align:center; width:30px; height:30px; line-height:30px; font-size:20px; margin:10px; border-radius:50%; } #sideBar #snb .snb .snb2dDown i{display:block; background:#abaeb1; color:#ffffff; } #sideBar #snb .snb .snb2dDown u{display:none; background:#93c7e5; color:#000; } #sideBar #snb .snb.show .snb2dDown i{display:none; } #sideBar #snb .snb.show .snb2dDown u{display:block; } #sideBar #snb .snb > ul{display:none; margin-bottom:0px;} #sideBar #snb .snb > ul > li{border-top:1px dashed #ddd; border-bottom:0px; } #sideBar #snb .snb > ul > li a{padding:10px 10px 10px 15px; } #sideBar #snb .snb > ul > li a b{font-size:12px; color:#39709e; } #sideBar #snb .snb > ul > li a b i{display:none; } #sideBar #snb .snb > ul.snb2dul > li.active a{background: linear-gradient(to right, #d5cece, #ffffff); border-left: 6px solid black;} #sideBar #snb .snb.active > ul.snb2dul{display:block; } #sideBar #snb li.noInfoPageTit, #sideBar #snb li.noInfoPageTit.active{display:none !important; } .snbCS{border:0px; } .snbMvArBtn{height:50px; overflow:hidden; position:absolute; right:50px; top:0px; padding:10px; } .snbMvArBtn a{display:inline-block; padding:5px 7px; border:1px solid #ddd; border-radius:3px; font-size:11px; } #snbMvArBottom{border-top:1px dashed #efefef; padding:10px; text-align:center; } #snbMvArBottom a{display:inline-block; padding:5px 10px; border:1px solid #ddd; border-radius:3px; } .subTopLocNav{display:block;margin-top:-20px;} .subTopLocNav .loc1DA, .subTopLocNav .loc2DA{height:40px; line-height:40px;font-size:12px;} .subTopLocNav .loc1DA b, .subTopLocNav .loc2DA b{display:block; text-align:left; height:40px; line-height:40px; margin:0 36px 0 16px;} .bNBar1D, .bNBar2D{top:40px; background:white; } .bNBar1D .snb h2 a b, .bNBar2D .snb2d a b{font-size:12px;} .bNBar1D .snb h2 a b, .bNBar2D .snb2d a b{padding:12px; font-size:13px;} #ctWrap{ margin:15px auto; } #container{width:auto; float:none; padding:15px; } .contentTitle{border-bottom:0px !important;} .contentTitle{padding:10px 0 20px;margin-bottom:0px; text-align:center;} .contentTitle strong{float:none; color:#333; font-size:30px;} .contentTitle .locationBar{float:none; } .contentTitle .locationBar i{padding:5px 0px;} .leftMenuUseFlase .contentTitle{margin-bottom:5px;} .leftMenuUseFlase .contentTitle:after{width:45px;margin:15px auto;} } @media all and (max-width:850px) { #page_title .page_title_in {padding:60px 10px; text-align:center; } #page_title .page_title_in h2 strong{font-size:30px; } #page_title .page_title_in h2{text-align:center; } } @media all and (max-width:650px) { #page_title .page_title_in{padding:40px 10px; } #page_title .page_title_in h2 strong{font-size:18px; height:30px; line-height:60px; padding:20px 0 10px 0; } #page_title .page_title_in h2 .locationBar span{font-size:10px; } #page_title.on .page_title_in h2 > strong{height:30px; line-height:30px; padding:0 0 10px 0; } .contentTitle strong{font-size:20px;} .contentTitle .locationBar{font-size:12px;} #footer > dl > dd a, #footer address {font-size:11px; letter-spacing:-0.05em; } #footer address em{display:none; } #footer p span{display:none; } } @media all and (max-width:420px) { #page_title {background-size:auto 100%; } } /* ---- theme/knca/css/contents.css ---- */ @charset "utf-8"; .h2_title{padding:1px 20px; border-left:8px solid #000; font-size:22px; margin-bottom:20px; line-height:1.3em; color:#000; font-weight:900; } .h3_title{padding:1px 20px; border-left:8px solid rgb(17, 131, 238); font-size:20px; margin-bottom:20px; line-height:1.3em; color:#333; } .h2_title_center{text-align:center; font-size:30px; padding:8px 20px; margin-bottom:30px; line-height:1.3em; color:#000; } .h2_title_center small{display:block; font-size:20px; font-weight:normal; color:#999; line-height:1.3em; } .cont_text{font-size:14px; line-height:1.6em; color:#666; overflow:hidden; clear:both; padding-bottom:15px; } .cont_text_info{font-size:14px; line-height:1.6em; color:#666; overflow:hidden; padding:15px; border:2px dashed #ddd; clear:both; margin-bottom:15px; } .cont_text_important{padding:1px 20px; border-left:5px solid #ddd; font-size:16px; color:#957958; line-height:1.3em; } .cont_img_right50p{display:block; width:50%; float:right; margin:0 0 20px 20px; } .cont_img_left50p{display:block; width:50%; float:left; margin:0 20px 20px 0; } @media all and (max-width:980px) { .h2_title{font-size:18px; padding:5px 15px; border-left:3px solid #000; } .h3_title{font-size:15px; padding:5px 15px; border-left:2px solid rgb(153, 153, 153); } .h3_tl{font-size:15px; padding:5px 15px; border-left:5px solid #2e64fa; } .cont_text{font-size:13px; line-height:1.4em; } .cont_text_info{font-size:13px; line-height:1.4em; } .cont_text_important{font-size:14px; padding:5px 15px; border-left:2px solid #ddd; } } @media all and (max-width:600px) { .h2_title_center{font-size:20px; } .h2_title_center small{font-size:13px; font-weight:normal; } .cont_text{font-size:12px; } .cont_text_info{font-size:12px; } .cont_text_important{font-size:13px; } } .figure_list{width:100%; overflow:hidden; padding:30px 0; } .figure_list li{width:25%; float:left; text-align:center; } .figure_list li i{display:block; margin:10px auto; width:100px; height:100px; line-height:100px; border-radius:50%; background:#ddd; font-size:3em; } .figure_list li strong{display:block; font-size:20px; color:#000; margin:5px; } .figure_list li span{display:block; font-size:13px; color:#999; margin:5px; } @media all and (max-width:650px) { .figure_list li{width:50%; float:left; text-align:center; } .figure_list li i{display:block; margin:10px auto; width:100px; height:100px; line-height:100px; border-radius:50%; background:#ddd; font-size:3em; } .figure_list li strong{font-size:16px; } .figure_list li span{font-size:11px; } } .basic_table{width:100%; overflow:auto;} .basic_table table{width:100%; border:1px solid #ddd; border-top:3px solid #ddd; border-collapse:collapse; border-spacing:0; } .basic_table table th, .basic_table table td{border:1px solid #ddd; padding:8px; } .basic_table table thead th{background:#ededed; padding:15px 8px; color:#000; text-align:center; } .basic_table table thead td{background:#ededed; padding:15px 8px; color:#000; text-align:center; } .basic_table table tbody th{background:#f5f5f5; color:#666; text-align:center; } .basic_table table tbody td{background:#ffffff; color:#666; } .basic_table table tfoot th{background:#fbfbfb; color:#999; text-align:center; } .basic_table table tfoot td{background:#fbfbfb; color:#999; } .youtube_area{position:relative;overflow:hidden;width:100%;padding-bottom:56.25%;clear:both;margin-bottom:10px;} .youtube_area iframe{position:absolute; left:0px;right:0px;top:0px;bottom:0px;width:100%;height:100%;} .figure_list{width:100%; max-width:1200px; margin:0 auto; text-align:center; padding:0; overflow:hidden;} .figure_list li{display:block; padding:20px 10px; width:25%; float:left;} .figure_list li i{display:block; margin:0 auto 5px; border-radius:50%; font-size:50px; width:150px; height:150px; line-height:150px; background:RGBA(0,0,0,0.05); color:#000; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;} .figure_list li strong{display:block; color:#222; font-size:20px; padding:5px 0;} .figure_list li span{display:block; color:#999; font-size:14px; font-style:normal; padding:5px 0;} .figure_list li:hover i{transform: scale(1.1) rotate(360deg);} .figure_list2 li{width:50%;} .figure_list3 li{width:33.333%;} .figure_list4 li{width:25%;} .figure_list5 li{width:20%;} @media all and (max-width:980px) { .figure_list li i{width:100px; height:100px; line-height:100px; font-size:36px;} .figure_list li strong{font-size:16px;} .figure_list li em{font-size:12px;} } @media all and (min-width:800px) { .figure_list2 li:nth-child(3), .figure_list2 li:nth-child(5), .figure_list2 li:nth-child(7), .figure_list2 li:nth-child(9){clear:both;} .figure_list3 li:nth-child(4), .figure_list3 li:nth-child(7), .figure_list3 li:nth-child(10), .figure_list3 li:nth-child(13){clear:both;} .figure_list4 li:nth-child(5), .figure_list4 li:nth-child(9), .figure_list4 li:nth-child(13), .figure_list4 li:nth-child(17){clear:both;} .figure_list5 li:nth-child(6), .figure_list5 li:nth-child(11), .figure_list5 li:nth-child(16), .figure_list5 li:nth-child(21){clear:both;} .figure_list5 li i{width:120px; height:120px; line-height:120px; font-size:36px;} .figure_list5 li strong{font-size:16px;} .figure_list5 li span{font-size:13px;} } @media all and (max-width:800px) { .figure_list li{width:50%; float:left;} .figure_list li i{width:100px; height:100px; line-height:100px; font-size:36px;} .figure_list li strong{font-size:14px;} .figure_list li span{font-size:12px;} .figure_list li:nth-child(odd){clear:both;} } .subBoxWebzineStyle{width:100%; max-width:1200px; margin:0 auto; text-align:center; padding:0 0 30px 0; overflow:hidden; word-break:keep-all;} .subBoxWebzineStyle li{display:block; padding:20px; width:25%; float:left; text-align:left; overflow:hidden;} .subBoxWebzineStyle li i{display:block; position:relative; overflow:hidden; margin:0 auto;} .subBoxWebzineStyle li i:after{content:'';border:1px solid RGBA(0,0,0,0.0)display:block; position:absolute; left:0px; right:0px; top:0px; bottom:0px;border:0px; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;} .subBoxWebzineStyle li i img{display:block; width:100%; margin:0 auto; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;} .subBoxWebzineStyle li strong{display:block; color:#000; font-size:18px; padding:15px 0;} .subBoxWebzineStyle li em{display:block; color:RGBA(0,0,0,0.5); font-size:14px; font-style:normal;} .subBoxWebzineStyle li u{display:block; clear:both; float:left; width:106px; text-decoration:none; margin-top:15px; border-top:1px solid #ddd; color:#999; padding:10px 15px;-webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;} .subBoxWebzineStyle li:hover u{color:#000; width:100%;} .subBoxWebzineStyle li:hover i:after{border:10px solid RGBA(0,0,0,0.2);padding:10px;} .subBoxWebzineStyle li:hover i img{transform: scale(1.1);} .subBoxWebzineStyle2 li{width:50%;} .subBoxWebzineStyle3 li{width:33.333%;} .subBoxWebzineStyle4 li{width:25%;} .subBoxWebzineStyle5 li{width:20%;} @media all and (max-width:980px) { .subBoxWebzineStyle li{padding:10px;} .subBoxWebzineStyle li strong{font-size:16px;} .subBoxWebzineStyle li em{font-size:12px;} } @media all and (min-width:800px) { .subBoxWebzineStyle2 li:nth-child(3), .subBoxWebzineStyle2 li:nth-child(5), .subBoxWebzineStyle2 li:nth-child(7), .subBoxWebzineStyle2 li:nth-child(9){clear:both;} .subBoxWebzineStyle3 li:nth-child(4), .subBoxWebzineStyle3 li:nth-child(7), .subBoxWebzineStyle3 li:nth-child(10), .subBoxWebzineStyle3 li:nth-child(13){clear:both;} .subBoxWebzineStyle4 li:nth-child(5), .subBoxWebzineStyle4 li:nth-child(9), .subBoxWebzineStyle4 li:nth-child(13), .subBoxWebzineStyle4 li:nth-child(17){clear:both;} .subBoxWebzineStyle5 li:nth-child(6), .subBoxWebzineStyle5 li:nth-child(11), .subBoxWebzineStyle5 li:nth-child(16), .subBoxWebzineStyle5 li:nth-child(21){clear:both;} } @media all and (max-width:800px) { .subBoxWebzineStyle li strong{font-size:14px;} .subBoxWebzineStyle li em{font-size:12px;} .subBoxWebzineStyle li{width:50% !important; float:left;} .subBoxWebzineStyle li:nth-child(odd){clear:both;} .subBoxWebzineStyle2 li, .subBoxWebzineStyle3 li{width:100% !important; float:none;} } /* ---- theme/knca/css/croe.2.5.0.css ---- */ /* croe's css updadted.24.04.02*/ /*html-font-css */ /* /* /* */ @media (max-width: 768px) {.sm-none {display:none!important;} .sm-center{text-align:center!important; margin:0 auto!important;} } @media (min-width: 769px) {.md-none {display:none!important;} } @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&family=Noto+Serif+KR:wght@100;200;300;400;500;600;700;800;900&display=swap'); .notosans {font-family: 'Noto Sans KR', sans-serif!important;} .notoserif {font-family: 'Noto Serif KR', serif!important;} .fs-7{ font-size: 7px!important;} .fs-8 { font-size: 8px!important;} .fs-9 { font-size: 9px!important;} .fs-10 { font-size: 10px!important;} .fs-11 { font-size: 11px!important;} .fs-12 { font-size: 12px!important;} .fs-13 {font-size: 12px !important;} .fs-14 { font-size: 14px!important;} .fs-15 { font-size: 15px!important;} .fs-16 { font-size: 16px!important;} .fs-18 { font-size: 18px!important;} .fs-20 { font-size: 20px!important;} .fs-22 { font-size: 22px!important;} .fs-24 { font-size: 24px!important;} .fs-25 { font-size: 25px!important;} .fs-26 { font-size: 26px!important;} .fs-28 { font-size: 28px!important;} .fs-30 { font-size: 30px!important;} .fs-35 { font-size: 35px!important;} .fs-40 { font-size: 40px!important;} .fs-50 { font-size: 50px!important;} .fs-60 { font-size: 60px!important;} .fs-70 { font-size: 70px!important;} .fs-80 { font-size: 80px!important;} .fs-90 { font-size: 90px!important;} .fs-100 { font-size: 100px!important;} .rem-03 { font-size: 0.3rem!important;} .rem-04 { font-size: 0.4rem!important;} .rem-05 { font-size: 0.5rem!important;} .rem-06 { font-size: 0.6rem!important;} .rem-065 { font-size: 0.65rem!important;} .rem-07 { font-size: 0.7rem!important;} .rem-075 { font-size: 0.75rem!important;} .rem-08 { font-size: 0.8rem!important;} .rem-085 { font-size: 0.85rem!important;} .rem-09 { font-size: 0.9rem!important;} .rem-095 { font-size: 0.95rem!important;} .rem-10 { font-size: 1rem!important;} .rem-105 { font-size: 1.05rem!important;} .rem-11 { font-size: 1.1rem!important;} .rem-115 { font-size: 1.15rem!important;} .rem-12 { font-size: 1.2rem!important;} .rem-13 { font-size: 1.3rem!important;} .rem-14 { font-size: 1.4rem!important;} .rem-15 { font-size: 1.5rem!important;} .rem-16 { font-size: 1.6rem!important;} .rem-17 { font-size: 1.7rem!important;} .rem-18 { font-size: 1.8rem!important;} .rem-19 { font-size: 1.9rem!important;} .rem-20 { font-size: 2rem!important;} .rem-25 { font-size: 2.5rem!important;} .rem-30 { font-size: 3rem!important;} .fw-100 { font-weight: 100!important;} .fw-200 { font-weight: 200!important;} .fw-300 { font-weight: 300!important;} .fw-400 { font-weight: 400!important;} .fw-500 { font-weight: 500!important;} .fw-600 { font-weight: 600!important;} .fw-700 { font-weight: 700!important;} .fw-800 { font-weight: 800!important;} .fw-900 { font-weight: 900!important;} .w-10{width: 10%!important;} .w-20{width: 20%!important;} .w-25{width: 25%!important;} .w-30{width: 30%!important;} .w-40{width: 40%!important;} .w-50{width: 50%!important;} .w-60{width: 60%!important;} .w-70{width: 70%!important;} .w-75{width: 75%!important;} .w-80{width: 80%!important;} .w-90{width: 90%!important;} .w20{width: 20px!important;} .w30{width: 30px!important;} .w40{width: 40px!important;} .w50{width: 50px!important;} .w60{width: 60px!important;} .w70{width: 70px!important;} .w80{width: 80px!important;} .w90{width: 90px!important;} .w100{width: 100px!important;} .w150{width: 150px!important;} .w200{width: 200px!important;} .w250{width: 250px!important;} .w300{width: 300px!important;} .w350{width: 350px!important;} .w400{width: 400px!important;} .w450{width: 450px!important;} .w500{width: 500px!important;} .w600{width: 600px!important;} .w700{width: 700px!important;} .w800{width: 800px!important;} .w900{width: 900px!important;} .height10{height:10px!important; width:auto;} .height20{height:20px!important; width:auto;} .height30{height:30px!important; width:auto;} .height40{height:40px!important; width:auto;} .height50{height:50px!important; width:auto;} .height60{height:60px!important; width:auto;} .height70{height:70px!important; width:auto;} .height80{height:80px!important; width:auto;} .height90{height:90px!important; width:auto;} .height100{height:100px!important; width:auto;} .height150{height:150px!important; width:auto;} .height200{height:200px!important; width:auto;} .height250{height:250px!important; width:auto;} .height300{height:300px!important; width:auto;} .height350{height:350px!important; width:auto;} .height400{height:400px!important; width:auto;} .height450{height:450px!important; width:auto;} .height500{height:500px!important; width:auto;} .height500{height:500px!important; width:auto;} .height600{height:600px!important; width:auto;} .height700{height:700px!important; width:auto;} .height800{height:800px!important; width:auto;} .height800{height:800px!important; width:auto;} .height-10{height:10%!important; width:auto;} .height-20{height:20%!important; width:auto;} .height-30{height:30%!important; width:auto;} .height-40{height:40%!important; width:auto;} .height-50{height:50%!important; width:auto;} .height-60{height:60%!important; width:auto;} .height-70{height:70%!important; width:auto;} .height-80{height:80%!important; width:auto;} .height-90{height:90%!important; width:auto;} .height-100{height:100%!important; width:auto;} .height-150{height:150%!important; width:auto;} .height-200{height:200%!important; width:auto;} .vh-200 {height: 200vh!important;} .vh-100 {height: 100vh!important;} .vh-90 {height: 90vh!important;} .vh-80 {height: 80vh!important;} .vh-70 {height: 70vh!important;} .vh-60 {height: 60vh!important;} .vh-50 {height: 50vh!important;} .vh-40 {height: 40vh!important;} .vh-30 {height: 30vh!important;} .vh-25 {height: 25vh!important;} .vh-20 {height: 20vh!important;} .vh-10 {height: 10vh!important;} .bg-gray-trans05 { background: rgba(128, 128, 128, 0.05) !important; color: #000; } .bg-gray-trans10 { background: rgba(128, 128, 128, 0.1) !important; color: #000; } .bg-gray-trans20 { background: rgba(128, 128, 128, 0.2) !important; color: #000; } .bg-gray-trans30 { background: rgba(128, 128, 128, 0.3) !important; color: #000; } .bg-gray-trans40 { background: rgba(128, 128, 128, 0.4) !important; color: #000; } .bg-gray-trans50 { background: rgba(128, 128, 128, 0.5) !important; color: #fff; } .bg-gray-trans60 { background: rgba(128, 128, 128, 0.6) !important; color: #fff; } .bg-gray-trans70 { background: rgba(128, 128, 128, 0.7) !important; color: #fff; } .bg-gray-trans80 { background: rgba(128, 128, 128, 0.8) !important; color: #fff; } .bg-gray-trans90 { background: rgba(128, 128, 128, 0.9) !important; color: #fff; } .bg-white-trans05 { background: rgba(255, 255, 255, 0.05) !important; color: #000; } .bg-white-trans10 { background: rgba(255, 255, 255, 0.1) !important; color: #000; } .bg-white-trans20 { background: rgba(255, 255, 255, 0.2) !important; color: #000; } .bg-white-trans30 { background: rgba(255, 255, 255, 0.3) !important; color: #000; } .bg-white-trans40 { background: rgba(255, 255, 255, 0.4) !important; color: #000; } .bg-white-trans50 { background: rgba(255, 255, 255, 0.5) !important; color: #000; } .bg-white-trans60 { background: rgba(255, 255, 255, 0.6) !important; color: #000; } .bg-white-trans70 { background: rgba(255, 255, 255, 0.7) !important; color: #000; } .bg-white-trans80 { background: rgba(255, 255, 255, 0.8) !important; color: #000; } .bg-white-trans90 { background: rgba(255, 255, 255, 0.9) !important; color: #000; } /* Gray Colors */ .bg-gray0 { background: #ffffff!important; color: #000; } .bg-gray1 { background: #f8f8f8!important; color: #000; } .bg-gray2 { background: #f0f0f0!important; color: #000; } .bg-gray3 { background: #e8e8e8!important; color: #000; } .bg-gray4 { background: #e0e0e0!important; color: #000; } .bg-gray5 { background: #d8d8d8!important; color: #000; } .bg-gray6 { background: #d0d0d0!important; color: #000; } .bg-gray7 { background: #c8c8c8!important; color: #000; } .bg-gray8 { background: #c0c0c0!important; color: #000; } .bg-gray9 { background: #b8b8b8!important; color: #000; } .bg-gray10 { background: #b0b0b0!important; color: #000; } .bg-gray20 { background: #a7aaad!important; color: #fff; } .bg-gray30 { background: #8c8f94!important; color: #fff; } .bg-gray40 { background: #646970!important; color: #fff; } .bg-gray50 { background: #50575e!important; color: #fcfcfc; } .bg-gray60 { background: #3c434a!important; color: #fff; } .bg-gray70 { background: #2c3338!important; color: #fff; } .bg-gray80 { background: #1d2327!important; color: #fff; } .bg-gray90 { background: #101517!important; color: #fff; } /* Blue Colors */ .bg-blue0 { background: #f0f6fc!important; color: #000; } .bg-blue1 { background: #e0eef9!important; color: #000; } .bg-blue2 { background: #d0e6f6!important; color: #000; } .bg-blue3 { background: #c0def3!important; color: #000; } .bg-blue4 { background: #b0d6f0!important; color: #000; } .bg-blue5 { background: #a0ceec!important; color: #000; } .bg-blue6 { background: #90c6e9!important; color: #000; } .bg-blue7 { background: #80bee6!important; color: #000; } .bg-blue8 { background: #70b6e3!important; color: #000; } .bg-blue9 { background: #60aee0!important; color: #000; } .bg-blue10 { background: #50a6dd!important; color: #000; } .bg-blue20 { background: #72aee6!important; color: #000; } .bg-blue30 { background: #4f94d4!important; color: #fff; } .bg-blue40 { background: #3582c4!important; color: #fff; } .bg-blue50 { background: #2271b1!important; color: #fff; } .bg-blue60 { background: #135e96!important; color: #fff; } .bg-blue70 { background: #0a4b78!important; color: #fff; } .bg-blue80 { background: #043959!important; color: #fff; } .bg-blue90 { background: #01263a!important; color: #fff; } .bg-blue100 { background: #00131c!important; color: #fff; } /* Red Colors */ .bg-red0 { background: #fff0f0!important; color: #000; } .bg-red1 { background: #ffe0e0!important; color: #000; } .bg-red2 { background: #ffd0d0!important; color: #000; } .bg-red3 { background: #ffc0c0!important; color: #000; } .bg-red4 { background: #ffb0b0!important; color: #000; } .bg-red5 { background: #ffa0a0!important; color: #000; } .bg-red6 { background: #ff9090!important; color: #000; } .bg-red7 { background: #ff8080!important; color: #000; } .bg-red8 { background: #ff7070!important; color: #000; } .bg-red9 { background: #ff6060!important; color: #000; } .bg-red10 { background: #ff5050!important; color: #000; } .bg-red20 { background: #e64646!important; color: #000; } .bg-red30 { background: #cc3c3c!important; color: #000; } .bg-red40 { background: #e65054!important; color: #fff; } .bg-red50 { background: #d36338!important; color: #fff; } .bg-red60 { background: #b32d2e!important; color: #fff; } .bg-red70 { background: #8a2424!important; color: #fff; } .bg-red80 { background: #691c1c!important; color: #fff; } .bg-red90 { background: #451313!important; color: #fff; } .bg-red100 { background: #240a0a!important; color: #fff; } /* Yellow Colors */ .bg-yellow0 { background: #fcf9e8!important; color: #000; } .bg-yellow1 { background: #faf7d9!important; color: #000; } .bg-yellow2 { background: #f8f4ca!important; color: #000; } .bg-yellow3 { background: #f6f1bb!important; color: #000; } .bg-yellow4 { background: #f4eeac!important; color: #000; } .bg-yellow5 { background: #f2eb9d!important; color: #000; } .bg-yellow6 { background: #f0e88e!important; color: #000; } .bg-yellow7 { background: #eee57f!important; color: #000; } .bg-yellow8 { background: #ece270!important; color: #000; } .bg-yellow9 { background: #eadf61!important; color: #000; } .bg-yellow10 { background: #e8dc52!important; color: #000; } .bg-yellow20 { background: #f0c33c!important; color: #000; } .bg-yellow30 { background: #dba617!important; color: #000; } .bg-yellow40 { background: #bd8600!important; color: #fff; } .bg-yellow50 { background: #996800!important; color: #fff; } .bg-yellow60 { background: #755100!important; color: #fff; } .bg-yellow70 { background: #614200!important; color: #fff; } .bg-yellow80 { background: #4a3200!important; color: #fff; } .bg-yellow90 { background: #362400!important; color: #fff; } .bg-yellow100 { background: #211600!important; color: #fff; } /* Green Colors */ .bg-green0 { background: #f0f7f0!important; color: #000; } .bg-green1 { background: #e5f2e5!important; color: #000; } .bg-green2 { background: #d9edd9!important; color: #000; } .bg-green3 { background: #cee8ce!important; color: #000; } .bg-green4 { background: #c2e3c2!important; color: #000; } .bg-green5 { background: #b7deb7!important; color: #000; } .bg-green6 { background: #abd9ab!important; color: #000; } .bg-green7 { background: #a0d4a0!important; color: #000; } .bg-green8 { background: #94cf94!important; color: #000; } .bg-green9 { background: #89ca89!important; color: #000; } .bg-green10 { background: #7dc57d!important; color: #000; } .bg-green20 { background: #1ed14b!important; color: #000; } .bg-green30 { background: #00ba37!important; color: #fff; } .bg-green40 { background: #00a32a!important; color: #fff; } .bg-green50 { background: #008a20!important; color: #fff; } .bg-green60 { background: #007017!important; color: #fff; } .bg-green70 { background: #005c12!important; color: #fff; } .bg-green80 { background: #00450c!important; color: #fff; } .bg-green90 { background: #003008!important; color: #fff; } .bg-green100 { background: #001c05!important; color: #fff; } .bg-white{background-color:#fff!important;; color:#000;} .bg-blue{background-color: #2e81ec!important;; color: #fff;} .bg-dark{background-color:#202020!important;; color:#fff;} .bg-gray{background-color: #525252!important;; color: #fff; } .bg-orange{background-color: #e7af14!important;; color: #fff; } .bg-red{background-color: #f54646!important;; color: #fff; } .bg-grayl{background-color: #f1f0f0!important; color: #111111; } .bg-bluel{background-color: #d4e3ec!important; color: #111111; } .bg-redl{background-color: #f8e4e4!important; color: #111111; } .bg-yellowl{background-color: #f2f3d1!important; color: #111111; } .bg-gray-l {background: linear-gradient( to left, white, #d5d7d9)!important;} .bg-gray-r {background: linear-gradient( to right, white, #d5d7d9)!important;} .bg-gray-t {background: linear-gradient( to top, white, #d5d7d9)!important;} .bg-gray-b {background: linear-gradient( to bottom, white, #d5d7d9)!important;} .bg-red-l {background: linear-gradient( to left, white, #fbe4e0)!important;} .bg-red-r {background: linear-gradient( to right, white, #fbe4e0)!important;} .bg-red-t {background: linear-gradient( to top, white, #fbe4e0)!important;} .bg-red-b {background: linear-gradient( to bottom, white, #fdc2b7)!important;} .bg-blue-l{background: linear-gradient( to left, white, #d8eff8 )!important;} .bg-blue-r{background: linear-gradient( to right, white, #d8eff8 )!important;} .bg-blue-t{background: linear-gradient( to top, white, #d8eff8 )!important;} .bg-blue-b{background: linear-gradient( to bottom, white, #9ed8fa )!important;} .bg-black-l {background: linear-gradient( to left,white, #eaf5f5)!important;} .bg-black-r {background: linear-gradient( to right,white, #eaf5f5)!important;} .bg-black-t {background: linear-gradient( to top, white, #eaf5f5)!important;} .bg-black-b {background: linear-gradient( to bottom, white, #a4a5a5)!important;} .bg-yellow-l {background: linear-gradient( to left, white, #f0eac1)!important;} .bg-green-l {background: linear-gradient( to left, white, #92be92 )!important;} .bg-orange-l {background: linear-gradient( to left, white, #eed0a8 )!important;} .bg-yellow-r {background: linear-gradient( to right, white, #f8f1bc)!important;} .bg-green-r {background: linear-gradient( to right, white, #92be92 )!important;} .bg-orange-r {background: linear-gradient( to right, white, #f8ebda )!important;} .bg-yellow-t {background: linear-gradient( to top, white, #f0eac1)!important;} .bg-green-t {background: linear-gradient( to top, white, #92be92 )!important;} .bg-orange-t {background: linear-gradient( to top, white, #eed0a8 )!important;} .bg-yellow-b {background: linear-gradient( to bottom, white, #f8f1bc)!important;} .bg-green-b {background: linear-gradient( to bottom, white, #92be92 )!important;} .bg-orange-b {background: linear-gradient( to bottom, white, #f8ebda )!important;} .bg-gray--r {background: linear-gradient( to right, gray, #f1f1f1 )!important;} .bg-blue--r {background: linear-gradient( to right, skyblue, #c4deff )!important;} .bg-red--r {background: linear-gradient( to right, red, #f59679 )!important;} .bg-orange--r {background: linear-gradient( to right, #e7af14, #f9facb )!important;} .bg-transparent{background-color:transparent!important;} .opacity-01 { opacity: 0.1 !important; } .opacity-015 { opacity: 0.15 !important; } .opacity-02 { opacity: 0.2 !important; } .opacity-025 { opacity: 0.25 !important; } .opacity-03 { opacity: 0.3 !important; } .opacity-035 { opacity: 0.35 !important; } .opacity-04 { opacity: 0.4 !important; } .opacity-045 { opacity: 0.45 !important; } .opacity-05 { opacity: 0.5 !important; } .opacity-055 { opacity: 0.55 !important; } .opacity-06 { opacity: 0.6 !important; } .opacity-065 { opacity: 0.65 !important; } .opacity-07 { opacity: 0.7 !important; } .opacity-075 { opacity: 0.75 !important; } .opacity-08 { opacity: 0.8 !important; } .opacity-085 { opacity: 0.85 !important; } .opacity-09 { opacity: 0.9 !important; } .opacity-095 { opacity: 0.95 !important; } .opacity-1 { opacity: 1 !important; } /* Gray Colors (�ؽ�Ʈ) */ .text-gray1 { color: #f6f7f7!important; } /* ���� ���� ȸ�� */ .text-gray2 { color: #f0f0f1!important; } .text-gray3 { color: #dcdcdc!important; } .text-gray4 { color: #c3c4c7!important; } .text-gray5 { color: #a7aaad!important; } .text-gray6 { color: #8c8f94!important; } .text-gray7 { color: #646970!important; } .text-gray8 { color: #50575e!important; } .text-gray9 { color: #3c434a!important; } .text-gray10 { color: #2c3338!important; } /* ��ο� ȸ�� */ /* Blue Colors (�ؽ�Ʈ) */ .text-blue1 { color: #f0f6fc!important; } /* ���� ���� �Ķ��� */ .text-blue2 { color: #c5d9ed!important; } .text-blue3 { color: #9ec2e6!important; } .text-blue4 { color: #72aee6!important; } .text-blue5 { color: #4f94d4!important; } .text-blue6 { color: #3582c4!important; } .text-blue7 { color: #2271b1!important; } .text-blue8 { color: #135e96!important; } .text-blue9 { color: #0a4b78!important; } .text-blue10 { color: #00131c!important; } /* �ſ� ��ο� �Ķ��� */ /* Green Colors (텍스트) */ .text-green1 { color: #f0f7f0 !important; } /* 가장 밝은 초록 */ .text-green2 { color: #d4ebd4 !important; } .text-green3 { color: #b8dfb8 !important; } .text-green4 { color: #9cd39c !important; } .text-green5 { color: #80c780 !important; } .text-green6 { color: #64bb64 !important; } .text-green7 { color: #48af48 !important; } .text-green8 { color: #2c932c !important; } .text-green9 { color: #1b771b !important; } .text-green10 { color: #0a5b0a !important; } /* 가장 어두운 초록 */ /* �ſ� ��ο� �Ķ��� */ /* Red Colors (�ؽ�Ʈ) */ .text-red1 { color: #fcf0f1!important; } /* ���� ���� ������ */ .text-red2 { color: #facfd2!important; } .text-red3 { color: #ffabab!important; } .text-red4 { color: #f37979!important; } .text-red5 { color: #f86368!important; } .text-red6 { color: #e65054!important; } .text-red7 { color: #d36338!important; } .text-red8 { color: #b32d2e!important; } .text-red9 { color: #8a2424!important; } .text-red10 { color: #240a0a!important; } /* �ſ� ��ο� ������ */ /* Yellow Colors (�ؽ�Ʈ) */ .text-yellow1 { color: #fcf9e8!important; } /* ���� ���� ����� */ .text-yellow2 { color: #f5e6ab!important; } .text-yellow3 { color: #f2d675!important; } .text-yellow4 { color: #f0c33c!important; } .text-yellow5 { color: #dba617!important; } .text-yellow6 { color: #bd8600!important; } .text-yellow7 { color: #996800!important; } .text-yellow8 { color: #755100!important; } .text-yellow9 { color: #614200!important; } .text-yellow10 { color: #211600!important; } /* �ſ� ��ο� ����� */ .text-gold { color: #dba617 !important;} /* Black Colors (�ؽ�Ʈ) */ .text-black1 { color: #f6f6f6!important; } /* ���� ����� ����� ������ */ .text-black2 { color: #d0d0d0!important; } /* ���� ������ */ .text-black3 { color: #a8a8a8!important; } .text-black4 { color: #808080!important; } .text-black5 { color: #5a5a5a!important; } .text-black6 { color: #434343!important; } .text-black7 { color: #2d2d2d!important; } .text-black8 { color: #1a1a1a!important; } .text-black9 { color: #0f0f0f!important; } .text-black10 { color: #000000!important; } /* ������ ������ */ .text-white{color:#fff!important;} .text-black{color:#000!important;} .text-red{color:#f70000!important;} .text-blue{color:#09365c!important;} .text-green{color:#063324!important;} .text-gray{color:#3f3d3d!important;} .text-yellow{color:#eecc5b!important;} .text-orange{color:#e6a312!important;} .text-link{color:#106faf;} .text-link:hover{color:#451313; font-weight:900;} .underline-none{text-decoration: none!important; } .underline{text-decoration: underline!important;} .underline-dot{text-decoration: underline dotted!important;} .underline-wavy{text-decoration: green wavy underline!important;} .text-center{text-align:center!important;} .text-left{text-align:left!important;} .text-right{text-align:right!important;} .div-center{margin:0 auto!important;} .float-left{float:left!important;} .float-right{float:right!important;} .word-short {max-width:90%; display: inline-block; overflow:hidden; text-overflow:ellipsis !important; white-space: nowrap;} .hash-tag {max-width:90%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .line-50 {height: 50px; width: 30px; margin:0px; padding:0; } .line-30 {height: 30px; width: 30px; margin:0px; padding:0; } .line-25 {height: 25px; width: 50px; margin:0px; padding:0; background-color: lightgray;} .line-20 {height: 20px; width: 50px; margin:0; padding:0; background-color: lightgray;} .line-15 {height: 15px; width: 50px; margin:0px; padding:0; background-color: lightgray;} .line-10 {height: 10px; width: 50px; margin:0; padding:0; background-color: lightgray;} .line-8 {height: 8px; width: 50px; margin:0px; padding:0; background-color: lightgray;} .line-7 {height: 7px; width: 50px; margin:0px; padding:0; background-color: lightgray;} .line-5 {height: 5px; width: 50px; margin:0; padding:0; background-color: lightgray;} .line-4 {height: 4px; width: 50px; margin:0px; padding:0; background-color: lightgray;} .line-3 {height: 3px; width: 50px; margin:0px; padding:0; background-color: lightgray;} .line-2 {height: 2px; width: 50px; margin:0px; padding:0; background-color: lightgray;} .line-1 {height: 1px; width: 50px; margin:0px; padding:0; background-color: lightgray;} .line-5-red {height: 5px; width: 50px; background-color: #db360d;} .line-5-blue{height: 5px; width: 50px; background-color: #0c2cb8;} .outline{border:1px solid #d4d4d4!important; } .box {padding:5px 10px; border:1px solid #acabab!important; border-radius:5px; } .box-xs {padding:3px 5px; font-size:8px; border:1px solid #acabab!important; border-radius:5px; } .box-sm {padding:5px 10px; font-size:12px; border:1px solid #acabab!important; border-radius:5px; } .box-md {padding:10px 15px; font-size:14px; border:1px solid #acabab!important; border-radius:8px; } .box-lg {padding: 12px 20px; font-size:16px; border:1px solid #acabab!important; border-radius:10px; } .box-xl {padding: 15px 30px; font-size:18px; border:1px solid #acabab!important; border-radius:10px; } .box-o {padding: 2px; width:20px; height:20px; border:1px solid #acabab!important; border-radius:100%; } .border-red01 { border: 1px solid rgba(245, 105, 105, 0.1) !important; } .border-red02 { border: 1px solid rgba(245, 105, 105, 0.2) !important; } .border-red03 { border: 1px solid rgba(245, 105, 105, 0.3) !important; } .border-red04 { border: 1px solid rgba(245, 105, 105, 0.4) !important; } .border-red05 { border: 1px solid rgba(245, 105, 105, 0.5) !important; } .border-red06 { border: 1px solid rgba(245, 105, 105, 0.6) !important; } .border-red07 { border: 1px solid rgba(245, 105, 105, 0.7) !important; } .border-red08 { border: 1px solid rgba(245, 105, 105, 0.8) !important; } .border-red09 { border: 1px solid rgba(245, 105, 105, 0.9) !important; } .border-red10 { border: 1px solid rgba(245, 105, 105, 1.0) !important; } .border-blue01 { border: 1px solid rgba(78, 106, 233, 0.1) !important; } .border-blue02 { border: 1px solid rgba(78, 106, 233, 0.2) !important; } .border-blue03 { border: 1px solid rgba(78, 106, 233, 0.3) !important; } .border-blue04 { border: 1px solid rgba(78, 106, 233, 0.4) !important; } .border-blue05 { border: 1px solid rgba(78, 106, 233, 0.5) !important; } .border-blue06 { border: 1px solid rgba(78, 106, 233, 0.6) !important; } .border-blue07 { border: 1px solid rgba(78, 106, 233, 0.7) !important; } .border-blue08 { border: 1px solid rgba(78, 106, 233, 0.8) !important; } .border-blue09 { border: 1px solid rgba(78, 106, 233, 0.9) !important; } .border-blue10 { border: 1px solid rgba(78, 106, 233, 1.0) !important; } .border-green01 { border: 1px solid rgba(52, 243, 179, 0.1) !important; } .border-green02 { border: 1px solid rgba(52, 243, 179, 0.2) !important; } .border-green03 { border: 1px solid rgba(52, 243, 179, 0.3) !important; } .border-green04 { border: 1px solid rgba(52, 243, 179, 0.4) !important; } .border-green05 { border: 1px solid rgba(52, 243, 179, 0.5) !important; } .border-green06 { border: 1px solid rgba(52, 243, 179, 0.6) !important; } .border-green07 { border: 1px solid rgba(52, 243, 179, 0.7) !important; } .border-green08 { border: 1px solid rgba(52, 243, 179, 0.8) !important; } .border-green09 { border: 1px solid rgba(52, 243, 179, 0.9) !important; } .border-green10 { border: 1px solid rgba(52, 243, 179, 1.0) !important; } .border-yellow01 { border: 1px solid rgba(241, 174, 27, 0.1) !important; } .border-yellow02 { border: 1px solid rgba(241, 174, 27, 0.2) !important; } .border-yellow03 { border: 1px solid rgba(241, 174, 27, 0.3) !important; } .border-yellow04 { border: 1px solid rgba(241, 174, 27, 0.4) !important; } .border-yellow05 { border: 1px solid rgba(241, 174, 27, 0.5) !important; } .border-yellow06 { border: 1px solid rgba(241, 174, 27, 0.6) !important; } .border-yellow07 { border: 1px solid rgba(241, 174, 27, 0.7) !important; } .border-yellow08 { border: 1px solid rgba(241, 174, 27, 0.8) !important; } .border-yellow09 { border: 1px solid rgba(241, 174, 27, 0.9) !important; } .border-yellow10 { border: 1px solid rgba(241, 174, 27, 1.0) !important; } .border-gray01 { border: 1px solid rgba(117, 117, 117, 0.1) !important; } .border-gray02 { border: 1px solid rgba(117, 117, 117, 0.2) !important; } .border-gray03 { border: 1px solid rgba(117, 117, 117, 0.3) !important; } .border-gray04 { border: 1px solid rgba(117, 117, 117, 0.4) !important; } .border-gray05 { border: 1px solid rgba(117, 117, 117, 0.5) !important; } .border-gray06 { border: 1px solid rgba(117, 117, 117, 0.6) !important; } .border-gray07 { border: 1px solid rgba(117, 117, 117, 0.7) !important; } .border-gray08 { border: 1px solid rgba(117, 117, 117, 0.8) !important; } .border-gray09 { border: 1px solid rgba(117, 117, 117, 0.9) !important; } .border-gray10 { border: 1px solid rgba(117, 117, 117, 1.0) !important; } .border-red10 { border: 1px solid #f56969 !important; } .border-blue10 { border: 1px solid #4e6ae9 !important; } .border-green10 { border: 1px solid #34f3b3 !important; } .border-yellow10 { border: 1px solid #f1ae1b !important; } .border-gray10 { border: 1px solid rgba(109, 109, 109, 0.5) !important; } /* 기본 테두리 */ .border-0{border: 0px solid #d1d3d3 !important;} .border-1{border:1px solid #d1d3d3!important; } .border-2{border:2px solid #d1d3d3!important; } .border-3{border:3px solid #d1d3d3!important; } /* 하단 테두리 */ .border-b0 {border-bottom: 0px solid rgb(209, 211, 211) !important;} .border-b1{border-bottom:1px solid rgb(157, 158, 158)!important; } .border-b2{border-bottom:2px solid rgb(189, 192, 192)!important; } .border-b3{border-bottom:3px solid rgb(189, 192, 192)!important; } /* 상단 테두리 */ .border-t0{border-top:0px solid rgb(189, 192, 192)!important; } .border-t1{border-top:1px solid rgb(189, 192, 192)!important; } .border-t2{border-top:2px solid rgb(189, 192, 192)!important; } .border-t3{border-top:3px solid rgb(189, 192, 192)!important; } /* 좌측 테두리 */ .border-l0{border-left:0px solid rgb(189, 192, 192)!important; } .border-l1{border-left:1px solid rgb(189, 192, 192)!important; } .border-l2{border-left:2px solid rgb(189, 192, 192)!important; } .border-l3{border-left:3px solid rgb(189, 192, 192)!important; } /* 우측 테두리 */ .border-r0{border-right:0px solid rgb(189, 192, 192)!important; } .border-r1{border-right:1px solid rgb(189, 192, 192)!important; } .border-r2{border-right:2px solid rgb(189, 192, 192)!important; } .border-r3{border-right:3px solid rgb(189, 192, 192)!important; } /* 빨간색 테두리 */ .border-red-b1{border-bottom:1px solid #f56969!important; } .border-red-t1{border-top:1px solid #f56969!important; } .border-red-l1{border-left:1px solid #f56969!important; } .border-red-r1{border-right:1px solid #f56969!important; } /* 파란색 테두리 */ .border-blue-b1{border-bottom:1px solid #4e6ae9!important; } .border-blue-t1{border-top:1px solid #4e6ae9!important; } .border-blue-l1{border-left:1px solid #4e6ae9!important; } .border-blue-r1{border-right:1px solid #4e6ae9!important; } /* 녹색 테두리 */ .border-green-b1{border-bottom:1px solid #34f3b3!important; } .border-green-t1{border-top:1px solid #34f3b3!important; } .border-green-l1{border-left:1px solid #34f3b3!important; } .border-green-r1{border-right:1px solid #34f3b3!important; } /* 노란색 테두리 */ .border-yellow-b1{border-bottom:1px solid #f1ae1b!important; } .border-yellow-t1{border-top:1px solid #f1ae1b!important; } .border-yellow-l1{border-left:1px solid #f1ae1b!important; } .border-yellow-r1{border-right:1px solid #f1ae1b!important; } /* 회색 테두리 */ .border-gray-b1{border-bottom:1px solid rgba(117, 117, 117, 1.0)!important; } .border-gray-t1{border-top:1px solid rgba(117, 117, 117, 1.0)!important; } .border-gray-l1{border-left:1px solid rgba(117, 117, 117, 1.0)!important; } .border-gray-r1{border-right:1px solid rgba(117, 117, 117, 1.0)!important; } /* 검은색 테두리 */ .border-black-b1{border-bottom:1px solid #333333 !important; } .border-black-t1{border-top:1px solid #333333!important; } .border-black-l1{border-left:1px solid #333333!important; } .border-black-r1{border-right:1px solid #333333!important; } .radius-0{border-radius: 0px!important;} .radius-5{border-radius: 5px!important;} .radius-10{border-radius: 10px!important;} .radius-20{border-radius: 20px!important;} .radius50{border-radius: 50px!important;} .radius100{border-radius: 100px!important;} .radius-50{border-radius: 50%!important;} .radius-60{border-radius: 60%!important;} .radius-100{border-radius: 100%!important;} .radius-t10 {border-top-left-radius: 10px !important; border-top-right-radius: 10px !important;} .radius-b10 {border-bottom-left-radius: 10px !important; border-bottom-right-radius: 10px !important;} .d-flex {display: flex!important;} .flex-x-center {display: flex!important; justify-content: center!important; } .flex-x-end {display: flex!important; justify-content: flex-end!important; } .flex-x-start {display: flex!important; justify-content: flex-start!important; } .flex-x-between {display: flex!important; justify-content: space-between!important; } .flex-center {display: flex; align-items: center!important; justify-content: center!important; } .flex-y-start {display: flex; align-items: flex-start!important; } .flex-y-end {display: flex; align-items: flex-end!important; } .flex-y-center {display: flex; align-items: center!important; } .absolute {position: absolute; z-index: 1;} .relative {position: relative; z-index: 1;} .z-1000 {z-index: 1000;} .pos-top {position: relative; z-index: 1000;} .mp-0{margin: 0 !important; padding:0!important;} .mpy-0{margin-top: 0 !important; margin-bottom:0!important; padding-top:0!important; padding-bottom:0!important;} .mpx-0{margin-left: 0 !important; margin-right:0!important; padding-left:0!important; padding-right:0!important;} .mx-0{margin-left: 0px !important; margin-right:0px!important; } .mx-5{margin-left: 5px !important; margin-right:5px!important; } .mx-10{margin-left: 10px !important; margin-right:10px!important; } .mx-12{margin-left: 12px !important; margin-right:12px!important; } .mx-15 {margin-left: 15px !important; margin-right:15px!important; } .mx-20{margin-left: 20px !important; margin-right:20px!important; } .mx-25{margin-left: 25px !important; margin-right:25px!important; } .mx-30{margin-left: 30px !important; margin-right:30px!important; } .mx-35{margin-left: 35px !important; margin-right:35px!important; } .mx-40{margin-left: 40px !important; margin-right:40px!important; } .mx-50{margin-left: 50px !important; margin-right:50px!important; } .mx-60{margin-left: 60px !important; margin-right:60px!important; } .mx-70{margin-left: 70px !important; margin-right:70px!important; } .mx-80{margin-left: 80px !important; margin-right:80px!important; } .mx-90{margin-left: 90px !important; margin-right:90px!important; } .my-0{margin-top: 0px !important; margin-bottom:0px!important; } .my-5{margin-top: 5px !important; margin-bottom:5px!important; } .my-10{margin-top: 10px !important; margin-bottom:10px!important; } .my-12{margin-top: 12px !important; margin-bottom:12px!important; } .my-15{margin-top: 15px !important; margin-bottom:15px!important; } .my-20{margin-top: 20px !important; margin-bottom:20px!important; } .my-25{margin-top: 25px !important; margin-bottom:25px!important; } .my-30{margin-top: 30px !important; margin-bottom:30px!important; } .my-35{margin-top: 35px !important; margin-bottom:35px!important; } .my-40{margin-top: 40px !important; margin-bottom:40px!important; } .my-50{margin-top: 50px !important; margin-bottom:50px!important; } .my-60{margin-top: 60px !important; margin-bottom:60px!important; } .px-5{padding-left:5px!important; padding-right:5px!important;} .px-10{padding-left:10px!important; padding-right:10px!important;} .px-12{padding-left:12px!important; padding-right:12px!important;} .px-15{padding-left:15px!important; padding-right:15px!important;} .px-20{padding-left:20px!important; padding-right:20px!important;} .px-25{padding-left:25px!important; padding-right:25px!important;} .px-30{padding-left:30px!important; padding-right:30px!important;} .px-35{padding-left:35px!important; padding-right:35px!important;} .px-40{padding-left:40px!important; padding-right:40px!important;} .px-50{padding-left:50px!important; padding-right:50px!important;} .py-5{ padding-top:5px!important; padding-bottom:5px!important;} .py-10{ padding-top:10px!important; padding-bottom:10px!important;} .py-12{ padding-top:12px!important; padding-bottom:12px!important;} .py-15{ padding-top:15px!important; padding-bottom:15px!important;} .py-20{ padding-top:20px!important; padding-bottom:20px!important;} .py-10{ padding-top:25px!important; padding-bottom:25px!important;} .py-30{ padding-top:30px!important; padding-bottom:30px!important;} .py-10{ padding-top:35px!important; padding-bottom:35px!important;} .m0{margin: 0 !important; } .m5{margin: 5px !important; } .m10{margin: 10px !important; } .m15{margin: 15px !important; } .m20{margin: 20px !important; } .m25{margin: 20px !important; } .m30{margin: 30px !important; } .mt0 {margin-top: 0!important;} .mt5 {margin-top: 5px!important;} .mt10 {margin-top: 10px!important;} .mt15 {margin-top: 15px!important;} .mt20 {margin-top: 20px!important;} .mt30 {margin-top: 30px!important;} .mt40 {margin-top: 40px!important;} .mt50 {margin-top: 50px!important;} .mt60 {margin-top: 60px!important;} .mt70 {margin-top: 70px!important;} .mt80 {margin-top: 80px!important;} .mt90 {margin-top: 90px!important;} .mt100 {margin-top: 100px!important;} .mt150 {margin-top: 150px!important;} .mt200 {margin-top: 200px!important;} .mt300 {margin-top: 300px!important;} .mt400 {margin-top: 400px!important;} .mt500 {margin-top: 500px!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;} .mt15- {margin-top: -15px!important;} .mt20- {margin-top: -20px!important;} .mt25- {margin-top: -25px!important;} .mt30- {margin-top: -30px!important;} .mt35- {margin-top: -35px!important;} .mt40- {margin-top: -40px!important;} .mt45- {margin-top: -45px!important;} .mt50- {margin-top: -50px!important;} .mt55- {margin-top: -55px!important;} .mt60- {margin-top: -60px!important;} .mt65- {margin-top: -65px!important;} .mt70- {margin-top: -70px!important;} .mt75- {margin-top: -75px!important;} .mt80- {margin-top: -80px!important;} .mt85- {margin-top: -85px!important;} .mt90- {margin-top: -90px!important;} .mt100- {margin-top: -100px!important;} .mb0 {margin-bottom: 0!important;} .mb5 {margin-bottom: 5px!important;} .mb10 {margin-bottom: 10px!important;} .mb15 {margin-bottom: 15px!important;} .mb20 {margin-bottom: 20px!important;} .mb30 {margin-bottom: 30px!important;} .mb40 {margin-bottom: 40px!important;} .mb50 {margin-bottom: 50px!important;} .mb60 {margin-bottom: 60px!important;} .mb70 {margin-bottom: 70px!important;} .mb80 {margin-bottom: 80px!important;} .mb90 {margin-bottom: 90px!important;} .mb100 {margin-bottom: 100px!important;} .mb150 {margin-bottom: 150px!important;} .mb200 {margin-bottom: 200px!important;} .mb300 {margin-bottom: 300px!important;} .mb400 {margin-bottom: 400px!important;} .mb500 {margin-bottom: 500px!important;} .ml0 {margin-left: 0!important;} .ml5 {margin-left: 5px!important;} .ml10 {margin-left: 10px!important;} .ml15 {margin-left: 15px!important;} .ml20 {margin-left: 20px!important;} .ml30 {margin-left: 30px!important;} .ml40 {margin-left: 40px!important;} .ml50 {margin-left: 50px!important;} .ml60 {margin-left: 60px!important;} .ml70 {margin-left: 70px!important;} .ml80 {margin-left: 80px!important;} .ml90 {margin-left: 90px!important;} .ml100 {margin-left: 100px!important;} .ml150 {margin-left: 150px!important;} .ml200 {margin-left: 200px!important;} .ml300 {margin-left: 300px!important;} .ml400 {margin-left: 400px!important;} .ml500 {margin-left: 500px!important;} .mr0 {margin-right: 0!important;} .mr5 {margin-right: 5px!important;} .mr10 {margin-right: 10px!important;} .mr15 {margin-right: 15px!important;} .mr20 {margin-right: 20px!important;} .mr30 {margin-right: 30px!important;} .mr40 {margin-right: 40px!important;} .mr50 {margin-right: 50px!important;} .mr60 {margin-right: 60px!important;} .mr70 {margin-right: 70x!important;} .mr80 {margin-right: 80px!important;} .mr90 {margin-right: 90px!important;} .mr100 {margin-right: 100px!important;} .mr150 {margin-right: 150px!important;} .mr200 {margin-right: 200px!important;} .mr300 {margin-right: 300px!important;} .mr400 {margin-right: 400px!important;} .mr500 {margin-right: 500px!important;} .p0{padding: 0 !important; } .p5{padding: 5px !important; } .p10{padding: 10px !important; } .p15{padding: 15px !important; } .p20{padding: 20px !important; } .p30{padding: 30px !important; } .pt0 {padding-top: 0!important;} .pt5 {padding-top: 5px!important;} .pt10 {padding-top: 10px!important;} .pt15 {padding-top: 15px!important;} .pt20 {padding-top: 20px!important;} .pt30 {padding-top: 30px!important;} .pt40 {padding-top: 40px!important;} .pt50 {padding-top: 50px!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;} .pt150 {padding-top: 150px!important;} .pt200 {padding-top: 200px!important;} .pt300 {padding-top: 300px!important;} .pt400 {padding-top: 400px!important;} .pt500 {padding-top: 500px!important;} .pb0 {padding-bottom: 0!important;} .pb5 {padding-bottom: 5px!important;} .pb10 {padding-bottom: 10px!important;} .pb15 {padding-bottom: 15px!important;} .pb20 {padding-bottom: 20px!important;} .pb30 {padding-bottom: 30px!important;} .pb40 {padding-bottom: 40px!important;} .pb50 {padding-bottom: 10px!important;} .pb60 {padding-bottom: 15px!important;} .pb70 {padding-bottom: 20px!important;} .pb80 {padding-bottom: 30px!important;} .pb90 {padding-bottom: 40px!important;} .pb100 {padding-bottom: 100px!important;} .pb150 {padding-bottom: 150px!important;} .pb200 {padding-bottom: 200px!important;} .pb300 {padding-bottom: 300px!important;} .pb400 {padding-bottom: 400px!important;} .pb500 {padding-bottom: 500px!important;} .pl0 {padding-left: 0!important;} .pl5 {padding-left: 5px!important;} .pl10 {padding-left: 10px!important;} .pl15 {padding-left: 15px!important;} .pl20 {padding-left: 20px!important;} .pl30 {padding-left: 30px!important;} .pl40 {padding-left: 40px!important;} .pl50 {padding-left: 50px!important;} .pl60 {padding-left: 60px!important;} .pl70 {padding-left: 70px!important;} .pl80 {padding-left: 80px!important;} .pl90 {padding-left: 90px!important;} .pl100 {padding-left: 100px!important;} .pl150 {padding-left: 150px!important;} .pl200 {padding-left: 200px!important;} .pl300 {padding-left: 300px!important;} .pl400 {padding-left: 400px!important;} .pl500 {padding-left: 500px!important;} .pr0 {padding-right: 0!important;} .pr5 {padding-right: 5px!important;} .pr10 {padding-right: 10px!important;} .pr15 {padding-right: 15px!important;} .pr20 {padding-right: 20px!important;} .pr30 {padding-right: 30px!important;} .pr40 {padding-right: 40px!important;} .pr50 {padding-right: 50px!important;} .pr60 {padding-right: 60px!important;} .pr70 {padding-right: 70px!important;} .pr80 {padding-right: 80px!important;} .pr90 {padding-right: 90px!important;} .pr100 {padding-right: 100px!important;} .pr150 {padding-right: 150px!important;} .pr200 {padding-right: 200px!important;} .pr300 {padding-right: 300px!important;} .pr400 {padding-right: 400px!important;} .pr500 {padding-right: 500px!important;} .spacing-1 {letter-spacing: -1px!important;} .spacing-2 {letter-spacing: -2px!important;} .spacing-3 {letter-spacing: -3px!important;} .lh-07 {line-height:0.7!important;} .lh-08 {line-height:0.8!important;} .lh-09 {line-height:0.9!important;} .lh-10 {line-height:1!important;} .lh-11 {line-height:1.1!important;} .lh-12 {line-height:1.2!important;} .lh-13 {line-height:1.3!important;} .lh-14 {line-height:1.4!important;} .lh-15 {line-height:1.5!important;} .lh-16 {line-height:1.6!important;} .lh-17 {line-height:1.7!important;} .lh-18 {line-height:1.8!important;} .lh-20 {line-height:2!important;} .lh-25 {line-height:2.5!important;} .lh-30 {line-height:3!important;} .lh-35 {line-height:3.5!important;} .btn7 {padding: 2px 5px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:7px!important; } .btn8 {padding: 2px 7px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:8px!important; } .btn9 {padding: 2px 8px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:9px!important; } .btn10 {padding: 3px 10px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:10px!important; } .btn11 {padding: 3px 12px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:11px!important; } .btn12 {padding: 3px 15px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:12px!important; } .btn13 {padding: 3px 15px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:12px!important; } .btn14 {padding: 3px 18px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:14px!important; } .btn15 {padding: 3px 18px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:15px!important; } .btn16 {padding: 3px 18px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:16px!important; } .btn18 {padding: 5px 20px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:18px!important; } .btn20 {padding: 5px 20px !important; border-radius: 50px !important; margin: 1px 0px !important; font-size:20px!important; } .btn-xs {padding: 2px 3px !important; border-radius: 2px !important; margin: 1px 0px !important; font-size:8px!important; } .btn-8 {padding: 2px 3px !important; border-radius: 2px !important; margin: 1px 0px !important; font-size:8px!important; } .btn-9 {padding: 2px 3px !important; border-radius: 2px !important; margin: 1px 0px !important; font-size:9px!important; } .btn-10 {padding: 3px 5px !important; border-radius: 3px !important; margin: 1px 0px !important; font-size:10px!important; } .btn-11 {padding: 3px 5px !important; border-radius: 5px !important; margin: 1px 0px !important; font-size:11px!important; } .btn-12 {padding: 3px 7px !important; border-radius: 5px !important; margin: 1px 0px !important; font-size:12px!important; } .btn-13 {padding: 3px 7px !important; border-radius: 5px !important; margin: 1px 0px !important; font-size:12px!important; } .btn-14 {padding: 3px 10px !important; border-radius: 5px !important; margin: 1px 0px !important; font-size:14px!important; } .btn-15 {padding: 3px 10px !important; border-radius: 5px !important; margin: 1px 0px !important; font-size:15px!important; } .btn-16 {padding: 4px 13px !important; border-radius: 5px !important; margin: 1px 0px !important; font-size:16px!important; } .btn-18 {padding: 5px 14px !important; border-radius: 5px !important; margin: 1px 0px !important; font-size:18px!important; } .btn-20 {padding: 5px 15px !important; border-radius: 5px !important; margin: 1px 0px !important; font-size:20px!important; } .btn-gold {background: linear-gradient(45deg, #d4af37, #f2d06b); color: #000; border: none; font-size: 0.75rem; padding: 5px 12px; border-radius: 5px; font-weight: 500; transition: all 0.3s ease;} .btn-gold:hover {transform: translateY(-2px); box-shadow: 0 4px 8px rgba(212, 175, 55, 0.3);} .btn-outline-gold {background: transparent; color: #d4af37; border: 0.5px solid #d4af37; font-size: 0.75rem; padding: 5px 12px; border-radius: 5px; font-weight: 400; transition: all 0.3s ease;} .btn-outline-gold:hover {background: rgba(212, 175, 55, 0.1); transform: translateY(-2px);} .btn-dark {background: linear-gradient(45deg, #000000, #2a2a2a); color: #fff; border: none; font-size: 0.75rem; padding: 5px 12px; border-radius: 5px; font-weight: 500; transition: all 0.3s ease;} .btn-dark:hover {transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);} .btn-gray {background: linear-gradient(45deg, #686666, #8d8c8c); color: #fff; border: none; font-size: 0.75rem; padding: 5px 12px; border-radius: 5px; font-weight: 500; transition: all 0.3s ease;} .btn-gray:hover {transform: translateY(-2px); box-shadow: 0 4px 8px rgba(104, 102, 102, 0.3);} .btn-blue {background: linear-gradient(45deg, #3988f0, #92c0fc); color: #fff; border: none; font-size: 0.75rem; padding: 5px 12px; border-radius: 5px; font-weight: 500; transition: all 0.3s ease;} .btn-blue:hover {transform: translateY(-2px); box-shadow: 0 4px 8px rgba(57, 136, 240, 0.3);} .btn-light {background: linear-gradient(45deg, #ffffff, #f5f5f5); color: #464444; border: none; font-size: 0.75rem; padding: 5px 12px; border-radius: 5px; font-weight: 500; transition: all 0.3s ease;} .btn-light:hover {transform: translateY(-2px); box-shadow: 0 4px 8px rgba(255, 255, 255, 0.3);} .btn-outline-dark {background: transparent; color: #000; border: 1px solid #000; font-size: 0.75rem; padding: 5px 12px; border-radius: 5px; font-weight: 400; transition: all 0.3s ease;} .btn-outline-dark:hover {background: rgba(0, 0, 0, 0.1); transform: translateY(-2px);} .btn-outline-gray {background: transparent; color: #686666; border: 1px solid #686666; font-size: 0.75rem; padding: 5px 12px; border-radius: 5px; font-weight: 400; transition: all 0.3s ease;} .btn-outline-gray:hover {background: rgba(104, 102, 102, 0.1); transform: translateY(-2px);} .btn-outline-blue {background: transparent; color: #3988f0; border: 1px solid #3988f0; font-size: 0.75rem; padding: 5px 12px; border-radius: 5px; font-weight: 400; transition: all 0.3s ease;} .btn-outline-blue:hover {background: rgba(57, 136, 240, 0.1); transform: translateY(-2px);} .btn-outline-light {background: transparent; color: #464444; border: 1px solid #8b8a8a; font-size: 0.75rem; padding: 5px 12px; border-radius: 5px; font-weight: 400; transition: all 0.3s ease;} .btn-outline-light:hover {background: rgba(255, 255, 255, 0.1); transform: translateY(-2px);} .button-group {display: flex; justify-content: end; margin-top: 0px; padding-top: 0px;} .btn-outline-orange {background-color: transparent; border: 1px solid rgb(131, 108, 31)!important; color: #d4af37; font-size: 0.8em; padding: 5px 10px; border-radius: 3px; cursor: pointer; transition: all 0.3s ease; margin: 2px;} .btn-outline-orange:hover {background-color: #d4af37; color: #000000;} .rect-black {background:#080808; color:white; font-size:15px; font-weight: 700; border-radius: 5px; padding:8px 15px;} .rect-dark {background:#3d3737; color:white; font-size:15px; font-weight: 700; border-radius: 5px; padding:8px 15px;} .rect-red {background:#c46060; color:white; font-size:15px; font-weight: 700; border-radius: 5px; padding:8px 15px;} .rect-blue {background:#015eaa; color:white; font-size:15px; font-weight: 700; border-radius: 5px; padding:8px 15px;} .rect-gray {background:#808080; color:white; font-size:15px; font-weight: 700; border-radius: 5px; padding:8px 15px;} .rect-light {background:#dddcdc; color:#2c2c2c; font-size:15px; font-weight: 700; border-radius: 5px; padding:8px 15px;} .title-13 {font-size:13px!important; font-weight:800; letter-spacing: 0; line-height:1.4;} .title-14 {font-size:14px!important; font-weight:800; letter-spacing: 0; line-height:1.4;} .title-15 {font-size:15px!important; font-weight:800; letter-spacing: 0; line-height:1.4;} .title-16 {font-size:16px!important; font-weight:800; letter-spacing: 0; line-height:1.4;} .title-18 {font-size:18px!important; font-weight:900; letter-spacing: 0; line-height:1.4;} .title-20 {font-size:20px!important; font-weight:900; letter-spacing: 0; line-height:1.4;} .title-25 {font-size:25px!important; font-weight:900; letter-spacing: 0; line-height:1.4;} .title-30 {font-size:30px!important; font-weight:900; letter-spacing: 0; line-height:1.4;} .title-35 {font-size:35px!important; font-weight:900; letter-spacing: 0; line-height:1.4;} .title-40 {font-size:40px!important; font-weight:900; letter-spacing: 0; line-height:1.4;} .title-50 {font-size:50px!important; font-weight:900; letter-spacing: 0; line-height:1.4;} @media(max-width:780px){ .title-13 {font-size:12px!important; font-weight:800; letter-spacing: 0; line-height:1.4;} .title-14 {font-size:13px!important; font-weight:800; letter-spacing: 0; line-height:1.4;} .title-15 {font-size:14px!important; font-weight:800; letter-spacing: 0; line-height:1.4;} .title-16 {font-size:15px!important; font-weight:800; letter-spacing: 0; line-height:1.4;} .title-18 {font-size:16px!important; font-weight:900; letter-spacing: 0; line-height:1.4;} .title-20 {font-size:18px!important; font-weight:900; letter-spacing: 0; line-height:1.4;} .title-25 {font-size:20px!important; font-weight:900; letter-spacing: 0; line-height:1.4;} .title-30 {font-size:22px!important; font-weight:900; letter-spacing: 0; line-height:1.4;} .title-35 {font-size:25px!important; font-weight:900; letter-spacing: 0; line-height:1.4;} .title-40 {font-size:25px!important; font-weight:900; letter-spacing: 0; line-height:1.4;} .title-50 {font-size:30px!important; font-weight:900; letter-spacing: 0; line-height:1.4;} } .h1_tl{padding:0px 10px; border-left:8px solid #06217a; font-size:25px; margin:10px 10px 5px 0px; font-weight:900; line-height:1.4em; color:#000; } .h2_tl{padding:0px 10px; border-left:8px solid #06217a; font-size:22px; margin:10px 10px 5px 0px; font-weight:900; line-height:1.4em; color:#000; } .h3_tl{padding:0px 10px; border-left:8px solid #0d5eaa; font-size:20px; margin:10px 10px 5px 0px; font-weight:900; line-height:1.2em; color:#333; } .h4_tl{padding:0px 10px; border-left:8px solid #034769; font-size:18px; margin:10px 10px 5px 0px; font-weight:900; line-height:1.4em; color:#333; } .h5_tl{padding:0px 10px; border-left:8px solid #2b2d2e; font-size:17px; margin:10px 10px 5px 0px; font-weight:900; line-height:1.4em; color:#333; } .h6_tl{padding:0px 10px; border-left:8px solid #2b2d2e; font-size:16px; margin:10px 10px 5px 0px; font-weight:900; line-height:1.4em; color:#333; } .h7_tl{padding:0px 10px; border-left:8px solid #053969; font-size:15px; margin:10px 10px 5px 0px; font-weight:900; line-height:1.4em; color:#333; } .h1_t{padding:0px 0px; font-size:25px; margin-bottom:10px; line-height:1.4em; font-weight:900; color:#242222; } .h2_t{padding:0px 0px; font-size:22px; margin-bottom:10px; line-height:1.4em; font-weight:900; color:#242222; } .h3_t{padding:0px 0px; font-size:20px; margin-bottom:10px; line-height:1.4em; font-weight:900; color:#333; } .h4_t{padding:0px 0px; font-size:18px; margin-bottom:10px; line-height:1.4em; font-weight:900; color:#333; } .h5_t{padding:0px 0px; font-size:17px; margin-bottom:10px; line-height:1.4em; font-weight:900; color:#333; } .h6_t{padding:0px 0px; font-size:16px; margin-bottom:10px; line-height:1.4em; font-weight:900; color:#333; } .h7_t{padding:0px 0px; font-size:15px; margin-bottom:10px; line-height:1.4em; font-weight:900; color:#333; } .cont_title_info{font-size:18px; line-height:1.5em; color:#666; overflow:hidden; padding:15px; border:2px solid #ddd; clear:both; margin-bottom:15px; } @media all and (max-width:768px) { .h1_tl {font-size:22px; padding:5px 15px; border-left:5px solid #2e64fa; } .h2_tl {font-size:18px; padding:5px 15px; border-left:5px solid #2e64fa; } .h3_tl {font-size:16px; padding:5px 15px; border-left:5px solid #2e64fa; } .h4_tl {font-size:14px; padding:5px 15px; border-left:5px solid #2e64fa; } .h5_tl,.h6_tl,.h7_tl {font-size:13px; padding:5px 12px; border-left:5px solid #2e64fa; } .cont_title_info{font-size:13px; line-height:1.4em; } .hash-tag {max-width: 200px; display: inline-block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hd_sch_wr{width:100%!important;} .sm-w-10 {width:10%!important; height:auto;} .sm-w-20 {width:20%!important; height:auto;} .sm-w-30 {width:30%!important; height:auto;} .sm-w-40 {width:40%!important; height:auto;} .sm-w-45 {width:45%!important; height:auto;} .sm-w-50 {width:50%!important; height:auto;} .sm-w-55 {width:55%!important; height:auto;} .sm-w-60 {width:60%!important; height:auto;} .sm-w-65 {width:65%!important; height:auto;} .sm-w-70 {width:70%!important; height:auto;} .sm-w-75 {width:75%!important; height:auto;} .sm-w-80 {width:80%!important; height:auto;} .sm-w-85 {width:85%!important; height:auto;} .sm-w-90 {width:90%!important; height:auto;} .sm-w-95 {width:95%!important; height:auto;} .sm-w-100 {width:100%!important; height:auto;} .sm-w30 {width:30px!important; height:auto;} .sm-w40 {width:40px!important; height:auto;} .sm-w50 {width:50px!important; height:auto;} .sm-w60 {width:60px!important; height:auto;} .sm-w80 {width:80px!important; height:auto;} .sm-w100 {width:100px!important; height:auto;} .sm-w150 {width:150px!important; height:auto;} .sm-w200 {width:200px!important; height:auto;} .sm-w250 {width:250px!important; height:auto;} .sm-w300 {width:300px!important; height:auto;} .sm-w350 {width:350px!important; height:auto;} .sm-w400 {width:400px!important; height:auto;} .sm-w450 {width:450px!important; height:auto;} .sm-w500 {width:500px!important; height:auto;} .sm-w600 {width:600px!important; height:auto;} .sm-fs10 {font-size:10%!important; } .sm-fs15 {font-size:15%!important; } .sm-fs20 {font-size:20%!important; } .sm-fs25 {font-size:25%!important; } .sm-fs30 {font-size:30%!important;} .sm-fs35 {font-size:35%!important; } .sm-fs40 {font-size:40%!important;} .sm-fs45 {font-size:45%!important; } .sm-fs50 {font-size:50%!important;} .sm-fs55 {font-size:55%!important; } .sm-fs60 {font-size:60%!important;} .sm-fs65 {font-size:65%!important; } .sm-fs70 {font-size:70%!important;} .sm-fs75 {font-size:75%!important; } .sm-fs80 {font-size:80%!important;} .sm-fs85 {font-size:85%!important; } .sm-fs86 {font-size:86%!important; } .sm-fs87 {font-size:87%!important; } .sm-fs88 {font-size:88%!important; } .sm-fs89 {font-size:89%!important; } .sm-fs90 {font-size:90%!important;} .sm-fs91 {font-size:91%!important;} .sm-fs92 {font-size:92%!important;} .sm-fs93 {font-size:93%!important;} .sm-fs94 {font-size:93%!important;} .sm-fs95 {font-size:95%!important; } .sm-fs96 {font-size:96%!important; } .sm-fs97 {font-size:97%!important; } .sm-fs98 {font-size:98%!important; } .sm-fs99 {font-size:99%!important; } .sm-fs100 {font-size:100%!important;} .sm-fs105 {font-size:105%!important;} .sm-fs110 {font-size:110%!important;} .sm-fs-7{ font-size: 7px!important;} .sm-fs-8 { font-size: 8px!important;} .sm-fs-9 { font-size: 9px!important;} .sm-fs-10 { font-size: 10px!important;} .sm-fs-12 { font-size: 12px!important;} .sm-fs-14 { font-size: 14px!important;} .sm-fs-15 { font-size: 15px!important;} .sm-fs-16 { font-size: 16px!important;} .sm-fs-18 { font-size: 18px!important;} .sm-fs-20 { font-size: 20px!important;} .sm-fs-22 { font-size: 22px!important;} .sm-fs-24 { font-size: 24px!important;} .sm-fs-25 { font-size: 25px!important;} .sm-fs-26 { font-size: 26px!important;} .sm-fs-28 { font-size: 28px!important;} .sm-fs-30 { font-size: 30px!important;} .sm-fs-35 { font-size: 35px!important;} .sm-fs-40 { font-size: 40px!important;} .sm-fs-50 { font-size: 50px!important;} .sm-fs-60 { font-size: 60px!important;} .sm-fs-70 { font-size: 70px!important;} .sm-fs-80 { font-size: 80px!important;} .sm-fs-90 { font-size: 90px!important;} .sm-fs-100 { font-size: 100px!important;} .sm-height10{height:10px!important; width:auto;} .sm-height20{height:20px!important; width:auto;} .sm-height30{height:30px!important; width:auto;} .sm-height40{height:40px!important; width:auto;} .sm-height50{height:50px!important; width:auto;} .sm-height60{height:60px!important; width:auto;} .sm-height70{height:70px!important; width:auto;} .sm-height80{height:80px!important; width:auto;} .sm-height90{height:90px!important; width:auto;} .sm-height100{height:100px!important; width:auto;} .sm-height150{height:150px!important; width:auto;} .sm-height200{height:200px!important; width:auto;} .sm-height250{height:250px!important; width:auto;} .sm-height300{height:300px!important; width:auto;} .sm-height350{height:350px!important; width:auto;} .sm-height400{height:400px!important; width:auto;} .sm-height450{height:450px!important; width:auto;} .sm-height500{height:500px!important; width:auto;} .sm-height600{height:600px!important; width:auto;} .sm-height700{height:700px!important; width:auto;} .sm-height800{height:800px!important; width:auto;} .sm-height-10{height:10%!important; width:auto;} .sm-height-20{height:20%!important; width:auto;} .sm-height-30{height:30%!important; width:auto;} .sm-height-40{height:40%!important; width:auto;} .sm-height-50{height:50%!important; width:auto;} .sm-height-60{height:60%!important; width:auto;} .sm-height-70{height:70%!important; width:auto;} .sm-height-80{height:80%!important; width:auto;} .sm-height-90{height:90%!important; width:auto;} .sm-height-100{height:100%!important; width:auto;} .sm-height-150{height:150%!important; width:auto;} .sm-height-200{height:200%!important; width:auto;} .sm-lh-09 {line-height:0.9!important;} .sm-lh-1 {line-height:1!important;} .sm-lh-11 {line-height:1.1!important;} .sm-lh-12 {line-height:1.2!important;} .sm-lh-13 {line-height:1.3!important;} .sm-lh-14 {line-height:1.4!important;} .sm-lh-15 {line-height:1.5!important;} .sm-lh-16 {line-height:1.6!important;} .sm-lh-17 {line-height:1.7!important;} .sm-lh-18 {line-height:1.8!important;} .sm-lh-2 {line-height:2!important;} .sm-center{text-align:center!important;} .sm-left{text-align:left!important;} .sm-right{text-align:right!important;} .sm-div-center{margin:0 auto!important;} .sm-mp-0{margin: 0 !important; padding:0!important;} .sm-mpy-0{margin-top: 0 !important; margin-bottom:0!important; padding-top:0!important; padding-bottom:0!important;} .sm-mpx-0{margin-left: 0 !important; margin-right:0!important; padding-left:0!important; padding-right:0!important;} .sm-mx-0{margin-left: 0px !important; margin-right:0px!important; } .sm-mx-5{margin-left: 5px !important; margin-right:5px!important; } .sm-mx-10{margin-left: 10px !important; margin-right:10px!important; } .sm-mx-20{margin-left: 20px !important; margin-right:20px!important; } .sm-mx-30{margin-left: 30px !important; margin-right:30px!important; } .sm-my-0{margin-top: 0px !important; margin-bottom:0px!important; } .sm-my-5{margin-top: 5px !important; margin-bottom:5px!important; } .sm-my-10{margin-top: 10px !important; margin-bottom:10px!important; } .sm-my-20{margin-top: 20px !important; margin-bottom:20px!important; } .sm-my-30{margin-top: 30px !important; margin-bottom:30px!important; } .sm-px-10{padding-left:5px!important; padding-right:5px!important;} .sm-px-10{padding-left:10px!important; padding-right:10px!important;} .sm-px-20{padding-left:20px!important; padding-right:20px!important;} .sm-px-30{padding-left:30px!important; padding-right:30px!important;} .sm-py-5{ padding-top:5px!important; padding-bottom:5px!important;} .sm-py-10{ padding-top:10px!important; padding-bottom:10px!important;} .sm-py-20{ padding-top:20px!important; padding-bottom:20px!important;} .sm-py-30{ padding-top:30px!important; padding-bottom:30px!important;} .sm-m0{margin: 0 !important; } .sm-m5{margin: 5px !important; } .sm-m10{margin: 10px !important; } .sm-m15{margin: 15px !important; } .sm-m20{margin: 20px !important; } .sm-m30{margin: 30px !important; } .sm-mt0 {margin-top: 0!important;} .sm-mt5 {margin-top: 5px!important;} .sm-mt10 {margin-top: 10px!important;} .sm-mt15 {margin-top: 15px!important;} .sm-mt20 {margin-top: 20px!important;} .sm-mt30 {margin-top: 30px!important;} .sm-mt40 {margin-top: 40px!important;} .sm-mt50 {margin-top: 50px!important;} .sm-mt60 {margin-top: 60px!important;} .sm-mt70 {margin-top: 70px!important;} .sm-mt80 {margin-top: 80px!important;} .sm-mt90 {margin-top: 90px!important;} .sm-mt100 {margin-top: 100px!important;} .sm-mb0 {margin-bottom: 0!important;} .sm-mb5 {margin-bottom: 5px!important;} .sm-mb10 {margin-bottom: 10px!important;} .sm-mb15 {margin-bottom: 15px!important;} .sm-mb20 {margin-bottom: 20px!important;} .sm-mb30 {margin-bottom: 30px!important;} .sm-mb40 {margin-bottom: 40px!important;} .sm-mb50 {margin-bottom: 50px!important;} .sm-mb60 {margin-bottom: 60px!important;} .sm-mb70 {margin-bottom: 70px!important;} .sm-mb80 {margin-bottom: 80px!important;} .sm-mb90 {margin-bottom: 90px!important;} .sm-ml0 {margin-left: 0!important;} .sm-ml5 {margin-left: 5px!important;} .sm-ml10 {margin-left: 10px!important;} .sm-ml15 {margin-left: 15px!important;} .sm-ml20 {margin-left: 20px!important;} .sm-ml30 {margin-left: 30px!important;} .sm-ml40 {margin-left: 40px!important;} .sm-ml50 {margin-left: 50px!important;} .sm-mr0 {margin-right: 0!important;} .sm-mr5 {margin-right: 5px!important;} .sm-mr10 {margin-right: 10px!important;} .sm-mr15 {margin-right: 15px!important;} .sm-mr20 {margin-right: 20px!important;} .sm-mr30 {margin-right: 30px!important;} .sm-mr40 {margin-right: 40px!important;} .sm-mr50 {margin-right: 50px!important;} .sm-p0{padding: 0 !important; } .sm-p5{padding: 5px !important; } .sm-p10{padding: 10px !important; } .sm-p15{padding: 15px !important; } .sm-p20{padding: 20px !important; } .sm-p30{padding: 30px !important; } .sm-pt0 {padding-top: 0!important;} .sm-pt5 {padding-top: 5px!important;} .sm-pt10 {padding-top: 10px!important;} .sm-pt15 {padding-top: 15px!important;} .sm-pt20 {padding-top: 20px!important;} .sm-pt30 {padding-top: 30px!important;} .sm-pt40 {padding-top: 40px!important;} .sm-pt50 {padding-top: 50px!important;} .sm-pt60 {padding-top: 60px!important;} .sm-pt70 {padding-top: 70px!important;} .sm-pt80 {padding-top: 80px!important;} .sm-pt90 {padding-top: 90px!important;} .sm-pt100 {padding-top: 100px!important;} .sm-pb0 {padding-bottom: 0!important;} .sm-pb5 {padding-bottom: 5px!important;} .sm-pb10 {padding-bottom: 10px!important;} .sm-pb15 {padding-bottom: 15px!important;} .sm-pb20 {padding-bottom: 20px!important;} .sm-pb30 {padding-bottom: 30px!important;} .sm-pb40 {padding-bottom: 40px!important;} .sm-pb50 {padding-bottom: 10px!important;} .sm-pb60 {padding-bottom: 15px!important;} .sm-pb70 {padding-bottom: 20px!important;} .sm-pb80 {padding-bottom: 30px!important;} .sm-pb90 {padding-bottom: 40px!important;} .sm-pb100 {padding-bottom: 100px!important;} .sm-pl0 {padding-left: 0!important;} .sm-pl5 {padding-left: 5px!important;} .sm-pl10 {padding-left: 10px!important;} .sm-pl15 {padding-left: 15px!important;} .sm-pl20 {padding-left: 20px!important;} .sm-pl30 {padding-left: 30px!important;} .sm-pl40 {padding-left: 40px!important;} .sm-pl50 {padding-left: 50px!important;} .sm-pr0 {padding-right: 0!important;} .sm-pr5 {padding-right: 5px!important;} .sm-pr10 {padding-right: 10px!important;} .sm-pr15 {padding-right: 15px!important;} .sm-pr20 {padding-right: 20px!important;} .sm-pr30 {padding-right: 30px!important;} .sm-pr40 {padding-right: 40px!important;} .sm-pr50 {padding-right: 50px!important;} .sm-flex {display: flex!important;} .sm-flex-x-center {display: flex!important; justify-content: center!important; } .sm-flex-end {display: flex!important; justify-content: flex-end!important; } .sm-flex-start {display: flex!important; justify-content: flex-start!important; } .sm-flex-between {display: flex!important; justify-content: space-between!important; } .sm-flex-center {display: flex; align-items: center!important; justify-content: center!important; } .sm-flex-y-start {display: flex; align-items: flex-start!important; } .sm-flex-y-end {display: flex; align-items: flex-end!important; } .sm-flex-y-center {display: flex; align-items: center!important; } .sm-title-13 {font-size:13px!important; font-weight:800; letter-spacing: 0; line-height:1.4;} .sm-title-14 {font-size:14px!important; font-weight:800; letter-spacing: 0; line-height:1.4;} .sm-title-15 {font-size:15px!important; font-weight:800; letter-spacing: 0; line-height:1.4;} .sm-title-16 {font-size:16px!important; font-weight:800; letter-spacing: 0; line-height:1.4;} .sm-title-18 {font-size:18px!important; font-weight:900; letter-spacing: 0; line-height:1.4;} .sm-title-20 {font-size:20px!important; font-weight:900; letter-spacing: 0; line-height:1.4;} .sm-title-25 {font-size:25px!important; font-weight:900; letter-spacing: 0; line-height:1.4;} .sm-title-30 {font-size:30px!important; font-weight:900; letter-spacing: 0; line-height:1.4;} .sm-title-35 {font-size:35px!important; font-weight:900; letter-spacing: 0; line-height:1.4;} .sm-title-40 {font-size:40px!important; font-weight:900; letter-spacing: 0; line-height:1.4;} .sm-title-50 {font-size:50px!important; font-weight:900; letter-spacing: 0; line-height:1.4;} .sm-border-0 { border: 0px solid #d1d3d3 !important; } .sm-border-1 { border: 1px solid #d1d3d3 !important; } .sm-border-2 { border: 2px solid #d1d3d3 !important; } .sm-border-3 { border: 3px solid #d1d3d3 !important; } .sm-border-b0 { border-bottom: 0px solid rgb(209, 211, 211) !important; } .sm-border-b1 { border-bottom: 1px solid rgb(209, 211, 211) !important; } .sm-border-b2 { border-bottom: 2px solid rgb(189, 192, 192) !important; } .sm-border-b3 { border-bottom: 3px solid rgb(189, 192, 192) !important; } .sm-border-t0 { border-top: 0px solid rgb(189, 192, 192) !important; } .sm-border-t1 { border-top: 1px solid rgb(189, 192, 192) !important; } .sm-border-t2 { border-top: 2px solid rgb(189, 192, 192) !important; } .sm-border-t3 { border-top: 3px solid rgb(189, 192, 192) !important; } .sm-border-l0 { border-left: 0px solid rgb(189, 192, 192) !important; } .sm-border-l1 { border-left: 1px solid rgb(189, 192, 192) !important; } .sm-border-l2 { border-left: 2px solid rgb(189, 192, 192) !important; } .sm-border-l3 { border-left: 3px solid rgb(189, 192, 192) !important; } .sm-border-r0 { border-right: 0px solid rgb(189, 192, 192) !important; } .sm-border-r1 { border-right: 1px solid rgb(189, 192, 192) !important; } .sm-border-r2 { border-right: 2px solid rgb(189, 192, 192) !important; } .sm-border-r3 { border-right: 3px solid rgb(189, 192, 192) !important; } .sm-radius-t10 {border-top-left-radius: 10px !important; border-top-right-radius: 10px !important;} .sm-radius-b10 {border-bottom-left-radius: 10px !important; border-bottom-right-radius: 10px !important;} .sm-bg-white {background-color: #fff!important; color: #000;} .sm-bg-blue {background-color: #2e81ec!important; color: #fff;} .sm-bg-dark {background-color: #202020!important; color: #fff;} .sm-bg-gray {background-color: #525252!important; color: #fff;} .sm-bg-orange {background-color: #e7af14!important; color: #fff;} .sm-bg-red {background-color: #f54646!important; color: #fff;} .sm-bg-grayl {background-color: #f1f0f0!important; color: #111111;} .sm-bg-bluel {background-color: #d4e3ec!important; color: #111111;} .sm-bg-redl {background-color: #f8e4e4!important; color: #111111;} .sm-bg-yellowl {background-color: #f2f3d1!important; color: #111111;} } #sch_str {float: left; width: 100%; height: 40px; padding-left: 30px; border-radius: 30px 0 0 30px; background: rgba(235, 234, 231, 0.8); border: 1px solid #a7a3a3; border-right: 0; font-weight: 700; font-size: 16px; color: #000; } #sch_submit { float: left; width: 60px; height: 40px; border: 1px solid #5f5c5c; background: #5f5c5c; color: #fff; border-radius: 0 30px 30px 0; cursor: pointer; font-size: 16px; } .fullscreen{ position:relative ; background-size: cover; background-position: center center; width: 100%; height: 100%; } /*----- Table List eb -----*/ .table-list-eb .table {white-space:nowrap;word-break:keep-all} .table-list-eb .table .ws-normal {white-space:normal !important} .table-list-eb .table th {font-weight:700} .table-list-eb .table>thead>tr>th, .table-list-eb .table>tbody>tr>th, .table-list-eb .table>tfoot>tr>th, .table-list-eb .table>thead>tr>td, .table>tbody>tr>td, .table-list-eb .table>tfoot>tr>td {padding:13px 8px} .table-list-eb .table thead>tr>th, .table-list-eb .table thead>tr>td {text-align:center} .table-list-eb .table-bordered>thead>tr>th, .table-list-eb .table-bordered>thead>tr>td {text-align:center} .table-list-eb thead {border-top:2px solid #454545;background:#F2F2F2} .table-list-eb tfoot {background:#F2F2F2;border-bottom:2px solid #454545} .table-list-eb th, .table-list-eb td {vertical-align:middle !important} .table-list-eb .table .tbd-both {border-left:1px solid #dee2e6;border-right:1px solid #dee2e6} .table-list-eb .table .tbd-l {border-left:1px solid #dee2e6} .table-list-eb .table .tbd-r {border-right:1px solid #dee2e6} .table-list-eb .table .tbd-t {border-top:1px solid #dee2e6} .table-list-eb .table .tbd-b {border-bottom:1px solid #dee2e6} .loading-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); display: flex; justify-content: center; align-items: center; z-index: 1000; /* �ٸ� ��ҵ� ���� ���̵��� z-index ���� */ } .loading-spinner { text-align: center; } .loading-spinner p { margin-top: 20px; /* ���dzʿ� �ؽ�Ʈ ���� ���� */ color: #000; /* �ؽ�Ʈ ���� */ font-size: 1.5em; /* �ؽ�Ʈ ũ�� */ } /* ---- theme/knca/css/mobile.kdca.css ---- */ /** * KDCA Mobile CSS v3 (2026-04-27) * 독립형 일관 모바일 디자인 — 그누보드 의존 최소화 * * 디자인 토큰: * --m-bg: #f5f7fa, --m-card:#fff, --m-line:#e6ebf2 * --m-text:#1a2332, --m-mute:#6b7888, --m-accent:#224abe * 폰트 스케일: 11(라벨)/12(보조)/13(본문)/14(소제목)/16(제목) * 터치 타겟: 최소 44px height */ /* ============================================ 디자인 토큰 (CSS 변수) ============================================ */ :root { --m-bg: #f4f6fa; --m-card: #ffffff; --m-line: #e6ebf2; --m-line-soft: #f0f3f7; --m-text: #1a2332; --m-text2: #344056; --m-mute: #6b7888; --m-mute-soft: #9aa4b2; --m-accent: #224abe; --m-accent-soft: #e8efff; --m-danger: #dc3545; --m-success: #28a745; --m-radius: 12px; --m-radius-sm: 8px; --m-shadow: 0 1px 3px rgba(15, 23, 42, .04), 0 1px 2px rgba(15, 23, 42, .03); --m-shadow-md: 0 2px 8px rgba(15, 23, 42, .06); --m-tap: 44px; } /* ============================================ 모바일 메뉴 패널 (PC 에서는 숨김) ============================================ */ #mobileMenuOverlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(15, 23, 42, .55); z-index: 10001; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); } #mobileMenuOverlay.active { display: block; } #mobileMenuPanel { position: fixed; top: 0; right: -300px; width: 280px; height: 100vh; background: #fff; z-index: 10002; overflow-y: auto; transition: right 0.3s ease; box-shadow: -4px 0 20px rgba(0, 0, 0, .15); } #mobileMenuPanel.active { right: 0 !important; } /* PC 에서 모바일 요소 숨김 */ @media all and (min-width: 769px) { #mobileMenuBtn, #mobileMenuOverlay, #mobileMenuPanel, #mobileTabBar, #mHdr { display: none !important; } } /* ============================================ ✨ MOBILE 전용 (max-width: 768px) ============================================ */ @media all and (max-width: 768px) { html { -webkit-text-size-adjust: 100%; } body { font-family: 'Pretendard', 'Noto Sans KR', system-ui, -apple-system, sans-serif !important; font-size: 13px; line-height: 1.55; color: var(--m-text); background: var(--m-bg) !important; padding-bottom: 64px !important; -webkit-font-smoothing: antialiased; } /* === PC 헤더 영역 통째로 숨김 — 모바일은 #mHdr 로 대체 === */ #hd, #hd_h1, #tnb, #tnbWr, #hd_pop, .hd_pop, #hd_qnb, #gnb, #logo, .contentTitleSub, .bNBar, .bNBarMw, .bNBar1D, .bNBar2D, #snb_side, .location_wr, .loc1D_wr, .loc2D_wr, .loc1DA, .loc2DA, [class*="locWr"], [class*="loc1D"], [class*="loc2D"] { display: none !important; } /* 상단 햄버거 일체 제거 (사용자 지시: 하단 탭바의 ☰ 메뉴로 단일화) */ #mobileMenuBtn, #snbOpen, #sideBar, #sideBarCover, .menu_open_btn, .nav-toggle, [class*="hamburger"], [id*="hamburger"] { display: none !important; } /* 사이드바 자체와 그 그림자 영역도 제거 */ aside#sideBar { display: none !important; } /* === 모바일 전용 헤더 #mHdr (head.sub.php inject) === */ #mHdr { position: fixed; top: 0; left: 0; right: 0; height: 52px; background: rgba(255, 255, 255, .96); backdrop-filter: saturate(180%) blur(10px); -webkit-backdrop-filter: saturate(180%) blur(10px); border-bottom: 1px solid var(--m-line); z-index: 9000; display: flex !important; align-items: center; justify-content: space-between; padding: 0 14px; } #mHdr .mHdr-logo { display: flex; align-items: center; gap: 8px; text-decoration: none; color: var(--m-text); } #mHdr .mHdr-logo img { height: 26px; width: auto; display: block; } #mHdr .mHdr-logo .mHdr-name { font-size: 13px; font-weight: 800; letter-spacing: -0.3px; color: var(--m-text); } #mHdr .mHdr-actions { display: flex; align-items: center; gap: 6px; } #mHdr .mHdr-btn { height: 32px; min-width: 32px; padding: 0 10px; display: inline-flex; align-items: center; justify-content: center; gap: 4px; border: 1px solid var(--m-line); background: #fff; color: var(--m-text2); font-size: 11px; font-weight: 600; border-radius: 16px; text-decoration: none; line-height: 1; -webkit-tap-highlight-color: transparent; } #mHdr .mHdr-btn:active { background: var(--m-line-soft); } #mHdr .mHdr-btn-primary { background: var(--m-accent); color: #fff; border-color: var(--m-accent); } #mHdr .mHdr-btn i { font-size: 12px; } /* 본문 영역 — 헤더 + 탭바 만큼 여백 */ #wrap, #wrapper, .wrap, body > .container { padding-top: 52px !important; } /* === 서브 히어로 배너 === */ .contentTitle, .subTopBg, [class*="subTopBg"] { height: 56px !important; min-height: 56px !important; margin: 0 !important; } .contentTitle h2, .subTopBg h2 { font-size: 15px !important; padding-top: 18px !important; letter-spacing: -0.4px; } /* === 페이지 제목 === */ .h2_title, h2.h2_title, #ctWrap > h2 { font-size: 16px !important; font-weight: 700; padding: 14px 14px 8px !important; margin: 0 !important; border: none !important; color: var(--m-text); letter-spacing: -0.3px; } /* === 컨테이너 === */ #container { margin-top: 0 !important; padding: 0 !important; width: 100% !important; } #ctWrap { width: 100% !important; float: none !important; padding: 8px 12px 16px !important; } /* === 브레드크럼 === */ .location_wr, .breadcrumb_wr, [class*="breadcrumb"] { font-size: 11px !important; padding: 6px 14px !important; background: var(--m-card); margin: 0 !important; border-bottom: 1px solid var(--m-line); color: var(--m-mute); } /* === 메인 슬라이더 === */ .mainVisualImage { height: 180px !important; } .mvSlider li { height: 180px !important; } .mvSlider .mvMwAlign h2 { font-size: 16px !important; } .mvSlider .mvMwAlign p { font-size: 12px !important; } /* === 검색바 === */ #sch_stx, .sch_input, input[name="stx"] { font-size: 14px !important; padding: 10px 14px !important; border-radius: 20px !important; background: #fff; } /* ============================================ 📋 게시판 목록 — 카드형 ============================================ */ .likeTbl > ul > li.likeTblTh { display: none !important; } .likeTbl > ul > li.likeTblTd { display: block !important; padding: 14px 14px !important; border-bottom: 1px solid var(--m-line) !important; background: var(--m-card); margin: 0 !important; } .likeTbl > ul > li > div { display: inline-block !important; border: none !important; padding: 0 !important; } .likeTbl > ul > li > div.td_subject { display: block !important; padding-bottom: 6px !important; } .likeTbl .td_subject .bo_tit a { font-size: 14px !important; font-weight: 600; line-height: 1.4; color: var(--m-text); } .likeTbl .td_name, .likeTbl .td_date, .likeTbl .td_datetime, .likeTbl .td_num { font-size: 11px !important; color: var(--m-mute) !important; } /* 등기 목록 카드 */ #bo_list .listType_01 { flex-direction: column !important; padding: 14px !important; border: none !important; border-bottom: 1px solid var(--m-line); background: var(--m-card); margin: 0 !important; gap: 10px; } #bo_list .listType_01 .img_wr { width: 100% !important; height: auto !important; max-height: 220px; overflow: hidden; border-radius: var(--m-radius-sm); margin: 0 !important; background: var(--m-line-soft); } #bo_list .listType_01 .img_wr img { width: 100% !important; height: auto !important; object-fit: cover; } /* ============================================ 📄 등기 상세 (view) — 정교한 카드형 ============================================ */ #bo_v { padding: 0 !important; background: var(--m-bg); } #bo_v_atc { padding: 12px !important; background: transparent; } /* 상단 메타 (작성자/날짜) */ #bo_v_info { padding: 8px 14px !important; font-size: 11px !important; color: var(--m-mute) !important; background: var(--m-card); border-bottom: 1px solid var(--m-line); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px; } /* 제목 */ #bo_v_title, #bo_v h2.h2_title { font-size: 17px !important; font-weight: 800 !important; line-height: 1.4 !important; padding: 14px !important; background: var(--m-card); color: var(--m-text); margin: 0 !important; border: none !important; letter-spacing: -0.3px; } /* 등기 정보 테이블 → 카드 행 */ .view_info_table, #bo_v table:not(.tableScroll table), #bo_v_atc table:not(.tableScroll table) { display: block !important; background: var(--m-card); border-radius: var(--m-radius); box-shadow: var(--m-shadow); overflow: hidden; margin: 0 0 12px !important; border: none !important; width: 100% !important; } .view_info_table tbody, #bo_v table tbody { display: block !important; } .view_info_table tr, #bo_v table tr { display: block !important; padding: 10px 14px !important; border-bottom: 1px solid var(--m-line-soft) !important; } .view_info_table tr:last-child, #bo_v table tr:last-child { border-bottom: none !important; } .view_info_table th, #bo_v table th { display: block !important; width: 100% !important; font-size: 11px !important; color: var(--m-mute) !important; padding: 0 0 4px !important; border: none !important; background: none !important; font-weight: 600 !important; text-align: left !important; letter-spacing: 0.2px; text-transform: uppercase; } .view_info_table td, #bo_v table td { display: block !important; width: 100% !important; padding: 0 !important; border: none !important; font-size: 13px !important; color: var(--m-text); line-height: 1.5 !important; background: none !important; word-break: break-word; } /* 음원/영상 플레이어 */ #bo_v audio, #bo_v video { width: 100% !important; margin: 8px 0 !important; border-radius: var(--m-radius-sm); background: #000; } /* 첨부 이미지 */ #bo_v img { max-width: 100% !important; height: auto !important; border-radius: var(--m-radius-sm); } /* QR 코드 작게 */ #bo_v img[alt*="QR"], .qr_code img { max-width: 130px !important; } /* === 댓글 === */ #bo_vc { padding: 14px !important; background: var(--m-card); margin-top: 12px; border-radius: var(--m-radius); } .bo_vc_w { padding: 8px !important; font-size: 13px; } /* ============================================ ✏️ 등기 신청 폼 (write) — 섹션 카드형 ============================================ */ #bo_w { padding: 0 !important; } #bo_w form { padding: 12px !important; } #bo_w fieldset { border: none !important; padding: 0 !important; margin: 0 0 14px !important; } #bo_w legend, #bo_w .write_div > h3, #bo_w .write_div > h4 { font-size: 13px !important; font-weight: 700 !important; color: var(--m-text) !important; padding: 12px 14px !important; margin: 0 !important; background: var(--m-card); border-bottom: 1px solid var(--m-line); border-radius: var(--m-radius) var(--m-radius) 0 0; letter-spacing: -0.2px; } /* 등기 신청 테이블 → 카드 섹션 */ .tbl_frm01, .tbl_frm01 table { display: block !important; background: var(--m-card); border-radius: var(--m-radius); box-shadow: var(--m-shadow); margin: 0 0 12px !important; overflow: hidden; width: 100% !important; } .tbl_frm01 tbody { display: block !important; } .tbl_frm01 tr { display: block !important; padding: 12px 14px !important; margin: 0 !important; border-bottom: 1px solid var(--m-line-soft) !important; } .tbl_frm01 tr:last-child { border-bottom: none !important; } .tbl_frm01 th { display: block !important; width: 100% !important; padding: 0 0 6px !important; font-size: 11px !important; color: var(--m-mute) !important; font-weight: 600 !important; background: none !important; text-align: left !important; letter-spacing: 0.2px; text-transform: uppercase; border: none !important; } .tbl_frm01 td { display: block !important; width: 100% !important; padding: 0 !important; background: none !important; font-size: 13px !important; color: var(--m-text); border: none !important; } /* === 폼 인풋 === */ .frm_input, .full_input, select.frm_input, input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], input[type="search"], textarea, select { font-size: 14px !important; padding: 10px 12px !important; border-radius: var(--m-radius-sm) !important; border: 1px solid var(--m-line) !important; width: 100% !important; box-sizing: border-box; background: #fff !important; color: var(--m-text); line-height: 1.4 !important; -webkit-appearance: none; appearance: none; } /* iOS 자동 줌 방지: 인풋만 16px (placeholder 는 별도 작게) */ @supports (-webkit-touch-callout: none) { input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], input[type="search"], textarea, select { font-size: 16px !important; } } /* 플레이스홀더 작게 */ ::placeholder { font-size: 12px !important; color: var(--m-mute-soft) !important; opacity: 1; } ::-webkit-input-placeholder { font-size: 12px !important; color: var(--m-mute-soft) !important; } :-moz-placeholder { font-size: 12px !important; color: var(--m-mute-soft) !important; } ::-moz-placeholder { font-size: 12px !important; color: var(--m-mute-soft) !important; } :-ms-input-placeholder { font-size: 12px !important; color: var(--m-mute-soft) !important; } input:focus, textarea:focus, select:focus { border-color: var(--m-accent) !important; box-shadow: 0 0 0 3px var(--m-accent-soft) !important; outline: none; } textarea { min-height: 100px; resize: vertical; } /* select 화살표 (appearance:none 보완) */ select.frm_input, select { background-image: url("data:image/svg+xml;utf8,") !important; background-repeat: no-repeat !important; background-position: right 12px center !important; background-size: 10px !important; padding-right: 32px !important; } /* 라디오/체크박스 */ input[type="radio"], input[type="checkbox"] { width: 18px !important; height: 18px !important; margin: 0 6px 0 0 !important; accent-color: var(--m-accent); vertical-align: middle; } label { font-size: 13px; color: var(--m-text2); cursor: pointer; } /* === 버튼 === */ .btn_submit, input[type="submit"] { width: 100% !important; padding: 14px !important; font-size: 15px !important; border-radius: var(--m-radius-sm) !important; background: var(--m-accent) !important; color: #fff !important; border: none !important; font-weight: 700 !important; min-height: var(--m-tap); letter-spacing: -0.2px; box-shadow: var(--m-shadow-md); } .btn_submit:active { transform: translateY(1px); } .btn_cancel, .btn_b01, .btn_b02 { padding: 12px 16px !important; font-size: 13px !important; border-radius: var(--m-radius-sm) !important; min-height: var(--m-tap); } .btn_confirm { padding: 14px 0 !important; text-align: center; display: flex; flex-direction: column; gap: 8px; } .btn_confirm .btn { margin: 0 !important; } /* === 자동저장 표시 (writefrm 전용) === */ #autosaveBar { position: sticky; top: 52px; z-index: 100; background: linear-gradient(to bottom, #fff 70%, rgba(255, 255, 255, .9)); padding: 8px 14px; border-bottom: 1px solid var(--m-line); display: flex; align-items: center; justify-content: space-between; font-size: 11px; color: var(--m-mute); gap: 8px; } #autosaveBar .as-status { display: flex; align-items: center; gap: 6px; } #autosaveBar .as-dot { display: inline-block; width: 8px; height: 8px; background: var(--m-mute-soft); border-radius: 50%; transition: background .3s; } #autosaveBar .as-dot.saving { background: #f0ad4e; animation: pulse 1s infinite; } #autosaveBar .as-dot.saved { background: var(--m-success); } #autosaveBar button { background: var(--m-accent-soft); color: var(--m-accent); border: 1px solid var(--m-accent); padding: 4px 10px; font-size: 11px; font-weight: 600; border-radius: 14px; cursor: pointer; line-height: 1; height: 26px; } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: .4; } } /* === 서명 캔버스 === */ canvas { max-width: 100% !important; border: 1px solid var(--m-line); border-radius: var(--m-radius-sm); background: #fff; } /* === 마이페이지 탭 === */ .nav-tabs { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; border: none; } .nav-tabs .nav-link { white-space: nowrap; font-size: 12px !important; padding: 8px 12px !important; } /* ============================================ 📊 페이지네이션 ============================================ */ .pg_wrap { padding: 16px 0; text-align: center; background: var(--m-card); border-radius: var(--m-radius); margin: 0 12px 12px; } .pg_wrap a, .pg_wrap strong { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; font-size: 13px; border-radius: var(--m-radius-sm); margin: 0 2px; } .pg_wrap strong { background: var(--m-accent); color: #fff; } /* === 푸터 === */ #footer { padding: 18px 14px !important; font-size: 11px !important; line-height: 1.6; margin-bottom: 64px; background: var(--m-card); color: var(--m-mute); } /* === 하단 탭바 === */ #mobileTabBar { display: flex !important; position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important; height: 56px !important; background: rgba(26, 35, 50, .98) !important; backdrop-filter: blur(10px); z-index: 9999 !important; justify-content: space-around !important; align-items: center !important; box-shadow: 0 -1px 10px rgba(0, 0, 0, .2) !important; padding: 0 !important; padding-bottom: env(safe-area-inset-bottom) !important; margin: 0 !important; border: none !important; } #mobileTabBar > a { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-decoration: none !important; color: #8899aa !important; font-size: 9px !important; flex: 1 !important; height: 56px !important; padding: 4px 0 !important; gap: 2px; -webkit-tap-highlight-color: transparent; } #mobileTabBar > a > span:first-child { font-size: 19px !important; line-height: 1; } #mobileTabBar > a:active { color: #fff !important; } /* 가운데 + 버튼 */ #mobileTabBar > a:nth-child(3) { margin-top: -20px !important; height: auto !important; } /* === 카카오톡 / 탑버튼 위치 === */ #kakao-talk-channel-chat-button, .kakao_btn { bottom: 72px !important; right: 12px !important; } #top_btn { bottom: 72px !important; right: 12px !important; } /* === 상담문의 박스 (사이드바) === */ .sidebar_contact, .sideBar_contact { display: none !important; } /* === 유틸 === */ .sound_only { display: none !important; } .md-none { display: none !important; } .pc-only { display: none !important; } /* === FAQ 아코디언 === */ .faq_list li { padding: 14px !important; background: var(--m-card); border-bottom: 1px solid var(--m-line); } .faq_list li .title { font-size: 14px !important; } /* === 메인 퀵메뉴 === */ .mCiconBox, .mCiconBox2, .mCiconBox3, .mCiconBox4, .mCiconBox5 { width: 25% !important; padding: 6px 2px !important; } .mCiconBox .circle_icon, .mCiconBox2 .circle_icon, .mCiconBox3 .circle_icon { width: 44px !important; height: 44px !important; } .mCiconBox span, .mCiconBox2 span, .mCiconBox3 span { font-size: 10px !important; margin-top: 3px !important; display: block; } /* === 관리자 버튼 === */ .btn_admin { font-size: 11px !important; padding: 4px 8px !important; border-radius: 6px; } /* 언어 위젯 위치 — 헤더에 통합되었으니 제거 (head.sub.php 의 #kdca-lang-widget) */ #kdca-lang-widget { display: none !important; } /* ============================================ 🔘 등기 상세 — [NFT 등기부등본 / 등록증명서 열람] 액션 버튼 박스 ============================================ */ /* 버튼을 감싸는 빨간 테두리 박스 패딩 최소화 */ #bo_v table tr td > div[style*="border"], #bo_v_atc div[style*="border"] { padding: 8px !important; margin: 8px 0 !important; } /* flex-y-center 안의 두 버튼 한 줄로 — 너비 균등 */ #bo_v .flex-y-center, #bo_v_atc .flex-y-center { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; gap: 6px !important; align-items: stretch !important; justify-content: space-between !important; width: 100% !important; padding: 0 !important; } #bo_v .flex-y-center > div, #bo_v_atc .flex-y-center > div { flex: 1 1 0 !important; margin: 0 !important; padding: 0 !important; min-width: 0 !important; } /* 고정 너비 클래스 무력화 (.w200/.w150/.w100 등 — 모바일에서는 100%) */ #bo_v .flex-y-center .btn, #bo_v .flex-y-center a.btn_b02, #bo_v_atc .flex-y-center .btn, #bo_v_atc .flex-y-center a.btn_b02, #bo_v .w200, #bo_v .w150, #bo_v .w100, #bo_v_atc .w200, #bo_v_atc .w150, #bo_v_atc .w100 { width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 10px 6px !important; font-size: 12px !important; line-height: 1.25 !important; white-space: normal !important; word-break: keep-all !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 4px; border-radius: var(--m-radius-sm) !important; box-sizing: border-box; } /* 아이콘 작게 — 글자 잘림 방지 */ #bo_v .flex-y-center .btn i, #bo_v_atc .flex-y-center .btn i { font-size: 11px !important; flex: 0 0 auto; margin-right: 2px; } /* ml10 (left margin 10px) 모바일에서 무력화 */ #bo_v .ml10, #bo_v_atc .ml10 { margin-left: 0 !important; } /* === TABBAR SVG ICONS v1 (2026-04-28) === */ /* === TABBAR SVG ICONS v1 (2026-04-28) — 이모지 → 인라인 SVG === */ #mobileTabBar > a { color: #8c98a8 !important; gap: 2px !important; transition: color .15s; } #mobileTabBar > a .tab-ic { width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; line-height: 1; } #mobileTabBar > a .tab-ic svg { width: 24px; height: 24px; display: block; color: inherit; } #mobileTabBar > a .tab-lb { font-size: 10px !important; font-weight: 500; letter-spacing: -0.2px; line-height: 1; color: inherit; margin-top: 1px; } /* hover / active */ #mobileTabBar > a:active, #mobileTabBar > a.active { color: #ffffff !important; } #mobileTabBar > a.active .tab-ic svg { stroke-width: 2.1; } #mobileTabBar > a.active .tab-lb { font-weight: 700; color: #fff !important; } /* FAB (가운데 + 버튼) */ #mobileTabBar > a.tab-fab { margin-top: -22px !important; height: auto !important; gap: 4px; color: #4e73df !important; } #mobileTabBar > a.tab-fab .tab-fab-circle { width: 52px; height: 52px; border-radius: 50%; background: linear-gradient(135deg, #4e73df 0%, #224abe 100%); box-shadow: 0 4px 14px rgba(34, 74, 190, 0.5), inset 0 -2px 0 rgba(0,0,0,0.12); display: flex; align-items: center; justify-content: center; color: #fff; transition: transform .15s, box-shadow .15s; } #mobileTabBar > a.tab-fab .tab-fab-circle svg { width: 26px; height: 26px; color: #fff; } #mobileTabBar > a.tab-fab:active .tab-fab-circle { transform: scale(0.94); box-shadow: 0 2px 8px rgba(34, 74, 190, 0.4); } #mobileTabBar > a.tab-fab .tab-fab-label { font-size: 10px !important; font-weight: 700 !important; color: #4e73df !important; } #mobileTabBar > a.tab-fab.active .tab-fab-label { color: #224abe !important; } /* === FILE INPUT v3 (Phase N-7-C 2026-04-28) === */ /* === FILE INPUT v3 (Phase N-7-C 2026-04-28) — 회원사진/자격증 사진 업로드 === */ input[type="file"] { font-size: 12px !important; padding: 8px 10px !important; background: var(--m-card) !important; border: 1px dashed var(--m-line) !important; border-radius: var(--m-radius-sm) !important; width: 100% !important; line-height: 1.4 !important; color: var(--m-mute) !important; cursor: pointer; } input[type="file"]::-webkit-file-upload-button, input[type="file"]::file-selector-button { font-size: 12px; font-weight: 600; padding: 6px 12px; background: var(--m-accent); color: #fff; border: none; border-radius: 6px; margin-right: 10px; cursor: pointer; -webkit-appearance: none; } /* 회원사진 미리보기 영역 */ .reg_mb_icon_file img, .reg_mb_img_file img, img[alt*="회원사진"], img[alt*="회원이미지"] { max-width: 120px !important; max-height: 160px !important; border-radius: var(--m-radius-sm); border: 1px solid var(--m-line); background: var(--m-line-soft); padding: 2px; margin: 6px 0; display: block; } /* 자격증 사진 (apply.php 신청서 / 미리보기) */ img.cert-photo, #applyCertPreview, .certificate_image_preview { max-width: 140px !important; max-height: 180px !important; border-radius: var(--m-radius-sm); border: 1px solid var(--m-line); background: #fff; padding: 4px; margin: 8px auto; display: block; box-shadow: var(--m-shadow); } } /* ============================================ 📱 SMALL MOBILE (max-width: 420px) ============================================ */ @media all and (max-width: 420px) { body { font-size: 12.5px; } .mCiconBox span, .mCiconBox2 span { font-size: 9px !important; } .mainVisualImage { height: 150px !important; } .contentTitle h2 { font-size: 14px !important; } #mHdr .mHdr-logo .mHdr-name { font-size: 12px; } #mHdr .mHdr-btn { padding: 0 8px; font-size: 10px; } #bo_v_title, #bo_v h2.h2_title { font-size: 16px !important; padding: 12px !important; } .view_info_table tr, #bo_v table tr { padding: 9px 12px !important; } .tbl_frm01 tr { padding: 10px 12px !important; } } /* === KDCA 독립 폰트/링크/간격 보정 (2026-06-07 사용자 피드백) === */ body,.body,input,button,select,textarea,table,td,th,p,li,strong,em, h1,h2,h3,h4,h5,h6,.bo_v,#bo_w,#bo_list,.webzineList,.prodWrap,.tablecss, .bo_tit,.bo_v_tit,.h3_tl,.contentTitle,#snb,.gnb_1da,.gnb_2da { font-family:'Pretendard','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif; } .notoserif,[class*="notoserif"] { font-family:'Noto Serif KR',serif !important; } a,a:link,a:visited,a:hover,a:active { text-decoration:none; } /* 등기개요/표제부 표 라벨칸 간격 넓게 (사용자 피드백) */ #bo_v .prod02 table td:first-child,#bo_v .tablecss td:first-child,.table.tablecss td:first-child { padding:13px 16px !important; line-height:1.7; word-break:keep-all; } /* === 링크 기본 검정 + 호버 파랑 (사용자 피드백 2026-06-07) === */ .hash-tag a, #bo_v_con a, #bo_v td a:not([class]), #bo_v .prod02 td a, .webzineList .hash-tag a, .bo_tit em a { color:#222222; } .hash-tag a:hover, #bo_v_con a:hover, #bo_v td a:not([class]):hover, #bo_v .prod02 td a:hover, .webzineList .hash-tag a:hover { color:#2563eb; } /* === 증명서 열람 버튼 + 이메일 링크: 검정 + 호버 파랑 (사용자 피드백 v2 2026-06-07) === */ .btn10 a, .btn-10 a, .btn10.bg-gray1 a, .bo_tit em a, a[href^="mailto"], #footer address a, #footer a[href="#"], .snbCS a, .snbCS dd a, .snbCS dd b a { color:#222222 !important; } .btn10 a:hover, .btn-10 a:hover, .bo_tit em a:hover, a[href^="mailto"]:hover, #footer address a:hover, #footer a[href="#"]:hover, .snbCS a:hover, .snbCS dd a:hover, .snbCS dd b a:hover { color:#2563eb !important; } /* === view 상세페이지 보정 (사용자 피드백 2026-06-07) — 모바일 안전 === */ /* 영문부제: 세리프 아님(기본폰트), 테마 크기(20px/모바일13px) 유지 */ .h2_title_center small { font-family:'Pretendard','Noto Sans KR','Apple SD Gothic Neo',sans-serif !important; } /* 대표이미지 썸네일 간격 (붙어있던 것 → 여백) */ .prod01 .smallphoto a { margin:0 4px !important; } @media (max-width:768px){ .prod01 .smallphoto a { margin:0 3px !important; } } /* 상세 상단/하단 버튼 컴팩트 (그누 동일 — .btn_b0x 은 색상만, 크기는 bootstrap .btn 이라 큼) */ #bo_v .bo_v_com li a, #bo_v_bottom .bo_v_left li a, #bo_v .bg-gray1 a.btn_b02, #bo_v .bg-gray1 a.bg-blue70, #bo_v .bo_v_com li a.btn { font-size:12px !important; padding:8px 10px !important; line-height:1.45 !important; display:inline-block; white-space:nowrap; } #bo_v .bo_v_com li a i, #bo_v_bottom .bo_v_left li a i { font-size:12px; margin-right:3px; } /* 확대이미지(슬라이더) ↔ 썸네일 세로 간격 (붙음 해소, 사용자 피드백 2026-06-07) — 음수마진(-30px) 상쇄 */ .prod01 .smallphoto { margin-top:30px !important; clear:both; } .prod01 .bx-wrapper, .prod01 #bigphoto, .prod01 ul#bigphoto, .prod01 ul.bigphoto { margin-bottom:18px !important; } @media (max-width:768px){ .prod01 .smallphoto { margin-top:20px !important; } }