@charset "utf-8";

/**
* Infobus Cascading Style Sheets
* File Name : base.css
* Description : 단위 css
* Author : Web Team / pyt
* Email : pico1983@nate.com
* Date : 2019-03-26
* Update : 2019-03-26
* Copyright(c) 2019 인포버스. All Rights Reserved.
*/

.fadeIn { transition:all 1s ease; opacity:0;}
.fadeInUp { transition:all 1s ease; opacity:0; transform:translateY(30px);}
.fadeInDown { transition:all 1s ease; opacity:0; transform:translateY(-30px);}
.fadeInLeft { transition:all 1s ease; opacity:0; transform:translateX(-30px);}
.fadeInRight { transition:all 1s ease; opacity:0; transform:translateX(30px);}

.animate_fade { transform:translateY(0px); transform:translateX(0px); opacity:1;}

/*
 * animate
 */

.animate { transition:all .2s ease; -webkit-transition:all .2s ease;}

/*
 * table
 */

.tbl_view { position:relative; margin-top:20px;}
.tbl_view:after { position:absolute; top:0; right:0; bottom:0; width:1px; background:#fff; content:""; display:block;}
.tbl_view table { border-top:1px solid #3b3b3b; width:100%;}
.tbl_view table th,
.tbl_view table td { padding:10px; text-align:center; color:#222; font-weight:600; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.tbl_view table th { background:#f5f5f5;}
.tbl_view table .spec_td { color:#f6466e;}
.tbl_view table .tbl_ico { vertical-align:middle; width:15px; height:auto;}
.tbl_view table .notice span { display:inline-block; padding:0 6px; background:#838cd0; border-radius:2px; line-height:18px; color:#fff; font-size:11px;}
.tbl_view table .new { display:inline-block; padding:0 6px; background:#f6466e; border-radius:2px; line-height:18px; color:#fff; font-size:11px; vertical-align:middle; margin-left:5px;}

.tbl_data { position:relative; border-top:2px solid #88b4e9; font-size:16px;}
.tbl_data:after { position:absolute; top:0; right:0; bottom:0; width:1px; background:#fff; content:""; display:block;}
.tbl_data table { position:relative; border-top:1px solid #fff; width:100%;}
.tbl_data table thead th { padding:17px 12px; border-right:1px solid #88b4e9; border-bottom:1px solid #88b4e9; color:#005bc9; font-weight:600; background:#f8fbff;}
.tbl_data table thead td { padding:17px 12px; border-right:1px solid #88b4e9; border-bottom:1px solid #88b4e9; color:#005bc9; background:#f8fbff;}
.tbl_data table tbody th { padding:17px 12px; border-right:1px solid #88b4e9; border-bottom:1px solid #88b4e9; color:#000;}
.tbl_data table tbody td { padding:17px 12px; border-right:1px solid #88b4e9; border-bottom:1px solid #88b4e9; color:#000;}

.bbs_info { text-align:left;}
.bbs_info em { color:#f6466e; font-weight:600;}

.tar { margin:10px 0;}
.tar, .tar .btn_d.btn_small {font-size:13px;}
.tar .fs1 { padding:8px 5px; border:1px solid #dadada; vertical-align:top; max-width:100%;}
.tar .btn_d.btn_small { text-decoration:none;}

.tbl_program { position:relative; margin-bottom:40px;}
.tbl_program:after { position:absolute; top:0; right:0; bottom:0; width:1px; background:#fff; content:""; display:block;}
.tbl_program table { width:100%;}
.tbl_program table th,
.tbl_program table td { padding:15px 5px; text-align:left; border-bottom:1px dashed #d2d2d2;} 
.tbl_program table th {}
.tbl_program table .spec_td { color:#f6466e;}

.tbl_spec { position:relative;}
.tbl_spec:after { position:absolute; top:0; right:0; bottom:0; width:1px; background:#fff; content:""; display:block;}
.tbl_spec table { position:relative; border-top:1px solid #fff; width:100%;}
.tbl_spec table tbody { width:100%;}
.tbl_spec table th { padding:9px 12px; border-right:1px solid #fff; border-bottom:1px solid #fff; font-size:13px; background:#2a93d5; color:#fff; text-align:left; font-weight:normal;}
.tbl_spec table td { padding:9px 12px; border-right:1px solid #fff; border-bottom:1px solid #fff; background:#63b8ed; color:#fff; font-size:13px; text-align:left;}

.tbl_write { position:relative;}
.tbl_write:after { position:absolute; top:0; right:0; bottom:0; width:1px; background:#fff; content:""; display:block;}
.tbl_write table { position:relative; border-top:1px solid #ccc; width:100%;}
.tbl_write table tbody { width:100%;}
.tbl_write table th { padding:9px 12px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-size:13px; background:#f4f4f4; text-align:left; font-weight:normal;}
.tbl_write table td { padding:9px 12px; border-bottom:1px solid #ccc; font-size:13px; text-align:left;}

.tbl_modal { position:relative;}
.tbl_modal:after { position:absolute; top:0; right:0; bottom:0; width:1px; background:#fff; content:""; display:block;}
.tbl_modal table { position:relative; width:100%;}
.tbl_modal table tbody { width:100%;}
.tbl_modal table tbody tr:hover { background:#feefee; cursor:pointer;}
.tbl_modal table th { padding:9px 12px; font-size:16px; font-weight:700; background:#414042; color:#fff; text-align:left; font-weight:normal;}
.tbl_modal table td { padding:9px 12px; font-size:16px; font-weight:700; text-align:left; border-bottom:1px solid #b2b2b3;}
.tbl_modal table tr .radio_td i { position:relative; display:inline-block; width:21px; height:21px; box-sizing:border-box; vertical-align:middle; border-radius:50%; border:1px solid #414042; background:#fff;}
.tbl_modal table .active .radio_td i:after { display:block; position:absolute; top:2px; left:2px; right:2px; bottom:2px; border-radius:50%; background:#414042; content:"";}

.tbl_join { position:relative; max-width:800px; margin:0 auto;}
.tbl_join:after { position:absolute; top:0; right:0; bottom:0; width:1px; background:#fff; content:""; display:block;}
.tbl_join table { position:relative; width:100%;}
.tbl_join table th { padding:9px 12px; font-size:20px; font-weight:700; text-align:left; width:150px;}
.tbl_join table td { padding:9px 12px; font-size:16px; font-weight:700; text-align:left;}

.bbs_gallery { margin:10px 0; padding-top:10px; border-top:2px solid #3b3b3b; border-bottom:1px solid #d2d2d2; overflow:hidden;}
.gallery_item { padding:10px;}
.gallery_item a { display:block;}
.gallery_item a .thumb { display:block; height:200px; margin-bottom:10px; background:#eee;}
.gallery_item a .date { display:block; font-weight:600; color:#444; margin-bottom:10px;}
.gallery_item a:hover .date { color:#f6466e;}

@media screen and (max-width:768px) {
.tbl_join table th { width:auto; font-size:16px;}
.tbl_join table td { font-size:14px;}
}
@media screen and (max-width:550px) {
.tbl_join table th { padding-bottom:0;}
.tbl_join table th,
.tbl_join table td { display:block;}
.tbl_join table td { border-bottom:1px solid #ccc;}
}

.tbl_mypage { position:relative;}
.tbl_mypage:after { position:absolute; top:0; right:-1px; bottom:0; width:2px; background:#fff; content:""; display:block;}
.tbl_mypage table { position:relative; width:100%; border-top:5px solid #414042;}
.tbl_mypage table thead th { padding:9px 30px; font-size:18px; border-bottom:1px solid #59595c; background:#f1f2f2;}
.tbl_mypage table tbody th { padding:9px 30px; font-size:18px; font-weight:700; width:150px; white-space:nowrap;}
.tbl_mypage table tbody td { padding:9px 30px; font-size:18px; font-weight:200;}
.tbl_mypage table .border_tbody th { border-bottom:1px solid #59595c; border-right:1px solid #59595c;}
.tbl_mypage table .border_tbody td { border-bottom:1px solid #59595c; border-right:1px solid #59595c;}

@media screen and (max-width:1040px) {
.tbl_mypage table thead th { padding:9px 10px; font-size:16px;}
.tbl_mypage table tbody th { padding:9px 10px; font-size:16px; width:auto;}
.tbl_mypage table tbody td { padding:9px 10px; font-size:16px;}
}

@media screen and (max-width:768px) {
.tbl_mypage table thead th { padding:2px; font-size:14px;}
.tbl_mypage table tbody th { padding:2px; font-size:14px;}
.tbl_mypage table tbody td { padding:2px; font-size:14px;}
}

.tbl_list { position:relative;}
.tbl_list table { position:relative; width:100%; border:1px solid #b3b5b8;}
.tbl_list table:first-child { position:relative; width:100%; border-bottom:none;}
.tbl_list table .btn_tbl { display:inline-block; padding:2px 10px; font-size:16px; color:#404042; background:#fff; border:1px solid #b9bbbd;}
.tbl_list table .btn_tbl_red { display:inline-block; padding:2px 10px; font-size:16px; color:#ed1b23; background:#fff; border:1px solid #b9bbbd;}
.tbl_list table .btn_tbl_red:hover { color:#fff; background:#ed1b23; border:1px solid #ed1b23;}
.tbl_list table .btn_tbl_grey { display:inline-block; padding:2px 10px; font-size:16px; color:#404042; background:#dcddde; border:1px solid #b9bbbd;}
.tbl_list table .btn_tbl_black { display:inline-block; padding:2px 10px; font-size:16px; color:#fff; background:#606164; border:1px solid #606164;}
.tbl_list table .bg_tr { background:#f1f1f2;}
.tbl_list table th,
.tbl_list table td { padding:0; font-size:16px;}
.tbl_list table th:after,
.tbl_list table td:after { content:""; display:block; clear:both;}
.tbl_list table td .basic_red { color:#be1d2c; padding-left:10px;}
.tbl_list table .right_td { display:block; float:right; height:30px; border-left:1px solid #b3b5b8;}
.tbl_list table .right_td * { vertical-align:middle;}
.tbl_list table .padding_td { display:inline-block; padding:5px 10px;}
.tbl_list table .ico_group { display:inline-block; width:30px; height:30px; vertical-align:middle; margin-right:5px; background:url(../image/content/ico_tbl_group.png) no-repeat 50%;}
.tbl_list table select { display:inline-block; height:30px; border:1px solid #b9bbbd; padding-left:10px; padding-right:10px;}
.tbl_list table .input_tbl_group { position:relative; display:inline-block; box-sizing:border-box; height:30px; border:1px solid #b9bbbd; margin-left:10px;}
.tbl_list table .input_tbl_group input[type=text] { border:none; padding:0 50px 0 10px; vertical-align:bottom; text-align:center;}
.tbl_list table .input_tbl_group .btn_tbl_grey { position:absolute; top:0; bottom:0; right:0; display:inline-block; padding:0 10px; border:none;}
.tbl_list table .input_tbl_group .btn_tbl_grey:hover { background:#444; color:#fff;}
.tbl_list table .ico_td_down { display:inline-block; width:30px; height:30px; margin-bottom:5px; background:url(../image/content/ico_tbl_share.png) no-repeat 50%;}
.tbl_list table a.right_td:hover { background:#fefefe;}

.bbs_view { border-top:1px solid #164a95; border-bottom:1px solid #aaa;}
.bbs_view .title { padding:15px 0; margin:0; text-align:center; font-size:20px; border-bottom:1px solid #164a95; background:#f7f7f7; font-weight:bold;}
.bbs_view .desc { padding:10px; margin:0; overflow:hidden; font-size:14px;}
.bbs_view .desc dl { clear:both; padding:0; margin:0;}
.bbs_view .desc dt { float:left; width:10%; padding:0; margin:0; color:#555;}
.bbs_view .desc dd { float:left; width:40%; padding:0; margin:0;}
.bbs_view .cont { clear:both; padding:15px 10px; margin:0; border-top:1px solid #ccc; min-height:300px; word-break:break-all;}
.bbs_view .cont img { max-width:100%;}
.bbs_view .attach { clear:both; padding:8px 10px; margin:0; border-top:1px solid #ddd; font-size:14px;}
.bbs_view .attach .tbl_ico { width:12px; height:auto; vertical-align:middle;}
.bbs_view_list { border-top:1px solid #ddd; color:#999; text-align:center; margin:20px 0; overflow:hidden;}
.bbs_view_list dl { clear:both; margin:0;}
.bbs_view_list dt,
.bbs_view_list dd { float:left; padding:0; margin:0; border-bottom:1px solid #ddd; line-height:40px;}
.bbs_view_list dt { width:20%; background:#f5f5f5; color:#555}
.bbs_view_list dd { width:80%;}
.bbs_view_list dd.subject { text-align:left; text-indent:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bbs_view .reback { border-top:1px solid #164a95; background-color:#f7f7f7;}

.bbs_view .cont .img_frame img { min-width:auto;}

/*
 * position
 */

.pos_s { position:static;}
.pos_r { position:relative;}
.pos_a { position:absolute;}
.pos_f { position:fixed;}

/*
 * float
 */

.fl_n { float:none;}
.fl_l { float:left; padding:0 10px;}
.fl_r { float:right;}
.fl_c:after { display:block; clear:both; content:"";}

/*
 * float
 */

.dp_t { display:table;}
.dp_b { display:block; width:100%;}
.dp_ib { display:inline-block;}
.dp_n { display:none;}
.m_dp_b { display:none;}

.hdn { position:absolute; left:0; top:0; width:0; height:0; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; overflow:hidden;}
.tbl_resp_scroll { overflow-x:auto;}
.tbl_resp_scroll:after { display:none;}
.tbl_resp_scroll table { margin-right:-1px; border-right:1px solid #fff; overflow:hidden;}

@media screen and (max-width:768px) {
   .m_dp_b { display:block; width:100%; margin-top:5px;}
   .m_dp_n { position:absolute; left:0; top:0; width:0; height:0; overflow:hidden;}
   .m_hide { display:none;}
}

/*
 * form
 */

input[type=file] { display:inline-block !important;}
.input_text { box-sizing:border-box; vertical-align:middle; width:100%; font-size:18px; padding:10px 15px 11px 15px; margin:0; border:1px solid #bbb; color:#565656; border-radius:5px !important;}
.input_text:read-only { background:#eee;}
.input_text2 { box-sizing:border-box; padding:8px 25px; font-size:16px; border:2px solid #a7a9aa;}
.input_text3 { box-sizing:border-box; max-width:110px; padding:8px 25px; font-size:16px; border:2px solid #a7a9aa;}
.select { box-sizing:border-box; border-radius:0; vertical-align:middle; width:100%; font-size:17px; font-weight:500; padding:11px 15px 13px 15px; margin:0; border:1px solid #fff; color:#565656; background:#fff;}
.select2 { box-sizing:border-box; vertical-align:middle; padding:10px 25px; font-size:16px; border:2px solid #a7a9aa;}
.spec_select { display:block; float:right; box-sizing:border-box; vertical-align:middle; text-align:justify; text-align-last:right; padding:3px 10px 3px 3px; margin:0; border:none; color:#777;}
.spec_select:focus { outline:none;}
.textarea { box-sizing:border-box; width:100%; height:120px; padding:10px; margin:0; border:1px solid #d9d9d9; font-size:16px; resize:none; background:#fff;}
.textarea::placeholder { font-size:14px;}
.textarea:focus { background:#fff;}
.input_btn { position:relative; display:inline-block; box-sizing:border-box; vertical-align:bottom; border:1px solid #d9d9d9; font-size:16px; color:#777; cursor:pointer;}
.input_btn input { display:inline-block; padding:3px 35px 3px 5px; width:auto; text-align:center; border:none;}
.input_btn textarea { margin-top:-0.063rem; margin-left:-0.063rem; height:2.5rem; padding-right:5.625rem;}
.input_btn span { display:inline-block; width:16.875rem; padding:0.313rem 0.625rem;}
.input_btn .btn { position:absolute; top:-1px; right:0; bottom:0; z-index:1; margin:0; padding:0 5px; vertical-align:middle; background:#dcddde; border:none;}
.input_btn img { position:absolute; top:-0.063rem; right:-0.063rem; z-index:1;}
.dummy_pdf { display:none;}
.btn_mypage { display:inline-block; margin-left:10px; border-radius:19px; vertical-align:middle; padding:4px 10px; border:2px solid #be1d2c; color:#be1d2c; font-size:18px; font-weight:600;}
.btn_mypage:hover { color:#fff; background:#be1d2c;}

.log_input_text { margin-top:10px;}
.log_input_text input { display:block; padding:12px 20px; box-sizing:border-box; width:100%; font-size:16px; border:2px solid #565557;}

.log_input_check { position:relative; margin-top:-7px;}
.log_input_check label { display:inline-block; box-sizing:border-box; min-height:26px; margin-bottom:0; padding:10px 0 10px 40px; font-size:18px; background:url(../image/content/bg_check.png) no-repeat left 50%; font-weight:400; cursor:pointer; color:#222; z-index:1;}
.log_input_check label input[type=checkbox] { display:none;}
.log_input_check label.active { background:url(../image/content/bg_check_on.png) no-repeat left 50%;}

.log_intro_check { position:relative; margin-top:-7px;}
.log_intro_check label { display:inline-block; box-sizing:border-box; min-height:26px; margin-bottom:0; padding:10px 0 10px 40px; font-size:16px; background:url(../image/intro/check_intro.png) no-repeat left 50%; background-size:30px; font-weight:500; cursor:pointer; color:#222; z-index:1;}
.log_intro_check label input[type=checkbox] { display:none;}
.log_intro_check label.active { background:url(../image/intro/check_intro_on.png) no-repeat left 50%; background-size:30px;}

.log_input_radio {}
.log_input_radio label { display:inline-block; padding:10px 0; margin-right:10px;}
.log_input_radio label input[type=radio] { display:none;}
.log_input_radio label i { position:relative; display:inline-block; width:21px; height:21px; box-sizing:border-box; vertical-align:middle; border-radius:50%; border:1px solid #414042; background:#fff;}
.log_input_radio label.active i:after { display:block; position:absolute; top:2px; left:2px; right:2px; bottom:2px; border-radius:50%; background:#414042; content:"";}

.check_block { display:inline-block; vertical-align:middle;}
.check_block:after { clear:both; display:block; content:"";}
.check_block .check_title { float:left;}
.check_block .check_group { float:right;}
.check_block label { cursor:pointer; margin:3px 0;}

.img_radio { position:relative; display:inline-block; padding-left:30px; padding-right:10px;}
.img_radio:before { position:absolute; display:block; content:""; top:50%; left:0; width:20px; height:20px; margin-top:-10px; border-radius:50%; border:1px solid #5c5c5c; z-index:1;}
.img_radio:after { position:absolute; display:none; content:""; top:50%; left:6px; width:10px; height:10px; margin-top:-5px; border-radius:50%; background:#1064ea; z-index:2;}
.img_radio.active:after { display:block;}
.img_radio input { display:none;}

.img_check { position:relative; display:inline-block; padding-left:30px; padding-right:10px;}
.img_check:before { position:absolute; display:block; content:""; top:0; left:0; width:20px; height:20px; border-radius:2px; border:1px solid #5c5c5c; z-index:1;}
.img_check:after { position:absolute; display:none; content:""; top:0; left:0; width:21px; height:21px; background:url(../image/common/ico_checkbox.png) no-repeat 50% 50%; z-index:2;}
.img_check.active:after { display:block;}
.img_check input { display:none;}

.bg_form_resualt { padding:1.563rem 2.813rem; background:#f6f7f8; text-align:center; border-top:1px solid #164a95; border-bottom:1px solid #164a95;}
.bg_form_resualt:after { content:""; clear:both; display:block;}
.bg_form_resualt .form_box { padding-top:0.938rem;}
.form_box * { vertical-align:middle;}

@media screen and (max-width:768px) {
.btn_mypage { border-radius:15px; padding:2px 5px; border:1px solid #be1d2c; font-size:14px;}
.btn_my_stat .btn_mypage { display:block; width:auto; text-align:center; margin-top:5px; margin-left:0;}
}

@media screen and (max-width:450px) {
}

/*
 * button
 */

/* button Og */
.btn { display:inline-block; box-sizing:border-box; margin:0; border-radius:0; background:#fff; border:1px solid #573429; font-weight:500; padding:15px 0 17px; color:#333; font-size:17px; line-height:1; text-align:center; vertical-align:middle;}
.btn:hover, .btn:focus {}
.btn_round { border-radius:100px;}
.btn i { display:inline-block; vertical-align:bottom; line-height:0; width:16px; margin-right:.5em;}
.btn img { height:20px; width:auto; margin-top:-5px; margin-right:5px; vertical-align:middle;}

/* button Color */
.btn_blue { background:#573429; color:#fff; border:1px solid #573429;}
.btn_blue:hover, .btn_blue:focus {}
.btn_grey { background:#7f7b91; color:#fff; border:1px solid #7f7b91;}
.btn_grey:hover, .btn_grey:focus {}

/* button Size */
.btn_xs { min-width:60px; margin:2px; font-size:0.8em; padding:10px 10px;}
.btn_sm { min-width:120px; margin:0; font-size:0.8em; padding:10px 20px;}
.btn_lg { min-width:180px; margin:0; font-size:1.2em; padding:15px 30px;}
.btn_xl { min-width:180px; margin:0; font-size:1.2em; padding:20px 40px;}

/* button Gradient */
.btn_blue.btn_grd { background-image:linear-gradient(-135deg, #2a9ffd 0%, #1976d2 100%); background-image:-webkit-linear-gradient(-135deg, #2a9ffd 0%, #1976d2 100%);}

.btn_group { padding-top:20px;}
.btn_group *{ margin:0 5px;}

.btn.btn_stroke { background:#fff; color:#dc2276;}
.btn_block { width:100%;}

/*
 * form
 */

.form_group { margin-bottom:15px;}

.form_horizontal .form_group:before,
.form_horizontal .form_group:after { display:table; content:"";}

.form_horizontal .form_group:after { clear:both;}

fieldset { min-width:0; padding:0; margin:0; border:0;}
legend { display:block; width:100%; padding:0; margin-bottom:20px; font-size:1.2em; line-height:inherit; color:#333; border:0; border-bottom:1px solid #e5e5e5;}
label { display:inline-block; max-width:100%; margin-bottom:5px; font-weight:bold;}
input[type="search"] { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
input[type="radio"],
input[type="checkbox"] { margin:4px 0 0; margin-top:1px \9; line-height:normal;}
input[type="file"] { display:block;}
input[type="range"] { display:block; width:100%;}
select[multiple],
select[size] { height:auto;}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus { outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px;}
output { display:block; padding-top:7px; font-size:.8em; line-height:1.42857143; color:#555;}

input[type="search"] { -webkit-appearance:none;}

.radio,
.checkbox { position:relative; display:block; margin-top:10px; margin-bottom:10px;}
.radio label,
.checkbox label { min-height:20px; padding-left:20px; margin-bottom:0; font-weight:normal; cursor:pointer;}
.radio input[type="radio"],
.radio_inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox_inline input[type="checkbox"] { position:absolute; top:50%; margin-top:-5px; margin-left:-20px;}
.radio + .radio,
.checkbox + .checkbox { margin-top:-5px;}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] { cursor:not-allowed;}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label { cursor:not-allowed;}

.radio_inline + .radio_inline,
.checkbox_inline + .checkbox_inline { margin-top:0; margin-left:10px;}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] { line-height:34px;}
}

@media (min-width: 768px) {
}

/* btn active */
.btn_active_blue.active { color:#fff; background:#2357c1; border:1px solid #154dbd;}
.btn_active_purple.active { color:#fff; background:#6925d2; border:1px solid #5413b9;}
.btn_active_green.active { color:#fff; background:#3cab35; border:1px solid #2c9f26;}
.btn_active_red.active { color:#fff; background:#ec1e1e; border:1px solid #cb0f0e;}
.btn_active_orange.active { color:#fff; background:#feae00; border:1px solid #eda002;}

.btn.btn_radius { border-radius:15px; padding:4px 15px}
.btn_lg.btn_radius { border-radius:23px; padding:10px 20px}

/*
 * label
 */

.lab_blue_trance { display:inline-block; padding:2px 10px; font-size:22px; color:#3366cc; border:1px solid #3366cc;}
.lab_blue { display:inline-block; padding:1px 6px; background:#4b4ae5; color:#fff; font-size:12px; border-radius:2px;}
.lab_green { display:inline-block; padding:2px 10px; background:#009855; color:#fff; font-size:18px;}
.lab_yellow { display:inline-block; padding:2px 10px; background:#ffcc00; color:#444; font-size:18px;}
.lab_red { display:inline-block; padding:2px 10px; background:#be1d2c; color:#fff; font-size:18px;}
.lab_brown { display:inline-block; padding:2px 10px; background:#594a40; color:#fff; font-size:18px;}

/*
 * border
 */

.bd_n { border:0;}
.bdt_n { border-top:0;}
.bdr_n { border-right:0;}
.bdb_n { border-bottom:0;}
.bdl_n { border-left:0;}

.bdb_a { border-bottom:1px solid #FE7872;}
.bdb_g { border-bottom:1px solid #95C65C;}
.bdb_b { border-bottom:1px solid #447EBE;}
.bdb_s { border-bottom:1px solid #61CBC8;}
/*
 * img
 */

.m_h_100 img { max-width:100%; height:auto;}
.objectFit img { object-fit:cover; width:100%; height:100%;}

/*
 * icon
 */

.ico_label { text-align:center; margin-left:2px; font-size:0;}
.ico_label .ico { display:inline-block; padding:2px 3px 1px 3px; line-height:1; border:1px solid #313131; font-size:13px; font-weight:800; margin-left:2px;}
.ico_label .ico_red { color:#fff; background:#ff523b; border:1px solid #f2331a;}
.ico_label .ico_yellow { color:#fff; background:#ffa200; border:1px solid #f89e00;}
.ico_label .ico_green { color:#fff; background:#50a01f; border:1px solid #429112;}
.ico_label .ico_purple { color:#fff; background:#5f17e3; border:1px solid #5211cc;}
.ico_label .ico_blue { color:#fff; background:#3854df; border:1px solid #2541d0;}
.ico_label .ico_label .ico_border { background:none;}

.ico_req:after { display:block; float:right; color:#ff523b; content:"*";}

.no_data { padding:50px 0; text-align:center;}

/*
 * font
 */

/* font weight */
.fw200 { font-weight:200;}
.fw400 { font-weight:400;}
.fw600 { font-weight:600;}
.fw800 { font-weight:800;}

/* font size */
.fs0 { font-size:0;}
.fs14 { font-size:14px;}
.fs16 { font-size:16px;}
.fs18 { font-size:18px;}
.fs22 { font-size:22px;}

/* text color */
.t_c_white { color:#fff;}
.t_c_black { color:#000;}
.t_c_greyDeep { color:#555;}
.t_c_whiteDeep { color:#ccc;}
.t_c_grey { color:#888;}
.t_c_greyLight { color:#999;}
.t_c_green { color:#0ca35a;}
.t_c_blue { color:#1e88e5 !important;}
.t_c_red { color:#f22222;}
.t_c_yellow { color:#ffff00;}
.t_c_skyblue { color:#14c3fc;}

/* background */
.bg_none { background:none;}
.bg_white { background:#fff; color:#444;}
.bg_black { background:#000; color:#444;}
.bg_greyDeep { background:#555; color:#fff;}
.bg_grey { background:#777; color:#444;}
.bg_greyLight { background:#999; color:#444;}
.bg_green { background:#0ca35a; color:#fff;}
.bg_greenLight { background:#89C049;}
.bg_blue { background:#1d50df; color:#fff;}
.bg_blueLight { background:#2F6FB7; color:#fff;}
.bg_skyblue { background:#61CBC8;}
.bg_red { background:#f22222; color:#fff;}
.bg_redLight { background:#FE6963;}
.bg_yellow { background:#ffff00; color:#444;}

/*
 * grid
 */

.col_xs_dev, .col_sm_dev, .col_md_dev, .col_lg_dev, .col_xs_1, .col_sm_1, .col_md_1, .col_lg_1, .col_xs_2, .col_sm_2, .col_md_2, .col_lg_2, .col_xs_3, .col_sm_3, .col_md_3, .col_lg_3, .col_xs_4, .col_sm_4, .col_md_4, .col_lg_4, .col_xs_5, .col_sm_5, .col_md_5, .col_lg_5, .col_xs_6, .col_sm_6, .col_md_6, .col_lg_6, .col_xs_7, .col_sm_7, .col_md_7, .col_lg_7, .col_xs_8, .col_sm_8, .col_md_8, .col_lg_8, .col_xs_9, .col_sm_9, .col_md_9, .col_lg_9, .col_xs_10, .col_sm_10, .col_md_10, .col_lg_10, .col_xs_11, .col_sm_11, .col_md_11, .col_lg_11, .col_xs_12, .col_sm_12, .col_md_12,
.col_lg_12 { position:relative; min-height:1px; box-sizing:border-box;}

.col_xs_dev, .col_sm_dev, .col_md_dev, .col_lg_dev { float:left; width:20%;}


.col_xs_dev, .col_xs_1, .col_xs_2, .col_xs_3, .col_xs_4, .col_xs_5, .col_xs_6, .col_xs_7, .col_xs_8, .col_xs_9, .col_xs_10, .col_xs_11, .col_xs_12 { float:left;}
.col_xs_12 { width:100%;}
.col_xs_11 { width:91.66666667%;}
.col_xs_10 { width:83.33333333%;}
.col_xs_9 { width:75%;}
.col_xs_8 { width:66.66666667%;}
.col_xs_7 { width:58.33333333%;}
.col_xs_6 { width:50%;}
.col_xs_5 { width:41.66666667%;}
.col_xs_4 { width:33.33333333%;}
.col_xs_3 { width:25%;}
.col_xs_dev { width:20%;}
.col_xs_2 { width:16.66666667%;}
.col_xs_1 { width:8.33333333%;}

@media (min-width: 768px) {
.col_sm_dev, .col_sm_1, .col_sm_2, .col_sm_3, .col_sm_4, .col_sm_5, .col_sm_6, .col_sm_7, .col_sm_8, .col_sm_9, .col_sm_10, .col_sm_11, .col_sm_12 { float:left;}
.col_sm_12 { width:100%;}
.col_sm_11 { width:91.66666667%;}
.col_sm_10 { width:83.33333333%;}
.col_sm_9 { width:75%;}
.col_sm_8 { width:66.66666667%;}
.col_sm_7 { width:58.33333333%;}
.col_sm_6 { width:50%;}
.col_sm_5 { width:41.66666667%;}
.col_sm_4 { width:33.33333333%;}
.col_sm_3 { width:25%;}
.col_sm_dev { width:20%;}
.col_sm_2 { width:16.66666667%;}
.col_sm_1 { width:8.33333333%;}
}
@media (min-width: 992px) {
.col_md_dev, .col_md_1, .col_md_2, .col_md_3, .col_md_4, .col_md_5, .col_md_6, .col_md_7, .col_md_8, .col_md_9, .col_md_10, .col_md_11, .col_md_12 { float:left;}
.col_md_12 { width:100%;}
.col_md_11 { width:91.66666667%;}
.col_md_10 { width:83.33333333%;}
.col_md_9 { width:75%;}
.col_md_8 { width:66.66666667%;}
.col_md_7 { width:58.33333333%;}
.col_md_6 { width:50%;}
.col_md_5 { width:41.66666667%;}
.col_md_4 { width:33.33333333%;}
.col_md_3 { width:25%;}
.col_md_dev { width:20%;}
.col_md_2 { width:16.66666667%;}
.col_md_1 { width:8.33333333%;}
}

@media (min-width: 1200px) {
.col_lg_dev, .col_lg_1, .col_lg_2, .col_lg_3, .col_lg_4, .col_lg_5, .col_lg_6, .col_lg_7, .col_lg_8, .col_lg_9, .col_lg_10, .col_lg_11, .col_lg_12 { float:left;}
.col_lg_12 { width:100%;}
.col_lg_11 { width:91.66666667%;}
.col_lg_10 { width:83.33333333%;}
.col_lg_9 { width:75%;}
.col_lg_8 { width:66.66666667%;}
.col_lg_7 { width:58.33333333%;}
.col_lg_6 { width:50%;}
.col_lg_5 { width:41.66666667%;}
.col_lg_4 { width:33.33333333%;}
.col_lg_3 { width:25%;}
.col_lg_dev { width:20%;}
.col_lg_2 { width:16.66666667%;}
.col_lg_1 { width:8.33333333%;}
}

@media (max-width: 500px) {
}
/*
 * align
 */

.ta_l { text-align:left !important;}
.ta_c { text-align:center;}
.ta_r { text-align:right;}

.va_t { vertical-align:top;}
.va_m { vertical-align:middle;}
.va_b { vertical-align:bottom;}

.tal_l { text-align:justify; text-align-last:left;}
.tal_c { text-align:justify; text-align-last:center;}
.tal_r { text-align:justify; text-align-last:right;}

/*
 * padding
 */

.pd0 { padding:0px;}

.pd15 { paadding:15px 0;}

.pd35 { padding:35px;}

.pdt0 { padding-top:0px;}

.pd10 { padding:0 15px;}

.pdr30 { padding-right:30px;}

.pdb0 { padding-bottom:0px;}

.pdb10 { padding-bottom:10px;}

.pdl10 { padding-left:10px;}

/*
 * margin
 */

.mgt0 { margin-top:0px;}
.mgt5 { margin-top:5px;}
.mgt10 { margin-top:10px;}
.mgt15 { margin-top:15px;}
.mgt20 { margin-top:20px;}
.mgt25 { margin-top:25px;}
.mgt30 { margin-top:30px;}
.mgt35 { margin-top:35px;}
.mgt40 { margin-top:40px;}
.mgt45 { margin-top:45px;}
.mgt50 { margin-top:50px;}
.mgt55 { margin-top:55px;}
.mgt60 { margin-top:60px;}
.mgt100 { margin-top:100px;}

.mgr0 { margin-right:0px;}
.mgr5 { margin-right:5px;}
.mgr10 { margin-right:10px;}
.mgr15 { margin-right:15px;}
.mgr20 { margin-right:20px;}
.mgr25 { margin-right:25px;}
.mgr30 { margin-right:30px;}
.mgr35 { margin-right:35px;}
.mgr40 { margin-right:40px;}
.mgr45 { margin-right:45px;}
.mgr50 { margin-right:50px;}
.mgr55 { margin-right:55px;}
.mgr60 { margin-right:60px;}
.mgr100 { margin-right:100px;}

.mgb0 { margin-bottom:0px;}
.mgb5 { margin-bottom:5px;}
.mgb10 { margin-bottom:10px;}
.mgb15 { margin-bottom:15px;}
.mgb20 { margin-bottom:20px;}
.mgb25 { margin-bottom:25px;}
.mgb30 { margin-bottom:30px;}
.mgb35 { margin-bottom:35px;}
.mgb40 { margin-bottom:40px;}
.mgb45 { margin-bottom:45px;}
.mgb50 { margin-bottom:50px;}
.mgb55 { margin-bottom:55px;}
.mgb60 { margin-bottom:60px;}
.mgb100 { margin-bottom:100px;}

.mgl0 { margin-left:0px;}
.mgl5 { margin-left:5px;}
.mgl10 { margin-left:10px;}
.mgl15 { margin-left:15px;}
.mgl20 { margin-left:20px;}
.mgl25 { margin-left:25px;}
.mgl30 { margin-left:30px;}
.mgl35 { margin-left:35px;}
.mgl40 { margin-left:40px;}
.mgl45 { margin-left:45px;}
.mgl50 { margin-left:50px;}
.mgl55 { margin-left:55px;}
.mgl60 { margin-left:60px;}
.mgl100 { margin-left:100px;}

.mgl_5 { margin-left:-5px;}
.mgl_10 { margin-left:-10px;}
.mgl_15 { margin-left:-15px;}
.mgl_20 { margin-left:-20px;}
.mgl_25 { margin-left:-25px;}
.mgl_30 { margin-left:-30px;}
.mgl_35 { margin-left:-35px;}
.mgl_40 { margin-left:-40px;}
.mgl_45 { margin-left:-45px;}
.mgl_50 { margin-left:-50px;}
.mgl_55 { margin-left:-55px;}
.mgl _60 { margin-left:-60px;}
.mgl_100 { margin-left:-100px;}


@media screen and (max-width:768px) {
   .m_mgt5 { margin-top:5px;}
   .m_mgt10 { margin-top:10px;}
   .m_mgt15 { margin-top:15px;}
   .m_mgt20 { margin-top:20px;}
   .m_mgt25 { margin-top:25px;}
   .m_mgt30 { margin-top:30px;}
   .m_mgt35 { margin-top:35px;}
   .m_mgt40 { margin-top:40px;}
   .m_mgt45 { margin-top:45px;}
   .m_mgt50 { margin-top:50px;}
   .m_mgt55 { margin-top:55px;}
   .m_mgt60 { margin-top:60px;}
   .m_mgt100 { margin-top:1002020-02-12px;}

   
   .m_mgb5 { margin-bottom:5px;}
}

/*
 * width
 */

.w50 { width:50%;}
.w100 { width:100%;}

/*
 * height
 */

.h50 { height:50%;}
.h100 { height:100%;}

/*
 * paging
 */

.paginate_complex{ clear:both;padding:20px 0;line-height:normal;text-align:center}
.paginate_complex a,
.paginate_complex strong{display:inline-block;margin:0 3px;color:#444; min-width:40px; height:40px; border-radius:5px; box-sizing:border-box; padding-top:6px; vertical-align:middle;}
.paginate_complex a:hover,
.paginate_complex a:active,
.paginate_complex a:focus{background-color:#f8f8f8}
.paginate_complex a { background:#fff; color:#999;}
.paginate_complex strong{position:relative; display:inline-block; font-size:18px; font-weight:500;color:#fff; background:#7f7b91;}
.paginate_complex .direction{min-width:40px;background:url(../image/content/spr_pagination.png) 50% no-repeat; border:1px solid #ddd; font-size:0;}
.paginate_complex .direction:hover,
.paginate_complex .direction:active,
.paginate_complex .direction:focus{color:#323232;background-color:#fff}
.paginate_complex .prev{background-position:50% -28px}
.paginate_complex .next{background-position:50% -84px}
.paginate_complex .direction span{display:inline-block;position:relative;top:4px;width:0;height:0;font-size:0;line-height:0;vertical-align:top}
.paginate_complex .prev span{*left:-4px;margin-right:1px; margin-top:5px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-left:0}
.paginate_complex .next span{margin-left:1px;border:3px solid; margin-top:5px;border-top:solid #fff;border-bottom:solid #fff;border-right:0}
.paginate_complex .first{background-position:50% 0}
.paginate_complex .end{background-position:50% -56px}

.tbl_no_data { clear:both; width:100%; padding:120px 0; font-size:20px;}

.css_animation { -webkit-transition:all .2s linear; -ms-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear;}