@charset "utf-8";

button#PageContentEdit {position: fixed;right: 0;bottom: 0;z-index: 1111;background: #00000029;border: none;font-size: 10px;cursor: not-allowed;}

/* 
cst_c
= 메인 visual 배경
= 상단 헤더 선택
= 하단 footer 배경
= 하단 footer포인트 글씨
= 우측 quick 메뉴
= 좌측 메뉴 타이틀,선택
= 서브 content 타이틀
= 포인트 버튼

*/
#footer .cont_in:first-child .f_a_list a,
.family_site a.btn_family_site,
.f_sub b.cst_c,
.thema_main_color {color:#f9d888;}/* ★ 전체 폰트 색 */

#footer .cont_in:first-child .f_t_time, .go_top .btn_go_top, .vis, #header, h4.b_tit:after, .thema_main_bg {background: #f2f2f2;} /* ★ 전체 배경 색 */
input.st_input:focus,
.thema_main_bg {border:1px solid #f2f2f2;} /* ★ 전체 테두리 색 */
@media (max-width: 1500px){
  ul.gnb.on,
.thema_main_bg {background: #f2f2f2;} /* ★ 전체 배경 색 */
} 


.txt_c_cst, .table_st thead th, .btn_st.btn_c_cwh, .table_util .total b, .go_top .btn_go_top, .thema_main_color {color:#201b68;} /* ★ 전체 폰트 색2 */

.table_st thead {border: 2px solid #333333;border-right: none;border-left: none;border-bottom: none;}

.table_st thead,
.thema_sub_bg {border-color:#595a6b;} /* ★ 전체 테두리 색2 */

.popup_box ,
.btn_st.btn_c_cst, .paging ul li.on a ,
.bg_cst,
.gnb > li:hover > a,
.l_quick_link li a.cst_c,
.paging ul li.on a ,
.pop_tit,
#footer,
.gnb li.on :after,
.gnb > li.Inb05:hover > a,
h4.b_tit:before,
h6.b_tit:before,
.thema_sub_bg {background: #375d90;}/* ★ 전체 배경 색2 */

.bg_cst,
.gnb > li:hover > a,
.l_quick_link li a.cst_c,
.paging ul li.on a,
.btn_st.btn_c_cst, .paging ul li.on a{color:#fff;}

div#wrap:before {background: #f7f7f7;}

.btn_st.btn_c_cwh, .btn_st.btn_c_cst, .paging ul li.on a {border: 1px solid #333;}

#leftMenu h2,
.btn_st.btn_c_cwh, .btn_st.btn_c_cst, .paging ul li.on a,
.thema_sub_bg {border-color:#595a6b;} /* ★ 전체 테두리 색2*/

.btn_st.btn_c_bst {background: #8ca2ab;border: 1px solid #b0c0c6;color: #fff;}
.btn_st.btn_c_cwh {background:#ffffff;}
.content_top:after {background: url(/app/img/common/bg_line3.png);}

.btn_st.btn_off {background: #ededed;border: 1px solid #e6e6e6;color: #aaa;}
.btn_st.btn_on {background: #203c47;border: 1px solid #203c47;color: #fff;font-weight: bold;} 
h5.b_tit:before,
h5.b_tit:after,
input.st_s_maker:checked + label:before,
#leftMenu ul.leftMenuList li.on a:before{background: #f9d888;} /* ★ 좌측 메뉴 포인트 배경 색 */
#leftMenu ul.leftMenuList li.on a:before {color:#333;} /* ★ 좌측 메뉴 포인트 폰트 색 */
select.st_select02,input.st_input {border: 1px solid #ddd;background-color: #fff;}
.src_group {border: 1px solid #f0f3f4;padding: 10px 40px 30px;margin-bottom: 50px;border-radius: 10px;}
a.cst_c_01 {background: #268eb7;color:#fff;}
a.cst_c_02 {background: #33ac68;color:#fff;}

h4.b_tit:after {content:"";position: absolute;left: 3px;top: 5px;display: none;width: 9px;height: 22px;vertical-align: top;margin-right: 7px;border-left: 0;border-bottom: 7px;border-radius: 20px;margin-left: 3px;transform: rotate(45deg);filter: opacity(0.9);}

h4.b_tit:before {content:"";position: absolute;left: -4px;top: 1px;display:inline-block;width: 21px;height: 22px;vertical-align: top;margin-right: 7px;border-left: 0;border-bottom: 7px;border-radius: 0;margin-left: 3px;background: url(/app/img/common/ico_h4.png);}
h5.b_tit {margin: 25px 0 10px 25px;position: relative;font-size: 18px;font-weight: 700;}
h5.b_tit:before {content:"";display:inline-block;position: absolute;top: 0px;left: -10px;width: 15px;height: 15px;vertical-align: inherit;/* margin-right: 11px; *//* margin-left: -21px; */border-left: 0;border-bottom: 7px;border-radius: 20px 20px 0 20px;background: #75aae1;}
h5.b_tit:after {/* content:""; */display: none;position: absolute;left: -3px;top: -2px;width: 5px;height: 5px;vertical-align: top;margin-right: 11px;margin-left: -13px;border-left: 0;border-bottom: 7px;border-radius: 20px;background: #ffffff;}
h6.b_tit {margin: 25px 0 10px 25px;position: relative;font-size: 16px;font-weight: 700;}
h6.b_tit:before {content: "";display:inline-block;width: 10px;height: 10px;vertical-align: inherit;background: #fbe97d;margin-right: 5px;margin-left: -7px;line-height: 15px;border-left: 0;border-bottom: 7px;border-radius: 20px;}


.main_board {padding-bottom: 30px;padding-top: 1px;}

.vis .vis_txt .vis_btn a {position: relative;width: 360px;height: 340px;background: #fff;border-radius: 20px;text-align: left;padding: 30px;box-shadow: 5px 4px 15px rgb(0 0 0 / 25%);}
.vis .vis_txt .vis_btn a.vis_b01 {color: #444444;background: #fff url(/app/img/main/main_v_1.png) center 170px no-repeat;}
.vis .vis_txt .vis_btn a.vis_b02 {color: #444444;background: #f9d888 url(/app/img/main/main_v_2.png) center 150px no-repeat;}
.vis .vis_txt .vis_btn a.vis_b03 {color: #fff;background: #201b68 url(/app/img/main/main_v_3.png) center 175px no-repeat;}
.vis .vis_txt .vis_btn a.vis_b04 {color: #fff;background: #7aa4dc url(/app/img/main/main_v_4.png) center 128px no-repeat;}
.vis .vis_txt .vis_btn a b {font-size: 15px;display: block;margin-top: 25px;font-weight: normal;text-align: center;}
.vis .vis_txt .vis_btn a span {display: block;text-align: center;font-size: 25px;font-weight: bold;}
.vis .vis_txt .vis_btn a span.cont {text-align: center;border-radius: 20px;font-size: 20px;padding: 9px 0;position: absolute;bottom: 20px;width: calc(100% - 60px);font-weight: 600;}
.vis .vis_txt .vis_btn a.vis_b01 span.cont {
    background: #f2f2f2;
    color: #444444;
}
.vis .vis_txt .vis_btn a.vis_b03 span.cont {
    background: #e5e5e5;
    color: #444444;
}
.vis .vis_txt .vis_btn a.vis_b04 span.cont {
    background: #ffffff;
    color: #444444;
}

@media (max-width: 880px) {
    .vis .vis_txt .vis_btn a {width:100%;margin-bottom: 20px;}
    }