@charset "utf-8";

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

/*
 * table
 */

.tbl_view { position:relative; text-align:center;}
.tbl_view:after { position:absolute; top:0; right:-1px; bottom:0; width:2px; background:#fff; content:""; display:block;}
.tbl_view table { position:relative; font-size:19px; color:#000; font-weight:300; border-top:2px solid #000; width:100%;}
.tbl_view table thead th { border-bottom:1px solid #eaeaea; background:#fcfbfb;}
.tbl_view table tbody th { background:#fcfbfb;}
.tbl_view table tbody th, .tbl_view table tbody td { border-right:1px solid #eaeaea;}
.tbl_view table th, .tbl_view table td { padding:15px; border-bottom:1px solid #eaeaea;}

.tbl_member { position:relative; text-align:left;}
.tbl_member:after { position:absolute; top:0; right:-1px; bottom:0; width:2px; background:#fff; content:""; display:block;}
.tbl_member table { position:relative; font-size:19px; color:#000; font-weight:300; border-top:2px solid #000; width:100%;}
.tbl_member table thead th { border-bottom:1px solid #eaeaea; background:#fcfbfb;}
.tbl_member table tbody th { background:#fcfbfb;}
.tbl_member table tbody th, .tbl_view table tbody td { border-right:1px solid #eaeaea;}
.tbl_member table th, .tbl_member table td { padding:15px; border-bottom:1px solid #eaeaea;}

.inline_10 { display:inline-block; padding:5px 0; white-space:nowrap; margin-right:10px; font-size:19px;}

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

@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_search { position:relative;}
.tbl_search table { position:relative; width:100%; border:1px solid #b3b5b8;}
.tbl_search table:first-child { position:relative; width:100%; border-bottom:none;}
.tbl_search table .btn_tbl { display:inline-block; padding:2px 10px; font-size:16px; color:#404042; background:#fff; border:1px solid #b9bbbd;}
.tbl_search table .btn_tbl_red { display:inline-block; padding:2px 10px; font-size:16px; color:#ed1b23; background:#fff; border:1px solid #b9bbbd;}
.tbl_search table .btn_tbl_red:hover { color:#fff; background:#ed1b23; border:1px solid #ed1b23;}
.tbl_search table .btn_tbl_grey { display:inline-block; padding:2px 10px; font-size:16px; color:#404042; background:#dcddde; border:1px solid #b9bbbd;}
.tbl_search table .btn_tbl_black { display:inline-block; padding:2px 10px; font-size:16px; color:#fff; background:#606164; border:1px solid #606164;}
.tbl_search table .bg_tr { background:#f1f1f2;}
.tbl_search table th,
.tbl_search table td { padding:0; font-size:16px;}
.tbl_search table th:after,
.tbl_search table td:after { content:""; display:block; clear:both;}
.tbl_search table td .basic_red { color:#be1d2c; padding-left:10px;}
.tbl_search table .right_td { display:block; float:right; height:30px; border-left:1px solid #b3b5b8;}
.tbl_search table .right_td * { vertical-align:middle;}
.tbl_search table .padding_td { display:inline-block; padding:5px 10px;}
.tbl_search 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_search table select { display:inline-block; height:30px; border:1px solid #b9bbbd; padding-left:10px; padding-right:10px;}
.tbl_search table .input_tbl_group { position:relative; display:inline-block; box-sizing:border-box; height:30px; border:1px solid #b9bbbd; margin-left:10px;}
.tbl_search table .input_tbl_group input[type=text] { border:none; padding:0 50px 0 10px; vertical-align:bottom; text-align:center;}
.tbl_search table .input_tbl_group .btn_tbl_grey { position:absolute; top:0; bottom:0; right:0; display:inline-block; padding:0 10px; border:none;}
.tbl_search table .input_tbl_group .btn_tbl_grey:hover { background:#444; color:#fff;}
.tbl_search 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_search table a.right_td:hover { background:#fefefe;}
.ico_td_excel { display:inline-block; width:30px; height:30px; background:url(../image/content/ico_tbl_down.png) no-repeat 50%;}
.tbl_select_group { display:inline-block;}
.tbl_select_group select { margin-right:-5px;}
.sel_date { display:inline-block; padding:0 10px;}
.group_tbl_nav { display:inline-block;}
.group_tbl_nav a { display:inline-block; width:30px; height:30px;}
.group_tbl_nav .btn_tbl_prev { background:url(../image/content/ico_tbl_prev.png) no-repeat 50%;}
.group_tbl_nav .btn_tbl_next { background:url(../image/content/ico_tbl_next.png) no-repeat 50%;}
.group_tbl_nav a:hover { background-size:110%;}
.tbl_search table .right_td .group_tbl_nav span { display:inline-block; padding:0 5px; font-size:16px;}

@media screen and (max-width:1200px) {
.tbl_search table th,
.tbl_search table td { font-size:14px;}
.txt_m_search { display:block; padding-top:10px;}
.tbl_search table a.right_td { padding:21px 10px;}
}

@media screen and (max-width:768px) {
.tbl_search table .padding_td { display:block;}
.tbl_search_title { display:inline-block; padding:10px; vertical-align:top;}
.tbl_search table { border-bottom:0; margin-top:-1px;}
.tbl_search table th,
.tbl_search table td { display:block; width:100%; border-bottom:1px solid #b3b5b8;}
.tbl_search table a.right_td { padding:5px 10px;}
.tbl_search table div.right_td { border-left:none;}
.txt_m_search { text-align:right;}
}

/*
 * 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 { box-sizing:border-box; font-size:18px; height:52px; border-radius:5px !important; margin:0; width:100%; border:1px solid #d9d9d9; color:#333;}
.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:200px; border-radius:5px; padding:20px; margin:0; border:1px solid #d9d9d9; font-size:14px; resize:none; background:#f2f2f2;}
.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:6px 10px 6px 30px; cursor:pointer;}
.img_check:before { position:absolute; display:block; content:""; top:6px; left:0; width:20px; height:20px; border-radius:2px; border:1px solid #5c5c5c; z-index:1; overflow:hidden;}
.img_check:after { position:absolute; display:none; content:""; top:6px; left:0; width:22px; height:22px; border-radius:2px; background:#094f69 url(https://img.icons8.com/material-outlined/21/FFFFFF/checkmark.png) no-repeat 50% 50%; z-index:2;}
.img_check.checked:before { border:1px solid #094f69;}
.img_check.checked: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
 */

/*
 * box-shadow
 */
 .bxow { box-shadow: 1px 17px 47px -8px rgba(0,0,0,0.5);}

/* btn_group */
.btn_group { position:relative; padding:20px 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:5px 26px 7px 26px; margin:0; box-sizing:border-box; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; border:2px solid #f7fe01; border-radius:5px; background:transparent; vertical-align:middle; text-align:center; font-size:24px; font-weight:400; color:#fff45c;}
.btn { -webkit-transition:all .2s linear; -ms-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear;}
/* .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 {}
.btn:active, .btn.active {}
.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 + span, .btn i + strong { margin-left:5px;}
.btn img, .btn i { vertical-align:middle; max-width:23px; height:auto; margin-left:10px; margin-top:-7px;}

/* btn color */
.btn_red { color:#fff; background:#f06c4c; border:1px solid #f06c4c;}
.btn_red:hover, .btn_red:focus { color:#fff; background:#dc5433}
.btn_red:active, .btn_red.active { background:#d03c18; 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_orange { color:#fff; background:#f8b551; border:1px solid #f8b551;}
.btn_orange:hover, .btn_orange:focus { background:#eca53a; color:#fff;}
.btn_orange:active, .btn_orange.active { background:#dd8f1c; color:#fff;}
.btn_orange.disabled, fieldset[disabled] .btn_orange, .btn_orange.disabled:hover, .btn_orange[disabled]:hover, fieldset[disabled] .btn_orange:hover, .btn_orange.disabled:focus,
.btn_orange[disabled]:focus, fieldset[disabled] .btn_orange:focus, .btn_orange.disabled:active, .btn_orange[disabled]:active, fieldset[disabled] .btn_orange:active, .btn_orange.disabled.active,
.btn_orange[disabled].active, fieldset[disabled] .btn_orange.active { background-color:#ccc; border-color:#ccc;}

.btn_green { color:#fff; background:#26b2b2; border:1px solid #26b2b2;}
.btn_stroke.btn_green { color:#26b2b2; background:#fff; border:1px solid #26b2b2;}
.btn_green:hover, .btn_green:focus { background:#18a3a3; color:#fff;}
.btn_green:active, .btn_green.active { background:#0d9898; color:#fff;}
.btn_green.disabled, fieldset[disabled] .btn_green, .btn_green.disabled:hover, .btn_green[disabled]:hover, fieldset[disabled] .btn_green:hover, .btn_green.disabled:focus,
.btn_green[disabled]:focus, fieldset[disabled] .btn_green:focus, .btn_green.disabled:active, .btn_green[disabled]:active, fieldset[disabled] .btn_green:active, .btn_green.disabled.active,
.btn_green[disabled].active, fieldset[disabled] .btn_green.active { background-color:#ccc; border-color:#ccc;}

.btn_black { color:#fff; background:#2e334c; border:1px solid #2e334c;}
.btn_stroke.btn_black { color:#2e334c; background:#fff; border:1px solid #2e334c;}
.btn_black:hover, .btn_black:focus { background:#1f243e; color:#fff;}
.btn_black:active, .btn_black.active { background:#0f142d; color:#fff;}
.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:#4479bd; border:1px solid #4479bd;}
.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_login { position:absolute; top:-5px; right:-300px; width:280px; padding:58px 0;}

/* btn size */
.btn_xs { font-size:16px; padding:5px 20px 6px 20px; border-radius:18.5px;}
.btn_md { font-size:18px; padding:10px 20px;}
.btn_lg { font-size:16px; padding:9px 20px;}
.btn_xl { font-size:24px; padding:15px 40px; border-radius:48px; 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_arrow { position:relative;}
.btn_arrow:after { position:absolute; top:50%; margin-top:-6px; right:10px; content:""; display:block; width:12px; height:12px; background:url(../image/common/ico_btn_right.png) no-repeat left 50%; -webkit-transition:all .2s linear; -ms-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear;}
.btn_arrow:hover:after { right:15px;}
.btn_sq { border-radius: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}

.btn img, .btn i { margin-right:5px; vertical-align:middle;}

/*
 * 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:14px; border-radius:3px;}
.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;}

/*
 * line_height
 */
.lh1 { line-height:1 !important;}

/*
 * img
 */

.m_h_100 img { width:100%; height:auto;}
.object_fit 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; 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 size */
.fs0 { font-size:0;}
.fs14 { font-size:14px;}
.fs16 { font-size:16px;}
.fs18 { font-size:18px;}
.fs22 { font-size:22px;}
.fs25 { font-size:25px;}
.fs30 { font-size:30px;}
.fs35 { font-size:35px;}
.fs40 { font-size:40px;}
.fs45 { font-size:45px;}

/* text color */
.t_c_white { color:#fff;}
.t_c_black { color:#000;}
.t_c_greyDeep { color:#555;}
.t_c_grey { color:#777;}
.t_c_greyLight { color:#999;}
.t_c_green { color:#26b2b2 !important;}
.t_c_blue { color:#1d50df;}
.t_c_red { color:#f22222 !important;}
.t_c_yellow { color:#f7fd00;}

/* background */
.bg_none { background:none;}
.bg_white { background:#fff;}
.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:#4479bd;}
.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;}

.row { margin:-10px -15px;}
.row:after { content:""; clear:both; display:block;}
.row .col_xs_dev, .row .col_sm_dev, .row .col_md_dev, .row .col_lg_dev, .row .col_xs_1, .row .col_sm_1, .row .col_md_1, .row .col_lg_1, .row .col_xs_2, .row .col_sm_2, .row .col_md_2, .row .col_lg_2, .row .col_xs_3, .row .col_sm_3, .row .col_md_3, .row .col_lg_3, .row .col_xs_4, .row .col_sm_4, .row .col_md_4, .row .col_lg_4, .row .col_xs_5, .row .col_sm_5, .row .col_md_5, .row .col_lg_5, .row .col_xs_6, .row .col_sm_6, .row .col_md_6, .row .col_lg_6, .row .col_xs_7, .row .col_sm_7, .row .col_md_7, .row .col_lg_7, .row .col_xs_8, .row .col_sm_8, .row .col_md_8, .row .col_lg_8, .row .col_xs_9, .row .col_sm_9, .row .col_md_9, .row .col_lg_9, .row .col_xs_10, .row .col_sm_10, .row .col_md_10, .row .col_lg_10, .row .col_xs_11, .row .col_sm_11, .row .col_md_11, .row .col_lg_11, .row .col_xs_12, .row .col_sm_12, .row .col_md_12,
.row .col_lg_12 { box-sizing:border-box; padding:10px 15px;}

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


.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_dev6 { width:16.66666667%; }
.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;}
.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;}

.pdt10 { padding-top:10px;}

.pdt15 { padding-top:15px;}

.pdt20 { padding-top:20px;}

.pdt25 { padding-top:25px;}

.pdt30 { padding-top:30px;}

.pdt35 { padding-top:35px;}

.pdt40 { padding-top:40px;}

.pdt50 { padding-top:50px;}

.pdt65 { padding-top:65px;}

.pdr15 { padding-right:15px;}

.pdl15 { padding-left:15px;}

.pdr20 { padding-right:20px;}

.pdr50 { padding-right:50px;}

.pdl50 { padding-left:50px;}

.pdl20 { padding-left:20px;}

.pdl40 { padding-left:40px;}

.pdr40 { padding-right:40px;}

.pdr55 { padding-right:55px;}

.pdr70 { padding-right:70px;}

.pdl55 { padding-left:55px;}

.pdl70 { padding-left:70px;}

.pdl34 { padding-left:34px;}

.pdr30 { padding-right:30px;}

.pdb0 { padding-bottom:0px;}

.pdb5 { padding-bottom:5px;}

.pdb10 { padding-bottom:10px;}

.pdb15 { padding-bottom:15px;}
.pdb20 { padding-bottom:20px;}

.pdb30 { padding-bottom:30px;}

.pdb35 { padding-bottom:35px;}

.pdb40 { padding-bottom:40px;}

.pdb45 { padding-bottom:45px;}

.pdb25 { padding-bottom:25px;}

.pdb50 { padding-bottom:50px;}

.pdb70 { padding-bottom:70px;}

.pdb10 { padding-bottom:10px;}

.pdl10 { padding-left:10px;}

/*
 * margin
 */

.mgt0 { margin-top:0px;}
.mgt5 { margin-top:5px !important;}
.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;}
.mgr_15 { margin-right:-15px;}
.mgr_20 { margin-right:-20px;}
.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;}
.mgr_50 { 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;}
.mgl_15 { margin-left:-15px;}
.mgl_20 { margin-left:-20px;}
.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;}
.mgl_50 { 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%;}


/*
 * animation
 */

.css_animation { -webkit-transition:all .2s linear; -ms-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear;}
.m_next_line { display:none;}
@media screen and (max-width:768px) {
.m_next_line { display:block; width:100%; height:0; overflow:hidden;}
}