@charset 'UTF-8';

/* 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:""; width:0; height:0; font-size:0; clear:both;}
/* .clearfix:after {content:""; display:block; width:0; height:0; font-size:0; clear:both;} */
.clearfix2:after {content:""; width:0; height:0; font-size:0; clear:both;}
.none {display:none !important;}
.on_iblock {display:inline-block;}
.pc-view {display:block !important;}
.m-view {display:none !important;}
.ta_l {text-align:left !important;}
.ta_c {text-align:center !important;}
.ta_r {text-align:right !important;}
.fc_fff {color:#fff;}
.fc_333 {color:#333;}
.fc_666 {color:#666;}
.fc_blue {color:#1879ba;}
.fc_skyblue {color:#62c1e8;}
.fc_red {color:#e42626;}
.fw_bold {font-weight:bold;}
.bgc_eee {background-color:#eee !important;}
.bgc_fa {background-color:#fafafa !important;}
.dotdot {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.middle_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_480 {display:none !important;}
.ib_991 {display:none !important;}
.ib_767 {display:none !important;}
.ib_480 {display:none !important;}
.i_991 {display:none !important;}
.i_767 {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;}

.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_50 {margin-bottom:50px;}

.mr_5 {margin-right:5px;}
.mr_10 {margin-right:10px;}

.pl_5 {padding-left:5px;}
.pl_10 {padding-left:10px;}
.pl_15 {padding-left:15px;}
.pl_20 {padding-left:20px;}
.pl_25 {padding-left:25px;}
.pl_30 {padding-left:30px;}
/* // useful */

/* list */
.bar_list > li {padding-left:13px; background: url('/images/bull/bull_bar.jpg') 0px 8px no-repeat;}
.bar_list > li:last-child {margin-bottom:0 !important;}
.dot_list > li {padding-left:13px; background: url('/images/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('/images/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('/images/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_bul_list > li {position:relative; z-index:1; padding-left:18px;}
.abs_bul_list > li:last-child {margin-bottom:0 !important;}
.abs_bul_list .bul {position:absolute; left:0; top:0; z-index:1;}

.bar_txt {padding-left:13px; background: url('/images/bull/bull_bar.jpg') 0px 8px no-repeat;}
.dot_txt {padding-left:13px; background: url('/images/bull/bull_dot.jpg') 2px 7px no-repeat;}
.wdot_txt {padding-left:13px; background: url('/images/bull/bull_wdot.png') 2px 7px no-repeat; color:#fff;}
.arr_txt {padding-left:13px; background: url('/images/bull/bull_arr.png') 0px 6px no-repeat;}
/* // bull_list, bull_txt */

/* btn_wrap */
.btn_wrap {padding-top: 20px; text-align:right;}
.common_btn {display:inline-block; width:150px; height:40px; line-height:38px; margin-left:5px; background-color:#9a9a9a; border:2px solid #9a9a9a; color:#fff; text-align:center;}
.common_btn:hover, .common_btn:focus {background-color:#FFF; color:#9a9a9a;}
.common_btn.regist {background-color:#3a58a1; border-color:#3a58a1; color:#fff;}
.common_btn.regist:hover, .common_btn.regist:focus {background-color:#FFF; color:#3a58a1;}
.common_btn.cancel {background-color:#888; border-color:#888; color:#fff;}
.common_btn.cancel:hover, .common_btn.cancel:focus {background-color:#FFF; color:#888;}
.common_btn.modify {background-color:#7987cb; border-color:#7987cb; color:#fff;}
.common_btn.modify:hover, .common_btn.modify:focus {background-color:#FFF; color:#7987cb;}
.common_btn.delete {background-color:#af6c3a; border-color:#af6c3a; color:#fff;}
.common_btn.delete:hover, .common_btn.delete:focus {background-color:#FFF; color:#af6c3a;}
.common_btn.reserve {background-color:#ea9e46; border-color:#ea9e46; color:#fff;}
.common_btn.reserve:hover, .common_btn.reserve:focus {background-color:#FFF; color:#ea9e46;}
.common_btn.apply {background-color:#c94c7d; border-color:#c94c7d; color:#fff;}
.common_btn.apply:hover, .common_btn.apply:focus {background-color:#FFF; color:#c94c7d;}
.common_btn.detail {background-color:#638b91; border-color:#638b91; color:#fff;}
.common_btn.detail:hover, .common_btn.detail:focus {background-color:#FFF; color:#638b91;}
.common_btn.home {background-color:#4d84a5; border-color:#4d84a5; color:#fff;}
.common_btn.home:hover, .common_btn.home:focus {background-color:#FFF; color:#4d84a5;}
/* // btn_wrap */

/* agree_box */
.agree_box .scroll_box {overflow-y:auto; height:120px; margin-bottom:20px; padding:10px; border:1px solid #ccc;}
.agree_box .agree_chk {overflow:hidden; text-align:right;}
.agree_box .agree_chk .chk_txt {color:#555;}
.agree_box .agree_chk .chk_txt .strong {color:#333; font-weight:bold;}
.agree_box .agree_chk .chk_txt * {display:inline-block; vertical-align:middle; line-height:1;}
.agree_box .agree_chk .chk_txt input {margin: 0 0 0 5px;}
/* // agree_box */

/* skip navi */
.skip_navi {position:absolute; z-index:999999; width:100%; left:0; top:0; text-align:center;}
.skip_navi a {display:block; position:absolute; left:0; top:-9999px; z-index:1; width:100%; height:40px; line-height:40px; background-color:#333; color:#fff; font-size:1.31em; font-weight:bold;}
.skip_navi a:hover, .skip_navi a:focus {top:0;}
/* // skip navi */

/* sch_board */
.sch_board {padding:20px 0; text-align:right;}
.sch_form * {vertical-align:middle;}
.sch_inner_each {display:inline-block; margin-left:10px;}
.sch_label {margin-right:5px;}
.sch_select {height:30px;}
.sch_input {height:30px; padding: 0 5px;}
.sch_btn {display:inline-block; width:70px; height:30px; line-height:28px; background-color:#868173; text-align:center; color:#fff; font-size:0.93em; border-radius:3px;}
.sch_btn:hover, .sch_btn:focus {background-color:#9d998f;}
/* // sch_board */

/* board_list */
.board_list {width:100%; border-top:3px solid #2b6fc4; border-bottom:2px solid #e9e9e9; text-align:center; border-spacing: 0; border-collapse:collapse; table-layout:fixed;}
.board_list thead {border-bottom:1px solid #bbb;}
.board_list tbody tr {border-bottom:1px solid #e9e9e9;}
/* .board_list tbody tr:hover {background-color:#efefef;} */
.board_list th, .board_list td {padding:8px 5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.board_list th {/*font-size:16px; font-weight:500;*/}
.board_list td {color:#676767;}
.board_list .tit {text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board_list .mark {display:inline-block; margin-right:5px; padding:3px 8px; background-color:#117ea9; color:#fff; font-size:0.86em;}
.board_list .mark.new {background-color:#ff9000;}
.board_list .mark.top {margin-right:0; background-color:#f12647;}
.board_list .mark.top.mobi {display:none; margin-right:5px;}
/* // board_list */

/* hi_board_list */
.hi_board_list {overflow:hidden; border-top:2px solid #888; padding-top:30px;}
.hi_board_list > li {float:left; width:30%; margin-right:5%; margin-bottom:50px; padding-bottom: 5px;}
.hi_board_list > li.on {background-color:#efefef;}
.hi_board_list > li:nth-child(3n) {margin-right:0;}
.hi_board_list > li > a {display:block;}
.hi_board_list .img_box {position:relative; z-index:1; margin-bottom:15px; padding-bottom:75%; text-align:center;}
.hi_board_list .img_box .inner_box {position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; border:1px solid #ccc;}
.hi_board_list .img_box .sort {position:absolute; left:0; top:0; z-index:2; width:65px; height:23px; line-height:25px; background-color:#e3a509; color:#fff; font-size:13px; text-align:center;}
.hi_board_list .video .img_box .sort {background-color:#048eac;}
.hi_board_list .img_box img {width:100%; height:100%;}
.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('/images/sub/video_bg.png') center center no-repeat;}
.hi_board_list .txt_box .tit {display:-webkit-box; overflow:hidden; height:2.4em; line-height:1.2em; margin-bottom:15px; color:#000; font-size:0.93em; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis;}
.hi_board_list .info_box {height:16px; color:#7a7a7a; font-size:0.93em;}
.hi_board_list .info_box span {display:inline-block; vertical-align:top;}
.hi_board_list .info_box span:before {content:"|"; padding:0 5px;}
.hi_board_list .info_box span:first-child:before {display:none;}

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

/* vi_board_list */
.vi_board_list {border-top:2px solid #888; padding-top:30px;}
.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 .info {display:inline-block; color:#7a7a7a; font-size:0.86em;}
.vi_board_list .link_box {display:block;}
.vi_board_list .img_box {float:left; width:13%; border:1px solid #ddd; text-align:center;}
.vi_board_list .img_box img {width:100%;}
.vi_board_list .txt_box {float:right; width:84%;}
.vi_board_list .txt {margin-bottom:10px;}
.vi_board_list .date {color:#666; font-size:0.86em;}
/* // vi_board_list */

/* search */
.sch_each_box {margin-bottom:70px;}
.sch_each_box .inner_box {padding:20px 0; border-top:2px solid #888; border-bottom:1px solid #888;}
.total_txt {margin-bottom:10px; padding-left:22px; background:url('/images/sub/total_ico.png') 0 1px no-repeat; color:#797979; /*font-size:1.06em;*/}
.total_txt .strong {margin-left:5px; color:#305199; font-weight:500;}
.sch_each {padding:15px 0; border-bottom:1px dashed #ccc;}
.sch_each:last-child {border-bottom:0 none;}
.sch_each .info {display:inline-block; color:#7a7a7a; font-size:0.86em;}
.sch_each .info .category {display:inline-block; border-right:1px solid #777; padding-right:10px; margin-right:10px; color:brown;}
.sch_each .link_box {display:block;}
.sch_each .img_box {float:left; width:13%; border:1px solid #ddd; text-align:center;}
.sch_each .img_box img {width:100%;}
.sch_each .txt_box {float:right; width:84%;}
.sch_each .txt {margin-bottom:10px;}
.sch_each .date {color:#666; font-size:0.86em;}
.sch_more_txt {margin-top: 10px; text-align:right;}
.sch_more_txt a {color:#2a41b5; font-size:0.86em;}
.sch_more_txt a:hover, .sch_more_txt a:focus {text-decoration:underline;}
/* // search */

/* board_view */
.board_view_top {position:relative; z-index:1; padding:20px 30px; border-bottom: 2px solid #2b6fc4; text-align:center;}
.board_view_top .mark_box {margin-bottom:5px;}
.board_view_top .mark {display:inline-block; margin-right:4px; padding:3px 10px; background-color:#117ea9; color:#fff;}
.board_view_top .mark.new {background-color:#ff9000;}
.board_view_top .tit {display:block; margin-bottom:15px; color:#375195; font-size:18px;}
.board_view_top .sort {margin-right: 3px; color:#7d461f; font-weight:bold;}
.board_view_top .info {color:#616161;}
.board_view_top .info .each {display:inline-block; margin:0 5px;}
.board_view_top .prev, .board_view_top .next {position:absolute; left:0; top:50%; z-index:1; width:60px; height:67px; line-height:67px; margin-top:-34px; background: url('/images/sub/board_prev.png') no-repeat; color:#616161; text-align:left;}
.board_view_top .prev {text-indent:30px;}
.board_view_top .next {left:auto; right:0; background-image:url('/images/sub/board_next.png'); background-position:right 0;}

.board_view_con {padding:20px 10px;}

.board_view_file {border-bottom:1px solid #dbdbdb;}
.board_view_file .file_each {padding:2px 10px;}
.board_view_file .file_each:first-child {padding-top:10px; border-top:1px dashed #ccc;}
.board_view_file .file_each:last-child {padding-bottom:10px;}
.board_view_file .file_each img {vertical-align:middle;}
/* // board_view */

/* board_write*/
.write_not_txt {margin-bottom:5px; color:#e42626; text-align:right;}
.board_write {width:100%; border-spacing: 0; border-collapse:collapse; table-layout:fixed;}
.board_write th, .board_write td {padding:8px; border:1px solid #a2a2a2; vertical-align:middle; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.board_write th {background-color:#FFF;}
.board_write tr * {vertical-align:middle;}
.board_write input[type="text"], .board_write input[type="password"], .board_write select {height:31px;}
.board_write input[type="text"] {width:100%; padding: 0 8px;}
.board_write input[type="password"] {padding:0 8px;}
.board_write .tit_input {width:60%;}
.board_write .name_input {width:25%;}
.board_write .address_input {width:150px !important; margin-top:5px;}
.board_write .address_input.top {margin-top:0;}
.board_write .address_input.mid, .board_write .address_input.btm {width:60% !important;}
.board_write .email_input {width:20%;}
.board_write .phone_input {width:100px;}
.post_num_btn {display:inline-block; margin-left:10px; padding:4px 10px 3px; background-color:#123e57; border-radius:3px; vertical-align:middle; color:#fff; font-size:13px;}
.post_num_btn:hover, .post_num_btn:focus {background-color:#306481;}
.fr_btn {display:inline-block; margin-left:10px; padding:4px 10px 3px; background-color:#123e57; border-radius:3px; vertical-align:middle; color:#fff; font-size:13px;}
.fr_btn:hover, .fr_btn:focus {background-color:#306481;}
.board_write .yn_radio {margin:0 3px;}
.board_write .yn_radio_box {float:right; padding: 0 50px 0 20px;}
.write_sup_txt {display:inline-block; font-size:0.93em;}

.attach_box {position:relative; z-index:1;}
.attach_input {position:absolute; left:0; top:0; z-index:1; visibility:hidden;}
.attach_vbox {position:relative; z-index:1; padding-right:75px;}
.attach_vinput {width:100%; height:31px !important;}
.attach_btn {display:block; position:absolute; right:0; top:0; z-index:1; width:70px; height:31px; line-height:31px; background-color:#888; color:#fff; font-size:14px; text-align:center; cursor:pointer;}
.attach_btn:hover {background-color:#666;}
/* // board_write */

/* pagination */
.pagination {margin-top:50px; font-size:0; text-align: center;}
.pagination a {display: inline-block; width: 30px; height: 30px; line-height: 28px; margin:0 3px 3px; border: 1px solid #ddd; color: #777; font-size: 13px; vertical-align: top;}
.pagination .page_arrow {background-color:#f6f6f6; background-position: center center; background-repeat:no-repeat;}
.pagination .page_arrow.l1 {background-image:url('/images/sub/paging_arr_l1.png');}
.pagination .page_arrow.l2 {background-image:url('/images/sub/paging_arr_l2.png');}
.pagination .page_arrow.r1 {background-image:url('/images/sub/paging_arr_r1.png');}
.pagination .page_arrow.r2 {background-image:url('/images/sub/paging_arr_r2.png');}
.pagination .active {color: #ed8463; font-weight: 500;}
.pagination a:hover, .pagination a:focus {color: #ed8463; font-weight: 500;}
/* // pagination */

/* basic_table */
.basic_table {width:100%; border-spacing: 0; border-collapse:collapse; border-top:2px solid #888; border-right:1px solid #888; border-bottom:1px solid #888;}
.basic_table th, .basic_table td {padding:10px 5px; border-left:1px solid #bbb; border-top:1px solid #bbb; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.basic_table th:first-child, .basic_table td:first-child {border-left-color:#888;}
.basic_table th {background-color:#eaeaea; font-weight:bold;}
/* // basic_table */

/* basic_tab */
.basic_tab {overflow:hidden;}
.basic_tab li {display:table; float:left; width:16.66%; margin-right:3px; margin-bottom: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_contents {display:none;}
/* // basic_tab */