@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);


/*Board Top*/
.boardWrap .top{ background:#f4f4f4; padding:40px 0; }
.boardWrap .top h2{ font-size:45px; font-weight:normal; text-transform:uppercase;}
.boardWrap .top p{ position:absolute; right:0; top:10px; font-size:16px; line-height:50px;}
.boardWrap .top p strong{display:inline-block; border:1px solid #ccc; font-size:20px; line-height:50px; padding:0 50px; margin-left:10px;}
.boardWrap .cont{padding:100px 0;}
/*Board Top*/

/* 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;}
.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;}
.fc_orange {color:#f29826;}
.fc_afafaf {color:#afafaf;} 
.fw_bold {font-weight:bold;}
.font_bold {font-weight:900;}
.font_700 {font-weight:700;}
.font_600 {font-weight:600;}
.f_left {float:left;}
.f_right {float:right;}
.dotdot {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.middle_helper {display:inline-block; height:100%; vertical-align:middle;}
.ft_family {font-family:'나눔고딕'}
.t_cell {display:table-cell;}
.underline: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 !important;}
.mt_10 {margin-top:10px !important;}
.mt_15 {margin-top:15px !important;}
.mt_20 {margin-top:20px !important;}
.mt_25 {margin-top:25px !important;}
.mt_30 {margin-top:30px !important;}

.ml_35 {margin-left:35px !important;}
.mb_0 {margin-bottom:0px !important;}
.mb_5 {margin-bottom:5px !important;}
.mb_10 {margin-bottom:10px !important;}
.mb_15 {margin-bottom:15px !important;}
.mb_20 {margin-bottom:20px !important;}
.mb_25 {margin-bottom:25px !important;}
.mb_30 {margin-bottom:30px !important;}

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

/* list */
.bar_list > li {padding-left:13px; background: url(/images/sjcf/user/bull/bull_bar.jpg) 0px 8px no-repeat;}
.dot_list > li {padding-left:13px; background: url(/images/sjcf/user/bull/bull_dot.jpg) 2px 7px no-repeat;}
.wdot_list > li {padding-left:13px; background: url(/images/sjcf/user/bull/bull_wdot.png) 2px 7px no-repeat; color:#fff;}
.arr_list > li {padding-left:13px; background: url(/images/sjcf/user/bull/bull_arr.png) 0px 7px no-repeat;}
.bar_txt {padding-left:13px; background: url(/images/sjcf/user/bull/bull_bar.jpg) 0px 8px no-repeat;}
.dot_txt {padding-left:13px; background: url(/images/sjcf/user/bull/bull_dot.jpg) 2px 7px no-repeat;}
.wdot_txt {padding-left:13px; background: url(/images/sjcf/user/bull/bull_wdot.png) 2px 7px no-repeat; color:#fff;}
.arr_txt {padding-left:13px; background: url(/images/sjcf/user/bull/bull_arr.png) 0px 6px no-repeat;}
/* // list */

/* btn_wrap */
.btn_wrap {padding-top: 20px; text-align:right;}
.common_btn {display:inline-block; width:90px; height:40px; line-height:42px; margin-left:5px; text-align:center; background-color:#696969; color:#fff; font-size:0.93em;}
.common_btn:hover, .common_btn:focus {line-height:38px; background-color:#FFF; color:#696969; border:2px solid #696969;}
.common_btn.regist {background-color:#749c9d; color:#fff;}
.common_btn.regist:hover, .common_btn.regist:focus {line-height:38px; background-color:#FFF; border:2px solid #749c9d; color:#749c9d;}
.common_btn.cancel {background-color:#b1b1b1; color:#fff;}
.common_btn.cancel:hover, .common_btn.cancel:focus {line-height:38px; background-color:#FFF; border:2px solid #b1b1b1; color:#b1b1b1;}
.common_btn.modify {background-color:#7987cb; color:#fff;}
.common_btn.modify:hover, .common_btn.modify:focus {line-height:38px; background-color:#FFF; border:2px solid #7987cb; color:#7987cb;}
.common_btn.delete {background-color:#af6c3a; color:#fff;}
.common_btn.delete:hover, .common_btn.delete:focus {line-height:38px; background-color:#FFF; border:2px solid #af6c3a; color:#af6c3a;}
.common_btn.reserve {background-color:#fc7700; color:#fff;}
.common_btn.reserve:hover, .common_btn.reserve:focus {line-height:38px; background-color:#FFF; border:2px solid #fc7700; color:#fc7700;}
.common_btn.apply {background-color:#beb149; color:#fff;}
.common_btn.apply:hover, .common_btn.apply:focus {line-height:38px; background-color:#FFF; border:2px solid #beb149; color:#beb149;}
.common_btn.detail {background-color:#638b91; color:#fff;}
.common_btn.detail:hover, .common_btn.detail:focus {line-height:38px; background-color:#FFF; border:2px solid #638b91; color:#638b91;}
.common_btn.ok {background-color:#749c9d; color:#fff;}
.common_btn.ok:hover, .common_btn.ok:focus {line-height:38px; background-color:#FFF; border:2px solid #749c9d; color:#749c9d;}
.common_btn.write {background-color:#627c9c; color:#fff;}
.common_btn.write:hover, .common_btn.write:focus {line-height:38px; background-color:#FFF; border:2px solid #627c9c; color:#627c9c;}
.common_btn.sponsor:hover, .common_btn.sponsor:focus {background-color:#fff; border:2px solid #blblbl; color:#blblbl;}
.common_btn.sponsor {background-color:#709c55;}

.common_btn.iss_apply:hover, .common_btn.iss_apply:focus {background-color:#fff; border:2px solid #blblbl; color:#blblbl;}
.common_btn.iss_apply {background-color:#beb149; }

.edu_mark.receipt_btn {background-color:#97b8bd; color:#fff;}
.edu_mark.return_btn  {background-color:#c7be76; color:#fff;}
.edu_mark.approve_btn {background-color:#cba17c; color:#fff;}
/* // 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:#777;}
.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:1; background-color:#3b4052; 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:2px solid #d6d6d6; border-bottom:2px solid #d6d6d6; text-align:center; border-spacing: 0; border-collapse:collapse; table-layout:fixed;}
.board_list thead {border-bottom:1px solid #e5e5e5; background-color:#fff;}
.board_list tbody tr {border-bottom:1px solid #e5e5e5;}
.board_list tbody tr:hover {background-color:#eee;}
.board_list th, .board_list td {padding:15px 5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.board_list th {font-weight:bold;}
.board_list .tit {text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle !important;}
.board_list .sort, .board_list .name, .board_list .date, .board_list .view, .board_list .fee, .board_list .state {color:#888;}
.board_list .fee {font-weight:700;}
.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 td table, .board_list td tr, .board_list td td{border:none; padding:0;}
.board_list td .ing{display:block; background:#cc0000; color:#fff; border-radius:5px; padding:3px 0; text-align:center;}
.board_list td .complete{display:block; background:#707070; color:#fff; border-radius:5px; padding:3px 0; text-align:center;}

.boardTb {border-top:2px solid #333; text-align:center; width:100%;} 
.boardTb th {background:#f1f1f1; padding:10px; border-bottom:1px solid #E9E9E9; color:#333333; font-weight: bold !important; font-size:13px;} 
.boardTb td {padding:10px; border-bottom:1px solid #E9E9E9; text-align:left;}
.boardTb td input, .boardTb td select{border:1px solid #ccc; height:24px;}
.boardTb td textarea{border:1px solid #ccc;}
.boardTb td.stt{background:#f4f7fb; color:#000;}
.boardTb td.alLeft {padding-left:15px; text-align:left;}
.boardTb td.alRight {padding-right:15px; text-align:right;}
.boardTb td span{font-size:8pt;color:#555555;}
.boardTb td table{border:none; padding:0; margin:0;}
.boardTb td table td{border:none; padding:0; margin:0;}

.boardCategory{text-align:left; padding-bottom:20px;}
.boardCategory select{border:1px solid #ccc; height:26px;}

.boardRss{padding-bottom:20px; text-align:right;}

.boardPaging{text-align:center; padding-top:20px; clear:both;}
.boardPaging a{display:inline-block; margin:0 3px; border:1px solid #ccc; line-height:30px; width:30px; text-align:center; background:#fff;}
.boardPaging span{display:inline-block; margin:0 3px; border:1px solid #444; line-height:30px; width:30px; text-align:center; background:#666; color:#fff;}
.boardPaging a.arw{background:#f1f1f1;}

.boardBtnC{text-align:center; padding:20px 0;}
.boardBtnR{text-align:right; padding:20px 0;}
.boardBtnC a, .boardBtnR a, .boardBtnC input, .boardBtnR input, .boardBtnR img{display:inline; margin-bottom:5px;}

.boardLeftTb td{text-align:left; padding-left:15px;}
.boardViewTitle{padding:0; text-align:center; font-size:18px; padding:15px 0; background:#f1f1f1; margin-bottom:15px;}

.galleryView{text-align:center; padding:20px 0;}
.galleryViewThum{width:100%; margin-top:20px;}
.galleryViewThum td a{display:block; border:1px solid #dcdcdc; padding:5px 0px; width:80px; text-align:center;}
.galleryViewThum td a.prev{float:left;}
.galleryViewThum td a.next{float:right;}

#gallerylistwrap{}
#gallerylistwrap .unit{border:1px solid #dcdcdc; margin:15px 10px; float:left; text-align:center; position:relative;}
#gallerylistwrap .unit:hover{border:1px solid #666;}
#gallerylistwrap .unit .photo {position: relative;}
#gallerylistwrap .unit .photo span{display:block; }
#gallerylistwrap .unit .image { display: block; width:100%; margin:0 auto; cursor:pointer;}
#gallerylistwrap .unit .overlay { position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba( 0, 0, 0, 0.6 );overflow: hidden;  width: 100%; height: 0; transition: .5s ease;  }
#gallerylistwrap .unit .photo:hover .overlay { height: 70px; }
#gallerylistwrap .unit .over_text { white-space: nowrap; color: white; font-size: 14px; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
#gallerylistwrap .unit .txt{width:90%; margin:0 auto; padding:10px 0; text-align:left;}
#gallerylistwrap .notice{border:1px solid #666;}
#gallerylistwrap .notice .icon{ position:absolute; top:5px; left:5px;}

#gallerylistwrap2{width:100%;}
#gallerylistwrap2 .unit{ width:25%; float:left; text-align:center; position:relative; padding-bottom:50px;}
#gallerylistwrap2 .unit .photo {width:80%;  position: relative; border:1px solid #ddd; margin:0 auto; box-shadow:2px 2px 2px #ccc;}
#gallerylistwrap2 .unit .photo img{width:100%; height:330px; }
#gallerylistwrap2 .unit .image { display: block; width:100%; margin:0 auto; cursor:pointer;}
#gallerylistwrap2 .unit .txt{width:80%; height:60px; margin:10px auto 0; }
#gallerylistwrap2 .unit .txt p{ padding:8px 0; text-align:center; background:#e0e0e0; border:1px solid #cac8c9;}
#gallerylistwrap2 .notice{border:1px solid #666;}
#gallerylistwrap2 .notice .icon{ position:absolute; top:5px; left:5px;}




.replyList{ padding:30px 0;}
.replyList .tt {font-size:16px; padding-bottom:10px; font-weight:bold;}
.replyList table{width:100%; border-top:2px solid #dcdcdc; border-bottom:2px solid #dcdcdc;}
.replyList table .photo{width:40px; padding:10px 5px;}
.replyList table .name{padding:10px 5px;}
.replyList table .name span{color:#ccc; padding:0 10px;}
.replyList table .cont{padding:0 5px 5px 5px;}

.replyPost {background:#f1f1f1; padding:10px;}
.replyPost table{width:100%;}
.replyPost table td{padding:3px;}
.replyPost table td input{width:60%; height:26px; border:1px solid #ccc;}
.replyPost table td input.btn{CURSOR:pointer; margin-left:5px; width:auto; height:auto; border:none;}
.replyPost table td textarea{width:60%; height:98px; border:1px solid #ccc;}

.boardScret{padding-top:50px; width:50%; margin:0 auto; text-align:center; }
.boardScret h3{ font-size:20px;}
.boardScret .txt{font-size:14px; padding-top:10px;}
.boardScret .txt strong{color:#990000;}
.boardScret table{ margin:50px 0; width:100%;}
.boardScret table th{width:100px; text-align:center; background:#f1f1f1; border:1px solid #dcdcdc; padding:10px 0;}
.boardScret table td{border-bottom:1px solid #dcdcdc;}
.boardScret table td input{width:100%; height:30px; padding-left:10px;}
/* // 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 .strong {color:#000; font-size:1.26em; font-weight:bold;}
.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 {}
.board_view_top {position:relative; z-index:1; padding:20px 30px; border-top:1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; 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; font-size:1.2em; line-height:160%;}
.board_view_top .sort {margin-right: 3px; color:#3e688b;}
.board_view_top .mark.receipt {border:1px solid #97b8bd; color:#97b8bd;}
.board_view_top .info {color:#777; font-size:0.86em;}
.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:51px; height:51px; margin-top:-19px; background: url('/design/default/images/board_left_arw.gif') no-repeat;}
.board_view_top .next {left:auto; right:0; background-image:url('/design/default/images/board_right_arw.gif');}

.board_view_con {padding:40px 0;}
.board_view_con img{max-width:100%; height:auto;}

.board_view_file { padding:10px 0; }
.board_view_file .file_each {padding:20px 0;  border-top:1px dashed #ccc;}
/* // board_view */

/* board_write */
.write_not_txt {margin-bottom:2px; color:#e42626; text-align:right;}
.board_write {width:100%; border-spacing: 0; border-collapse:collapse; border-top:2px solid #5e5e5e;}
.board_write tr {border-bottom:1px solid #ddd;}
.board_write th, .board_write td {padding:8px; vertical-align:middle; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.board_write th {border-right:1px solid #bbb; background-color:#f1f1f1; font-weight:bold;}
.board_write tr * {vertical-align:middle;}
.board_write input[type="text"], .board_write input[type="password"], .board_write select {height:30px; border:1px solid #707070;}
.board_write .tit_input {width:90%;}
.board_write .name_input {width:25%;}
.board_write .address_input {width:150px; margin-top:5px;}
.board_write .address_input.top {margin-top:0;}
.board_write .address_input.mid, .board_write .address_input.btm {width:60%;}
.board_write .email_input {width:20%;}
.board_write .phone_input {width:80px;}
.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;}
.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;}
/* // board_write */

/* pagination */
.pagination {margin-top:25px; font-size:0; text-align: center;}
.pagination a {display: inline-block; width: 22px; height: 22px; line-height: 18px; margin:0 1px 3px; border: 1px solid #ddd; color: #777; font-family: "Malgun Gothic",sans-serif; font-size: 12px; vertical-align: top;}
.pagination .page_arrow {background-position: center center; background-repeat:no-repeat;}
.pagination .page_arrow.l1 {background-image:url('/images/sjcf/user/sub/paging_arr_l1.png'); background-size:5px;}
.pagination .page_arrow.l2 {background-image:url('/images/sjcf/user/sub/paging_arr_l2.png'); background-size:9px;}
.pagination .page_arrow.r1 {background-image:url('/images/sjcf/user/sub/paging_arr_r1.png'); background-size:5px;}
.pagination .page_arrow.r2 {background-image:url('/images/sjcf/user/sub/paging_arr_r2.png'); background-size:9px;}
.pagination .active {background-color: #3c3c3c; border: 1px solid #3c3c3c; color: #fff; font-weight: bold;}
.pagination a:hover, .pagination a:focus {color: #fff; background-color:#3c3c3c; border:1px solid #3c3c3c;}
.pagination .page_arrow.l1:hover, .pagination .page_arrow.l1:focus {background-image:url('/images/sjcf/user/sub/paging_arr_l1_on.png');}
.pagination .page_arrow.l2:hover, .pagination .page_arrow.l2:focus {background-image:url('/images/sjcf/user/sub/paging_arr_l2_on.png');}
.pagination .page_arrow.r1:hover, .pagination .page_arrow.r1:focus {background-image:url('/images/sjcf/user/sub/paging_arr_r1_on.png');}
.pagination .page_arrow.r2:hover, .pagination .page_arrow.r2:focus {background-image:url('/images/sjcf/user/sub/paging_arr_r2_on.png');}
/* // 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;}
.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-left: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 */



/* sub_common */
.sq_overlab_tit {margin-bottom:15px; padding-left:28px; font-size:1.6em; background: url('http://www.hains.or.kr/images/hains/user/bull/bull_sq_overlab.jpg') 0 3px no-repeat;}

/* sub_layout */
.sub_con {position:relative; z-index:1; padding:30px 0 50px;}
.sub_con h2{border-bottom:1px solid #bebebe; text-align:center; font-size:30px; padding:20px 0 30px; margin-bottom:50px;}
.sub_con h2.bod_none{border-bottom:none;}


/* sub_sch_box */
.sub_sch_box {position:relative; z-index:1; margin-bottom:30px; padding:25px; border:1px solid #d6d6d6; /*  border-left-color:#790000; border-right-color:#790000; */}
.sub_sch_box:before {content:""; display:block; position:absolute; left:0; top:-1px; z-index:1; width:150px; height:1px; /* background-color:#790000; */}
.sub_sch_box:after {content:""; display:block; position:absolute; right:0; bottom:-1px; z-index:1; width:150px; height:1px; /* background-color:#790000; */}
.sch_box_row1 {margin-bottom:40px;}
.sub_sch_box .tab_menu {overflow:hidden; float:left; width:50%;}
.sub_sch_box .tab_menu li {float:left; width:25%; margin-left:-1px;}
.sub_sch_box .tab_menu li:first-child {margin-left:0;}
.sub_sch_box .tab_menu li a {display:block; position:relative; z-index:1; height:35px; line-height:35px; border:1px solid #d6d6d6; color:#737373; text-align:center;}
.sub_sch_box .tab_menu li:hover a, .sub_sch_box .tab_menu li.on a {border-color:#f7941c; color:#000;}
.sub_sch_box .tab_menu li:hover + li a, .sub_sch_box .tab_menu li.on + li a {border-left-color:#f7941c;}
.sub_sch_box .tab_menu li:hover a:after, .sub_sch_box .tab_menu li.on a:after {content:""; position:absolute; left:50%; bottom:0; z-index:1; margin-left:-3px; border-bottom:5px solid #f7941c; border-top:0 none; border-left:5px solid transparent; border-right:5px solid transparent;}
.sub_sch_box .date_select_box {float:right; width:40%;}
.sub_sch_box .select_each {position:relative; z-index:1; float:left; width:48%; margin-left:4%; border-bottom:2px solid #ccc;}
.sub_sch_box .select_each:first-child {margin-left:0;}
.sub_sch_box .select_each select {width:84%; height:30px; padding-left:5px; border: 0 none; background-color:#FFF; font-size:1.06em;}
.sub_sch_box .select_each .txt {float:right; margin-top:6px; margin-right:5px;}

.sub_sch_box .period_box {display:table; float:left; width:36%;}
.sub_sch_box .cell_box {display:table-cell;}
.sub_sch_box .dot_label {display:table-cell; width:60px; padding-left:15px; background: url('http://www.hains.or.kr/images/hains/user/bull/bull_big_dot.jpg') 0 center no-repeat; vertical-align:middle;}
.sub_sch_box input {float:left; height:38px; padding:0 8px; vertical-align:middle;}
.sub_sch_box .period_input {width:46%;}
.sub_sch_box .period_box .wave {display:inline-block; float:left; width:8%; margin-top:9px; text-align:center; vertical-align:middle;}
.sub_sch_box .keyword_box {display:table; float:right; width:60%;}
.sub_sch_box .keyword_box .dot_label {width:80px;}
.sub_sch_box .keyword_input {width:85%; border:1px solid #707070;}
.sub_sch_box .sch_btn {display:inline-block; float:right; width:14%; height:38px; line-height:38px; border-radius:0; background-color:#393c53; color:#fff; font-weight:500; text-align:center; border:none;}
.sub_sch_box .sch_btn:hover, .sub_sch_box .sch_btn:focus {background-color:#ef114c;}

/* direct */
.direct_wrap .row2_wrap .lst .bull {background:url(http://www.hains.or.kr/images/hains/user/bull/red1_dot.png) no-repeat 0 6px; padding-left:10px; color:#790000; font-weight:bold; line-height:1.5;}
.direct_wrap .row2_wrap .train,
.direct_wrap .row2_wrap .bus{display:table; width:100%;}
.direct_wrap .row2_wrap .bus {margin-top:50px;}
.direct_wrap .row2_wrap .train .train_lst {padding-bottom:35px; border-bottom:1px solid #e0e0e0;}
.direct_wrap .row2_wrap .train {border-bottom:#e0e0e0;}
.direct_wrap .train img {display:table-cell; margin-top:30px;}
.direct_wrap .row2_wrap .lst {display:table-cell; width:85%;  vertical-align:top;}
.direct_wrap .row2_wrap .lst li {margin-bottom:20px; line-height:1.5;}
.direct_wrap .row2_wrap .lst > em {display:block; margin-bottom:20px; font-weight:bold; font-size:1.133em;}
.direct_wrap .bus img {display:table-cell; margin-top:30px;}
.direct_wrap .map {margin-top:33px;}
.direct_wrap .row1_wrap {margin-top:40px; padding-bottom:45px; border-bottom:1px solid #790000;}
.direct_wrap .location > p {font-size:2em; padding-left:30px;}
.direct_wrap .location {float:left;}
.direct_wrap .phone {float:right;}
.direct_wrap .phone > p {font-size:30px; color:#790000;}
.direct_wrap .row2_wrap {margin-top:30px;}
.firstHeading {font-size:23px; font-weight:bold;}
#map {height:400px; width:100%;}
#bodyContent p {font-size:14px; font-weight:bold;}

/* program */
.top_not_txt {margin-bottom:12px; color:#790000; font-size:0.93em; text-align:right;}	
.total_txt {margin-bottom:20px; padding-left:23px; background: url('http://www.hains.or.kr/images/hains/user/bull/bull_total.jpg') 0 0 no-repeat; color:#696969;}
.total_txt .num {font-weight:700;}
.program_list {overflow:hidden;}
.program_list li {float:left; width:19.3%; margin-bottom:80px; margin-left:0.87%; border:1px solid #e2e2e2;}
.program_list li:nth-child(5n-4) {margin-left:0;}
.program_list .img_box {position:relative; z-index:1; margin-bottom:15px; padding-bottom:133%; border-bottom:1px solid #e2e2e2; font-size:0; text-align:center;}
.program_list .img_box .inner_box {position:absolute; left:0; top:0; z-index:1; width:100%; height:100%;}
.program_list .img_box img {vertical-align:middle;}
.program_list .status {display:block; position:absolute; right:10px; bottom:10px; z-index:1; width:54px; height:54px; border-radius:50%; color:#fff; font-size:14px; text-align:center;}
.program_list .status .txt {display:inline-block; vertical-align:middle;}
.program_list .status.scheduled {background-color:#44a389;}
.program_list .status.ing {background-color:#318ab8;}
.program_list .status.end {background-color:#575757;}
.program_list .txt_box {padding:0 15px 12px;}
.program_list .txt_box .sort {margin-bottom:8px; padding-left:8px; border-left:3px solid #790000; color:#790000; font-size:0.93em; font-weight:900;}
.program_list .txt_box .tit {display:-webkit-box; height:31px; margin-bottom:6px; font-size:0.93em; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.program_list .txt_box .date {color:#919191; font-size:0.86em;}
.program_list .btn_box {overflow:hidden; padding: 0 6px 5px;}
.program_list .btn_box .li_inner_btn {display:block; float:left; width:50%; height:35px; line-height:35px; background-color:#FFF; color:#fff; font-size:0.86em; font-weight:300; text-align:center;}
.program_list .btn_box .li_inner_btn.reserve {background-color:#fca000;}
.program_list .btn_box .li_inner_btn.reserve:hover, .program_list .btn_box .li_inner_btn.reserve:focus {background-color:#fdad21;}
.program_list .btn_box .li_inner_btn.detail {float:right; background-color:#99978e;}
.program_list .btn_box .li_inner_btn.detail:hover, .program_list .btn_box .li_inner_btn.detail:focus {background-color:#aba9a1;}

/* pro_view */
.board_view_summary {margin-bottom:70px;}
.board_view_top {padding:25px 30px; border-top:0 none;}
.board_view_top .tit {overflow:hidden; margin-bottom:10px; font-size:1.86em; text-align:center; white-space:nowrap; text-overflow:ellipsis;}
.board_view_top .mark_box {display:inline-block; margin-right:25px; margin-bottom:0;}
.board_view_top .mark {margin:0 4px; padding:8px 18px; border:1px solid #dfb3b3; background-color:#FFF; color:#790000; font-size:15px; vertical-align:middle;}
.board_view_top .mark_box .mark:first-child {margin-left:0;}
.board_view_top .mark.scheduled {border-color:#96c3da; color:#318ab8;}
.board_view_top .mark.ing {border-color:#44a389; color:#44a389;}
.board_view_top .mark.end {border-color:#575757; color:#575757;}
.board_view_top .mark.wating {background-color:#c7be76; color:#fff; border:0 none;}
.board_view_top .mark.recruit {background-color:#97b8bd; color:#fff; border:0 none;}
.board_view_top .mark.edu_ing {background-color:#cba17c; color:#fff; border:0 none;}
.board_view_top .mark.close {background-color:#b5b5b5; color:#fff; border:0 none;}
.board_view_top .mark.edu_end {background-color:#c37474; color:#fff; border:0 none;}

.board_view_info {overflow:hidden; padding:20px; border-bottom:1px solid #e1e1e1;}
.board_view_info .img_box {float:left; width:20%; text-align:center;}
.board_view_info .img_box img {max-height:300px;}
.board_view_info .info_box {float:right; width:77%; padding:10px 0;}
.board_view_info .info_line {display:table; width:100%; margin-top:30px; border-collapse:collapse;}
.board_view_info .info_line:first-child {margin-top:0;}
.board_view_info .each_info {display:table-cell; width:50%; padding-right:15px;}
.board_view_info .each_info dl {display:table; width:100%; border-collapse:collapse;}
.board_view_info .each_info dt {display:table-cell; width:100px; padding-left:15px; background: url('http://www.hains.or.kr/images/hains/user/bull/bull_orange_dot.jpg') 0 6px no-repeat;}
.board_view_info .each_info dd {display:table-cell; color:#919191; word-break:keep-all;}

.board_view_detail .tab {border-bottom:1px solid #bebebe; height:55px;}
.board_view_detail .tab a {display:block; width:25%; height:55px; line-height:55px; border:1px solid #bebebe; border-bottom:0 none; background-color:#f0ebe2; font-size:1.2em; text-align:center;}
.board_view_detail .detail_con {padding:20px 5px;}

/* certificate */
.cert_box {overflow:hidden;}
.cert_box .each_box {position:relative; z-index:1; float:left; width:48%; height:370px; padding: 160px 35px 0; border:1px solid #d6d6d6; background: url('http://www.hains.or.kr/images/hains/user/sub/cert_bg1.jpg') center 30px no-repeat;}
.cert_box .each_box:before, .cert_box .each_box:after {content:""; display:block; position:absolute; right:0; bottom:0; z-index:1; width:1px; height:100px; background-color:#790000;}
.cert_box .each_box:after {width:100px; height:1px;}
.cert_box .each_box.right {float:right; background-image:url('http://www.hains.or.kr/images/hains/user/sub/cert_bg2.jpg');}
.cert_box .tit {display:block; margin-bottom:15px; font-size:2em; font-weight:300; text-align:center;}
.cert_box .txt {word-break:keep-all;}
.cert_box .cert_btn {display:block; position:absolute; left:50%; bottom:30px; z-index:1; width:250px; height:40px; line-height:40px; margin-left:-125px; border-radius:20px; background:#99978e url('http://www.hains.or.kr/images/hains/user/sub/half_arr.png') 90% center no-repeat; color:#fff; text-indent:-30px; text-align:center;}

/* pro_apply */
.pro_outline, .pro_res_info {margin-bottom:45px;}
.hains_table1 {width:100%; border-collapse:collapse; border-top:2px solid #d6d6d6; border-bottom:2px solid #d6d6d6;}
.hains_table1 tr {border-top:1px solid #d6d6d6;}
.hains_table1 tr:first-child {border-top:0 none;}
.hains_table1 th, .hains_table1 td {padding:13px 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.hains_table1 th {width:120px; padding-left:40px; background: url('http://www.hains.or.kr/images/hains/user/bull/bull_orange_dot.jpg') 25px center no-repeat; text-align:left;}
.hains_table1 td {color:#919191;}

.pro_apply_info {margin-bottom:45px;}
.hains_table2 {border-top:1px solid #d6d6d6;}
.hains_table2 th, .hains_table2 td {padding:13px 8px;}
.hains_table2 th {padding-left:20px; background-color:#f1f1f1; text-align:left;}
.pro_reserve {margin-bottom:45px;}
.hains_table2 .num_date_list li {display:table; width:100%; max-width:300px; margin-bottom:6px;}
.hains_table2 .num_date_list li:last-child {margin-bottom:0;}
.hains_table2 .num_date_list li span {display:table-cell; padding:0 3px;}
.hains_table2 .num_date_list li span:first-child {width:70px; font-weight:700;}
.hains_table2 .num_date_list li span input {margin-top:0;}

/* apply_complete */
.apply_comp_box {text-align:center;}
.apply_comp_top {margin-bottom:30px; padding:30px 10px; border-bottom:1px solid #d6d6d6; background: url('http://www.hains.or.kr/images/hains/user/sub/apply_comp_bg.jpg') 95% bottom no-repeat;}
.apply_comp_top .tit {margin-bottom:20px; color:#383e65; font-size:1.6em;}
.apply_comp_top .txt {line-height:1.5; color:#8c8c8c; font-size:1.33em;}
.apply_comp_top .txt .name {color:#000; font-size:1.2em;}
.apply_comp_box .btn_wrap {padding-top:35px; text-align:center;}
.apply_comp_btm .txt {color:#8c8c8c;}
.apply_comp_btm .txt .linemap {color:#790000;}

/* edu_list */
.status_info_box {margin-bottom:35px; padding:25px; background-color:#f6f6f6;}
.status_info_box .inner_box {display:table; width:100%; border-collapse:collapse;}
.status_info_box .tit {display:table-cell; width:130px; padding: 7px 0 38px; background: url('http://www.hains.or.kr/images/hains/user/sub/big_half_arr.png') 0 60px no-repeat; font-size:1.6em; vertical-align:top;}
.status_info_box .tit.not_arr {padding:7px 0; background-image:none;}
.status_info_box .mark_box {display:table-cell;}
.status_info_box .mark_list {overflow:hidden;}
.status_info_box .mark_list li {float:left; width:33.33%; padding:7px 0;}
.status_info_box .mark_each {display:table; width:100%; border-collapse:collapse;}
.status_info_box .mark_list .left {display:table-cell; width:70px;}
.edu_mark {display:inline-block; width:70px; height:30px; line-height:30px; background-color:#c7be76; color:#fff; font-size:13px; text-align:center;}
.edu_mark.close {background-color:#b5b5b5;}
.edu_mark.end {background-color:#c37474;}
.edu_mark.recruit {background-color:#97b8bd;}
.edu_mark.edu_ing {background-color:#cba17c;}
.edu_mark.pro_ing {background-color:#97b8bd;}
.edu_mark.return {background-color:#c7be76;}
.edu_mark.accept {background-color:#cba17c;}
.edu_mark.detail {background-color:#76c4c7;}
.status_info_box .mark_list .txt {display:table-cell; padding: 0 5px 0 15px; word-break:keep-all;}

.sub_sch_box .status_box {display:table; float:left; width:20%;}
.sub_sch_box .sort_box {display:table; float:left; width:17%; padding:9px 0;}
.sub_sch_box .sort_box input{float:none; height:auto;}
.sub_sch_box.edu .period_box {width:25%;}
.sub_sch_box.edu .keyword_box {width:35%;}
.sub_sch_box select {width:80%; height:38px;}
.sub_sch_box.edu .keyword_input {width:72%;}
.sub_sch_box.edu .sch_btn {width:25%;}

.board_list tbody td.status {width:100%;}
.board_list tbody td.status:before {display:none;}
.board_list .edu_mark {width:60px; height:25px; line-height:26px;}

/* edu_view */
.board_view_info .info_box.one {float:none; width:100%;}
.board_view_top .edu_mark {width:auto; height:auto; line-height:inherit; padding:8px 18px; font-size:15px; vertical-align:middle;}
.board_view_top .edu_mark.recruit {border:1px solid #97b8bd;}
.board_view_top .edu_mark.edu_ing {border:1px solid #cba17c;}
.board_view_top .edu_mark.wating {border:1px solid #c7be76;}
.board_view_top .edu_mark.close {border:1px solid #b5b5b5;}
.board_view_top .edu_mark.end {border:1px solid #c37474;}

/* notice */
.sub_sch_box.sort_keyword .sort_box {width:25%;}
.sub_sch_box.sort_keyword .keyword_box {width:73%;}
.maj_not_mark {display:inline-block; padding:7px 14px; border:1px solid #de4065; background-color:#FFF; color:#de4065; font-size:13px;}
.board_view_top .mark_box.maj {margin-right:10px;}
.board_view_top .mark.maj {border-color:#de4065; color:#de4065; font-size:16px;}
.board_view_top .info {color:#919191; font-size:1.13em;}
.doc_trans_btn {display:inline-block; padding:3px 8px; background-color:#f7941c; border-radius:3px; color:#fff; font-size:13px;}
.doc_trans_btn:hover {background-color:#ffb04f;}