@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.
*/

/*
 * table
 */

.object_fit img { object-fit:cover; width:100%; height:100%;}

/* tbl_search */
.bbs_search { padding:15px; margin:0 0 20px 0; background:#f5f5f5; text-align:center;}
.bbs_search select, .bbs_search input.text { height:40px; border:1px solid #ccc; box-sizing:border-box;}
.bbs_search input, .bbs_search button { vertical-align:top;}
.bbs_search input.text { width:200px; padding-left:8px;}
.bbs_search button, button.btn_search { width:60px; height:40px; margin:0 5px; background:#f6466e; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; color:#fff;}

.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;}

.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:#fbf9fa; 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;}
.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;}

.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;}
}

/*
 * form
 */

input[type=file] { display:inline-block !important;}
.input_text { display:inline-block; padding:8px; border:1px solid #ccc; box-sizing:border-box; vertical-align:middle;}
.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; vertical-align:middle; padding:5px 10px 5px 3px; margin:0; border:1px solid #d9d9d9; color:#777;}
.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 { margin-top:10px;}
.log_input_check label { display:inline-block; min-height:26px; padding:10px 0 10px 40px; font-size:18px; background:url(../image/content/bg_check.png) no-repeat left 50%; font-weight:700;}
.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_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:0; left:0; width:20px; height:20px; border-radius:50%; border:1px solid #5c5c5c; z-index:1;}
.img_radio:after { position:absolute; display:none; content:""; top:6px; left:6px; width:10px; height:10px; 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) {
}

/*
 * btn
 */

/* btn_group */
.btn_group { padding:0;}
.btn_group_wrap { display:inline-block;}
.btn_group_wrap .btn { margin-left:-5px;}
.btn_group_wrap .btn:first-child { margin-left:0;}

/* btn */
.btn { display:inline-block; padding:4px 7px; margin:2px 0; box-sizing:border-box; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; border:1px solid #5b5b5c; background:#fff; vertical-align:middle; text-align:center; font-size:15px; font-weight:400; color:#404041;}
.btn:focus, .btn:active:focus, .btn.active:focus { outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px;}
.btn:hover, .btn:focus { color:#161616;}
.btn:active, .btn.active { background:#eee;}
.btn.disabled, fieldset[disabled] .btn, .btn.disabled:hover, .btn[disabled]:hover, fieldset[disabled] .btn:hover, .btn.disabled:focus,
.btn[disabled]:focus, fieldset[disabled] .btn:focus, .btn.disabled:active, .btn[disabled]:active, fieldset[disabled] .btn:active, .btn.disabled.active,
.btn[disabled].active, fieldset[disabled] .btn.active { cursor:not-allowed; filter:alpha(opacity=65); -webkit-box-shadow:none; box-shadow:none; opacity:.65;}

.btn img, .btn i { vertical-align:middle;}
.btn img + span, .btn img + strong, .btn i + span, .btn i + strong, .btn span + img, .btn strong + img, .btn span + i, .btn strong + i { margin-left:10px;}

/* btn color */
.btn_red { color:#fff; background:#f83b3b; border:1px solid #5b5b5c;}
.btn_red:focus, .btn_red:active:focus, .btn_red.active:focus { outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px;}
.btn_red:hover, .btn_red:focus { color:#fff;}
.btn_red:active, .btn_red.active { background:#e82424; color:#fff;}
.btn_red.disabled, fieldset[disabled] .btn_red, .btn_red.disabled:hover, .btn_red[disabled]:hover, fieldset[disabled] .btn_red:hover, .btn_red.disabled:focus,
.btn_red[disabled]:focus, fieldset[disabled] .btn_red:focus, .btn_red.disabled:active, .btn_red[disabled]:active, fieldset[disabled] .btn_red:active, .btn_red.disabled.active,
.btn_red[disabled].active, fieldset[disabled] .btn_red.active { background-color:#ccc; border-color:#ccc;}

.btn_black { color:#fff; background:#313237; border:1px solid #313237;}
.btn_black:hover, .btn_black:focus, .btn_black:active, .btn_black.active { color:#fff; background:#000; border:1px solid #000;}
.btn_black.disabled, fieldset[disabled] .btn_black, .btn_black.disabled:hover, .btn_black[disabled]:hover, fieldset[disabled] .btn_black:hover, .btn_black.disabled:focus,
.btn_black[disabled]:focus, fieldset[disabled] .btn_black:focus, .btn_black.disabled:active, .btn_black[disabled]:active, fieldset[disabled] .btn_black:active, .btn_black.disabled.active,
.btn_black[disabled].active, fieldset[disabled] .btn_black.active { background-color:#ccc; border-color:#ccc;}

.btn_grey { color:#000; background:#f1f1f2; border:1px solid #4c4c4e;}
.btn_grey:hover, .btn_grey:focus, .btn_grey:active, .btn_grey.active { color:#fff; background:#4c4c4e; border:1px solid #4c4c4e;}
.btn_grey.disabled, fieldset[disabled] .btn_grey, .btn_grey.disabled:hover, .btn_grey[disabled]:hover, fieldset[disabled] .btn_grey:hover, .btn_grey.disabled:focus,
.btn_grey[disabled]:focus, fieldset[disabled] .btn_grey:focus, .btn_grey.disabled:active, .btn_grey[disabled]:active, fieldset[disabled] .btn_grey:active, .btn_grey.disabled.active,
.btn_grey[disabled].active, fieldset[disabled] .btn_grey.active { background-color:#666; border-color:#ccc;}

.btn_blue { color:#fff; background:#0090d5; border:1px solid #5b5b5c;}
.btn_blue:focus, .btn_blue:active:focus, .btn_blue.active:focus { outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px;}
.btn_blue:hover, .btn_blue:focus { color:#fff;}
.btn_blue:active, .btn_blue.active { background:#1361b5; color:#fff;}
.btn_blue.disabled, fieldset[disabled] .btn_blue, .btn_blue.disabled:hover, .btn_blue[disabled]:hover, fieldset[disabled] .btn_blue:hover, .btn_blue.disabled:focus,
.btn_blue[disabled]:focus, fieldset[disabled] .btn_blue:focus, .btn_blue.disabled:active, .btn_blue[disabled]:active, fieldset[disabled] .btn_blue:active, .btn_blue.disabled.active,
.btn_blue[disabled].active, fieldset[disabled] .btn_blue.active { background-color:#ccc; border-color:#ccc;}

.btn_total:active, .btn_total.active { background:#e82424; color:#fff; border-color:#e82424;}

.btn i { display:inline-block; margin-right:5px; width:17px; height:17px; font-size:0;}
.btn_loc i { background:url(../image/board/ico_btn_loc.png) no-repeat 50% 50%;}
.btn_tel i { background:url(../image/board/ico_btn_tel.png) no-repeat 50% 50%;}
.btn_msg i { background:url(../image/board/ico_btn_msg.png) no-repeat 50% 50%;}

/* btn size */
.btn_xs { font-size:13px; padding:4px 12px; border-radius:14px;}
.btn_lg { font-size:16px; padding:9px 20px;}
.btn_xl { font-size:36px; padding:20px 30px; text-align:center;}
.btn_block { display:block; width:100%;}

.form_control { padding:5px 0;}
.form_control > * { margin:0;}
.form_p { font-size:12px; padding:0 5px;}
.form_control { padding:5px 0;}

/* 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:2px 10px; background:#2a93d5; color:#fff; font-size:18px;}
.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;}

/*
 * img
 */

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

/*
 * icon
 */

.ico_label { text-align:center; margin-left:2px; font-size:0;}
.ico_label .ico { display:inline-block; padding:2px 3px 1px 3px; font-family:'NanumSquare'; 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_grey { color:#888;}
.t_c_greyLight { color:#999;}
.t_c_green { color:#0ca35a;}
.t_c_blue { color:#1d50df;}
.t_c_red { color:#f22222;}
.t_c_yellow { color:#ffff00;}

/* 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_blue { background:#1d50df; color:#fff;}
.bg_blueLight { background:#2a93d5; color:#fff;}
.bg_red { background:#f22222; color:#fff;}
.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%;}
}

/*
 * 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;}

.pdt0 { padding-top:0px;}

.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;}

@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:100px;}
}

/*
 * 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;min-width:16px;height:28px;line-height:24px;margin:0 11px;color:#444}
.paginate_complex a:hover,
.paginate_complex a:active,
.paginate_complex a:focus{background-color:#f8f8f8}
.paginate_complex strong{position:relative;font-weight:700;color:#445bcd}
.paginate_complex strong:after{content:'';display:block;height:1px;background-color:#445bcd}
.paginate_complex .direction{min-width:28px;margin:0;padding:0;background:url(../image/content/spr_pagination.png) 0 0 no-repeat}
.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;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-left:0}
.paginate_complex .next span{margin-left:1px;border:3px solid;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;}