@charset "utf-8";

@import url("./font.css");

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; word-break: keep-all;} 

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } 
ol, ul, li { list-style: none; } 
blockquote, q { quotes: none; } 
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } 
table { border-collapse: collapse; border-spacing: 0; border: 0;} 

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } 
body { -webkit-text-size-adjust:none; } 
a { background-color: transparent; color: inherit; text-decoration: none; } 
p { outline: none; } 
address, cite, code, dfn, em, var, th, strong { font-style: normal; } 
img { border: 0;} 
button { cursor: pointer; background: none; } 
select { font: inherit; } 
select:hover { cursor: pointer; } 
textarea { padding: 0; resize: none; } 
textarea::-webkit-input-placeholder { color: #888; } 
textarea:-ms-input-placeholder { color: #888; } 
input { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0;} 
input::-ms-clear { display: none; } 
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; } 
input::-webkit-input-placeholder { color:#888; line-height: inherit; } 
input:-ms-input-placeholder { color:#888; line-height: inherit; } 
input::-ms-clear, input::-ms-reveal { display: none; width : 0; height: 0; } 
input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration { display: none; } 
fieldset { border: 0; padding: 0; margin: 0; min-width: 0; } 
input[type=button] { background-color: transparent; } 
input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; } 

/* common */
html,body{font-family: "Noto Sans KR", AppleGothic, "Apple SD Gothic Neo", helvetica, '돋움', Dotum, sans-serif;letter-spacing: -0.6px;color: #111;}

.skip_navi,.skip-navi{width:100%;position:absolute;top:0;z-index:1000;}
.skip_navi a,.skip-navi a{width:100%;font-size:14px;line-height:36px;text-align:center;font-weight:bold;position:absolute;top:-100px;left:0;color:#fff;background:#004880;}
.skip_navi a:hover,.skip_navi a:active,.skip_navi a:focus,
.skip-navi a:hover,.skip-navi a:active,.skip-navi a:focus{top:0;z-index:100000;}

.blind {position: absolute;z-index: -1;width: 1px;height: 1px;padding: 0;border: 0;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);white-space: nowrap;overflow: hidden;}

.container{max-width: 1200px;margin: 0 auto;padding: 0 20px;}
.section_wrap{padding: 80px 0;}
.pc-only{display: block !important;}
.mo-only{display: none !important;}
.noScroll{overflow: hidden;}

.one_line{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.two_line{display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.end_date{color: #E03131;}

@media screen and (max-width: 767px){
    .section_wrap{padding: 40px 0 70px;}
    .pc-only{display: none !important;}
    .mo-only{display: block !important;}
}


/* layout */
/* header - pc */
.wrap.isLineH{padding-top: 58px;}
.header{width: 100%;/*border-bottom: 1px solid rgba(255,255,255,.4);*/background: transparent;position: absolute;left: 0;top: 0;z-index: 50;}
.line_header{background: #fff;height: 56px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.line_wrap{display: flex;justify-content: space-between;width: 1200px;margin: 0 auto;box-sizing: border-box;}
.line_menu{display: flex;}
.line_menu li{margin-right: 20px;}
.line_menu li:last-child{margin-right: 0;}
.line_menu li.line_logo{padding-right: 21px;position: relative;}
.line_menu li.line_logo::after{content: '';display: block;width: 1px;height: 16px;background: #555;position: absolute;right: 0;top: 50%;margin-top: -8px;}
.line_menu a{display: block;height: 56px;line-height: 56px;font-size: 16px;color: #000;position: relative;}
.line_menu li.line_logo a{width: 49px;background: url(/static/images/logo/logo_kbs.svg) no-repeat;background-size: 100% auto;background-position: left center;}
.line_menu a::after{content: '';display: none;width: 100%;height: 2px;background: #000;position: absolute;left: 0;bottom: -1px;}
.line_menu a:hover::after{display: block;}
.header_wrap{display: flex;justify-content: space-between;margin: 0 auto;height: 100px;align-items: center;box-sizing: border-box;padding: 0 5.2%}
.isLineH .header_wrap{width: 1200px;padding: 0;}
.logo a{display: block;padding-left: 118px;height: 36px;line-height: 34px;background-image: url(/static/images/logo/logo_white.svg);background-repeat: no-repeat;background-position: left center;background-size: 110px auto;font-size: 28px;font-weight: 500;color: #fff;transition: none;}
.gnb{display: flex;}
.gnb>li{position: relative;padding-right: 60px;}
.gnb>li:last-child{padding-right: 0;}
.gnb>li>a{display: flex;align-items: center;text-align: center;height: 100px;color: #fff;font-weight: 500;font-size: 18px;position: relative;word-break: keep-all;text-align: center; text-transform: uppercase;}
.gnb>li>a::before{content: '';display: block;width: 100%;height: 3px;background: #140661;position: absolute;left: 0;bottom: -1px;display: none;}
.gnb>li.active>a{color: #140661;}
.gnb>li.active>a::before{display: block;}
.gnb>li>a .ico-link{display: inline-block;width: 14px;height: 14px;background: url(/static/images/ico/ico_pc_gnb_link_white.png) no-repeat;background-size:100%;margin-left: 5px;}
.lnb{position: absolute;padding-top: 40px;display: none;}
.header.active .lnb{display: block;animation: fadeIn 1s;}
.lnb>li{margin-bottom: 18px;margin-left: 6px;}
.lnb>li:last-child{margin-bottom: 0;}
.lnb>li>a{display: inline-block;color: #333;font-size: 16px;word-break: keep-all;position: relative;}
.lnb>li>a::before{content: '';display: block;width: 4px;height: 1px;background: #333;position: absolute;left: -6px;top: 12px;}
.header_bg{width: 100%;height: 0;background: #fff;box-sizing: border-box;}
.header_bg.active{height: 254px;border-top: 1px solid #f1f1f1;transition: height .3s;}
.user_menu{display: flex;align-items: center;color: #fff;gap: 0 20px;}
.user_menu .btn_main{font-size: 18px;font-weight: 700;color: #BBDEFB;margin-right: 20px;position: relative;line-height: 1;}
.user_menu .btn_main::after{content: '';display: block;width: 1px;height: 16px;background: rgba(255,255,255,.6);position: absolute;right: -20px;top: 50%;margin-top: -7px;}
.user_menu .btn_login{color: #fff;}
.user_menu .btn_search{width: 24px;height: 24px;background: url(/static/images/ico/ico_search_white.png) no-repeat;}
.line_header .user_menu{gap:0 40px;margin-right: 30px;}
.line_header .user_menu a{height: 56px;line-height: 56px;font-size: 16px;color: #000;position: relative;}
.line_header .user_menu a::after{content: '';display: none;width: 100%;height: 2px;background: #000;position: absolute;left: 0;bottom: -1px;}
.line_header .user_menu a:hover::after{display: block;}
.line_header .user_menu .btn_search{background-image: url(/static/images/ico/ico_search.png);background-size: 20px 20px;background-position: center;}

.header.active, .headerFix .header{background: #fff;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .25);border-bottom: 0;}
.headerFix .header{position: fixed;animation: headerDrop .3s;}
.headerFix .header .logo a,.header.active .logo a{background-image: url(/static/images/logo/logo.svg);color: #000;}
.headerFix .header .user_menu, .header.active .user_menu{color: #140661;}
.headerFix .header .btn_main, .header.active .btn_main{color: #140661;}
.headerFix .header .btn_main::after, .header.active .btn_main::after{background: #ddd;}
.headerFix .header .user_menu .btn_login, .header.active .user_menu .btn_login{color: #000;}
.headerFix .header .user_menu .btn_search, .header.active .user_menu .btn_search{background-image: url(/static/images/ico/ico_search.png);}

.headerFix .header_menu a,.header.active .header_menu a{color: #000;}
.headerFix .gnb>li>a .ico-link,.header.active .gnb>li>a .ico-link{background-image: url(/static/images/ico/ico_pc_gnb_link.png);}
.headerFix .header .line_header{display: none;}

@keyframes headerDrop {
    0%{transform: translateY(-100%);}
    100%{transform: translateY(0);}
}

@keyframes fadeIn {
    0%{opacity: 0;}
    100%{opacity: 1;}
}

/* header - mo */
.btn_menu{display: block;width: 58px;height: 58px;background: url(/static/images/ico/ico_menu_white_32x32.png) no-repeat;background-size: 16px 16px;background-position: center center;position: absolute;left: 0;top: 0;}
.headerFix .btn_menu,.header.active .btn_menu{background-image: url(/static/images/ico/ico_menu_32x32.png);}
.gnb_dimm{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0,0,0,.6);z-index: 50;display: none;}
.gnb_dimm.active{display: block;}
.mobile_gnb{width: 68.4%;height: 100%;overflow-y: scroll;position: fixed;left: 0;top: 0;background: #f7f7f7;z-index: 51;visibility: hidden;transform: translateX(-100%);transition: all .5s;}
.mobile_gnb.active{visibility: visible;transform: translateX(0);transition: all .5s;}
.btn_gnb_close{display: block;width: 24px;height: 24px;background: url(/static/images/ico/ico_gnb_close.png) no-repeat;background-size: 100%;position: absolute;top: 20px;right: 20px;}
.gnb_user_info{display: flex;flex-direction: column;background: #343464;color: #fff;padding: 20px;}
.gnb_user_info .gnb_login{font-size: 18px;margin: 5px 0;}
.gnb_user_info .gnb_login strong{font-weight: 700;}
.gnb_user_info .user_name{font-size: 24px;}
.gnb_user_info .user_name strong{font-weight: 500;}
.gnb_user_info .ico_setting{display: inline-block;width: 16px;height: 16px;background: url(/static/images/ico/ico_setting.png) no-repeat;background-size: 16px auto;margin-left: 10px;}
.user_activity{margin-top: 28px;}
.activity_list{display: flex;align-items: center;}
.activity_list li{width: 25%;}
.activity_list li .txt{display: block;font-size: 12px;color: #888;}
.activity_list li .count{display: block;color: #fff;font-size: 32px;font-weight: 500;line-height: 34px;}
.activity_list li.my_activity{padding-left: 8px;} 
.activity_list li.my_activity a{display: inline-block;padding: 8px 10px;border: 1px solid #a5a5a5;font-size: 12px;border-radius: 2px;line-height: 16px;} 
.activity_list li.my_activity a::after{content: '';display: inline-block;width: 16px;height: 16px;background: url(/static/images/ico/ico_triangle_right_white.svg) no-repeat;background-size: 100%;vertical-align: top;margin-left: -2px;}
.gnb_search_wrap{padding: 15px 20px;}
.search_box{position: relative;}
.search_box input{width: 100%;height: 38px;line-height: 38px;font-size: 12px;color: #888;border: 1px solid #a5a5a5;box-sizing: border-box;padding: 0 46px 0 12px;}
.search_box .btn_search{display: block;width: 24px;height: 24px;background: url(/static/images/ico/ico_search_gray_48x48.png) no-repeat;background-size: 24px auto;position: absolute;right:12px;top: 50%;margin-top: -12px;}
.gnb_menu_wrap{background: #fff;padding: 32px 0;border-bottom: 1px solid #ddd;}
.gnb_menu_list>li{margin-bottom: 12px;}
.gnb_menu_list>li:last-child{margin-bottom: 0;}
.gnb_menu_list>li>a{display: block;font-size: 18px;color: #111;margin: 0 32px;}
.gnb_menu_list>li.is_gnb2depth.active>a{background: url(/static/images/ico/ico_mo_gnb_2depth.png) no-repeat;background-size: auto 6px;background-position: right center;}
.gnb_menu_2depth{display: none;background: #f7f7f7;padding: 20px 52px;}
.gnb_menu_list>li.active .gnb_menu_2depth{display: block;margin-top: 12px;}
.gnb_menu_2depth>li{margin-bottom: 8px;}
.gnb_menu_2depth>li:last-child{margin-bottom: 0;}
.gnb_menu_2depth>li>a{display: block;box-sizing: border-box;color: #333;}

.gnb_link_wrap{margin-top: 10px;background: #fff;padding: 0 20px;border-bottom: 1px solid #ddd;}
.gnb_link_list li{border-bottom: 1px solid #ddd;}
.gnb_link_list li:last-child{border-bottom: none;}
.gnb_link_list li a{display: block;height: 54px;line-height: 54px;box-sizing: border-box;font-size: 15px;color: #111;padding: 0 16px 0 12px;background: url(/static/images/ico/ico_mo_gnb_arrow.png) no-repeat;background-size: 7px auto;background-position: right center;}
.gnb_foot{padding: 22px 0 40px;text-align: center;}
.gnb_foot .gnb_logout{display: inline-block;font-size: 16px;font-weight: 500;color: #a5a5a5;margin-bottom: 12px;}
.gnb_foot .gnb_logout::before{content: '';display: inline-block;width: 14px;height: 14px;background: url(/static/images/ico/ico_logout.png) no-repeat;background-size: 14px auto;margin-right: 6px;}
.gnb_foot .copyright{font-size: 12px;color:#a5a5a5;}

@media screen and (max-width: 1450px){
    .gnb>li{padding-right: 50px;}
}

@media screen and (max-width: 1420px){
    .gnb>li{padding-right: 40px;}
    .logo a{padding-left: 98px;height: 32px;line-height: 28px;font-size: 22px;background-size: 90px auto;}
}

@media screen and (max-width: 1300px){
    .gnb>li{padding-right: 20px;}
}

@media screen and (max-width: 1200px) {
    .line_wrap{width: auto;padding: 0 20px;}
    .header_wrap{padding:0 20px;}
    .isLineH .header_wrap{width: auto;padding:0 20px;}    
}

@media screen and (max-width: 1100px){
    .logo a{padding-left: 86px;height: 28px;line-height: 25px;font-size: 20px;background-size: 80px auto;}
    .gnb>li>a{font-size: 17px;}
    .lnb>li>a{font-size: 15px;}
    .user_menu{gap: 0 10px;}
    .user_menu .btn_main{margin-left: 10px;font-size:17px;line-height: 16px;}
    .user_menu .btn_main::after{right: -15px;}
} 

@media screen and (max-width: 1023px){
    .wrap.isLineH{padding-top: 0;}
    .line_header{display: none;}
    .header_wrap{height: 57px;justify-content: center;}
    .logo a{padding-left: 80px;height: 24px;line-height: 22px;background-size: 74px auto;font-size: 19px;}
    .user_menu{display: none;}
    .header_menu{display: none;}
    .header .mo-only{display: block !important;}
}

@media screen and (max-width: 767px){
    .mobile_gnb{width: 100%;}    
    .activity_list li.my_activity{padding-left: 0;}
    .gnb_dimm.active{display: none;}
}

/* footer - pc */
.footer{border-top: 1px solid #ddd;color: #333;}
.footer_wrap{max-width: 1200px;margin: 0 auto;padding: 0 20px;}
.footer_top{display: flex;}
.footer_select{font-size: 12px;line-height: 50px;font-weight: 700;position: relative;}
.select_list{display: none;background: #fff;border: 1px solid #ddd;position: absolute;right:0;bottom: -1px;z-index: 10;}
.footer_select.active .select_list{display: block;}
.select_list li a{display: block;width: 80px;padding: 0 20px;line-height: 40px;}
.btn_select{padding-right: 26px;position: relative;cursor: pointer;}
.select_list li.arrow_item a{position: relative;line-height: 50px;}
.btn_select::after, .select_list li.arrow_item a::after{content: '';display: block;width: 10px;height: 6px;background: url(/static/images/ico/ico_drop_arrow.png) no-repeat;background-size: 100%;position: absolute;right: 0;top: 50%;margin-top: -3px;}
.select_list li.arrow_item a::after{transform: rotate(180deg);right: 20px;}

.footer_menu{display: flex;flex: 1;font-size: 12px;font-weight: 700;gap: 0 20px;margin: 0 28px;}
.footer_menu li a{display: block;line-height: 50px;}
.footer_menu li.emp a{color: #1750ef;}
.footer_top_right .footer_select{padding: 0 27px;}
.footer_top_right .select_list li a{width: 100px;}

.footer_bottom{border-top: 1px solid #ddd;padding: 30px 0 40px;}
.footer_bottom dl{display: flex;}
.footer_bottom dt{font-size: 12px;font-weight: 700;color: #333;margin-right: 20px;}
.footer_bottom dd.site_info{flex: 1;}
.footer_bottom li{display: inline-block;font-size: 12px;color: #555;vertical-align: top;}
.footer_bottom li + li{margin-left: 10px;}
.footer_sns{margin-right: 28px;}
.footer_sns li a{display: block;width: 32px;height: 32px;background-repeat: no-repeat;}
.footer_sns li.sns-facebook a{background-image: url(/static/images/ico/ico_sns_facebook.svg);}
.footer_sns li.sns-youtube a{background-image: url(/static/images/ico/ico_sns_youtube.svg);}
.footer_sns li.sns-insta a{background-image: url(/static/images/ico/ico_sns_insta.svg);}
.footer_sns li.sns-twitter a{background-image: url(/static/images/ico/ico_sns_twitter.svg);}
.footer_sns li + li{margin-left: 8px;}

/* footer - mo */
.footer_app dt{position: relative;padding: 20px;border-bottom: 1px solid #ddd;font-size: 13px;color: #333;}
.footer_app dt .ico{display: inline-block;width: 11px;height: 6px;background: url(/static/images/ico/ico_drop_line_arrow.png) no-repeat;position: absolute;right: 20px;top: 50%;margin-top: -3px;}
.footer_app dt.on .ico{transform: rotate(180deg);}
.footer_app dd{background: #f6f6f6;border-bottom: 1px solid #ddd;padding: 25px 0;display: none;}
.footer_app dd ul{display: flex;width: 95%;margin: 0 auto;}
.footer_app dd li{position: relative;width: 25%;text-align: center;}
.footer_app dd li a{display: block;width: 100%;height: 100%;}
.footer_app dd li .ico{display: inline-block;margin: 0 auto;padding-top: 50%;width: 50%;background: url(/static/images/ico/ico_app.png) no-repeat 0 0;background-size: 100% auto;}
.footer_app dd li.app2 .ico{background-position: 0 16.66%;}
.footer_app dd li.app3 .ico{background-position: 0 33.33%;}
.footer_app dd li.app4 .ico{background-position: 0 50%;}
.footer_app dd li .txt{display: block;font-size: 10px;color: #34373c;margin: 3px 0 0;}
.mo_footer_wrap{padding: 38px 42px 30px;}
.mo_footer_wrap .footer_sns{margin-right: 0;display: flex;justify-content: center;gap: 0 20px;margin-bottom: 40px;}
.mo_footer_wrap .footer_sns li a{width: 24px;height: 24px;background-size: 24px auto;}
.footer_list{display: flex;gap: 0 18px;justify-content: center;flex-wrap: wrap;margin-bottom: 28px;}
.footer_list a{font-size: 13px;color: #555;}
.mo_footer_wrap .copyright{text-align: center;font-size: 11px;color: #a5a5a5;}
.mo_footer_wrap .copyright .logo{font-weight: 500;}

@media screen and (max-width: 1023px){
    .footer .pc-only{display: none !important;}
    .footer .mo-only{display: block !important;}
}

@media screen and (max-width: 767px){
    .mo_footer_wrap{padding: 40px 42px 26px;}
}

/* grid */
.row{display: flex;gap: 0 20px;flex-wrap: wrap;}
.col{flex: 1;}

@media screen and (max-width: 1023px){
    .row_mo-column{gap: 40px 0;}
    .row_mo-column .col{flex: auto;}
}


/* tab */
.tab_list{display: flex;border-bottom: 2px solid #111;margin-bottom: 40px;}
.tab_list .tab_item{flex: 1;}
.tab_list .tab_item.active{z-index: 1;}
.tab_list .tab_item + .tab_item{margin-left: -2px;}
.tab_list .tab_item a{display: flex;height: 62px;align-items: center;justify-content: center;text-align: center;font-size: 16px;color: #555;border: 2px solid #ddd;border-bottom: none;box-sizing: border-box;background: #fff;}
.tab_list .tab_item.active a{font-weight: 700;color: #111;border: 2px solid #111;border-bottom: 0;height: 64px;margin-bottom: -2px;}
.tab_list .tab_item.active a .tab_txt{margin-top: -1px;}

@media screen and (max-width: 767px){
    .tab_list .tab_item a{height: 52px;}
    .tab_list .tab_item.active a{height: 54px;}
}

/* tit */
.tit_area{display: flex;align-items: center;}
.tit_area-space{justify-content: space-between;}
.tit_area-center{justify-content: center;flex-direction: column;}
.tit_area-mb{margin-bottom: 30px;}
.tit_area-mbsm{margin-bottom: 20px;}
.bullet_tit{padding-left: 16px;font-size: 24px;font-weight: 700;position: relative;}
.bullet_tit::before{content: '';display: block;width: 6px;height: 6px;background: #1750ef;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -3px;}
.total{font-size: 16px;color: #555;}
.total .num{color: #0f308d;}
.bullet_tit + .total{margin-left: 20px;}
.basic_tit{font-size: 36px;font-weight: 700;color: #000;line-height: 1.2;}
.basic_tit-sm{font-size: 24px;}
.btn_petition{display: inline-block;padding: 12px 32px;border-radius: 100px;background: #0f308d;font-size: 18px;font-weight: 500;color: #fff;}
.btn_petition::after{content: '';display: inline-block;width: 18px;height: 19px;background: url(/static/images/ico/ico_petition.svg) no-repeat;background-size: 100%;vertical-align: top;margin-left: 7px;margin-top: 4px;}
.btn_petition:hover{background: #14197D;}
.tit_area .tit_desc{font-size: 18px;line-height: 28px;text-align: center;margin-top: 20px;}
.btn_more{display: inline-block;font-size: 14px;color: #555;padding-right: 10px;background: url(/static/images/ico/ico_more_arrow_gray.svg) no-repeat;background-size: 6px auto;background-position: right center;}
.tit_area .btn_more{margin-right: 10px;}

@media screen and (max-width: 767px){
    .tit_area-mb{margin-bottom: 20px;}
    .bullet_tit{font-size: 20px;}
    .total{font-size: 14px;}
    .bullet_tit + .total{margin-left: 12px;}
    .basic_tit{font-size: 24px;}
    .btn_petition{font-size: 16px;padding: 11px 22px 12px;}
    .btn_petition::after{width: 16px;height: 17px;margin-left: 4px;}
    .tit_area .tit_desc{font-size: 16px;line-height: 1.5;margin-top: 18px;}
}

/* table */
.tbl{width: 100%;table-layout: fixed;}
.tbl-basic{border-top: 2px solid #343464;}
.tbl-basic th, .tbl-basic td{border-bottom: 1px solid #d0d0d0;vertical-align: middle;font-size: 16px;text-align: center;padding: 0 10px;}
.tbl-basic th{height: 60px;font-weight: 500;color: #000;}
.tbl-basic td{height: 64px;color: #333;}
.tbl_p0 th, .tbl_p0 td{padding: 0;}
.tbl .td_gray{color: #888;}
.tbl .one_line{text-align: left;}
.tbl .keyword{color: #1750EF;}
.tbl .btnDetail{cursor: pointer;}
.state-expiration .date, .state-expiration .end_date,.state-hide .date, .state-hide .end_date{color: #888;}
.state-hide .tit_link{color: #888;padding-left: 20px;background:url(/static/images/ico/ico_hide.svg) no-repeat;background-size: 16px auto;background-position: left center;}
.tbl .noResult{background: #F7F7F7;}
.tbl .noResult td{font-weight: 500;color: #888888;padding-top: 47px;padding-bottom: 47px;}
.date_time{color: #888;margin-left: 10px;}

.empty .no_txt,.no_item .no_txt{color: #888;font-size: 18px;font-weight: 500;padding-top: 82px;background: url(/static/images/ico/ico_no_item.svg) no-repeat;background-size: 64px 64px;background-position: center top;}
.empty .btn_area,.no_item .btn_area{text-align: center;padding-top: 40px;}


@media screen and (max-width: 767px){
    .tbl-basic th{height: 56px;}
    .tbl-basic td{height: 56px;font-size: 14px;}
    .state-hide .tit_link{background-position:left 5px;}
    
    .empty .no_txt,.no_item .no_txt{color: #888;font-size: 16px;padding-top: 72px;}
    .empty .btn_area,.no_item .btn_area{padding-top: 28px;}
}

/* board search */
.board_search{display: flex;justify-content: center;margin-top: 20px;}
.search_sel{width: 120px;border: 1px solid #d0d0d0;box-sizing: border-box;}
.search_sel select{width: 100%;height: 38px;font-size: 14px;color: #3c3c3c;border: 0;appearance: none;background: url(/static/images/ico/ico_drop_arrow_gray.png) no-repeat calc(100% - 7px) 50%;padding: 0 16px 0 7px;}
.search_inp{width: 238px;border: 1px solid #d0d0d0;box-sizing: border-box;}
.search_inp input{width: 100%;height: 38px;font-size: 14px;color: #3c3c3c;padding: 0 10px;box-sizing: border-box;}
.search_sel + .search_sel{border-left: 0;}
.search_sel + .search_inp{border-left: 0;}
.search_submit{width: 55px;height: 40px;line-height: 40px;background: #343464;color: #fff;font-size: 13px;font-weight: 500;text-align: center;}

@media screen and (max-width: 767px){
    .board_search{margin-top: 28px;}
    .search_sel + .search_inp{border-left: 1px solid #d0d0d0;}
    .search_inp{flex: 1;}
    .search_submit{width: 64px;}
}

/* count */
.count_wrap{position: relative;}
.count_wrap .count_num{font-size: 20px;line-height: 1.2;color: #1750ef;font-weight: 500;padding-left: 24px;position: relative;}
.count_wrap .count_num::before{content: '';display: block;width: 16px;height: 16px;background: url(/static/images/ico/ico_count_user.svg) no-repeat;background-size: 100%;position: absolute;left: 2px;top: 50%;margin-top: -8px;}
.count{position: relative;margin: 8px 0 12px;}
.count .count_bar{width: 100%;height: 12px;border-radius: 12px;background: #E5E9ED;overflow: hidden;position: relative;}
.count .count_bar span{display: block;height: 100%;background: linear-gradient(270deg, #1750ef 0%, #6DC8E0 100%);border-radius: 12px;position: absolute;left: 0;top: 0;}
.count .bedge_reach{display: none;padding: 3px 7px;font-size: 14px;font-weight: 500;color: #fff;background: #333;border-radius: 6px;position: absolute;right: 0;top: -36px;}
.count .bedge_reach::before{content: '';display: block;width: 0;height: 0;border-bottom: 6px solid #333;border-left: 5px solid transparent;border-right: 5px solid transparent;position: absolute;bottom: -4px;left: 50%;margin-left: -3px;transform: rotate(180deg);}
.count-achieve .bedge_reach{display: block;}

.count_wrap-simply .count{display: flex;align-items: center;margin: 0;}
.count_wrap-simply .count_bar{flex:1;}
.count_wrap-simply .count_num{width: 48px;padding-left: 0;font-size: 16px;margin-left: 12px;text-align: left;color: #555;}
.count_wrap-simply .count-achieve .count_num{color: #1750ef;}
.count_wrap-simply .count_num::before{display: none;}

.count_wrap-onlyNum{color: #1750ef;}
.tbl .count_wrap-onlyNum .count_num{padding-left: 0;font-size: 16px;}
.tbl .count_wrap-onlyNum .count_num::before{display: none;}

@media screen and (max-width: 767px){
    .count_wrap .count_num{font-size: 16px;}
    .count{margin: 4px 0 8px;}
    .count .bedge_reach{font-size: 12px;padding: 3px 10px;top: -32px;}
    .count_wrap-simply .count_bar{display: none;}
    .count_wrap-simply .count_num{flex: 1;margin-left: 0;color: #1750ef;text-align: center;}
}

/* floating */
.floating{width: 72px;border-radius: 12px;background: #fff;overflow: hidden;box-shadow: 0px 0px 18px 0px rgba(0,54,206,0.12);position: fixed;right: 100px;bottom: 40px;z-index: 100;}
.floating-wide{width: 88px;border-radius: 16px;border-top-right-radius: 0;border-bottom-right-radius: 0;right: 0;}
.floating a{display: block;width: 100%;box-sizing: border-box;text-align: center;}
.floating .floating_item{background: #1750ef;color: #fff;font-size: 14px;padding: 23px 8px 12px;}
.floating-wide .floating_item{padding: 12px 5px 8px;font-size: 12px;}
.floating .floating_item + .floating_item{border-top: 1px solid #fff;}
.floating .ico{display: block;width: 32px;height: 32px;background-size: 100%;background-repeat: no-repeat;margin: 0 auto;margin-bottom: 8px;}
.floating-wide .ico{width: 42px;height: 42px;}
.floating .ico-petition{background-image: url(/static/images/ico/ico_float_petition.png);}
.floating .ico-gochung{background-image: url(/static/images/ico/ico_float_gochung.png);}
.floating .ico-info{background-image: url(/static/images/ico/ico_float_info.png);}
.floating-wide .ico-broad{background-image: url(/static/images/ico/ico_float_kbson_broad.png);}
.floating-wide .ico-suwon{background-image: url(/static/images/ico/ico_float_kbson_suwon.png);}
.floating-wide .ico-map{background-image: url(/static/images/ico/ico_float_kbson_map.png);}
.floating-wide .ico-reservation{background-image: url(/static/images/ico/ico_float_kbson_reservation.png);}
.floating-wide .ico-old_reservation{background-image: url(/static/images/ico/ico_float_kbson_old_reservation.png);margin-bottom: 2px;}
.floating .floating_top{color: #888;font-size: 12px;font-weight: 500;padding: 15px 0 10px;}
.floating .floating_top::before{content: '';display: block;width: 11px;height: 6px;background: url(/static/images/ico/ico_float_top.svg) no-repeat;background-size: 100%;margin: 0 auto;margin-bottom: 6px;}

@media screen and (max-width: 1200px){
    .floating{right: 5%;}
    .floating-wide{right: 0;}
}

@media screen and (max-width: 767px){
    .floating{right: 20px;bottom: 20px;}
    .floating-wide{right: 0;}
    .floating .ico-petition{background-image: url(/static/images/ico/ico_float_petition@2.png);}
    .floating .ico-gochung{background-image: url(/static/images/ico/ico_float_gochung@2.png);}
    .floating .ico-info{background-image: url(/static/images/ico/ico_float_info@2.png);}
    .floating-wide .ico-broad{background-image: url(/static/images/ico/ico_float_kbson_broad@2.png);}
    .floating-wide .ico-suwon{background-image: url(/static/images/ico/ico_float_kbson_suwon@2.png);}
    .floating-wide .ico-map{background-image: url(/static/images/ico/ico_float_kbson_map@2.png);}
    .floating-wide .ico-reservation{background-image: url(/static/images/ico/ico_float_kbson_reservation@2.png);}
    .floating-wide .ico-old_reservation{background-image: url(/static/images/ico/ico_float_kbson_old_reservation@2.png);}
}

/* Pagination */
.paging{text-align: center;padding-top: 20px;}
.paging ul{font-size: 0;padding: 12px 0;}
.paging li{display: inline-block;vertical-align: middle;margin: 0 3px;}
.paging .paging_btn{width: 8px;height: 12px;background-size: 100%;background-repeat: no-repeat;}
.paging .paging_btn a{width: 100%;height: 100%;padding: 0;}
.paging_btn.prev{background-image: url(/static/images/ico/ico_pagingPrev.svg);margin-right: 20px;}
.paging_btn.next{background-image: url(/static/images/ico/ico_pagingNext.svg);margin-left: 20px;}
.paging_btn.prev.disabled{background-image: url(/static/images/ico/ico_pagingPrev_disabled.svg);}
.paging_btn.next.disabled{background-image: url(/static/images/ico/ico_pagingNext_disabled.svg);}
.paging a{display: inline-block;vertical-align: middle;padding: 0 10px;font-size: 16px;color: #333333;}
.paging li.on a{color: #0088CF;text-decoration: underline;}

@media screen and (max-width: 767px){
    .paging{padding-top: 12px;}
}

/* badge */
.badge_navy{display: inline-block;color: #140661;font-size: 14px;line-height: 30px;letter-spacing: -0.6px;padding: 0 12px;border: 1px solid #140661;border-radius: 15px;}

/* button */
.btn_area{display: flex;justify-content: right;padding-top: 12px;}
.btn_area-center{justify-content: center;text-align: center;}
.normal_btn{display: inline-block;vertical-align: middle;font-size: 16px;font-weight: 500;line-height: 24px;padding: 14px 16px;background: #0F308D;color: #fff;box-sizing: border-box;border: 1px solid #0F308D;}
.normal_btn-lg{width: 160px;}
.normal_btn.white{border-color: #111111;color: #333333;background: #fff;}
.menu_btn{display: inline-block;vertical-align: middle;font-size: 16px;font-weight: 500;line-height: 24px;padding: 14px 16px 14px 36px;background-color: #0F308D;color: #fff;background-image: url(/static/images/ico/ico_menu_white_16x16.svg);background-repeat: no-repeat;background-size: 16px 16px;background-position: 16px center;}
.btn_area .normal_btn + .normal_btn{margin-left: 12px;}

/* input */
.inp{height: 52px;padding: 14px 20px;border: 1px solid #CCCCCC;box-sizing: border-box;font-size: 16px;letter-spacing: -0.6px;line-height: 24px;color: #101010;}
.inp::placeholder{color: #888888;}
.inp-lg{width: 100%;}
.inp-md{width: 486px;}

/* checkbox */
.chk_box{margin-top: 10px;margin-bottom: 60px;}
.chk{display: inline-block;vertical-align: middle;padding: 5px 0;}
.chk input[type='checkbox'] {position: absolute !important;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);white-space: nowrap;}
.chk input[type='checkbox']+label {display: inline-block;min-height:34px;padding:5px 0 5px 32px;background-image:url(/static/images/ico/ico_chk.svg);background-repeat:no-repeat;background-size:24px;background-position: 0 5px;box-sizing: border-box;cursor: pointer;font-size:16px;line-height:24px;color:#333;word-break: keep-all;}
.chk input[type='checkbox']:hover+label{background-image:url(/static/images/ico/ico_chk_focus.svg);}
.chk input[type='checkbox']:disabled+label{background-image:url(/static/images/ico/ico_chk_disabled.svg);color: #888;}
.chk input[type='checkbox']:checked+label{background-image:url(/static/images/ico/ico_chk_checked.svg);}
.chk input[type='checkbox']:focus+label{outline:1px dashed;outline:1px auto -webkit-focus-ring-color;}

/* textarea */
textarea{width: 100%;height: 192px;color: #101010;font-size: 15px;line-height: 1.5;border: 1px solid #CCCCCC;padding: 16px 20px;box-sizing: border-box;resize: none;font-family: "Noto Sans KR", AppleGothic, "Apple SD Gothic Neo", helvetica, '돋움', Dotum, sans-serif;}
textarea::placeholder{color: #888888;}
.txta_desc{display: flex;justify-content: space-between;}
.txta_desc-right{justify-content: flex-end;}
.txta_desc .count{color: #888888;min-width: 123px;text-align: right;}

/* select */
.drop_sel{width: 320px;border: 1px solid #CCCCCC;box-sizing: border-box;}
.drop_sel select{width: 100%;height: 50px;font-size: 16px;color: #101010;border: 0;appearance: none;background: url(/static/images/ico/ico_drop_sel_arrow.png) no-repeat calc(100% - 18px) 50%;padding: 0 30px 0 20px;}

@media screen and (max-width: 767px){
    /* badge */
    .badge_navy{font-size: 12px;line-height: 24px;}

    /* input */
    .inp{height: 48px;padding: 12px;}

    /* button */
    .normal_btn{padding: 12px 14px;}
    .btn_area.col2 .normal_btn{width: calc((100% - 16px) / 2);}
    .btn_area.col2 .normal_btn + .normal_btn {margin-left: 16px;}

    /* checkbox */
    .chk_box{margin-bottom: 50px;}
    .chk input[type='checkbox']+label{font-size: 14px;}
}

/* Date Picker */
.search_date{display: flex;align-items: center;margin-right: 10px;}
.inp-date {width: 130px;height: 40px;padding-left: 40px;box-sizing: border-box;border: 1px solid #d0d0d0;font-size: 14px;color: #3c3c3c;background: url('/static/images/ico/ico_date.png') no-repeat center; background-size: 24px;background-position: 8px;cursor: pointer;} 
.date_tilde {font-size: 16px;color: #000;padding: 0 4px;}


/* 에러페이지 */
.error {width: 100%;height: 100vh;display: flex;align-items: center;justify-content: center;}
.error_cont {text-align: center;}
.error_img {width: 120px;margin: 0 auto 23px;}
.error_img img{display: block;width: 100%;}
.error_tit{font-size: 32px;font-weight: 500;line-height: 1.5;color: #111111;word-break: keep-all;}
.error_desc{font-size: 18px;line-height: 1.5;color: #333333;padding-top: 10px;word-break: keep-all;}
.error_btnArea{margin-top: 60px;}
.error_btn{display: inline-block;font-size: 16px;line-height: 1.5;font-weight: 500;color: #333333;padding: 14px 51px;border: 1px solid #111111;}
.tbl .empty td {background: #F7F7F7;padding: 100px 0 120px;border-bottom: 0;}
.empty_tit{font-size: 20px;font-weight: 500;line-height: 1.6;color: #555555;background: url(/static/images/ico/ico_noResults.svg) no-repeat;background-size: 60px 60px;background-position: center top;padding-top: 77px;}
.empty_desc{font-size: 18px;line-height: 1.5;color: #888888;padding-top: 4px;}

@media screen and (max-width: 767px){
    /* 에러페이지 */
    .error_img{width: 80px;}
    .error_tit{font-size: 24px;}
    .error_desc{font-size: 16px;padding-top: 7px;}
    .error_btnArea{margin-top: 40px;}
    .error_btn{padding: 12px 51px;}
    .tbl .empty td{padding: 101px 0 136px}
    .empty_tit{font-size: 18px;background-size: 48px 48px;padding-top: 69px;}
    .empty_desc{font-size: 16px;padding-top: 2px;}
}


/* 견학홀 메인 레어이 팝업 :: S */
#pop_wrap { position: fixed; width: 100%; height:100%; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 110;}
.popup { position: absolute; top: 50%; left: 50%; width: 540px; margin-left:-270px; max-height: calc(100% - 45px);transform: translateY(-50%);background: #f1f6fc url(/static/images/bg/pop_bg.png) no-repeat 15px 0; background-size:100%;}
.popup_tit { font-size:36px; font-weight: 700; }
.popup_inner {  text-align: center; font-weight: 500; padding-top:30px;}
.popup_cont { padding-top:30px; color: #333; }
.popup_cont .pop_txt01 { font-size:16px; }
.popup_cont .pop_txt01 span { font-weight: 700;}
.popup_cont .pop_txt02 { width:460px; font-size: 14px; font-weight: 400; line-height: 1.8; margin:40px auto; border-top:2px solid #1750EF; border-bottom:2px solid #1750EF; padding: 15px 0;}
.popup_cont .pop_txt01 span, .popup_cont .pop_txt02 a { color:#1750EF; }
.popup_cont .pop_txt02 span { color:#1750EF; }
.popup_cont .pop_txt02 { width:460px; font-size: 14px; line-height: 1.8; margin:35px auto; border-top:2px solid #1750EF; border-bottom:2px solid #1750EF; padding: 15px 0;}
.popup_cont .pop_txt03 { width:460px; font-size: 14px; line-height: 1.8; margin:5px auto; padding: 15px 0;}
.popup_inner .pop_footer_btn {display:table;table-layout: fixed;width:100%;height:45px;background:#fff;word-break: break-word;border:1px solid #ddd; box-sizing: border-box;}
.popup_inner .pop_footer_btn a {position: relative; display: table-cell; height:45px; color:#333; font-size:14px;text-align:center;vertical-align:middle;text-decoration:none; }
.popup_inner .pop_footer_btn a:last-child { border-left:1px solid #ddd;}  

@media screen and (max-width: 767px){
    .popup { width:380px; left: 50%;margin-left:-190px; max-height: calc(100% - 45px);transform: translateY(-50%); }
    .popup_tit { font-size:24px; font-weight: 700; }
	.popup_inner { padding-top:15px;}
	.popup_cont { padding-top:15px;}
    .popup_cont .pop_txt02 { width:340px; font-size: 12px; line-height: 1.6; word-break: keep-all; letter-spacing: -0.5px; margin:20px auto; border-top:1px solid #1750EF; border-bottom:1px solid #1750EF; padding: 15px 5px; }
}	

@media screen and (max-width: 399px){
    .popup { width:270px; left: 50%;margin-left:-135px; max-height: calc(100% - 45px);transform: translateY(-50%); }
    .popup_tit { font-size:18px; font-weight: 700; }
	.popup_inner { padding-top:15px; }
	.popup_cont { padding-top:12px;}
    .popup_cont .pop_txt01 { font-size: 12px;}
    .popup_cont .pop_txt01 span { font-weight: 700;}
    .popup_cont .pop_txt02 { width:250px; font-size: 10px; line-height: 1.5; word-break: keep-all; letter-spacing: -1px; margin:15px auto; border-top:1px solid #1750EF; border-bottom:1px solid #1750EF; padding: 10px 2px; }
    .popup_cont .pop_txt03 { width:250px; font-size: 10px; line-height: 1.5; margin:1px auto; padding: 10px 0;}
    .popup_inner .pop_footer_btn {display:table;table-layout: fixed;width:100%;height:35px;background:#fff;word-break: break-word;border:1px solid #ddd; box-sizing: border-box;}
    .popup_inner .pop_footer_btn a {position: relative; display: table-cell; height:35px; color:#333; font-size:12px;text-align:center;vertical-align:middle;text-decoration:none; }
}	
/* 견학홀 메인 레어이 팝업 :: E */

/* 페이지 로딩 :: S */
.loading {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.8; z-index: 100001; }
.spinner { position: absolute;width:100px; height: 100px;top:50%; left:50%; transform: translate(-50%, -50%); z-index: 100002; }
/* 페이지 로딩 :: E */