/********** useful **********/
.hide {
    position: absolute;
    left: -9999px;
    overflow: hidden;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
}

caption {
    position: static;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    text-indent: -9999px;
}

.clearfix:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    font-size: 0;
    clear: both;
}

.none {
    display: none !important;
}

.on_iblock {
    display: inline-block !important;
}

.on_block {
    display: block !important;
}

.pc-view {
    display: block !important;
}

.m-view {
    display: none !important;
}

.fc_fff {
    color: #fff;
}

.fc_333 {
    color: #333;
}

.fc_666 {
    color: #666;
}

.fc_blue {
    color: #1879ba;
}

.fc_skyblue {
    color: #62c1e8;
}

.fc_navy {
    color: #000080;
}

.fc_red {
    color: #e42626;
}

.fc_green {
    color: #008000;
}

.fc_teal {
    color: #008080;
}

.fc_purple {
    color: #800080;
}

.fw_bold {
    font-weight: 700;
}

/* �썒�슪�삕 �뜝�럡�뀬�뜝�럩�뮔 �뜝�럥竊잌뜝�럥諭쒎뜝�럩踰� font-face �뜝�럥�뱺 嶺뚮씮�돵占쎈폏 �뜝�럡�뀬�뜝�럩�뮔 */
.ta_l {
    text-align: left !important;
}

.ta_c {
    text-align: center !important;
}

.ta_r {
    text-align: right !important;
}

.dotdot {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mid_helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.link_txt {
    color: #7692d8;
}

.link_txt:hover {
    text-decoration: underline;
}

.on_991 {
    display: none !important;
}

.on_767 {
    display: none !important;
}

.on_640 {
    display: none !important;
}

.on_480 {
    display: none !important;
}

.ib_991 {
    display: none !important;
}

.ib_767 {
    display: none !important;
}

.ib_640 {
    display: none !important;
}

.ib_480 {
    display: none !important;
}

.i_991 {
    display: none !important;
}

.i_767 {
    display: none !important;
}

.i_640 {
    display: none !important;
}

.i_480 {
    display: none !important;
}

.mt_5 {
    margin-top: 5px;
}

.mt_10 {
    margin-top: 10px;
}

.mt_15 {
    margin-top: 15px;
}

.mt_20 {
    margin-top: 20px;
}

.mt_25 {
    margin-top: 25px;
}

.mt_30 {
    margin-top: 30px;
}

.mt_40 {
    margin-top: 40px;
}

.mt_50 {
    margin-top: 50px;
}

.mt_100 {
    margin-top: 100px;
}

.mt_150 {
    margin-top: 150px;
}

.mb_5 {
    margin-bottom: 5px;
}

.mb_10 {
    margin-bottom: 10px;
}

.mb_15 {
    margin-bottom: 15px;
}

.mb_20 {
    margin-bottom: 20px;
}

.mb_25 {
    margin-bottom: 25px;
}

.mb_30 {
    margin-bottom: 30px;
}

.mb_40 {
    margin-bottom: 40px;
}

.mb_50 {
    margin-bottom: 50px;
}

.mr_5 {
    margin-right: 5px;
}

.mr_10 {
    margin-right: 10px;
}

.mr_15 {
    margin-right: 15px;
}

.mr_20 {
    margin-right: 20px;
}

.mr_50 {
    margin-right: 50px;
}

.mr_80 {
    margin-right: 80px;
}

.ml_5 {
    margin-left: 5px;
}

.ml_10 {
    margin-left: 10px;
}

.ml_15 {
    margin-left: 15px;
}

.ml_20 {
    margin-left: 20px;
}

/********** // useful **********/

/* 2018-04-25 占쎈퉲�겫�룞�삕 */
/* alert_layer, confirm_layer */
.alert_layer_box, .confirm_layer_box, .confirm_layer_box2 {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 9999;
    width: 400px;
    margin-left: -200px;
    margin-top: -200px;
    padding: 60px 20px;
    background-color: #fff;
    border: 1px solid #707070;
    border-radius: 6px;
    text-align: center;
    box-shadow: 0 0 17px 0 #333;
    outline: none;
}

.alert_layer_box .txt, .confirm_layer_box .txt, .confirm_layer_box2 .txt {
    font-size: 1.13em;
    font-weight: 500;
}

.alert_layer_box .btn_wrap, .confirm_layer_box .btn_wrap, .confirm_layer_box2 .btn_wrap {
    padding-top: 40px;
}

/* bullet list, txt */
.bar_list > li {
    padding-left: 13px;
    background: url('/template/cms/user/base/image/bull/bull_bar.jpg') 0px 9px no-repeat;
}

.bar_list > li:last-child {
    margin-bottom: 0 !important;
}

.dot_list > li {
    padding-left: 13px;
    background: url('/template/cms/user/base/image/bull/bull_dot.jpg') 2px 7px no-repeat;
}

.dot_list > li:last-child {
    margin-bottom: 0 !important;
}

.wdot_list > li {
    padding-left: 13px;
    background: url('/template/cms/user/base/image/bull/bull_wdot.png') 2px 7px no-repeat;
    color: #fff;
}

.wdot_list > li:last-child {
    margin-bottom: 0 !important;
}

.arr_list > li {
    padding-left: 13px;
    background: url('/template/cms/user/base/image/bull/bull_arr.png') 0px 7px no-repeat;
}

.arr_list > li:last-child {
    margin-bottom: 0 !important;
}

.num_list {
    padding-left: 20px;
}

.num_list > li {
    list-style-type: decimal;
}

.num_list > li:last-child {
    margin-bottom: 0 !important;
}

.abs_bull_list > li {
    position: relative;
    z-index: 1;
    padding-left: 20px;
}

.abs_bull_list > li:last-child {
    margin-bottom: 0 !important;
}

.abs_bull_list .bull {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.bar_txt {
    padding-left: 13px;
    background: url('/template/cms/user/base/image/bull/bull_bar.jpg') 0px 8px no-repeat;
}

.dot_txt {
    padding-left: 13px;
    background: url('/template/cms/user/base/image/bull/bull_dot.jpg') 2px 7px no-repeat;
}

.wdot_txt {
    padding-left: 13px;
    background: url('/template/cms/user/base/image/bull/bull_wdot.png') 2px 7px no-repeat;
    color: #fff;
}

.arr_txt {
    padding-left: 13px;
    background: url('/template/cms/user/base/image/bull/bull_arr.png') 0px 6px no-repeat;
}

/* // bullet list, txt */

/* sch_bar */
.sch_bar_box {
    margin-bottom: 20px;
}

.total_txt {
    margin-bottom: 10px;
}

.total_txt .num {
    color: #e03321;
}

.sch_bar_box .total_txt {
    float: left;
    margin-top: 10px;
    margin-bottom: 0;
}

.sch_bar_box .period {
    float: right;
}

.sch_bar {
    float: right;
}

.sch_bar:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    clear: both;
}

.sch_label {
    display: inline-block;
    float: left;
    height: 40px;
    line-height: 40px;
    margin-right: 5px;
}

.sch_slt {
    display: inline-block;
    float: left;
    height: 40px;
    margin-right: 5px;
    border: 1px solid #cacaca;
}

.sch_slt_period {
    display: inline-block;
    float: left;
    height: 40px;
    width: 86px;
    margin-right: 5px;
    border: 1px solid #cacaca;
    padding: 0 10px;
}

.sch_slt_txt {
    display: inline-block;
    float: left;
    margin-top: 9px;
    margin-right: 5px;
    text-align: center;
    vertical-align: middle;
}

.sch_input {
    display: inline-block;
    float: left;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #cacaca;
    border-right: 0 none;
}

.sch_btn {
    display: inline-block;
    float: left;
    width: 85px;
    height: 40px;
    line-height: 40px;
    background-color: #5f6577;
    color: #fff;
    font-family: inherit;
    font-size: 1em;
    font-weight: 300;
    text-align: center;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.sch_btn .ico {
    display: inline-block;
    padding-left: 27px;
    background: url('/template/cms/user/base/image/basic/sch_ico.png') 0 center no-repeat;
    background-size: 18px;
}

.sch_btn:hover, .sch_btn:focus {
    background-color: #363a48;
}

/* // sch_bar */

/* sub_sch_box */
.sub_sch_box {
    position: relative;
    z-index: 1;
    margin-bottom: 40px;
    padding: 15px 20px;
    padding-right: 120px;
    background-color: #f2f2f2;
    border-radius: 5px;
}

.sub_sch_box .row {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

.sub_sch_box .row:last-of-type {
    margin-bottom: 0;
}

.sub_sch_box label {
    display: table-cell;
    width: 70px;
    font-size: 1.06em;
    vertical-align: middle;
    text-align: center;
}

.sub_sch_box .slt_box {
    display: table-cell;
    padding-right: 15px;
    vertical-align: middle;
}

.sub_sch_box select {
    width: 100%;
    height: 40px;
    border: 0 none;
    border-radius: 3px;
    color: #888;
    cursor: pointer;
}

.sub_sch_box .input_box {
    display: table-cell;
    padding-right: 15px;
    vertical-align: middle;
}

.sub_sch_box input {
    width: 100%;
    height: 40px;
    padding: 0 15px;
    border: 0 none;
    border-radius: 3px;
    color: #555;
}

.sub_sch_box .input_box.date {
    font-size: 0;
}

.sub_sch_box .input_box.date input {
    width: 46%;
    padding: 0 5px;
    padding-right: 45px;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
}

.sub_sch_box .input_box.date .date_wave {
    display: inline-block;
    width: 8%;
    font-size: 15px;
    text-align: center;
}

.sub_sch_box .row > *:last-child {
    padding-right: 0;
}

.st_sch_btn {
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    z-index: 1;
    overflow: hidden;
    width: 90px;
    height: 40px;
    margin-top: -20px;
    background-color: #5f6577;
    border-radius: 3px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
    text-align: center;
}

.st_sch_btn .ico {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding-left: 27px;
    background: url('/template/cms/user/base/image/basic/sch_ico.png') 0 center no-repeat;
    background-size: 18px;
    color: #fff;
}

.st_sch_btn:hover, .st_sch_btn:focus {
    background-color: #363a48;
}

.sub_sch_box.rows .st_sch_btn {
    height: 90px;
    line-height: 90px;
    margin-top: -45px;
}

.sub_sch_box.skin2 {
    background-color: #FFF;
    border-top: 2px solid #5f6577;
    border-bottom: 1px solid #ebebeb;
    border-radius: 0;
}

.sub_sch_box.skin2 select, .sub_sch_box.skin2 input, .sub_sch_box.skin2 .input_box.date input {
    background-color: #f7f7f7;
}

.sub_sch_box.skin2 .st_sch_btn {
    border-radius: 0;
}

/* // sub_sch_box */

/* board_list */
.board_list {
    width: 100%;
    border-top: 2px solid #5f6577;
    text-align: center;
    border-collapse: collapse;
    table-layout: fixed;
}

.board_list thead {
    border-bottom: 1px solid #d5d5d5;
}

.board_list tbody tr {
    border-bottom: 1px solid #d5d5d5;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.board_list tbody tr.top {
    background-color: #fcf0f0 !important;
}

.board_list tbody tr:hover {
    background-color: #f7f7f7;
}

.board_list th, .board_list td {
    padding: 15px 10px;
    border-left: 0;
    color: #6b6b6b;
    font-size: 16px;
}

.board_list tr > *:first-child {
    border-left: 0 none;
}

.board_list .tit {
    text-align: left;
}

.board_list .tit a {
    display: inline-block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    max-width: 100%;
    min-height: 20px;
    padding-right: 27px;
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.board_list .tit a:hover,
.board_list .tit a:focus {
    text-decoration: underline;
}

.board_list .mark {
    display: inline-block;
    margin-right: 5px;
    padding: 4px 9px;
    background-color: #FFF;
    border: 1px solid #2196f3;
    color: #2196f3;
    font-size: 0.86em;
}

.new_mark {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
    background-color: #e03321;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    text-align: center;
}

.list_comment_count {
    display: inline-block;
    vertical-align: middle;
    color: #ff713e;
    font-size: 0.86em;
}

.board_list .file a {
    display: inline-block;
    vertical-align: middle;
}

/* // board_list */

/* edu_board_list */
.edu_board_list td {
    vertical-align: middle;
}

/* hi_board_list */
.hi_board_list {
    overflow: hidden;
    padding-top: 20px;
}

.hi_board_list > li {
    float: left;
    width: 23.75%;
    margin-right: 1.66%;
    margin-bottom: 35px;
}

.hi_board_list > li.on {
    background-color: #efefef;
}

.hi_board_list > li:nth-child(4n) {
    margin-right: 0;
}

.hi_board_list > li:nth-child(4n+1) {
    clear: both;
}

.hi_board_list > li > a {
    display: block;
    border: 1px solid #ddd;
    position: relative;
    padding-bottom: 100px;
}

.hi_board_list .img_box {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-bottom: 15px;
    padding-bottom: 75%;
    background-color: #f7f7f7;
    text-align: center;
}

.hi_board_list .img_box .inner_box {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.hi_board_list .img_box .mark {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    background-color: #f4511e;
    color: #fff;
    font-size: 14px;
}

.hi_board_list .img_box img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.hi_board_list > li > a:hover img, .hi_board_list > li > a:focus img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.video_bg {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2) url('/template/cms/user/base/image/basic/video_bg.png') center center no-repeat;
}

.hi_board_list .txt_box {
    margin-bottom: 0px;
    position: absolute;
    bottom: 40px;
    left: 0px;
    padding: 0 20px
}

.hi_board_list .txt_box .sort {
    margin-bottom: 3px;
    color: #2196f3;
    font-weight: 500;
}

.hi_board_list .txt_box .tit {
    display: -webkit-box;
    overflow: hidden;
    height: 2.4em;
    line-height: 1.2em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.hi_board_list .new_mark, .vi_board_list .new_mark {
    position: static;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-top: 0;
    margin-right: 3px;
    vertical-align: top;
}

.hi_board_list .info_box {
    color: #777;
    font-size: 0.93em;
    position: absolute;
    bottom: 15px;
    left: 20px;
}

.hi_board_list .info_box span {
    display: inline-block;
    vertical-align: top;
}

.hi_board_list .info_box span:before {
    content: "|";
    display: inline-block;
    margin-top: -5px;
    padding: 0 8px;
    font-size: 10px;
    vertical-align: middle;
}

.hi_board_list .info_box span:first-child:before {
    display: none;
}

.hi_board_list .info_box span.date {
    padding-left: 20px;
    background-position: 0 center;
    background-repeat: no-repeat;
}

.hi_board_list.keep .img_box .inner_box {
    font-size: 0;
}

.hi_board_list.keep .img_box img {
    width: auto;
    height: auto;
    vertical-align: middle;
}

.hi_board_list > li > a:focus {
    border: 1px solid gold
}

/*�뜝�럡�맟占쎈닱筌뤾풜占쎌뮋�삕亦낉옙 �뜝�럩援ⓨ뜝�럥六�. ver2 �뜝�럡源삣뜝�럩�굥�뜝�럥裕� 占쎈퉲�겫�룞�삕. 20200720*/
.hi_board_list.ver2 .txt_box {
    bottom: unset;
    font-weight: bold;
    padding: 0 12px;
    padding-bottom: 4px;
}

.hi_board_list.ver2 .info_box {
    display: none;
}

.hi_board_list.ver2 .sv-date {
    font-weight: bold;
    color: #0b75cb;
    margin-top: 5px;
}

.hi_board_list.ver2 .sv-date__ing {
    color: #000
}

.hi_board_list.ver2 .sv-date__comp {
    color: red
}

/* // hi_board_list */

/* hi_board_list 2 */
.hi_board_list2 {
    overflow: hidden;
    padding-top: 20px;
}

.hi_board_list2 > li {
    float: left;
    width: 23.75%;
    margin-right: 1.66%;
    margin-bottom: 35px;
}

.hi_board_list2 > li.on {
    background-color: #efefef;
}

.hi_board_list2 > li:nth-child(4n) {
    margin-right: 0;
}

.hi_board_list2 > li:nth-child(4n+1) {
    clear: both;
}

.hi_board_list2 > li > a {
    display: block;
    border: 1px solid #000;
    position: relative;
    padding-top: 90px;
}

.hi_board_list2 .img_box {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-top: 15px;
    padding-bottom: 140%;
    background-color: #f7f7f7;
    text-align: center;
}

.hi_board_list2 .img_box .inner_box {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.hi_board_list2 .img_box .mark {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    background-color: #f4511e;
    color: #fff;
    font-size: 14px;
}

.hi_board_list2 .img_box img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.hi_board_list2 > li > a:hover img, .hi_board_list > li > a:focus img {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    transform: scale(1.3);
}

.video_bg {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2) url('/template/cms/user/base/image/basic/video_bg.png') center center no-repeat;
}

.hi_board_list2 .txt_box {
    margin-bottom: 0px;
    position: absolute;
    top: 40px;
    left: 0px;
    padding: 0 20px
}

.hi_board_list2 .txt_box .sort {
    margin-bottom: 3px;
    color: #2196f3;
    font-weight: 500;
}

.hi_board_list2 .txt_box .tit {
    display: -webkit-box;
    overflow: hidden;
    height: 2.4em;
    line-height: 1.2em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.hi_board_list2 .new_mark, .vi_board_list2 .new_mark {
    position: static;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-top: 0;
    margin-right: 3px;
    vertical-align: top;
}

.hi_board_list2 .info_box {
    color: #777;
    font-size: 0.93em;
    position: absolute;
    top: 15px;
    left: 20px;
}

.hi_board_list2 .info_box span {
    display: inline-block;
    vertical-align: top;
}

.hi_board_list2 .info_box span:before {
    content: "|";
    display: inline-block;
    margin-top: -5px;
    padding: 0 8px;
    font-size: 10px;
    vertical-align: middle;
}

.hi_board_list2 .info_box span:first-child:before {
    display: none;
}

.hi_board_list2 .info_box span.date {
    padding-left: 20px;
    background-position: 0 center;
    background-repeat: no-repeat;
}

.hi_board_list2.keep .img_box .inner_box {
    font-size: 0;
}

.hi_board_list2.keep .img_box img {
    width: auto;
    height: auto;
    vertical-align: middle;
}

.hi_board_list2 > li > a:focus {
    border: 1px solid gold
}

.hi_board_list2 .info_box {
    display: none;
}

/* // hi_board_list 2 */

/* �뜝�럡�떃 */
.board-list-tab {
    text-align: center;
    margin-bottom: 30px;
}

.board-list-tab a {
    display: inline-block;
    margin: 0 35px;
    color: #666;
    border-bottom: 4px solid #fff;
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 7px;
}

.board-list-tab a.on {
    color: #000;
    border-bottom: 4px solid #000;
}

.board-list-tab a:focus {
    border-bottom: 4px solid gold
}

/* vi_board_list */
.vi_board_list {
    padding-top: 20px;
    border-top: 2px solid #5f6577;
}

.vi_board_list > li {
    overflow: hidden;
    padding: 20px 0;
    border-top: 1px dashed #ccc;
}

.vi_board_list > li:first-child {
    padding-top: 0;
    border-top: 0 none;
}

.vi_board_list .link_box {
    display: block;
}

.vi_board_list .img_box {
    float: left;
    overflow: hidden;
    width: 13%;
    background-color: #f7f7f7;
    text-align: center;
}

.vi_board_list .img_box img {
    max-height: 155px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.vi_board_list .link_box:hover img, .vi_board_list .link_box:focus img {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    transform: scale(1.3);
}

.vi_board_list .mid_helper {
    display: none;
}

.vi_board_list .txt_box {
    float: right;
    width: 84%;
    padding-top: 10px;
}

.vi_board_list .sort {
    margin-bottom: 3px;
    color: #2196f3;
    font-weight: 500;
}

.vi_board_list .tit {
    overflow: hidden;
    margin-bottom: 15px;
    font-size: 1.06em;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.vi_board_list .txt {
    display: -webkit-box;
    overflow: hidden;
    height: 2.4em;
    line-height: 1.2em;
    margin-bottom: 20px;
    color: #777;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.vi_board_list .date {
    color: #666;
    font-size: 0.86em;
}

.vi_board_list .info_box {
    color: #777;
    font-size: 0.93em;
}

.vi_board_list .info_box .each {
    display: inline-block;
}

.vi_board_list .info_box .each:after {
    content: "|";
    display: inline-block;
    margin-top: -5px;
    padding: 0 8px;
    font-size: 10px;
    vertical-align: middle;
}

.vi_board_list .info_box .each:last-child:after {
    display: none;
}

/* // vi_board_list */

/* board_view */
.board_view {
    border-bottom: 1px solid #d7d7d7;
}

.board_view_top {
    position: relative;
    z-index: 1;
    padding: 0 65px 20px;
    border-bottom: 2px solid #5f6577;
    text-align: center;
}

.board_view_top .mark_box {
    margin-bottom: 10px;
}

.board_view_top .mark {
    display: inline-block;
    margin: 0 2px;
    padding: 5px 10px;
    background-color: #f4511e;
    color: #fff;
}

.board_view_top .mark.new {
    background-color: #ff9000;
}

.board_view_top .tit {
    display: block;
    margin-bottom: 20px;
    font-size: 1.6em;
}

.board_view_top .sort {
    display: inline-block;
    margin-top: 2px;
    margin-right: 3px;
    padding: 4px 10px;
    border: 1px solid #2196f3;
    color: #2196f3;
    font-size: 15px;
    vertical-align: top;
}

.board_view_top .info {
    color: #777;
    font-size: 0;
}

.board_view_top .info .each {
    display: inline-block;
    font-size: 15px;
}

.board_view_top .info .each:after {
    content: "|";
    display: inline-block;
    margin-top: -2px;
    padding: 0 15px;
    color: #d7d7d7;
    font-size: 12px;
    vertical-align: middle;
}

.board_view_top .info .each:last-child:after {
    display: none;
}

.board_view_top .controler {
    position: absolute;
    left: 20px;
    top: 50%;
    z-index: 1;
    width: 30px;
    height: 40px;
    line-height: 40px;
    margin-top: -15px;
    font-size: 30px;
    text-align: center;
}

.board_view_top .controler:hover {
    -webkit-animation: scale1_3 0.8s infinite;
    animation: scale1_3 0.8s infinite;
}

.board_view_top .controler:focus {
    border: 2px solid black
}

.board_view_top .next {
    left: auto;
    right: 20px;
}

.board_view_con {
    padding: 40px 25px;
}

.board_view_con a:focus {
    text-decoration: underline;
}

.board_view_file {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #d7d7d7;
}

.board_view_file .tit {
    display: table-cell;
    width: 20%;
    padding: 15px 25px;
    background-color: #f7f7f7;
    vertical-align: middle;
}

.board_view_file .file_box {
    display: table-cell;
    padding: 15px 20px;
    vertical-align: middle;
}

.board_view_file .file_each {
    margin-bottom: 13px;
    padding-left: 20px;
    background: url('/template/cms/user/base/image/basic/attach_ico.png') 0 3px no-repeat;
}

.board_view_file .file_each:last-child {
    margin-bottom: 0;
}

.board_view_file .file_each a:hover,
.board_view_file .file_each a:focus {
    text-decoration: underline;
}

.board_view_file .file_each a span {
    margin-left: 5px;
    padding: 3px;
    border: 1px solid black;
}

/* // board_view */

/* board_write */
.bw_top_txt {
    margin-bottom: 10px;
    color: #777;
    text-align: right;
}

.bw_top_txt img {
    vertical-align: middle;
}

.board_write {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border-top: 2px solid #5e5e5e;
}

.board_write tr {
    border-bottom: 1px solid #d9d9d9;
}

.board_write th, .board_write td {
    padding: 15px 20px;
    vertical-align: middle;
}

.board_write th {
    border-right: 1px solid #d9d9d9;
    background-color: #f7f7f7;
    text-align: left;
}

.board_write tr * {
    vertical-align: middle;
}

.board_write input[type="text"], .board_write input[type="password"], .board_write select {
    height: 30px;
    border: 1px solid #cacaca;
}

.board_write textarea {
    border: 1px solid #cacaca;
    width: 90%;
}

.board_write .address_input {
    margin-top: 5px;
    margin-right: 5px;
}

.board_write .address_input.top {
    width: 150px;
    margin-top: 0;
}

.board_write .address_input.mid, .board_write .address_input.btm {
    width: 60%;
    min-width: 300px;
}

.board_write .email_input {
    width: 20%;
}

.board_write .phone_input {
    width: 100px;
}

.date_input {
    width: 130px;
    padding: 0 5px 0 25px !important;
    background: url('/template/cms/user/base/image/basic/cal_ico.png') 5px center no-repeat;
    text-align: center;
}

.board_write .short_input {
    width: 70px;
}

.board_write .middle_input {
    width: 100%;
    max-width: 200px;
}

.board_write .long_input {
    width: 90%;
    max-width: 500px;
}

.board_write .full_input {
    width: 100%;
}

.bw_in_btn {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    background-color: #2196f3;
    color: #fff;
    font-size: 0.93em;
    vertical-align: top !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.bw_in_btn:hover, .bw_in_btn:focus {
    background-color: #1567a9;
}

.write_sup_txt {
    display: inline-block;
    font-size: 0.93em;
}

.th_star {
    margin: 0 3px;
}


.attach_box {
    position: relative;
    z-index: 1;
    max-width: 700px;
}

.attach_input {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    visibility: hidden;
}

.attach_vbox {
    position: relative;
    z-index: 1;
    padding-right: 85px;
}

.attach_vinput {
    width: 100%;
    height: 30px !important;
    padding: 0 5px;
    cursor: pointer;
}

.attach_btn {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 80px;
    height: 30px;
    line-height: 28px;
    background-color: #7b839b;
    border: 1px solid #7b839b;
    color: #fff;
    font-size: 0.93em;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.attach_btn:hover {
    background-color: #fff;
    color: #7b839b;
}

.board_write .yn_radio_box {
    float: right;
}

.radio_each {
    display: inline-block;
    margin-right: 25px;
    vertical-align: middle;
}

.radio_each.one {
    margin-right: 0;
}

.radio_each:last-child {
    margin-right: 0;
}

.radio_each label {
    position: relative;
    z-index: 1;
    padding-left: 24px;
    cursor: pointer;
}

.radio_each .vradio {
    display: block;
    position: absolute;
    left: 0;
    top: 1px;
    z-index: 1;
    width: 20px;
    height: 20px;
    border: 1px solid #cdcdcd;
    border-radius: 50%;
}

.radio_each .vradio .cir {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 10px;
    height: 10px;
    margin-left: -5px;
    margin-top: -5px;
    background-color: #fff;
    border-radius: 50%;
}

.radio_each input:checked + label .vradio {
    border-color: #2a9af3;
}

.radio_each input:checked + label .vradio .cir {
    background-color: #2a9af3;
}

.radio_each input:focus + label .vradio {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.chk_each {
    display: inline-block;
    vertical-align: middle;
}

.chk_each label {
    position: relative;
    z-index: 1;
    padding-left: 20px;
    cursor: pointer;
}

.chk_each .vchkbox {
    display: block;
    position: absolute;
    left: 0;
    top: 3px;
    z-index: 1;
    width: 15px;
    height: 15px;
    border: 1px solid #cacaca;
}

.chk_each input:checked + label .vchkbox {
    background: url('/template/cms/user/base/image/basic/chkbox_ico.png') center center no-repeat;
    border-color: #2295fe;
}

.chk_each input:focus + label .vchkbox {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.new_border {
    width: 90%;
    margin: 0 auto;
}

.new_border .new_border_title {
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* // board_write */

/* qna */
.qna_q_box {
    padding: 30px 20px;
}

.qna_box .tit {
    height: 30px;
    line-height: 30px;
    padding-left: 37px;
    background: url('/template/cms/user/base/image/basic/bd_q_ico.png') 0 center no-repeat;
    font-size: 1.26em;
}

.qna_box .qna_q_box .tit {
    margin-bottom: 20px;
}

.qna_box .qna_a_box .tit {
    background-image: url('/template/cms/user/base/image/basic/bd_a_ico.png');
}

.qna_box .txt {
    line-height: 1.8;
    padding: 0 10px;
}

.qna_a_box {
    background-color: #fcfcfc;
}

.qna_a_top {
    position: relative;
    z-index: 1;
    padding: 17px 20px;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
}

.qna_a_top .qna_info_box {
    position: absolute;
    right: 30px;
    top: 23px;
    z-index: 1;
    color: #777;
    font-size: 0.93em;
}

.qna_a_top .qna_info_box .each:before {
    content: "|";
    display: inline-block;
    margin-top: -5px;
    padding: 0 10px;
    color: #777;
    font-size: 10px;
    vertical-align: middle;
}

.qna_a_top .qna_info_box .each:first-child:before {
    display: none;
}

.qna_box .qna_a_box .txt {
    padding: 40px 30px;
    color: #838383;
}

/* faq */
.faq_list {
    padding-top: 15px;
    border-top: 2px solid #5f6477;
}

.faq_list li {
    margin-bottom: 15px;
}

.faq_list li:last-child {
    margin-bottom: 0;
}

.faq_q_tit {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 18px 50px 18px 65px;
    background: url('/template/cms/user/base/image/basic/bd_q_ico_off.png') 20px 12px no-repeat;
    border: 1px solid #d5d5d5;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}

.faq_q_tit:after {
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    z-index: 1;
    width: 14px;
    height: 7px;
    margin-top: -4px;
    background: url('/template/cms/user/base/image/basic/mid_arr_down.png') center center no-repeat;
}

.faq_a_txt_box {
    display: none;
    padding: 15px 50px 15px 65px;
    background-color: #f7f7f7;
    border: 1px solid #d5d5d5;
    border-top: 0 none;
}

.faq_a_txt {
    line-height: 1.5;
    color: #838383;
}

.faq_down_box {
    margin-top: 8px;
    text-align: right;
}

.faq_down_btn {
    display: inline-block;
    height: 40px;
    line-height: 38px;
    padding: 0 10px 0 20px;
    background-color: #fff;
    border: 1px solid #2196f3;
    color: #2196f3;
    font-size: 1.06em;
}

.faq_down_btn:hover {
    background-color: #2196f3;
    color: #fff;
}

.faq_down_btn i {
    margin-left: 15px;
    background-color: #FFF;
    color: #000;
    font-size: 1.53em;
    vertical-align: text-top;
}

.faq_list li.on .faq_q_tit {
    overflow: visible;
    background-image: url('/template/cms/user/base/image/basic/bd_q_ico.png');
    white-space: normal;
}

.faq_list li.on .faq_q_tit:after {
    background-image: url('/template/cms/user/base/image/basic/mid_arr_up.png');
}

.faq_list li.on .faq_a_txt_box {
    display: block;
}

/* comment */
.comment_regist {
    margin-top: 40px;
}

.comment_top_tit {
    margin-bottom: 10px;
    font-size: 1.06em;
}

.comment_top_tit .num {
    color: #f3521e;
}

.comment_regist_form {
    position: relative;
    z-index: 1;
    height: 120px;
    padding: 15px 125px 10px 20px;
    border: 1px solid #d7d7d7;
}

.comment_regist_form .id {
    margin-bottom: 10px;
    font-weight: 500;
}

.comment_regist_textarea {
    display: block;
    width: 100%;
    height: 50px;
    margin: 0;
    border: 0 none;
    color: #838383;
    resize: none;
}

.comment_word_count {
    position: absolute;
    right: 120px;
    bottom: -22px;
    z-index: 1;
    color: #777;
}

.comment_regist_form .btn {
    display: block;
    position: absolute;
    right: 0;
    top: -1px;
    z-index: 1;
    width: 115px;
    height: 120px;
    line-height: 120px;
    background-color: #979797;
    color: #fff;
    text-align: center;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.comment_regist_form .btn:hover, .comment_regist_form .btn:focus {
    background-color: #565555;
}

.comment_list {
    border-top: 1px solid #d7d7d7;
}

.comment_list > li {
    padding: 10px 0;
    border-bottom: 1px solid #d7d7d7;
}

.comment_info {
    margin-bottom: 10px;
    font-size: 0;
}

.comment_info .id {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding-left: 37px;
    background: url('/template/cms/user/base/image/basic/member_ico.png') 0 center no-repeat;
    font-size: 15px;
    vertical-align: middle;
}

.comment_info .id:after {
    content: "|";
    display: inline-block;
    margin-top: -5px;
    padding: 0 10px;
    color: #acacac;
    font-size: 10px;
    vertical-align: middle;
}

.comment_info .date {
    display: inline-block;
    color: #acacac;
    font-size: 13px;
    vertical-align: middle;
}

.comment_txt {
    line-height: 1.6;
    word-break: break-all;
}

.comment_util {
    overflow: hidden;
    margin-top: 20px;
    font-size: 0;
}

.comment2_open_btn {
    float: left;
    padding-left: 16px;
    background: url('/template/cms/user/base/image/basic/pen_ico_red.png') 0 center no-repeat;
    background-size: 12px;
    color: #f3521e;
    font-family: Noto Sans KR;
    font-size: 13px;
    vertical-align: middle;
}

.comment_util_btn_box {
    float: right;
}

.comment_util_btn {
    display: inline-block;
    width: 35px;
    height: 20px;
    line-height: 18px;
    margin-left: 5px;
    background-color: #f8f8f8;
    border: 1px solid #d7d7d7;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.comment_util_btn:hover, .comment_util_btn:focus {
    background-color: #dfdfdf;
}

.comment2_view {
    display: none;
    margin-top: 20px;
    padding: 15px 5%;
    background-color: #f7f7f7;
}

.comment2_list li {
    padding: 15px 0;
    border-top: 1px solid #d7d7d7;
}

.comment2_list li:first-child {
    border-top: 0 none;
}

.comment2_list .comment_txt {
    margin-bottom: 0;
    color: #838383;
}

.comment2_list .comment_util {
    margin-top: 10px;
}

.comment_edit_box {
    position: relative;
    z-index: 1;
    padding-right: 50px;
}

.comment_edit_textarea {
    display: block;
    width: 100%;
    height: 50px;
    padding: 10px;
    resize: none;
}

.comment_word_count2 {
    margin-top: 2px;
    padding-right: 5px;
    color: #777;
    text-align: right;
}

.comment_edit_box .btn {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: #979797;
    color: #fff;
    font-size: 0.93em;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.comment_edit_box .btn:hover, .comment_edit_box .btn:focus {
    background-color: #565555;
}

.comment2_view .comment_regist .comment_info .id:after {
    display: none;
}

.comment_regist.non .comment_regist_form {
    height: auto;
}

.comment_regist .alert_txt1 {
    color: #e42626;
}

/* // comment */

/* pagination */
.pagination {
    margin-top: 20px;
    font-size: 0;
    text-align: center;
}

.pagination a {
    display: inline-block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    margin: 0 1px 3px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.pagination .page_arrow {
    font-size: 18px;
}

.pagination a:focus,
.pagination a:hover, .pagination .active {
    color: #0c5493;
    text-decoration: underline;
}

.pagination a:focus {
    color: #0c5493;
    text-decoration: underline;
    border: 1px solid #000
}

.pagination .page_arrow.l1 {
    margin-right: 40px;
}

.pagination .page_arrow.r1 {
    margin-left: 40px;
}

/* common_btn */
.btn_wrap {
    padding-top: 25px;
    text-align: right;
}

.common_btn {
    display: inline-block;
    width: 150px;
    height: 50px;
    border-radius: 50px;
    line-height: 48px;
    margin-left: 3px;
    margin-bottom: 5px;
    background-color: #0f78ad;
    font-size: 1.8rem;
    border: 1px solid #9a9a9a;
    color: #fff;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.common_btn:first-child {
    margin-left: 0;
}

.common_btn:hover, .common_btn:focus {
    background-color: #f7f7f7;
    color: #777;
}

.common_btn.regist {
    background-color: #0f78ad;
    border-color: #0f78ad;
}

.common_btn.regist:hover, .common_btn.regist:focus {
    background-color: #fff;
    color: #0f78ad;
}

.common_btn.ok { /*background-color:#2196f3; border-color:#2196f3;*/
    color: #fff;
    background-color: #000;
    height: 60px;
    width: auto;
    line-height: 60px;
    display: inline-block;
    padding-left: 30px;
    padding-right: 30px;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    border: 1px solid #9a9a9a;
    margin: 0px;
}

.common_btn.ok:hover, .common_btn.ok:focus {
    background-color: #fff;
    color: #2196f3;
}

.common_btn.update {
    background-color: #2196f3;
    border-color: #2196f3;
}

.common_btn.update:hover, .common_btn.update:focus {
    background-color: #fff;
    color: #2196f3;
}

.common_btn.cancel {
    background-color: #9a9a9a;
    border-color: #9a9a9a;
}

.common_btn.cancel:hover, .common_btn.cancel:focus {
    background-color: #FFF;
    color: #9a9a9a;
}

.common_btn.modify {
    background-color: #9a9a9a;
    border-color: #9a9a9a;
}

.common_btn.modify:hover, .common_btn.modify:focus {
    background-color: #FFF;
    color: #9a9a9a;
}

.common_btn.delete {
    background-color: #9a9a9a;
    border-color: #9a9a9a;
}

.common_btn.delete:hover, .common_btn.delete:focus {
    background-color: #FFF;
    color: #9a9a9a;
}

.common_btn.schedule {
    background-color: #fff;
    border-color: #13264e;
    color: #13264e;
}

.common_btn.schedule:hover, .common_btn.schedule:focus {
    background-color: #13264e;
    color: #fff;
}

.common_btn.schedule_on {
    background-color: #13264e;
    color: #fff;
}

/* // common_btn */

/* login basic */
.bdt_bg_box {
    padding: 60px 0;
    background-color: #f7f7f7;
    border-top: 2px solid #5f6477;
    border-bottom: 1px solid #d5d5d5;
    font-size: 1.6rem;
}

.bdt_bg_box.login {
    max-width: 800px;
    margin: 0 auto;
}

.login_box {
    display: table;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.login_box .left {
    display: table-cell;
    width: 40%;
    text-align: center;
    vertical-align: top;
}

.login_box .right {
    display: table-cell;
    padding-right: 8%;
    vertical-align: middle;
}

.login_box .tit {
    margin-bottom: 15px;
    font-size: 1.46em;
}

.login_form {
    position: relative;
    z-index: 1;
    padding-right: 110px;
}

.login_form .row {
    display: table;
    width: 100%;
    margin-bottom: 5px;
    border-collapse: collapse;
}

.login_form .row.pwd {
    margin-bottom: 0;
}

.login_form label {
    display: table-cell;
    width: 70px;
    vertical-align: middle;
}

.login_form .input_box {
    display: table-cell;
}

.login_form input {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #cacaca;
    border-radius: 2px;
    font-size: 1.06em;
    vertical-align: middle;
}

.login_btn {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 100px;
    height: 85px;
    line-height: 83px;
    background-color: #2196f3;
    border: 1px solid #2196f3;
    color: #fff;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.login_btn:hover {
    background-color: #fff;
    color: #2196f3;
}

.login_util_menu {
    overflow: hidden;
    margin-top: 15px;
    padding-left: 70px;
}

.login_util_menu li {
    float: left;
    margin-right: 10px;
}

.login_util_menu li:last-child {
    margin-right: 0;
}

.login_util_menu li a {
    display: block;
    padding-left: 20px;
    background: url('/template/cms/user/base/image/basic/login_util_ico1.png') 0 center no-repeat;
    background-size: 15px;
    color: #777;
}

.login_util_menu li.sch a {
    background-image: url('/template/cms/user/base/image/basic/login_util_ico2.png');
}

.login_error_txt {
    margin-top: 10px;
    text-align: center;
    color: #e42626;
}

/* // login basic */

/* find basic */
.idpw_find_box {
    overflow: hidden;
}

.idpw_find_box .each_box {
    float: left;
    width: 50%;
    padding: 0 20px;
}

.idpw_find_box .each_box:first-child {
    border-right: 1px solid #d1d1d1;
}

.idpw_find_box .tit {
    margin-bottom: 25px;
    font-size: 1.46em;
    text-align: center;
}

.find_form {
    max-width: 330px;
    margin: 0 auto;
}

.find_form .row {
    display: table;
    width: 100%;
    margin-bottom: 5px;
    border-collapse: collapse;
}

.find_form .row.pwd {
    margin-bottom: 0;
}

.find_form label {
    display: table-cell;
    width: 50px;
    vertical-align: middle;
}

.find_form .input_box {
    display: table-cell;
    padding-right: 50px;
}

.find_form input {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #cacaca;
    border-radius: 2px;
    font-size: 1.06em;
    vertical-align: middle;
}

.find_form .txt {
    margin-top: 10px;
    padding-left: 50px;
    color: #777;
}

.find_form .btn_wrap {
    text-align: center;
}

/* join basic */
.join_step {
    overflow: hidden;
    max-width: 900px;
    margin: 0 auto 100px;
}

.join_step li {
    position: relative;
    z-index: 1;
    float: left;
    width: 20%;
    padding-top: 50px;
    background: url('/template/cms/user/base/image/basic/jstep_img1.png') center 0 no-repeat;
    color: #838383;
    text-align: center;
}

.join_step li.li02 {
    background-image: url('/template/cms/user/base/image/basic/jstep_img2.png');
}

.join_step li.li03 {
    background-image: url('/template/cms/user/base/image/basic/jstep_img3.png');
}

.join_step li.li04 {
    background-image: url('/template/cms/user/base/image/basic/jstep_img4.png');
}

.join_step li.li05 {
    background-image: url('/template/cms/user/base/image/basic/jstep_img5.png');
}

.join_step li.on {
    background-image: url('/template/cms/user/base/image/basic/jstep_img1_on.png');
    color: #5f6477;
}

.join_step li.li02.on {
    background-image: url('/template/cms/user/base/image/basic/jstep_img2_on.png');
}

.join_step li.li03.on {
    background-image: url('/template/cms/user/base/image/basic/jstep_img3_on.png');
}

.join_step li.li04.on {
    background-image: url('/template/cms/user/base/image/basic/jstep_img4_on.png');
}

.join_step li.li05.on {
    background-image: url('/template/cms/user/base/image/basic/jstep_img5_on.png');
}

.join_step li:after {
    content: "";
    display: block;
    position: absolute;
    right: -5px;
    top: 50%;
    z-index: 1;
    width: 11px;
    height: 22px;
    margin-top: -11px;
    background: url('/template/cms/user/base/image/basic/jstep_arr.png') center center no-repeat;
}

.join_step li.on:after {
    background-image: url('/template/cms/user/base/image/basic/jstep_arr_on.png');
}

.join_step li:last-child:after {
    display: none;
}

.join_step.type2 li {
    background-image: url('/template/cms/user/base/image/basic/jstep2_img1.png');
}

.join_step.type2 li.li02 {
    background-image: url('/template/cms/user/base/image/basic/jstep2_img2.png');
}

.join_step.type2 li.li03 {
    background-image: url('/template/cms/user/base/image/basic/jstep2_img3.png');
}

.join_step.type2 li.li04 {
    background-image: url('/template/cms/user/base/image/basic/jstep2_img4.png');
}

.join_step.type2 li.li05 {
    background-image: url('/template/cms/user/base/image/basic/jstep2_img5.png');
}

.join_step.type2 li.on {
    background-image: url('/template/cms/user/base/image/basic/jstep2_img1_on.png');
}

.join_step.type2 li.li02.on {
    background-image: url('/template/cms/user/base/image/basic/jstep2_img2_on.png');
}

.join_step.type2 li.li03.on {
    background-image: url('/template/cms/user/base/image/basic/jstep2_img3_on.png');
}

.join_step.type2 li.li04.on {
    background-image: url('/template/cms/user/base/image/basic/jstep2_img4_on.png');
}

.join_step.type2 li.li05.on {
    background-image: url('/template/cms/user/base/image/basic/jstep2_img5_on.png');
}

.jts_txt_box {
    margin-bottom: 30px;
    text-align: center;
}

.jts_txt1 {
    margin-bottom: 10px;
    font-size: 2em;
}

.jts_txt1 .strong {
    color: #2196f3;
    font-weight: 700;
}

.jts_txt2 {
    color: #777;
    font-size: 1.06em;
}

.join_type_box {
    overflow: hidden;
    max-width: 830px;
    margin: 0 auto;
}

.join_type_box .each_box {
    float: left;
    width: 48%;
    margin-left: 4%;
    padding: 60px 30px;
    border: 1px solid #bbb;
    text-align: center;
}

.join_type_box .each_box:first-child {
    margin-left: 0;
}

.join_type_box .tit {
    margin-bottom: 15px;
    font-size: 1.46em;
    font-weight: 500;
}

.join_type_box .txt {
    margin-bottom: 30px;
    color: #777;
}

.join_type_box .circle {
    display: inline-block;
    width: 200px;
    height: 200px;
    margin-bottom: 30px;
    background: #fafafa url('/template/cms/user/base/image/basic/jtype_img1.png') center center no-repeat;
    border-radius: 50%;
}

.join_type_box .each_box:last-child .circle {
    background-image: url('/template/cms/user/base/image/basic/jtype_img2.png');
}

.join_type_box .btn_wrap {
    padding-top: 0;
    text-align: center;
}

.join_type_box .btn_wrap .common_btn {
    width: 95px;
}

/* // join basic */

/* certi basic */
.certi_box {
    overflow: hidden;
}

.certi_box .each_box {
    float: left;
    width: 50%;
    padding: 0 20px;
    text-align: center;
}

.certi_box .each_box.ipin {
    border-right: 1px solid #d1d1d1;
}

.certi_box .tit {
    margin-bottom: 25px;
    padding-top: 110px;
    background: url('/template/cms/user/base/image/basic/certi_ipin.png') center 0 no-repeat;
    font-size: 1.46em;
}

.certi_box .each_box.phone .tit {
    background-image: url('/template/cms/user/base/image/basic/certi_phone.png');
}

.certi_box .txt {
    max-width: 400px;
    height: 60px;
    margin: 0 auto 25px;
    color: #777;
    word-break: keep-all;
}

.certi_box .btn_wrap {
    padding-top: 0;
    text-align: center;
}

.certi_box .common_btn {
    width: 190px;
}

.certi_box.one .each_box {
    float: none;
    width: 100%;
    border: 0 none;
}

/* agree_box */
.total_agree_box {
    padding: 20px 0;
    border-top: 2px solid #777;
    border-bottom: 1px solid #bbb;
}

.agree_box {
    margin-bottom: 20px;
}

.agree_box:last-child {
    margin-bottom: 0;
}

.agree_tit {
    margin-bottom: 15px;
    font-size: 1.2em;
}

.agree_box .scroll_box {
    overflow-y: auto;
    height: 200px;
    margin-bottom: 10px;
    padding: 20px;
    border: 1px solid #ccc;
}

.agree_box .agree_chk {
    text-align: right;
}

.agree_box .chk_each label {
    padding-left: 23px;
    font-size: 1.06em;
}

.agree_box .chk_each .vchkbox {
    width: 18px;
    height: 18px;
}

.agree_box .chk_each input:checked + label .vchkbox {
    background-image: url('/template/cms/user/base/image/basic/chkbox_ico2.png');
}

/* complete basic */
.complete_box {
    text-align: center;
}

.complete_box img {
    margin-bottom: 40px;
}

.complete_box .txt1 {
    margin-bottom: 15px;
    font-size: 2em;
}

.complete_box .txt1 .strong {
    color: #2196f3;
    font-weight: 500;
}

.complete_box .txt2 {
    color: #777;
    font-size: 1.06em;
}

/* pwd_check */
.pwd_check_box {
    text-align: center;
}

.pwd_check_box .txt1 {
    margin-bottom: 30px;
    font-size: 1.26em;
    font-weight: 500;
}

.pwd_check_box label {
    font-size: 1.13em;
}

.pwd_check_box input { /*width:230px; height:40px; text-align:center; vertical-align:top;*/
}

.pwd_check_box input {
    border: 1px solid #000;
    height: 60px;
    width: 30%;
    line-height: 60px;
    font-size: 16px;
    padding: 0;
    padding-left: 0px;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* leave basic */
.bdt_bg_box.leave {
    margin-bottom: 50px;
    padding: 30px;
}

.leave_box {
    display: table;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.leave_box .left {
    display: table-cell;
    width: 20%;
    padding-right: 15px;
    text-align: center;
    vertical-align: middle;
}

.leave_box .dot_list li {
    margin-bottom: 5px;
}

.leave_box .right {
    display: table-cell;
    vertical-align: top;
}

.leave_box .txt1 {
    margin-bottom: 20px;
    font-size: 1.13em;
    font-weight: 500;
}

/* total_sch */
.tsch_keyword {
    color: #ff3600;
}

.total_sch_result_txt {
    margin-bottom: 35px;
    font-size: 1.6em;
    text-align: center;
}

.total_sch_result_txt .keyword {
    color: #2196f3;
    font-weight: 500;
}

.total_sch_result_txt .num {
    color: #ff3600;
}

.total_sch_tab {
    overflow: hidden;
    margin-bottom: 80px;
}

.total_sch_tab li {
    display: table;
    float: left;
    width: 24.9%;
    border: 1px solid #dfdfdf;
    border-left: 0 none;
    border-collapse: collapse;
    table-layout: fixed;
}

.total_sch_tab li:first-child {
    border-left: 1px solid #dfdfdf;
}

.total_sch_tab li a {
    display: table-cell;
    height: 60px;
    line-height: 1.1;
    font-size: 1.06em;
    text-align: center;
    vertical-align: middle;
}

.total_sch_tab li a:hover,
.total_sch_tab li a:focus, .total_sch_tab li a.on {
    background-color: #f1f1f1;
}

.total_sch_tab .num_txt {
    display: inline-block;
}

.total_sch_tab .num {
    color: #ff3600;
}

.total_catecory_list > li {
    position: relative;
    z-index: 1;
    margin-bottom: 70px;
}

.total_catecory_list > li:last-child {
    margin-bottom: 0;
}

.sch_category_tit {
    margin-bottom: 15px;
    padding-right: 90px;
    font-size: 1.6em;
    font-weight: 500;
}

.sch_category_tit .num {
    color: #ff3600;
}

.sch_result_menu_list {
    padding-top: 18px;
    border-top: 1px solid #5c5c5c;
}

.sch_result_menu_list li {
    margin-bottom: 10px;
    padding-left: 12px;
    background: url('/template/cms/user/base/image/bull/bull_square.jpg') 0 8px no-repeat;
}

.sch_result_menu_list li:last-child {
    margin-bottom: 0;
}

.sch_result_menu_list li a:hover,
.sch_result_menu_list li a:focus {
    text-decoration: underline;
}

.sch_result_board_list {
    border-top: 1px solid #5c5c5c;
}

.sch_result_board_list li {
    display: table;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    border-bottom: 1px solid #d5d5d5;
}

.sch_result_board_list .cell {
    display: table-cell;
    padding: 18px 10px;
    vertical-align: top;
}

.sch_result_board_list .cell.first {
    width: 15%;
}

.sch_result_board_list .cell.second {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sch_result_board_list .cell.third {
    width: 120px;
    text-align: center;
}

.sch_result_board_list a:hover, .sch_result_board_list a:focus {
    text-decoration: underline;
}

.sch_result_page_list {
    padding-top: 25px;
    border-top: 1px solid #5c5c5c;
}

.sch_result_page_list li {
    display: table;
    width: 100%;
    margin-bottom: 25px;
    border-collapse: collapse;
    table-layout: fixed;
}

.sch_result_page_list li:last-child {
    margin-bottom: 0;
}

.sch_result_page_list li .tit {
    display: inline-block;
    position: relative;
    z-index: 1;
    max-width: 100%;
    margin-bottom: 10px;
    padding-right: 80px;
}

/* .sch_result_page_list.type2 li .tit {padding-right: 90px;} */
.sch_result_page_list li .tit .tit_link {
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    font-size: 1.33em;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sch_result_page_list li .tit a:hover,
.sch_result_page_list li .tit a:focus {
    text-decoration: underline;
}

.sch_result_page_list li .txt {
    display: -webkit-box;
    overflow: hidden;
    max-height: 3.2em;
    line-height: 1.6;
    margin-bottom: 10px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.sch_result_page_list .depth {
    padding-left: 15px;
    background: url('/template/cms/user/base/image/basic/bull_line1.png') 0 3px no-repeat;
    color: #888;
}

.new_window_link {
    display: block;
    position: absolute;
    right: 0;
    top: 3px;
    z-index: 1;
    padding-left: 18px;
    background: url('/template/cms/user/base/image/basic/new_win_ico.png') 0 4px no-repeat;
}

.tsch_attach_mark {
    display: block;
    position: absolute;
    right: 0;
    top: 3px;
    z-index: 1;
    width: 70px;
    height: 22px;
    background: url('/template/cms/user/base/image/basic/attach_mark.jpg') 0 0 no-repeat;
}

.sch_result_page_list .img_box {
    display: table-cell;
    width: 15.83%;
    padding-right: 2.5%;
    font-size: 0;
    text-align: center;
    vertical-align: top;
}

.sch_result_page_list .img_box a {
    display: block;
    overflow: hidden;
    height: 120px;
    background-color: #ebebeb;
}

.sch_result_page_list .img_box img {
    vertical-align: middle;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.sch_result_page_list .img_box a:hover img,
.sch_result_page_list .img_box a:focus img {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    transform: scale(1.3);
}

.sch_result_page_list .img_box a:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.sch_result_page_list .txt_box {
    display: table-cell;
    vertical-align: top;
}

.sch_result_page_list .date {
    position: absolute;
    right: 0;
    top: 3px;
    z-index: 1;
    color: #888;
    font-size: 0.93em;
}

/*.total_sch_file_box {margin-top: 15px;}
.total_sch_file_box .file_each {margin-bottom: 7px;}
.total_sch_file_box .file_each:last-child {margin-bottom: 0;}
.total_sch_file_box .file_each img {margin-right: 5px; vertical-align: baseline;}
.total_sch_file_box .file_each .down_txt {margin-right: 10px;}
.total_sch_file_box .file_each .down_txt:hover {text-decoration: underline;}
.doc_trans_btn {display: inline-block; width: 70px; height: 20px; line-height: 20px; background-color:#4677a9; border-radius:3px; color:#fff; font-size:0.86em; text-align: center; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.doc_trans_btn:hover {background-color: #25496d;}*/
.total_sch_more_txt {
    position: absolute;
    right: 0;
    top: 15px;
    z-index: 1;
    font-size: 1.2em;
    text-align: right;
}

.total_sch_more_txt.btm {
    position: static;
    font-size: 1em;
}

.total_sch_more_txt a:hover, .total_sch_more_txt a:focus {
    text-decoration: underline;
}

.total_sch_more_txt i {
    margin-left: 5px;
}

.not_search_txt {
    padding-top: 18px;
    border-top: 1px solid #5c5c5c;
}

/* basic_table */
.basic_table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border-top: 2px solid #2e51ad;
    border-right: 1px solid #2e51ad;
    border-bottom: 1px solid #2e51ad;
}

.basic_table th, .basic_table td {
    padding: 10px 5px;
    border-left: 1px solid #7189c7;
    border-top: 1px solid #7189c7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.basic_table th:first-child, .basic_table td:first-child {
    border-left-color: #2e51ad;
}

.basic_table th {
    background-color: #eaeaea;
    font-weight: bold;
}

/* basic_tab */
.basic_tab {
    overflow: hidden;
}

.basic_tab li {
    display: table;
    float: left;
    width: 16.66%;
    margin-bottom: 2px;
    margin-right: 3px;
}

.basic_tab li a {
    display: table-cell;
    height: 45px;
    text-align: center;
    border: 2px solid #666;
    background-color: #666;
    color: #fff;
    vertical-align: middle;
}

.basic_tab li a:hover, .basic_tab li a:focus, .basic_tab li a.on {
    background-color: #FFF;
    color: #333;
}

.basic_tab_con {
    display: none;
}

.board_top_contents {
    margin-bottom: 0px;
}

/* animation keyframes */
@-webkit-keyframes scale1_3 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes scale1_3 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(1);
    }
}

/****************** respond ******************/
@media screen and (max-width: 1200px) {
    .hi_board_list2 .info_box {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    /* useful */
    .on_991 {
        display: block !important;
    }

    .none_991 {
        display: none !important;
    }

    .i_991 {
        display: inline !important;
    }

    .ib_991 {
        display: inline-block !important;
    }

    /* hi_board_list */
    .hi_board_list .info_box .views {
        display: none
    }
}

@media screen and (max-width: 767px) {
    /* useful */
    .pc-view {
        display: none !important;
    }

    .m-view {
        display: block !important;
    }

    .on_767 {
        display: block !important;
    }

    .none_767 {
        display: none !important;
    }

    .i_767 {
        display: inline !important;
    }

    .ib_767 {
        display: inline-block !important;
    }

    /* sch_bar */
    .sch_bar_box .total_txt {
        float: none;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .sch_bar {
        float: none;
        margin-bottom: 15px;
    }

    .sch_label {
        margin-right: 0;
    }

    .sch_slt {
        width: 24%;
        margin-right: 1%;
    }

    .sch_input {
        width: 75%;
        border-right: 1px solid #cacaca;
    }

    .sch_input.only {
        width: 100%;
    }

    .sch_btn {
        margin-top: 10px;
        width: 100%;
    }

    /* sub_sch_box */
    .sub_sch_box {
        padding: 15px !important;
    }

    .sub_sch_box .row {
        display: block;
        margin-bottom: 0;
    }

    .sub_sch_box label {
        display: block;
        width: 100%;
        margin-bottom: 5px;
        text-align: left;
    }

    .sub_sch_box .slt_box {
        display: block;
        width: 100% !important;
        margin-bottom: 10px;
        padding-right: 0;
    }

    .sub_sch_box select {
        height: 30px;
    }

    .sub_sch_box .input_box {
        display: block;
        width: 100% !important;
        margin-bottom: 10px;
        padding-right: 0;
    }

    .sub_sch_box input {
        height: 35px;
        padding: 0 3px;
    }

    .sub_sch_box .input_box.date input {
        padding-right: 40px;
        background-size: 35px;
    }

    .st_sch_btn {
        position: static;
        width: 100% !important;
        height: 40px !important;
        line-height: 40px !important;
        margin-top: 10px !important;
        background-image: none;
        border-radius: 5px;
        text-indent: 0;
        text-align: center;
    }

    /* board_list */
    .board_list, .board_list tbody, .board_list tr, .board_list td {
        display: block;
    }

    .board_list thead {
        display: none;
    }

    .board_list tr {
        position: relative;
        z-index: 1;
        overflow: hidden;
        padding: 10px 0;
    }

    .board_list tbody td {
        float: left;
        width: auto;
        border: 0 none;
        padding: 4px 0;
        color: #777;
        font-size: 0.93em;
        text-align: left;
    }

    .board_list tbody td.num {
        min-width: 40px;
        margin-right: 10px;
        color: #333;
        font-weight: 500;
    }

    .board_list tbody td.sort {
        color: #495dc1;
        font-weight: 500;
    }

    .board_list tbody td.sort:before {
        content: "[";
        padding: 0;
        padding-right: 2px;
        vertical-align: baseline;
        font-size: 13px;
    }

    .board_list tbody td.sort:after {
        content: "]";
        display: inline-block;
        padding-left: 2px;
        font-size: 13px;
    }

    .board_list tbody td.tit {
        width: 100%;
        color: #333;
        font-size: 1em;
    }

    .board_list tbody td.tit a {
        vertical-align: top;
    }

    .board_list tbody td:before {
        content: "|";
        display: inline-block;
        margin-top: -5px;
        padding: 0 10px;
        color: #777;
        font-size: 10px;
        vertical-align: middle;
    }

    .board_list tbody td.num:before, .board_list tbody td.tit:before, .board_list tbody td.tit + td:before {
        display: none !important;
    }

    .board_list .mark {
        padding: 2px 6px;
    }

    .new_mark {
        width: 16px;
        height: 16px;
        line-height: 16px;
        margin-top: -8px;
        font-size: 10px;
        font-weight: 400;
    }

    /* hi_board_list */
    .hi_board_list > li {
        width: 48%;
        margin-right: 4%;
    }

    .hi_board_list > li:nth-child(3n) {
        margin-right: 4%;
    }

    .hi_board_list > li:nth-child(2n) {
        margin-right: 0;
    }

    .hi_board_list > li:nth-child(2n+1) {
        clear: both;
    }

    .hi_board_list .new_mark, .vi_board_list .new_mark {
        width: 16px;
        height: 16px;
        line-height: 16px;
        margin-top: 1px;
    }

    .hi_board_list > li > a {
        min-height: 140px;
    }

    /* hi_board_list2 */
    .hi_board_list2 > li {
        width: 48%;
        margin-right: 4%;
    }

    .hi_board_list2 > li:nth-child(3n) {
        margin-right: 4%;
    }

    .hi_board_list2 > li:nth-child(2n) {
        margin-right: 0;
    }

    .hi_board_list2 > li:nth-child(2n+1) {
        clear: both;
    }

    .hi_board_list2 .new_mark, .vi_board_list2 .new_mark {
        width: 16px;
        height: 16px;
        line-height: 16px;
        margin-top: 1px;
    }

    .hi_board_list2 > li > a {
        min-height: 140px;
    }

    /* vi_board_list */
    .vi_board_list > li {
        float: left;
        width: 48%;
        margin-right: 4%;
        margin-bottom: 35px;
        padding: 0;
        border-top: 0 none;
    }

    .vi_board_list > li:nth-child(2n) {
        margin-right: 0;
    }

    .vi_board_list > li:nth-child(2n+3) {
        clear: both;
    }

    .vi_board_list .img_box {
        position: relative;
        z-index: 1;
        float: none;
        width: 100%;
        margin-bottom: 15px;
        padding-bottom: 75%;
    }

    .vi_board_list .img_box .inner_box {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        font-size: 0;
    }

    .vi_board_list .img_box img {
        width: auto;
        max-height: 100%;
        vertical-align: middle;
    }

    .vi_board_list .mid_helper {
        display: inline-block;
    }

    .vi_board_list .txt_box {
        float: none;
        width: 100%;
        padding-top: 0;
    }

    .vi_board_list .tit {
        display: -webkit-box;
        height: 2.4em;
        line-height: 1.2em;
        font-size: 1em;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        white-space: normal;
    }

    .vi_board_list .txt {
        display: none;
    }

    /* board_view */
    .board_view_top {
        padding: 0 40px 20px;
    }

    .board_view_top .tit {
        font-size: 1.33em;
    }

    .board_view_top .sort {
        margin-top: 0;
    }

    .board_view_top .info .each:after {
        padding: 0 10px;
    }

    .board_view_top .controler {
        left: 0;
    }

    .board_view_top .next {
        left: auto;
        right: 0;
    }

    .board_view_file .tit {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    .board_view_file .file_box {
        display: block;
    }

    /* board_write */
    .board_write .email_input {
        width: 35%;
        margin: 3px 0;
    }

    /* pagination */
    .pagination a {
        width: 22px;
        height: 22px;
        line-height: 22px;
        font-size: 13px;
    }

    .pagination .page_arrow {
        font-size: 15px;
    }

    .pagination .page_arrow.l1 {
        margin-right: 20px;
    }

    .pagination .page_arrow.r1 {
        margin-left: 20px;
    }

    /* total_sch */
    .total_sch_result_txt {
        font-size: 1.33em;
    }

    .total_sch_tab {
        margin-bottom: 40px;
    }

    .total_catecory_list > li {
        margin-bottom: 50px;
    }

    .sch_category_tit {
        margin-bottom: 5px;
        padding-right: 70px;
        font-size: 1.26em;
    }

    .sch_result_menu_list {
        padding-top: 10px;
    }

    .sch_result_menu_list li {
        margin-bottom: 5px;
    }

    .sch_result_board_list li {
        display: block;
        margin-bottom: 0;
        padding: 10px 0;
    }

    .sch_result_board_list .cell {
        display: block;
        margin-bottom: 5px;
        padding: 0;
    }

    .sch_result_board_list .cell.first {
        width: 100%;
    }

    .sch_result_board_list .cell.second {
    }

    .sch_result_board_list .cell.third {
        width: 100%;
        text-align: left;
        font-size: 0.93em;
    }

    .sch_result_page_list li .tit {
        margin-bottom: 5px;
        padding-right: 70px;
    }

    .sch_result_page_list li .tit .tit_link {
        font-size: 1.13em;
    }

    .sch_result_page_list li .img_box {
        width: 120px;
    }

    .sch_result_page_list li .img_box a {
        height: 100px;
    }

    .new_window_link {
        top: 1px;
    }

    .tsch_attach_mark {
        width: 58px;
        height: 18px;
        background-size: 58px;
    }

    .sch_result_page_list .date {
        top: 1px;
    }

    .sch_result_page_list li .txt {
        font-size: 0.93em;
    }

    .sch_result_page_list .depth {
        background-position: 0 2px;
        font-size: 0.86em;
    }

    .total_sch_more_txt {
        top: 5px;
        font-size: 0.93em;
    }

    /* basic_table */
    .basic_table_box.scroll {
        position: relative;
        z-index: 1;
        overflow: auto;
        padding: 20px 0;
        background: url('/template/cms/user/base/image/basic/lr_arr_ico.png') 48% 0 no-repeat;
        background-size: 30px;
        animation: tblScrollAni 2s infinite;
    }

    .basic_table_box.scroll .basic_table {
        min-width: 767px;
    }

    @-webkit-keyframes tblScrollAni {
        0% {
            background-position: 48% 0;
        }
        50% {
            background-position: 52% 0;
        }
        100% {
            background-position: 48% 0;
        }
    }
    @keyframes tblScrollAni {
        0% {
            background-position: 48% 0;
        }
        50% {
            background-position: 52% 0;
        }
        100% {
            background-position: 48% 0;
        }
    }
}

@media screen and (max-width: 640px) {
    /* useful */
    .on_640 {
        display: block !important;
    }

    .none_640 {
        display: none !important;
    }

    .i_640 {
        display: inline !important;
    }

    .ib_640 {
        display: inline-block !important;
    }

    /* login basic */
    .bdt_bg_box {
        padding: 30px 0;
    }

    .login_box {
        display: block;
    }

    .login_box .left {
        display: block;
        width: 100%;
        margin-bottom: 40px;
    }

    .login_box .right {
        display: block;
        padding-right: 0;
    }

    .login_box .tit {
        text-align: center;
    }

    /* find basic */
    .idpw_find_box {
        padding: 0 7%;
    }

    .idpw_find_box .each_box {
        float: none;
        width: 100%;
        padding: 0;
    }

    .idpw_find_box .each_box:first-child {
        padding-bottom: 20px;
        border-right: 0 none;
        border-bottom: 1px solid #d1d1d1;
    }

    .idpw_find_box .each_box:last-child {
        padding-top: 20px;
    }

    /* join basic */
    .join_step {
        display: none;
    }

    .jts_txt1 {
        font-size: 1.6em;
    }

    .join_type_box .each_box {
        width: 100%;
        margin-left: 0;
        padding: 30px 20px;
    }

    .join_type_box .each_box:first-child {
        margin-bottom: 30px;
    }

    .join_type_box .txt {
        margin-bottom: 15px;
    }

    .join_type_box .circle {
        width: 100px;
        height: 100px;
        margin-bottom: 15px;
        background-size: 60px;
    }

    /* certi basic */
    .certi_box {
        padding: 0 7%;
    }

    .certi_box .each_box {
        float: none;
        width: 100%;
        padding: 0;
    }

    .certi_box .each_box:first-child {
        padding-bottom: 20px;
        border-right: 0 none;
        border-bottom: 1px solid #d1d1d1;
    }

    .certi_box .each_box:last-child {
        padding-top: 20px;
    }

    .certi_box .tit {
        margin-bottom: 10px;
        padding-top: 70px;
        background-size: 60px;
    }

    .certi_box .each_box.phone .tit {
        background-size: 40px;
    }

    .certi_box .txt {
        height: auto;
        margin-bottom: 10px;
    }

    .certi_box.one .each_box {
        padding: 0 !important;
        border: 0 none;
    }

    /* agree basic */
    .agree_box .scroll_box {
        height: 150px;
        padding: 10px;
    }

    /* complete basic */
    .complete_box img {
        width: 180px;
        margin-bottom: 20px;
    }

    .complete_box .txt1 {
        margin-bottom: 10px;
        font-size: 1.6em;
    }


}

@media screen and (max-width: 480px) {
    /* useful */
    .on_480 {
        display: block !important;
    }

    .none_480 {
        display: none !important;
    }

    .i_480 {
        display: inline !important;
    }

    .ib_480 {
        display: inline-block !important;
    }

    /* board_view */
    .board_view_top .mark {
        padding: 3px 6px;
        font-size: 12px;
    }

    .board_view_top .tit {
        font-size: 1.2em;
    }

    .board_view_top .sort {
        padding: 3px 6px;
        font-size: 12px;
    }

    .board_view_top .info .each {
        font-size: 13px;
    }

    .board_view_con {
        padding: 20px 15px;
    }

    .board_view_file .tit {
        padding: 10px 15px;
    }

    .board_view_file .file_box {
        padding: 10px 15px;
    }

    .board_view_file .file_each {
        margin-bottom: 5px;
    }

    /* board_write */
    .board_write {
        text-align: left;
        overflow: hidden;
    }

    .board_write caption, .board_write colgroup {
        display: none;
    }

    .board_write, .board_write tbody, .board_write tr, .board_write th, .board_write td {
        display: block;
        width: 100%;
    }

    .board_write tr {
        overflow: hidden;
        margin-bottom: 5px;
        border-bottom: 0 none;
    }

    .board_write th {
        float: left;
        padding: 15px 10px 5px;
        background-color: #FFF;
        border-top: 1px solid #ddd;
        border-right: 0 none;
        text-align: left;
    }

    .board_write td {
        float: left;
        padding: 5px 10px 15px;
    }

    .board_write tr:last-child td {
        border-bottom: 1px solid #ddd;
    }

    .board_write .tit_input {
        width: 100%;
    }

    .board_write .name_input {
        width: 150px;
    }

    .board_write .address_input.mid, .board_write .address_input.btm {
        width: 100%;
    }

    /* qna */
    .qna_q_box {
        padding: 20px;
    }

    .qna_box .tit {
        padding-left: 30px;
        background-size: 24px;
        font-size: 1.13em;
    }

    .qna_box .qna_q_box .tit {
        margin-bottom: 10px;
    }

    .qna_box .txt {
        line-height: 1.5;
        padding: 0;
    }

    .qna_a_top {
        position: relative;
        z-index: 1;
        padding: 10px 20px;
    }

    .qna_a_top .qna_info_box {
        top: 17px;
    }

    .qna_box .qna_a_box .txt {
        padding: 20px;
    }

    /* faq */
    .faq_q_tit {
        padding: 14px 35px 14px 45px;
        background-position: 13px 11px;
        background-size: 24px;
    }

    .faq_q_tit:after {
        content: "";
        display: block;
        position: absolute;
        right: 13px;
        top: 50%;
        z-index: 1;
        width: 14px;
        height: 7px;
        margin-top: -3px;
        background-size: 11px;
    }

    .faq_a_txt_box {
        padding: 15px 35px 15px 45px;
    }

    .faq_a_txt {
        font-size: 13px;
    }

    .faq_down_btn {
        height: 30px;
        line-height: 28px;
        padding: 0 5px 0 12px;
        font-size: 0.93em;
    }

    .faq_down_btn i {
        margin-left: 10px;
    }

    /* comment */
    .comment_regist_form {
        height: auto;
        padding: 10px;
    }

    .comment_regist_textarea {
        margin-bottom: 3px;
    }

    .comment_word_count {
        position: static;
        margin-bottom: 3px;
        text-align: right;
    }

    .comment_regist_form .btn {
        position: static;
        width: 100%;
        height: 35px;
        line-height: 35px;
    }

    .comment_info .id {
        padding-left: 25px;
        background-size: 20px;
    }

    .comment2_view {
        padding: 5px 5%;
    }

    /* login basic */
    .login_box .left img {
        max-height: 100px;
    }

    .login_form {
        padding-right: 0;
    }

    .login_btn {
        position: static;
        width: 100%;
        height: 40px;
        line-height: 38px;
        margin-top: 10px;
    }

    .login_util_menu {
        padding-left: 0;
    }

    .login_error_txt {
        padding-left: 0;
    }

    /* find basic */
    .idpw_find_box .each_box:first-child {
        padding-bottom: 30px;
    }

    .idpw_find_box .each_box:last-child {
        padding-top: 30px;
    }

    .find_form .input_box {
        padding-right: 0;
    }

    /* certi basic */
    .certi_box .each_box:first-child {
        padding-bottom: 30px;
    }

    .certi_box .each_box:last-child {
        padding-top: 30px;
    }

    /* pwd_check */
    .pwd_check_box input {
        width: 160px;
    }

    /* leave basic */
    .bdt_bg_box.leave {
        padding: 20px 10px;
    }

    .leave_box .left {
        width: 70px;
    }

    /* total_sch */
    .new_window_link {
        top: 0;
    }

    .tsch_attach_mark {
        top: 1px;
    }

    .sch_result_page_list li .img_box {
        display: none;
    }

    /* 2018-04-25 占쎈퉲�겫�룞�삕 */
    .alert_layer_box, .confirm_layer_box, .confirm_layer_box2 {
        width: 90%;
        margin-left: -49%;
        padding: 40px 15px;
    }


    /* hi_board_list */
    .hi_board_list > li {
        width: 100%;
        margin-right: 0;
    }

    /* hi_board_list2 */
    .hi_board_list2 > li {
        width: 100%;
        margin-right: 0;
    }
}


/* calendar */
.calendar {
    padding: 25px 0;
    text-align: center;
    color: #656565;
}

/* .calendar .info {float:left; display:inline-block; width:300px; text-align:left;} */
.calendar .info {
    float: left;
    display: inline-block;
    width: 265px;
    text-align: left;
    left: 0;
    bottom: 8px;
}

.calendar .info.rent {
    width: 90px;
}

.calendar .info p {
    float: left;
    margin-right: 10px;
}

.calendar .rq_blue {
    display: inline-block;
    color: #0083a1;
    margin-bottom: 3px;
}

.calendar .rq_purple {
    display: inline-block;
    color: #8b6e91;
    margin-bottom: 3px;
    margin-right: 15px;
}

.calendar .rq_lb {
    display: inline-block;
    color: #71839a;
    margin-bottom: 3px; /* margin-left:15px; */
    margin-right: 15px;
}

.calendar .rq_red {
    display: inline-block;
    color: #f27dab;
    margin-bottom: 3px; /* margin-left:15px; */
    margin-right: 15px;
}

.calendar .rq_etc {
    display: inline-block;
    color: #73a219;
}

.calendar .info .use_yes .schedule_mark {
    color: #088A4B;
}

.calendar .info .use_no .schedule_mark {
    color: #B40404;
}

.calendar .info p span {
    vertical-align: middle;
}

.calendar .rq_outside {
    display: inline-block;
    color: #e89b4c;
    margin-right: 15px;
}

.calendar .rq_on {
    display: inline-block;
    margin-bottom: 3px;
}

.calendar .rq_off {
}

.calendar .down_btn {
    float: right;
}

.calendar .common_btn {
    float: right;
}

.cal_date {
    position: relative;
    text-align: center;
    font-size: 1.4em;
    line-height: 30px;
    padding: 0 60px;
}

.cal_date strong {
    font-size: 1.2em;
    color: #f99d33;
    font-weight: 600;
}

.cal_date .prev {
    position: absolute;
    left: 0;
    top: 5px;
}

.cal_date .next {
    position: absolute;
    right: 0;
    top: 5px;
}

.arrow_img {
    vertical-align: top;
}

.cal_table {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

.cal_table thead th {
    background: #f5f5f5;
    border: 0px solid #fff;
    padding: 7px 0;
}

.cal_table thead th:first-child {
    color: #ee0000;
    border-left: 1px solid #f5f5f5;
}

.cal_table thead th:last-child {
    color: #004677;
    border-right: 1px solid #f5f5f5;
}

.cal_table tbody {
}

.cal_table tbody td {
    border: 1px solid #dddddd;
    border-top: 0;
    vertical-align: baseline;
}

.cal_table tbody td .date {
    text-align: right;
    margin-bottom: 10px;
    margin: 5px 5px 0 0;
    font-weight: bold;
    font-size: 1.0em;
}

.cal_table tbody td .txt {
    text-align: center;
}

.cal_table tbody td .item {
    font-size: 0.8em;
    color: #000080;
    display: block;
}

.cal_table tbody td div {
    min-height: 100px;
    padding: 10px;
}

.cal_table tbody td div.on {
    background-color: #edfcff;
}

.cal_table tbody td.on {
    background-color: #edfcff;
}

.cal_table tbody td.off {
    background-color: #f5f5f5;
}

.cal_table tbody td.over {
    background-color: #87ceeb;
}

.cal_table tbody td a:hover .on .txt {
    text-decoration: underline;
}

.cal_table tbody td div a:hover {
    text-decoration: underline;
}

.cal_table tbody td div.off {
    background-color: #f5f5f5;
}

.cal_table tbody td ul li a {
    display: block;
    width: 99%;
    height: 25px;
    line-height: 25px;
    font-size: 0.9em; /*font-weight:300\0/IE8+9;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.cal_table tbody td ul li a:hover {
    text-decoration: underline;
}

.rq_red {
    padding-left: 17px;
    background: url('/template/cms/user/base/image/bull/bull_rq_red.png') 0 center no-repeat;
}

.rq_blue {
    padding-left: 17px;
    background: url('/template/cms/user/base/image/bull/bull_rq_blue.png') 0 center no-repeat;
}

.rq_purple {
    padding-left: 17px;
    background: url('/template/cms/user/base/image/bull/bull_rq_purple.png') 0 center no-repeat;
}

.rq_lb {
    padding-left: 17px;
    background: url('/template/cms/user/base/image/bull/bull_rq_lb.png') 0 center no-repeat;
}

.rq_etc {
    padding-left: 17px;
    background: url('/template/cms/user/base/image/bull/bull_rq_green.png') 0 center no-repeat;
}

.rq_outside {
    padding-left: 17px;
    background: url('/template/cms/user/base/image/bull/bull_rq_org.png') 0 center no-repeat;
}

.rq_on {
    padding-left: 17px;
    background: url('/template/cms/user/base/image/bull/bull_rq_on.png') 0 center no-repeat;
}

.rq_off {
    padding-left: 17px;
    background: url('/template/cms/user/base/image/bull/bull_rq_off.png') 0 center no-repeat;
}

/* calendar */
@media all and (max-width: 991px) {
    .cal_date {
        margin-left: 0;
    }

    .calendar .info {
        width: 200px;
    }

    .calendar .rq_lb {
        margin-right: 0;
    }

    .calendar_wrap .pc-view {
        display: none;
    }

    .calendar_wrap .m-view {
        display: block;
    }

    .m-view .cal_table thead th {
        color: #333;
    }

    .m-view .cal_table tbody th {
        border: 1px solid #e5e5e5;
        border-top: 0;
    }

    .m-view .cal_table tbody th span {
        display: block;
    }

    .m-view .cal_table tbody td ul {
        margin: 10px 10px;
    }

    .m-view .cal_table tbody td div {
        width: 100%;
        min-height: 60px;
        padding: 20px 10px;
        text-align: center;
    }

    .m-view .cal_table tbody td div:after {
    }

    .m-view .cal_table tbody td a:hover {
        text-decoration: underline;
    }
}

@media all and (max-width: 767px) {
    /* calendar */
    .calendar .cal_date {
        display: block;
        margin-bottom: 20px;
    }
}

@media all and (max-width: 480px) {
    /* calendar */
    .calendar .info {
        float: none;
        display: block;
        width: 100%;
        margin: 20px 0;
    }

    .calendar .rq_lb {
        margin-right: 15px;
    }

    .down_btn.pdf {
        float: none;
        width: 100%;
    }

    .calendar_wrap .common_btn.apply {
        float: none;
        width: 100%;
    }
}

/* �뿉�뵒�꽣 �궫�엯 而⑦뀗痢� 由ъ뀑�뒪���씪 �젣嫄�. */
.editor_view ol, .editor_view ol > li {
    list-style-type: decimal;
}

.editor_view ul, .editor_view ul > li {
    list-style-type: disc;
}

.editor_view ol, .editor_view ul {
    padding-left: 19px;
}

.editor_view i, .editor_view em {
    font-style: italic;
}

.editor_view b, .editor_view strong {
    font-weight: bold;
}

/*new 뉴스레터신청 20160308*/
.letter_jo_box {
    padding: 14px;
    border: 1px solid #e0e0e0;
    margin-top: 30px;
    background-color: #fff;
}

.letter_jo_box h3 {
    min-height: 40px;
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 45px;
    padding-top: 3px;
    line-height: 1.4;
}

.letter_jo_box p {
    margin-bottom: 5px;
}

.letter_jo_box p:after {
    content: ' ';
    clear: both;
    visibility: hidden;
    display: block;
}

* + html .letter_jo_box p {
    display: inline-block
}

.letter_jo_box label {
    display: block;
    font-size: 12px;
    font-weight: bold;
    width: 40px;
    float: left;
    padding: 2px 0 0 8px;
    height: 18px;
    color: #626262;
}

.letter_in_box {
    border: 1px solid #e0e0e0;
    width: 155px;;
    height: 18px;
    padding: 2px 0 0 3px;
    float: left;
    font-size: 12px;
}

.letter_jo_box label {
    position: absolute;
    top: 0;
    left: -9999px
}

.lte-ie9 .letter_jo_box label {
    position: relative;
    top: 0;
    left: 0;
}

.lte-ie9 .letter_in_box {
    width: 155px;
}

.news_btn_box {
    display: none;
}

.btn_letter {
    display: block;
    color: #f84616;
    text-align: center;
    display: block;
    padding: 5px 0;
    border: 1px solid #ffaa8b;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
}

/*대관신청 박스타입1*/
.box_type1 {
    padding: 15px 20px;
    border: 3px solid #dedede;
    background-color: #fbfbfb;
}

.box_type1 h3 {
    font-size: 15px;
    margin-bottom: 5px;
}

/*대관신청 탭 */
.tab_type {
    margin-bottom: 20px;
    padding: 0;
    border-bottom: 1px solid #d8d8d8;
    background-color: #ffffff;
}

.tab_type li {
    float: left;
    position: relative;
    text-align: center;
    width: auto;
    border-bottom: 1px solid #d8d8d8;
    position: relative;
    margin-bottom: -1px;
}

.tab_type li:first-child {
    padding-left: 0px;
    background-image: none;
}

.tab_type li.selected {
    border-bottom: 1px solid #fff;
}

.tab_type li a {
    color: #727272;
    background-color: #ffffff;
    display: block;
    border-top: 2px solid #d8d8d8;
    text-align: center;
    padding: 11px 40px;
    font-size: 14px;
    font-weight: bold;
    border-right: 1px solid #d8d8d8;
}

.tab_type .tab_auto li a {
    padding: 11px 10px;
}

.tab_type li:first-child a {
    border-left: 1px solid #ddd;
}

.tab_type li:first-child.selected a {
    border-left: 1px solid #d8d8d8;
}

.tab_type li.selected a {
    color: #f97860;
    border-top: 2px solid #f97860;
    background-color: #fff
}

/*대관신청 Copy*/
/*

.yeyak-ver .cont-in {
    border-top: 0;
}

@media screen and (min-width: 1px) and (max-width: 1200px) {
    .yeyak-ver .sub-contents {
        background-color: #fff;
    }
    .yeyak-ver .cont-in {
        background-color: #f5f5f5;
        padding: 5px;
    }
}

.yeyak-first {
    position: relative;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}

.yeyak-first__title {
    text-align: left;
    background-color: #089892;
    height: 70px;
    line-height: 70px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding-left: 20px;
}

.yeyak-first__reback {
    position: absolute;
    top: 14px;
    right: 20px;
    color: #fff;
    border: 1px solid #fff;
    display: block;
    padding: 9px 10px;
    border-radius: 5px;
    font-size: 13px;
    white-space: nowrap;
}

.yeyak-first__reback span {
    padding-left: 30px;
    display: block;
    position: relative;
}

.yeyak-first__reback span:before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -1174px 0px;
    background-image: url("../images/sprite.png");
    width: 17px;
    min-width: 17px;
    height: 16px;
}

.yeyak-first__reback:hover, .yeyak-first__reback:focus {
    text-decoration: underline;
}

.yeyak-first__wrap {
    text-align: left;
    background-color: #fff;
    min-height: 580px;
    border-left: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 80px 30px;
}

.yeyak-first__wrap:after {
    content: ' ';
    clear: both;
    display: block;
    visibility: hidden;
}

* + html .yeyak-first__wrap {
    display: inline-block;
}

.yeyak-first__wrap__cal {
    float: left;
    position: relative;
    width: 57%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px 0 0;
    border-right: 1px solid #ddd;
}

.yeyak-first__wrap__cal__psb {
    margin-left: 15px;
    padding-top: 20px;
}

.yeyak-first__wrap__cal__psb span {
    display: inline-block;
    background-color: #f6f6f6;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-right: 5px;
}

.yeyak-first__wrap__cal__date {
    font-size: 30px;
    margin-left: 20px;
    font-weight: 800;
    margin-bottom: 30px;
}

.yeyak-first__wrap__cal__prev {
    position: absolute;
    top: 10px;
    right: 100px;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 0;
    text-indent: -9999px;
    border: 1px solid #fff;
}

.yeyak-first__wrap__cal__prev:before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -1174px -396px;
    background-image: url("../images/sprite.png");
    width: 12px;
    min-width: 12px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 35%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.yeyak-first__wrap__cal__prev:focus {
    border: 1px solid gold;
}

.yeyak-first__wrap__cal__next {
    position: absolute;
    top: 10px;
    right: 60px;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 0;
    text-indent: -9999px;
    border: 1px solid #fff;
}

.yeyak-first__wrap__cal__next:before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -1174px -328px;
    background-image: url("../images/sprite.png");
    width: 12px;
    min-width: 12px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 35%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.yeyak-first__wrap__cal__next:focus {
    border: 1px solid gold;
}

.yeyak-first__wrap__cal table {
    width: 100%;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.yeyak-first__wrap__cal table th {
    color: #bbb;
    height: 60px;
    vertical-align: middle;
}

.yeyak-first__wrap__cal table th.sat {
    color: #da4453;
}

.yeyak-first__wrap__cal table td {
    font-weight: bold;
    font-size: 20px;
    height: 60px;
    vertical-align: middle;
    padding: 10px 0;
    color: #bbb;
}

.yeyak-first__wrap__cal table td.sun {
    color: #bbb;
}

.yeyak-first__wrap__cal table td a {
    display: block;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #fff;
    margin-left: 1px;
}

.yeyak-first__wrap__cal table td a.today.posb {
    color: #333;
    background-color: #f6f6f6;
    border: 1px solid #f6f6f6;
}

.yeyak-first__wrap__cal table td a.posb {
    border: 1px solid #f6f6f6;
    background-color: #f6f6f6;
    color: #333;
}

.yeyak-first__wrap__cal table td a.selected {
    background-color: gold !important;
}

.yeyak-first__wrap__cal table td a.on {
    color: #fff;
    background-color: #089892;
    border: 1px solid #089892;
}

.ver-show .yeyak-first__wrap__cal table td a.on.posb {
    background-color: #089892;
    border: 1px solid #089892;
}

.yeyak-first__wrap__cal table td a:hover, .yeyak-first__wrap__cal table td a:focus {
    color: #fff;
    background-color: #089892;
    border: 1px solid #089892;
}

.yeyak-first__wrap__detail {
    width: 40%;
    float: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px;
}

.yeyak-first__wrap__detail:after {
    content: ' ';
    clear: both;
    display: block;
    visibility: hidden;
}

* + html .yeyak-first__wrap__detail {
    display: inline-block;
}

.yeyak-first__wrap__detail__title {
    border-top: 2px solid #333;
    border-bottom: 1px solid #ddd;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    width: 100%;
}

.yeyak-first__wrap__detail__time {
    display: block;
    border: 1px solid #bbb;
    color: #666;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.yeyak-first__wrap__detail__time:hover, .yeyak-first__wrap__detail__time:focus {
    !*text-decoration: underline;*!
}

.yeyak-first__wrap__detail__time.on {
    background-color: #ededed;
}

.yeyak-first__wrap__detail__time2 {
    display: block;
    border: 1px solid #bbb;
    color: #666;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.yeyak-first__wrap__detail__time2:hover, .yeyak-first__wrap__detail__time2:focus {
    !*text-decoration: underline;*!
}

.yeyak-first__wrap__detail__time2.on {
    background-color: #4a90e2;
    border: 1px solid #4a90e2;
    color: #fff;
}

.yeyak-first__wrap__detail__time3 {
    border: 1px solid #bbb;
    color: #666;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.yeyak-first__wrap__detail__time3 .place1 a {
    display: inline-block;
    padding: 5px;
}

.yeyak-first__wrap__detail__time3:hover, .yeyak-first__wrap__detail__time3:focus {
    !*text-decoration: underline;*!
}

.yeyak-first__wrap__detail__time3.on {
    background-color: #089892;
    border: 1px solid #089892;
    font-weight: bold;
    color: #fff;
}

.yeyak-first__wrap__detail__time3.on .place1 a.on {
    border: 2px solid #fff;
}

@media screen and (min-width: 1px) and (max-width: 880px) {
    .yeyak-first__wrap__cal {
        width: 100%;
        margin-bottom: 30px;
        border-right: 0px;
        padding-right: 0;
    }
    .yeyak-first__wrap__cal__date {
        margin-left: 0;
        text-align: center;
    }
    .yeyak-first__wrap__cal__prev {
        right: unset;
        left: 0px;
        top: 5px;
    }
    .yeyak-first__wrap__cal__next {
        right: 0px;
        top: 5px;
    }
    .yeyak-first__wrap__detail {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 10px;
    }
    .yeyak-first__wrap__detail__time {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-left: 5px;
        margin-right: 5px;
        min-width: 100px;
    }
    .yeyak-first__wrap__detail__time2 {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-left: 5px;
        margin-right: 5px;
        min-width: 100px;
    }
    .yeyak-first__wrap__detail__time3 {
        float: none;
        margin-left: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-left: 5px;
        margin-right: 5px;
        min-width: 100px;
    }
}

@media screen and (min-width: 1px) and (max-width: 560px) {
    .yeyak-first__reback {
        right: 10px;
    }
    .yeyak-first__wrap {
        padding-left: 10px;
        padding-right: 10px;
    }
    .yeyak-first__wrap__cal table td {
        height: 50px;
        padding: 3px 0;
    }
    .yeyak-first__wrap__cal table td a {
        height: 30px;
        line-height: 30px;
    }
}

!* 다음 이전 스텝 이동 버튼 *!
.yeyak-step-btn__prev {
    position: absolute;
    top: 50%;
    left: -110px;
}

.yeyak-step-btn__prev__btn {
    display: block;
    position: relative;
    width: 90px;
    padding-top: 55px;
    height: 35px;
    color: #333;
    text-align: center;
    font-size: 13px;
}

.yeyak-step-btn__prev__btn:before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -818px -831px;
    background-image: url("../images/sprite.png");
    width: 43px;
    min-width: 43px;
    height: 33px;
    position: absolute;
    top: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.yeyak-step-btn__prev__btn:hover, .yeyak-step-btn__prev__btn:focus {
    background-color: #ddd;
}

.yeyak-step-btn__next {
    !*position: absolute;
      top:50%;
      right:-110px;*!
}

.yeyak-step-btn__next__btn {
    display: block;
    position: relative;
    background-color: #089892;
    width: 90px;
    padding-top: 55px;
    height: 35px;
    color: #fff;
    text-align: center;
    font-size: 13px;
}

.yeyak-step-btn__next__btn:before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -725px -831px;
    background-image: url("../images/sprite.png");
    width: 43px;
    min-width: 43px;
    height: 33px;
    position: absolute;
    top: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.yeyak-step-btn__next__btn:hover, .yeyak-step-btn__next__btn:focus {
    background-color: #d1463e;
}

@media screen and (min-width: 1px) and (max-width: 1200px) {
    .yeyak-step-btn__prev {
        position: relative;
        top: 0;
        left: 0;
        display: inline-block;
        width: 30%;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .yeyak-step-btn__prev__btn {
        width: 100%;
    }
    .yeyak-step-btn__next {
        position: relative;
        top: 0;
        right: 0;
        display: inline-block;
        width: 30%;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .yeyak-step-btn__next__btn {
        width: 100%;
    }
}

@media screen and (min-width: 1px) and (max-width: 1200px) {
    .yeyak-first {
        width: auto;
    }
}

.yeyak-second {
    position: relative;
    text-align: center;
    margin: 0 auto;
    width: 80%;
}

.yeyak-second__title {
    text-align: left;
    background-color: #ec6159;
    height: 70px;
    line-height: 70px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding-left: 20px;
}

.yeyak-second__reback {
    position: absolute;
    top: 14px;
    right: 20px;
    color: #fff;
    border: 1px solid #fff;
    display: block;
    padding: 9px 10px;
    border-radius: 5px;
    font-size: 13px;
    white-space: nowrap;
}

.yeyak-second__reback span {
    padding-left: 30px;
    display: block;
    position: relative;
}

.yeyak-second__reback span:before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -1174px 0px;
    background-image: url("../images/sprite.png");
    width: 17px;
    min-width: 17px;
    height: 16px;
}

.yeyak-second__reback:hover, .yeyak-second__reback:focus {
    text-decoration: underline;
}

.yeyak-second__wrap {
    text-align: left;
    background-color: #fff;
    min-height: 580px;
    border-left: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.yeyak-second__wrap:after {
    content: ' ';
    clear: both;
    display: block;
    visibility: hidden;
}

* + html .yeyak-second__wrap {
    display: inline-block;
}

.yeyak-second__wrap__top-left {
    padding: 20px;
    color: #999;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

.yeyak-second__wrap__top-left__tit {
    color: #000;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .yeyak-second__wrap__top-left__tit {
        font-size: 22px;
    }
}

.yeyak-second__wrap__top-left__seat {
    font-size: 0;
}

.yeyak-second__wrap__top-left__seat span {
    margin-right: 5px;
    font-size: 14px;
    display: inline-block;
    padding: 2px 5px;
    color: #000;
    border: 1px solid #ddd;
    margin-bottom: 4px;
}

.yeyak-second__wrap__top-left__seat em {
    font-size: 14px;
    color: #333;
    font-weight: bold;
}

.yeyak-second__wrap__top {
    padding: 20px;
    color: #999;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

.yeyak-second__wrap__top__tit {
    color: #000;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .yeyak-second__wrap__top__tit {
        font-size: 22px;
    }
}

.yeyak-second__wrap__top__seat {
    font-size: 0;
}

.yeyak-second__wrap__top__seat span {
    margin-right: 5px;
    font-size: 14px;
    display: inline-block;
    padding: 2px 5px;
    color: #000;
    margin-bottom: 4px;
    border: 1px solid #ddd;
}

.yeyak-second__wrap__mid {
    margin-top: 10px;
    padding-bottom: 80px;
    min-height: 300px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 170px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    background-image: url("../../resources/images/cont/stage-bg.png");
    background-position: center 70px;
    background-repeat: no-repeat;
}

.yeyak-second__wrap__bot {
    padding: 20px;
    position: relative;
    min-height: 90px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

.yeyak-second__wrap__bot__info:after {
    content: ' ';
    clear: both;
    display: block;
    visibility: hidden;
}

* + html .yeyak-second__wrap__bot__info {
    display: inline-block;
}

.yeyak-second__wrap__bot__info li {
    float: left;
    position: relative;
    padding-left: 20px;
    margin-right: 30px;
}

.yeyak-second__wrap__bot__info li:before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.yeyak-second__wrap__bot__info .type1:before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -1174px -1033px;
    background-image: url("../images/sprite.png");
    width: 15px;
    min-width: 15px;
    height: 11px;
}

.yeyak-second__wrap__bot__info .type2:before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -1174px -972px;
    background-image: url("../images/sprite.png");
    width: 15px;
    min-width: 15px;
    height: 11px;
}

.yeyak-second__wrap__bot__info .type3:before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -1174px -911px;
    background-image: url("../images/sprite.png");
    width: 15px;
    min-width: 15px;
    height: 11px;
}

.yeyak-second__wrap__bot__info2 {
    position: absolute;
    top: 20px;
    right: 20px;
}

.yeyak-second__wrap__bot__info2 {
    margin-bottom: 10px;
}

.yeyak-second__wrap__bot__info2 li {
    text-align: left;
    position: relative;
    padding-left: 15px;
    line-height: 1.6;
}

.yeyak-second__wrap__bot__info2 li:before {
    position: absolute;
    top: 11px;
    left: 0;
    content: ' ';
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -1241px -939px;
    background-image: url("../images/sprite.png");
    width: 5px;
    min-width: 5px;
    height: 2px;
}

.seat_row-wrap {
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #fff;
}

.seat_row-wrap:after {
    content: ' ';
    clear: both;
    display: block;
    visibility: hidden;
}

* + html .seat_row-wrap {
    display: inline-block;
}

@media screen and (min-width: 1px) and (max-width: 1200px) {
    .yeyak-second {
        width: auto;
    }
}

@media screen and (min-width: 1px) and (max-width: 880px) {
    .yeyak-second__wrap__bot__info2 {
        position: relative;
        padding: 0 0 20px 20px;
    }
}

@media screen and (min-width: 1px) and (max-width: 560px) {
    .yeyak-second__reback {
        right: 10px;
    }
    .yeyak-second__wrap {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.yeyak-third {
    position: relative;
    text-align: center;
    margin: 0 auto;
    width: 80%;
}

.yeyak-third__title {
    text-align: left;
    background-color: #ec6159;
    height: 70px;
    line-height: 70px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding-left: 20px;
}

.yeyak-third__reback {
    position: absolute;
    top: 14px;
    right: 20px;
    color: #fff;
    border: 1px solid #fff;
    display: block;
    padding: 9px 10px;
    border-radius: 5px;
    font-size: 13px;
    white-space: nowrap;
}

.yeyak-third__reback span {
    padding-left: 30px;
    display: block;
    position: relative;
}

.yeyak-third__reback span:before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -1174px 0px;
    background-image: url("../images/sprite.png");
    width: 17px;
    min-width: 17px;
    height: 16px;
}

.yeyak-third__reback:hover, .yeyak-third__reback:focus {
    text-decoration: underline;
}

.yeyak-third__wrap {
    text-align: left;
    background-color: #fff;
    min-height: 380px;
    border-left: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.yeyak-third__wrap__choose {
    padding: 20px;
    font-size: 17px;
    border-bottom: 1px solid #ddd;
}

.yeyak-third__wrap__choose__pos {
    color: #000;
}

.yeyak-third__wrap__choose__num {
    color: #ec6159;
}

.yeyak-third__wrap__ul__li {
    border-bottom: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.yeyak-third__wrap__ul__li div {
    min-height: 38px;
    line-height: 38px;
    vertical-align: top;
}

.yeyak-third__wrap__ul__li__item1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}

.yeyak-third__wrap__ul__li__item2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    text-align: left;
    padding-left: 20px;
}

.yeyak-third__wrap__ul__li__item3 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}

.yeyak-third__wrap__ul__li__item4 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}

.yeyak-third__wrap__ul__li__item4__selectbox {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background-color: #fff;
    text-align: left;
    border: 1px solid #000;
}

.yeyak-third__wrap__ul__li__item4__selectbox:after {
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ' ';
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -1241px -431px;
    background-image: url("../images/sprite.png");
    width: 9px;
    min-width: 9px;
    height: 5px;
}

.yeyak-third__wrap__ul__li__item4__selectbox select {
    width: 100%;
    background-color: transparent;
    appearance: none;
    min-width: 90px;
    vertical-align: middle;
    color: #000;
    font-size: 14px;
    height: 38px;
    margin-top: 0;
    padding: 2px 2px 2px 10px;
    position: relative;
    border: 0px;
    !*
              @media screen and (min-width:0\0){
                  & {width:125%}
              }
              *!
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    !*ie10~11 에서 셀렉트 기본디자인 무력화*!
}

.yeyak-third__wrap__ul__li__item4__selectbox select::-ms-expand {
    display: none;
}

.lte-ie9 .yeyak-third__wrap__ul__li__item4__selectbox select {
    width: 125%;
    vertical-align: top;
}

.yeyak-third__wrap__ul__li__item4__selectbox select option {
    font-family: "Nanum Gothic";
}

@media screen and (min-width: 1px) and (max-width: 768px) {
    .yeyak-third__wrap__ul__li__item4__selectbox select {
        min-width: 60px;
    }
}

.lte-ie9 .yeyak-third__wrap__ul__li:after {
    content: ' ';
    clear: both;
    display: block;
    visibility: hidden;
}

* + html .lte-ie9 .yeyak-third__wrap__ul__li {
    display: inline-block;
}

.lte-ie9 .yeyak-third__wrap__ul__li__item1 {
    width: 20%;
    float: left;
}

.lte-ie9 .yeyak-third__wrap__ul__li__item2 {
    width: 40%;
    float: left;
    padding-left: 0;
}

.lte-ie9 .yeyak-third__wrap__ul__li__item3 {
    width: 20%;
    float: left;
}

.lte-ie9 .yeyak-third__wrap__ul__li__item4 {
    width: 20%;
    float: left;
}

@media screen and (min-width: 1px) and (max-width: 880px) {
    .yeyak-third__wrap__ul__li {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .yeyak-third__wrap__ul__li div {
        line-height: 1.6;
    }
    .yeyak-third__wrap__ul__li__item1 {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 300px;
    }
    .yeyak-third__wrap__ul__li__item2 {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
        min-width: 300px;
        text-align: center;
        padding-left: 0;
    }
    .yeyak-third__wrap__ul__li__item3 {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
        min-width: 300px;
    }
    .yeyak-third__wrap__ul__li__item4 {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 300px;
    }
    .yeyak-third__wrap__ul__li__item4__selectbox {
        overflow: hidden;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        background-color: #fff;
        text-align: left;
        border: 1px solid #000;
    }
    .yeyak-third__wrap__ul__li__item4__selectbox:after {
        position: absolute;
        top: 50%;
        right: 0;
        margin-right: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        content: ' ';
        content: '';
        vertical-align: middle;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: -1241px -431px;
        background-image: url("../images/sprite.png");
        width: 9px;
        min-width: 9px;
        height: 5px;
    }
    .yeyak-third__wrap__ul__li__item4__selectbox select {
        width: 100%;
        background-color: transparent;
        appearance: none;
        min-width: 290px;
        vertical-align: middle;
        color: #000;
        font-size: 14px;
        height: 38px;
        margin-top: 0;
        padding: 2px 2px 2px 10px;
        position: relative;
        border: 0px;
        !*
                @media screen and (min-width:0\0){
                    & {width:125%}
                }
                *!
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        !*ie10~11 에서 셀렉트 기본디자인 무력화*!
    }
    .yeyak-third__wrap__ul__li__item4__selectbox select::-ms-expand {
        display: none;
    }
    .lte-ie9 .yeyak-third__wrap__ul__li__item4__selectbox select {
        width: 125%;
        vertical-align: top;
    }
    .yeyak-third__wrap__ul__li__item4__selectbox select option {
        font-family: "Nanum Gothic";
    }
}

@media screen and (min-width: 1px) and (max-width: 880px) and (min-width: 1px) and (max-width: 768px) {
    .yeyak-third__wrap__ul__li__item4__selectbox select {
        min-width: 260px;
    }
}

.yeyak-third__wrap__total__tit {
    padding: 20px;
    padding-top: 50px;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}

.yeyak-third__wrap__total__h4 {
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    width: 20%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 40px;
}

.yeyak-third__wrap__total__info {
    display: inline-block;
    width: 75%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.yeyak-third__wrap__total__info__seat {
    font-size: 0;
}

.yeyak-third__wrap__total__info__seat span {
    margin-right: 5px;
    font-size: 14px;
    display: inline-block;
    padding: 2px 5px;
    color: #000;
    border: 1px solid #ddd;
}

.yeyak-third__wrap__total__info__cancel {
    color: #da4453;
}

.yeyak-third__wrap__total__result {
    margin-top: 20px;
    border-top: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    padding-right: 40px;
    font-size: 22px;
    font-weight: bold;
    color: #000;
    min-height: 50px;
    line-height: 50px;
    position: relative;
    text-align: right;
}

.yeyak-third__wrap__total__result__text {
    padding-right: 20px;
}

.yeyak-third__wrap__total__result__num {
    color: #000;
}

@media screen and (min-width: 1px) and (max-width: 1200px) {
    .yeyak-third {
        width: auto;
    }
}

@media screen and (min-width: 1px) and (max-width: 768px) {
    .yeyak-third__wrap__total__h4 {
        width: auto;
        display: block;
        padding-left: 20px;
    }
    .yeyak-third__wrap__total__info {
        width: auto;
        display: block;
        padding-left: 30px;
        margin-bottom: 10px;
        border-bottom: 1px dashed #ddd;
        padding-bottom: 5px;
    }
    .yeyak-third__wrap__total__info:last-child {
        border-bottom: 0px;
    }
    .yeyak-third__wrap__total__result {
        border-top: 0px;
    }
}

@media screen and (min-width: 1px) and (max-width: 560px) {
    .yeyak-third__reback {
        right: 10px;
    }
}
*/


/* 대관 신청폼*/
.apply-box {
    text-align: center;
}

.apply-box__tit {
    color: #000;
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 25px;
}

@media (max-width: 768px) {
    .apply-box__tit {
        font-size: 22px;
    }
}

.apply-box__ok {
    margin: 0 auto;
}

.apply-box__ok {
    display: inline-block;
    color: #fff;
    background-color: #da4453;
    font-size: 19px;
    padding: 20px 60px;
    font-weight: 600;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    min-width: 100px;
    text-align: center;
}

.apply-box__list {
    display: inline-block;
    color: #fff;
    background-color: #013f88;
    font-size: 19px;
    padding: 20px 60px;
    font-weight: 600;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    min-width: 100px;
    text-align: center;
}

.apply-box__ok:hover, .apply-box__ok:focus {
    background-color: #da5b67;
    color: gold;
}

.apply-box__list:hover, .apply-box__list:focus {
    background-color: #015fa8;
    color: gold;
}

.apply-box__radiobox-list:after {
    content: ' ';
    clear: both;
    display: block;
    visibility: hidden;
}

* + html .apply-box__radiobox-list {
    display: inline-block;
}

.apply-box__radiobox-list li {
    float: left;
    margin-right: 25px;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
    .apply-box__radiobox-list li {
        float: none;
        margin-right: 0;
    }
}

.apply-box__table {
    margin-bottom: 30px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.apply-box__table table {
    border-collapse: collapse;
    width: 100%;
}

.apply-box__table thead th {
    border-bottom: 0px;
}

.apply-box__table th {
    border: 1px solid #dcdcdc;
    padding: 13px 0;
    background-color: #f4f4f4;
}

.apply-box__table td {
    border: 1px solid #dcdcdc;
    padding: 13px 5px;
    text-align: center;
    vertical-align: middle;
}

@media (max-width: 768px) {
    .apply-box__table {
        padding-top: 10px;
    }

    .apply-box__table colgroup {
        display: none;
    }

    .apply-box__table thead {
        display: none;
    }

    .apply-box__table tr {
        display: block;
        margin-bottom: 20px;
        border-top: 1px solid #dcdcdc;
    }

    .apply-box__table th {
        display: none;
    }

    .apply-box__table td {
        display: block;
        margin-bottom: 0px;
        text-align: left;
        padding-left: 10px;
        border-top: 0px;
        border-right: 1px solid #dcdcdc;
    }

    .apply-box__table td:before {
        color: #000;
        font-weight: bold;
        content: attr(data-th) " - ";
    }
}

.apply-box__table td {
    text-align: left;
    padding-left: 20px;
}

.apply-box__table__input {
    border: 1px solid #000;
    height: 60px;
    width: 40%;
    line-height: 60px;
    font-size: 16px;
    padding: 0;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.apply-box__table__input2 {
    border: 1px solid #000;
    height: 60px;
    width: 60%;
    line-height: 60px;
    font-size: 16px;
    padding: 0;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.apply-box__table__input-small {
    height: 30px !important;
}

.apply-box__table__input-small {
    border: 1px solid #000;
    height: 60px;
    width: 120px;
    line-height: 60px;
    font-size: 16px;
    padding: 0;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.apply-box__table__textarea {
    border: 1px solid #000;
    height: 130px;
    width: 80%;
    line-height: 1.6;
    font-size: 16px;
    padding: 0;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.apply-box__table__select {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background-color: #fff;
    text-align: left;
    border: 1px solid #000;
}

.apply-box__table__select:after {
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ' ';
    content: '';
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -121px -844px;
    width: 9px;
    min-width: 9px;
    height: 5px;
}

.apply-box__table__select select {
    width: 100%;
    background-color: transparent;
    appearance: none;
    min-width: 330px;
    vertical-align: middle;
    color: #000;
    font-size: 16px;
    height: 58px;
    margin-top: 0;
    padding: 2px 2px 2px 10px;
    position: relative;
    border: 0px;
    /*
			@media screen and (min-width:0\0){
				& {width:125%}
			}
			*/
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    /*ie10~11 에서 셀렉트 기본디자인 무력화*/
}

.apply-box__table__select select::-ms-expand {
    display: none;
}

.lte-ie9 .apply-box__table__select select {
    width: 125%;
    vertical-align: top;
}

.apply-box__table__select select option {
    font-family: "Nanum Gothic";
}

@media screen and (min-width: 1px) and (max-width: 768px) {
    .apply-box__table__select select {
        min-width: 300px;
    }
}

@media (max-width: 800px) {
    .apply-box__table td:before {
        display: block;
        content: attr(data-th) "  ";
        margin-bottom: 10px;
    }

    .apply-box__table__input {
        border: 1px solid #000;
        height: 60px;
        width: 95%;
        line-height: 60px;
        font-size: 16px;
        padding: 0;
        padding-left: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .apply-box__table__input2 {
        border: 1px solid #000;
        height: 60px;
        width: 95%;
        line-height: 60px;
        font-size: 16px;
        padding: 0;
        padding-left: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .apply-box__table__textarea {
        border: 1px solid #000;
        height: 130px;
        width: 95%;
        line-height: 1.6;
        font-size: 16px;
        padding: 0;
        padding-left: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.apply-box__mid {
    border: 1px solid #ddd;
    padding: 20px;
    text-align: left;
    margin-bottom: 30px;
}

.apply-box__mid__tit {
    margin-bottom: 30px;
}

.apply-box__bottom {
    border: 1px solid #ddd;
    padding: 20px 40px 20px 20px;
    text-align: right;
    margin-bottom: 30px;
    font-size: 20px;
}

.apply-box__bottom__cost strong {
    display: inline-block;
    min-width: 150px;
    font-size: 24px;
}

/* 마이페이지 대관신청목록 */

.mem-tab2__ul > li:first-child > a {
    border-left: 1px solid #dcdcdc;
}

.mem-tab2__ul > li.on > a {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
    border-left: 0;
}

.mem-tab2__ul > li > a:hover,
.mem-tab2__ul > li > a:focus {
    background-color: #333;
    color: #fff;
    border: 1px solid #000;
    border-left: 0;
}

@media screen and (min-width: 1px) and (max-width: 768px) {
    .mem-tab2__ul {
        display: block;
        margin-left: -10px;
    }

    .mem-tab2__ul:after {
        content: ' ';
        clear: both;
        display: block;
        visibility: hidden;
    }

    * + html .mem-tab2__ul {
        display: inline-block;
    }

    .mem-tab2__ul > li {
        float: left;
        width: 50%;
    }

    .mem-tab2__ul > li > a {
        margin-bottom: 10px;
        margin-left: 10px;
        border-left: 1px solid #dcdcdc;
    }
}

.mem-tab2__cont__table {
    margin-bottom: 30px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.mem-tab2__cont__table table {
    border-collapse: collapse;
    width: 100%;
}

.mem-tab2__cont__table th {
    border-left: 1px solid #dcdcdc;
    padding: 13px 0;
    background-color: #f4f4f4;
    text-align: center;
}

.mem-tab2__cont__table th:first-child {
    border-left: 0px;
}

.mem-tab2__cont__table tbody th {
    border: 1px solid #dcdcdc;
    padding: 13px 5px;
    text-align: center;
    border-right: 0px;
    border-bottom: 0px;
    background-color: #fbfbfb;
}

.mem-tab2__cont__table tbody th:first-child {
    border-left: 0px;
}

.mem-tab2__cont__table td {
    border: 1px solid #dcdcdc;
    padding: 13px 5px;
    text-align: center;
    border-right: 0px;
    border-bottom: 0px;
}

.mem-tab2__cont__table td:first-child {
    border-left: 0px;
}

.mem-tab2__cont__table td.sbj-line {
    padding-left: 15px;
    text-align: left;
}

.mem-tab2__cont__table td.sbj-line > a:hover, .mem-tab2__cont__table td.sbj-line > a:focus {
    text-decoration: underline;
}

.mem-tab2__cont__table td > a:hover, .mem-tab2__cont__table td > a:focus {
    text-decoration: underline;
}

.mem-tab2__cont__table td.align-left {
    text-align: left;
    padding-left: 15px;
}

@media (max-width: 768px) {
    .mem-tab2__cont__table {
        padding-top: 0px;
        border-top: 0px;
        border-bottom: 0px;
    }

    .mem-tab2__cont__table colgroup {
        display: none;
    }

    .mem-tab2__cont__table thead {
        display: none;
    }

    .mem-tab2__cont__table tr {
        display: block;
        margin-bottom: 20px;
        border-bottom: 1px solid #dcdcdc;
    }

    .mem-tab2__cont__table th {
        display: none;
    }

    .mem-tab2__cont__table td {
        display: block;
        margin-bottom: 0px;
        text-align: left;
        padding-left: 10px;
        border-right: 1px solid #dcdcdc;
        border-top: 1px solid #dcdcdc;
        border-bottom: 0px;
    }

    .mem-tab2__cont__table td:first-child {
        border-left: 1px solid #dcdcdc;
    }

    .mem-tab2__cont__table td:before {
        color: #000;
        font-weight: bold;
        content: attr(data-th) " : ";
    }

    .mem-tab2__cont__table td.align-left {
        padding-left: 10px;
    }
}

.mem-tab2__cont__table input[type=text] {
    border: 1px solid #000;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    min-width: 30%;
    padding: 0;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mem-tab2__cont__table .join-form__line__in__btn {
    height: 34px;
    line-height: 34px;
}

.mem-tab2__cont__bottom {
    text-align: center;
}

.mem-tab2__cont__bottom__edit {
    display: inline-block;
    color: #fff;
    background-color: #da4453;
    font-size: 19px;
    padding: 20px 60px;
    font-weight: 600;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    min-width: 100px;
    text-align: center;
}

.mem-tab2__cont__bottom__edit:hover, .mem-tab2__cont__bottom__edit:focus {
    background-color: #da5b67;
    color: gold;
}

.mem-tab2__cont__bottom__cancel {
    display: inline-block;
    color: #000;
    background-color: #fff;
    font-size: 19px;
    padding: 19px 59px;
    border: 1px solid #000;
    font-weight: 600;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    min-width: 100px;
    text-align: center;
}

.mem-tab2__cont__bottom__cancel:hover, .mem-tab2__cont__bottom__cancel:focus {
    background-color: #eee;
    color: #000;
}

.my-bills {
    width: 80%;
    margin: 0 auto;
}

.my-bills__tit {
    text-align: center;
}

.my-bills__tit {
    color: #000;
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 25px;
}

@media (max-width: 768px) {
    .my-bills__tit {
        font-size: 22px;
    }
}

.my-bills__tb {
    margin-bottom: 30px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.my-bills__tb table {
    border-collapse: collapse;
    width: 100%;
}

.my-bills__tb th {
    border: 1px solid #dcdcdc;
    border-left: 0;
    padding: 13px 0;
    background-color: #f4f4f4;
    text-align: left;
    padding-left: 30px;
}

.my-bills__tb td {
    border: 1px solid #dcdcdc;
    border-right: 0;
    padding: 13px 5px;
    text-align: left;
    padding-left: 30px;
}

@media (max-width: 768px) {
    .my-bills__tb {
        padding-top: 10px;
    }

    .my-bills__tb colgroup {
        display: none;
    }

    .my-bills__tb thead {
        display: none;
    }

    .my-bills__tb tr {
        display: block;
        margin-bottom: 20px;
        border-top: 1px solid #dcdcdc;
    }

    .my-bills__tb th {
        display: none;
    }

    .my-bills__tb td {
        display: block;
        margin-bottom: 0px;
        text-align: left;
        padding-left: 10px;
        border-top: 0px;
        border-right: 1px solid #dcdcdc;
    }

    .my-bills__tb td:before {
        color: #000;
        font-weight: bold;
        content: attr(data-th) " - ";
    }
}

.my-bills__tb .col-size-1 {
    width: 35%;
}

.my-bills__tb .tit-line th {
    background-color: #333;
    color: #fff;
}

.my-bills__tb .tit-line td {
    background-color: #333;
    color: #fff;
}

.my-bills__tb tr:nth-child(2n) th {
    background-color: #e7e7e7;
    border-right: 1px solid #cdcdcd;
}

.my-bills__tb tr:nth-child(2n) td {
    background-color: #e7e7e7;
}

.my-bills__tb th {
    text-align: center;
}

.my-bills__print {
    text-align: right;
}

.my-bills__print__btn {
    display: inline-block;
    color: #fff;
    background-color: #333333;
    border-radius: 30px;
    font-size: 15px;
    padding: 10px 30px;
    font-weight: 600;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    min-width: 80px;
    text-align: center;
}

.my-bills__print__btn:hover, .my-bills__print__btn:focus {
    background-color: #000;
    color: gold;
}

/* 다음맵 접근성 추가 */
.wrap_map a:focus,
.wrap_map button:focus,
.roughmap_maker_label a:focus .roughmap_lebel_text,
.root_daum_roughmap .wrap_btn_zoom button:focus {
    border: 2px solid gold;
}

.wrap_controllers.hide {
    display: none;
}

/* 공모사업 접수 표기 스타일 */

.registerstate span {
    background: #3579d5;
    color: #fff;
    display: block;
    text-align: center;
    border-radius: 20px;
    line-height: 32px;
    width: 100%;
    font-size: 14px;;
}

.board_list tbody td.registerstate:before {
    display: none;
}

.registerstate.t2 span {
    background: #656d78;
}

/* 공모사업 접수 상태  탭 스타일 */
.tab_list_wrap {
    overflow: hidden;
}

.tab_list_wrap ul li {
    float: left;
    width: 15%;
}

.tab_list_wrap ul li a {
    display: block;
    border: 1px solid #2b98c2;
    padding: 10px;
    color: #2b98c2;;
    text-align: center;
    border-right: 0;
}

.tab_list_wrap ul li.on a {
    background: #2b98c2;
    border: 1px solid #2b98c2;
    color: #fff;
}

.tab_list_wrap ul li:last-child a {
    border-right: 1px solid;
}

.board_list.t2 {
    border-top: 2px solid #2b98c2;
}

.tab_list_wrap ul li a:hover,
.tab_list_wrap ul li a:focus {
    background: #2b98c2;
    border: 1px solid #2b98c2;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .board_list tbody td.registerstate {
        float: none;
    }

    .tab_list_wrap ul li {
        width: 25%;
    }
}

@media screen and (max-width: 457px) {
    .tab_list_wrap ul li {
        width: 50%;
    }

    .tab_list_wrap ul li a {
        border-right: 1px solid #2b98c2
    }
}

/*게시판 상단*/

.border_title {
    border-top: 3px solid #7a7d96;
    background-color: #f7f8fa;
    margin-bottom: 10px;
    padding-right: 20px;
    padding-top: 35px;
    padding-bottom: 60px;
    background-position: 35px 35px;
    background-repeat: no-repeat;
}

.border_title .border_title_tip {
    padding-left: 150px;
}

.border_tip {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    border: 1px solid #ccc;
}

.border_tip .border_tip_in {
    width: 90%;
    margin: 0 auto
}

.border_tip .border_tip_in h2 {
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 3px;
}

.border_tip .border_tip_in ul li {
    margin-bottom: 3px;
}

#okpass {
    margin-right: 5px;
}

.okpass_label {
    margin-top: 5px;
    display: block;
}