@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;}
b {font-weight: 700;}
.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_red {color:#e42626;}
.gray2 {color: #9f9f9f;}
.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;}

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

/* bullet list, txt */
.bar_list > li {padding-left:13px; background: url('/images/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('/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_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('/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;}
/* // bullet list, txt */

/* sch_bar */
.sch_bar_box {margin-bottom:20px;padding:10px;}
.total_txt {float:left; margin-top:10px;}
.total_txt .num {color:#e03321;}
.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_input {display:inline-block; float:left; width: 350px; 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:#121212; 
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('../img/icon/sch_ico.png') 0 center no-repeat; background-size:18px;}
.sch_btn:hover, .sch_btn:focus {background-color:#363a48;color:#fff;}
/* // 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; 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; font-size:13px; text-align:center;}
.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('../img/icon/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 */

/* hi_board_list */
.hi_board_list {overflow:hidden; padding-top:20px; border-top:2px solid #5f6577;}
.hi_board_list > li {float:left; width:32%; margin-right:2%; margin-bottom:35px;}
.hi_board_list > li.on {background-color:#efefef;}
.hi_board_list > li:nth-child(3n) {margin-right:0;}
.hi_board_list > li:nth-child(3n+1) {clear:both;}
.hi_board_list > li > a {display:block;}
.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 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.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('../img/icon/video_bg.png') center center no-repeat;}
.hi_board_list .img_box .inner_box .sort {position: absolute; left: 0; top: 0; width: 78px; height: 25px; line-height: 25px; color: #fff; font-size: 14px; z-index: 1;}
.hi_board_list .img_box .inner_box .sort.video {background-color: #1e5ca8;}
.hi_board_list .img_box .inner_box .sort.photo {background-color: #3578fa;}
.hi_board_list .txt_box {margin-bottom:10px;}
.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; color: #5273c4; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.hi_board_list .info_box {height:16px; color:#797979; font-size:0.93em;}
.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.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 {padding-top:20px; border-top:2px solid #34bfa3;}
.vi_board_list > li {overflow:hidden; padding: 20px 0; border-top:1px solid #bcbcbc;}
.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:20%; background-color:#f7f7f7; text-align:center;}
.vi_board_list .img_box img {max-height:200px; -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:76%; padding-top:10px;}
.vi_board_list .txt_box .l_box {float: left; width: 50%;}
.vi_board_list .txt_box .r_box {float: right; width: 50%; padding-top: 48px;}
.vi_board_list .sort {margin-bottom:3px; color:#2196f3; font-weight:500;}
.vi_board_list .tit {overflow:hidden; margin-bottom:20px; color: #004e8f; font-size:1.467em; white-space:nowrap; text-overflow:ellipsis;}
.vi_board_list .txt {display:-webkit-box; overflow:hidden; height:1.2em; 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_list */
.board_list {width:100%; border-top:2px solid #34bfa3; text-align:center; border-collapse:collapse; table-layout:fixed;}
.board_list thead {border-bottom:1px solid #d5d5d5; background-color:#fff;}
.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 {padding:20px 10px;}
.board_list td {padding:20px 0px;}
.board_list tr > *:first-child {border-left:0 none;}
.board_list .tit a {display:inline-block; position:relative; color: #5b5b5b; text-align:left; z-index:1; overflow:hidden; max-width:100%; vertical-align:top; text-overflow:ellipsis; white-space:nowrap;}


.board_list .tit.line2 a {display: -webkit-box; line-height: 1.2em; min-height: 1.2em; max-height: 2.4em; white-space: normal;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.board_list .mark {display:inline-block; width: 50px; padding:3px 0; margin-right: 10px; background-color:#e76147; color:#fff; font-size:0.86em; text-align: center;}
.board_list .num .mark {width: 70px; margin-right: 0;}
.new_mark {display:block; position:absolute; right:0; top:50%; z-index:1; width:20px; height:20px; line-heigh2018-02-23vt:20px; margin-top:-10px; 
background-color:#e03321; border-radius:50%; color:#fff; font-size:12px; font-weight:500; text-align:center;}
.board_list .file a {display:inline-block; vertical-align:middle;}

.board_list .date  {font-size:12px;}

.board_list .date p {padding-left: 30px; color: #797979; font-weight: 300; text-align: left;}
.board_list .date span {display: inline-block; margin-right: 10px;}
.board_list .date .recruit {margin-bottom: 8px; background: url('../img/icon/recruit_ico.png') no-repeat 0 0;}
.board_list .date .progress {background: url('../img/icon/progress_ico.png') no-repeat 0 2px;}
.board_list .state1 p, .board_list .state2 p {padding: 5px 0; color: #fff;}
.board_list .state1 .ing {background-color: #2199de;}
.board_list .state2 .ing {background-color: #22a49c;}
.board_list .state1 .stand {background-color: #7bb9dd;}
.board_list .state2 .stand {background-color: #7ccec9;}
.board_list .state1 .stop {background-color: #b2b2b2;}
.board_list .state2 .stop {background-color: #7c7c7c;}
.board_list .state {display: inline-block; width: 80px; height: 30px; line-height: 30px; color: #fff;}
.board_list .state.ok {background-color: #bcbcbc;}
.board_list .state.no {background-color: #5b5b5b;}
.board_list .pay .regist {width: 80px; height: 30px; line-height: 30px; margin-bottom: 0;}
/* // board_list */

/* board_view */
.board_view {border-bottom:2px solid #bcbcbc;}
.board_view_top {position:relative; z-index:1; padding: 0 65px 20px;border-bottom: 1px solid #bcbcbc; text-align:center;}
.board_view_top .mark_box {margin-bottom:10px;}
.board_view_top .mark {display:inline-block; width: 70px; margin:0 2px; padding:3px 0; background-color:#e76147; color:#fff; font-size: 0.86em;}
.board_view_top .mark.new {background-color:#ff9000;}
.board_view_top .tit {display:block; margin-bottom:20px; font-size:1.7em;}
.board_view_top .sort {display:inline-block; padding:4px 10px; margin-right: 3px; 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:10px; top:50%; z-index:1; width:50px; height:50px; line-height:50px; margin-top:-25px; font-size:30px; border: 1px solid #c4c4c4; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50px; text-align:center; background: url('../img/icon/board_prev.png') no-repeat center;}
.board_view_top .controler:hover {-webkit-animation: scale1_3 0.8s infinite; animation: scale1_3 0.8s infinite;}
.board_view_top .next {left:auto; right:10px; background-image: url('../img/icon/board_next.png');}
.board_view_top .prev:hover {background-image: url('../img/icon/board_prev_on.png');}
.board_view_top .next:hover {background-image: url('../img/icon/board_next_on.png');}

.board_view_con {padding:40px 25px;}
.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('../common/img/icon/attach_ico.png') 0 2px no-repeat;}
.board_view_file .file_each:last-child {margin-bottom:0;}
.board_view_file .file_each a:hover {text-decoration:underline;}

.view_file_box {display:table; width:100%; padding: 20px 5px; border-top: 1px solid #d7d7d7; }
.view_file_box .txt {display:table-cell; width:85px;  vertical-align:middle;}

/* // board_view */

.depart_view .board_view_top {padding: 0;}
.board_view_top .state1, .board_view_top .state2 {display: inline-block; width: 80px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 14px;}
.board_view_top .state1.ing {background-color: #2199de;}
.board_view_top .state2.ing {background-color: #22a49c;}
.board_view_top .state1.stand {background-color: #7bb9dd;}
.board_view_top .state2.stand {background-color: #7ccec9;}
.board_view_top .state1.stop {background-color: #b2b2b2;}
.board_view_top .state2.stop {background-color: #7c7c7c;}
.board_view_top .video, .board_view_top .photo {display: inline-block; width: 80px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 14px;}
.board_view_top .video {background-color: #1e5ca8;}
.board_view_top .photo {background-color: #3578fa;}
.depart_info {padding: 30px 40px; border-top: 2px solid #34bfa3; background-color: #f7f7f7;}
.depart_info ul {overflow: hidden;}
.depart_info ul li {width: 50%; margin-bottom: 20px; float: left; text-align: left; }
.depart_info ul li:last-child {margin-bottom: 0;}
.depart_info ul li:nth-last-child(2) {margin-bottom: 0;}
.depart_info ul li dl {display: table; width: 100%;}
.depart_info ul li dl dt, .depart_info ul li dl dd {display: table-cell;}
.depart_info ul li dl dt {position: relative; width: 110px; padding-left: 30px;}
.depart_info ul li dl dd, .depart_info ul li dl dd a {color: #797979;}
.depart_info ul li dl dt img {position: absolute; left: 0; top: 0;}
.depart_info ul li dl dt.ico01 img {top: 1px;}
.depart_info ul li dl dt.ico03 img {top: 1px;}
.depart_info ul li dl dt.ico05 img {top: 1px;}
.depart_info ul li dl dt.ico09 img {top: 1px;}
.depart_info ul li dl dt.ico010 img {top: 2px;}


/* board_write */
.bw_top_txt {margin-bottom:10px; color:#777; text-align:right;font-size: 14px;}
.bw_top_txt img {vertical-align:middle;}
.board_write {width:100%; border-spacing: 0; border-collapse:collapse; border-top:2px solid #34bfa3;}
.board_write tr {border-bottom:1px solid #d9d9d9;}
.board_write th, .board_write td {padding:10px 10px; vertical-align:middle;font-size:0.875rem;}
.board_write td {color: #121212;}


.board_write th {border-right:1px solid #d9d9d9; background-color:#f9f9f9; text-align:left;font-weight: 500; }
.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;font-size:0.875rem;background-color:#fafafa;color: #121212;font-weight: 600;}
.board_write textarea {border:1px solid #cacaca;}
.board_write .tit_input {width:60%;}
.board_write .name_input {width:25%;}
.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:110px; padding:0 5px 0 30px; background:url('../common/img/icon/cal_ico.png') 5px center no-repeat;}
.bw_in_btn {display:inline-block; height:30px; line-height:30px; padding: 0 20px; background-color:#e76147; 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:#a84834;}

.write_sup_txt {display:block !important;  font-size:0.75rem;color:#0163d2;margin:0px;float: right; }

.th_star {margin:0 3px;}
.bw_in_btn.postcode {background-color: #1e5ca8;}
.bw_in_btn.postcode:hover, .bw_in_btn.postcode:focus {background-color: #00296e;}
.bw_in_btn.find {background-color: #5b5b5b;}
.bw_in_btn.find:hover, .bw_in_btn.find:focus {background-color: #333;}


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

.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('../common/img/icon/chkbox_ico.png') center center no-repeat; border-color: #2295fe;}
/* // board_write */

/* qna */
.qna_q_box {padding:30px 20px;}
.qna_box .tit {height:30px; line-height:30px; padding-left:37px; background:url('../common/img/icon/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('../common/img/icon/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 #34bfa3;}
/* .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 70px 18px 55px; background:url('../img/icon/bd_q_ico.png') 20px 18px no-repeat; border-bottom:1px solid #bcbcbc; white-space:nowrap; text-overflow:ellipsis; cursor:pointer;}
.faq_q_tit:after {content:""; display:block; position:absolute; right:20px; top:9px; z-index:1; width:38px; height:38px; background:url('../common/img/icon/mid_arr_down.png') center center no-repeat;}
.faq_a_txt_box {display:none; border-top:0 none; border-bottom: 1px solid #bcbcbc;}
.faq_a_txt {padding: 20px 55px; line-height:1.5; color:#838383; background:#f7f7f7 url('../img/icon/bd_a_ico.png') 20px 25px no-repeat;}
.faq_down_box {padding: 0 20px; margin: 15px 0;}
.faq_down_box dl {display: table; width: 100%;}
.faq_down_box dl dt, .faq_down_box dl dd {display: table-cell;}
.faq_down_box dl dt {position: relative; width: 100px; padding-left: 10px;}
.faq_down_box dl dt:before {position: absolute; left: 0; top: 50%; width: 5px; height: 1px; content:''; background-color: #333;}
.faq_down_btn {display:inline-block; color:#797979;}
.faq_down_btn img {vertical-align:middle; margin-right: 10px;}

.faq_list li.on .faq_q_tit {overflow:visible; white-space:normal;}
.faq_list li.on .faq_q_tit:after {background-image:url('../common/img/icon/mid_arr_up.png');}
.faq_list li.on .faq_a_txt_box {display:block;}

/* comment */
.comment_regist {margin-bottom: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:115px; padding:20px 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:115px; line-height:115px; 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('../common/img/icon/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;}
.comment_util {overflow:hidden; margin-top:20px; font-size:0;}
.comment2_open_btn {float:left; padding-left:16px; background: url('../common/img/icon/pen_ico_red.png') 0 center no-repeat; background-size:12px; color:#f3521e;  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;}
/* // 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:15px; 
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:hover, .pagination a:focus, .pagination .active {background-color:#d5d5d5;}
.pagination .page_arrow.l1 {margin-right:40px;}
.pagination .page_arrow.r1 {margin-left:40px;} */

/* pagination */
.pagination {margin-top:25px; font-size:0; text-align: center;}
.pagination a {display: inline-block; width: 35px; height: 35px; line-height: 32px; margin:0 1px 3px; color: #777; font-size: 16px; font-weight:300; vertical-align: top;}
.pagination .page_arrow {background-position: center center; background-repeat:no-repeat;}
.pagination .page_arrow.l1 {background-image:url('../img/icon/paging_arr_l1.png'); background-size:5px;}
.pagination .page_arrow.l2 {background-image:url('../img/icon/paging_arr_l2.png'); background-size:9px;}
.pagination .page_arrow.r1 {background-image:url('../img/icon/paging_arr_r1.png'); background-size:5px;}
.pagination .page_arrow.r2 {background-image:url('../img/icon/paging_arr_r2.png'); background-size:9px;}
.pagination .active {color: #34bfa3; font-weight: 300;}
.pagination a:hover, .pagination a:focus {color: #34bfa3;}

/* common_btn */
.btn_wrap {padding-top: 25px; text-align:right;}
.common_btn {display:inline-block; width:110px; height:40px; line-height:38px; margin-left:3px; margin-bottom:5px; background-color:#9a9a9a; 
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:#3578fa; border-color:#3578fa;}
.common_btn.regist:hover, .common_btn.regist:focus {background-color:#fff; color:#3578fa;}
.common_btn.ok {background-color:#e76147; border-color:#e76147;}
.common_btn.ok:hover, .common_btn.ok:focus {background-color:#fff; color:#e76147;}
.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.down {background-color:#fff; border-color:#1e5ca8; color: #1e5ca8;}
.common_btn.down:hover, .common_btn.down:focus {background-color:#1e5ca8; color:#fff;}
.common_btn.down .ico {display: inline-block; width: 14px; height: 17px; margin-right: 15px; background: url('../img/icon/down_ico.png') no-repeat 0 0; vertical-align: middle;}
.common_btn.down:hover .ico , .common_btn.down:focus .ico {background-image: url('../img/icon/down_ico_on.png');}
/* // common_btn */

/* login basic */
.bdt_bg_box {padding:60px 0; background-color:#FAFAFA; border-top:2px solid #1e5ca8; border-bottom:1px solid #d5d5d5;}
.bdt_bg_box.login {max-width:800px; margin:0 auto; padding: 20px 0;}
.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.25em;}
.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:#3578fa; border:1px solid #3578fa; 
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:#3578fa;}
.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:25px; background:url('../common/img/icon/login_util_ico1.png') 0 center no-repeat; background-size:15px; color:#777;}
.login_util_menu li.sch a {background-image:url('../common/img/icon/login_util_ico2.png'); -webkit-background-size: 17px;
background-size: 17px;}
/* // 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:1rem; text-align:center;}
.find_form {max-width:280px; 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('../common/img/icon/jstep_img1.png') center 0 no-repeat; color:#838383; text-align:center;}
.join_step li.li02 {background-image:url('../common/img/icon/jstep_img2.png');}
.join_step li.li03 {background-image:url('../common/img/icon/jstep_img3.png');}
.join_step li.li04 {background-image:url('../common/img/icon/jstep_img4.png');}
.join_step li.li05 {background-image:url('../common/img/icon/jstep_img5.png');}
.join_step li.on {background-image:url('../common/img/icon/jstep_img1_on.png'); color:#5f6477;}
.join_step li.li02.on {background-image:url('../common/img/icon/jstep_img2_on.png');}
.join_step li.li03.on {background-image:url('../common/img/icon/jstep_img3_on.png');}
.join_step li.li04.on {background-image:url('../common/img/icon/jstep_img4_on.png');}
.join_step li.li05.on {background-image:url('../common/img/icon/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('../common/img/icon/jstep_arr.png') center center no-repeat;}
.join_step li.on:after {background-image:url('../common/img/icon/jstep_arr_on.png');}
.join_step li:last-child:after {display:none;}

.join_step.type2 li {background-image:url('../common/img/icon/jstep2_img1.png');}
.join_step.type2 li.li02 {background-image:url('../common/img/icon/jstep2_img2.png');}
.join_step.type2 li.li03 {background-image:url('../common/img/icon/jstep2_img3.png');}
.join_step.type2 li.li04 {background-image:url('../common/img/icon/jstep2_img4.png');}
.join_step.type2 li.li05 {background-image:url('../common/img/icon/jstep2_img5.png');}
.join_step.type2 li.on {background-image:url('../common/img/icon/jstep2_img1_on.png');}
.join_step.type2 li.li02.on {background-image:url('../common/img/icon/jstep2_img2_on.png');}
.join_step.type2 li.li03.on {background-image:url('../common/img/icon/jstep2_img3_on.png');}
.join_step.type2 li.li04.on {background-image:url('../common/img/icon/jstep2_img4_on.png');}
.join_step.type2 li.li05.on {background-image:url('../common/img/icon/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.25em; 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('../common/img/icon/jtype_img1.png') center center no-repeat; border-radius:50%;}
.join_type_box .each_box:last-child .circle {background-image:url('../common/img/icon/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('../common/img/icon/certi_ipin.png') center 0 no-repeat; font-size:1.25em;}
.certi_box .each_box.phone .tit {background-image:url('../common/img/icon/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('../common/img/icon/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;}

/* search page 옛버전 */
.sch_each_box {margin-bottom:70px;}
.sch_each_box .inner_box {padding:20px 0; border-top:2px solid #888; border-bottom:1px solid #888;}
.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;}

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

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

/* 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:991px){
	/* useful */
	.on_991 {display:block !important;}
	.none_991 {display:none !important;}
	.i_991 {display:inline !important;}
	.ib_991 {display:inline-block !important;}
}

@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 */
	.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:100%; border-right: 1px solid #cacaca;}
	.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; margin-bottom:10px;}
	.sub_sch_box input {height:35px; padding:0 3px;}
	.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;}
	
	/* 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 .img_box .inner_box .sort {height: 20px; line-height: 20px; font-size: 13px;}

	/* 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 .txt_box .l_box {float: none; width: 100%;}
	.vi_board_list .txt_box .r_box {float: none; width: 100%; padding-top: 0;}
	.vi_board_list .tit {font-size: 1.2em;}
	/* .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_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 tbody td.date {width: 100%;}
	.board_list .mark {padding:2px 6px;}
	.board_list .state1 p, .board_list .state2 p {display: inline-block; padding: 2px 5px; font-size: 0.9em; }
	.new_mark {width:16px; height:16px; line-height:16px; margin-top:-8px; font-size:10px; font-weight:400;}
	.board_list .state {width: auto; height: auto; line-height: inherit; padding: 2px 5px; font-size: 13px;}
	.board_list .pay .regist {width: auto; height: auto; line-height: inherit; padding: 2px 5px; font-size: 13px;}
	
	/* board_view */
	.board_view_top {padding: 0 45px 20px;}
	.board_view_top .tit {font-size:1.33em;}
	.board_view_top .info .each:after {padding:0 10px;}
	.board_view_top .controler {left:0; width: 30px; height: 30px; line-height: 30px; margin-top: -15px;}
	.board_view_top .next {left:auto; right:0;}
	.board_view_file .tit {display:block; width:100%;}
	.board_view_file .file_box {display:block;}

	.board_view_top .state1, .board_view_top .state2, .board_view_top .video, .board_view_top .photo {width: 50px; height: 20px; line-height: 20px; font-size: 13px;}

	.depart_info {padding: 30px 20px;}
	.depart_info ul li {width: 100%; float: none;}
	.depart_info ul li:nth-last-child(2) {margin-bottom: 20px;}



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

	/* search page */
	.sch_each .img_box {float:none; width:100%; max-width:150px; margin:0 auto;}
	.sch_each .txt_box {float:none; width:100%;}

	/* basic_table */
	.basic_table_box.scroll {position:relative; z-index:1; overflow:auto; padding:20px 0; 
	background:url('../common/img/icon/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;}
	
	/* hi_board_list */
	
	/* 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 14px; /* background-size:24px; */}
	.faq_q_tit:after {content:""; display:block; position:absolute; right:13px; top:6px; width:20px; background-size:contain;}
	/* .faq_a_txt_box {padding:15px 35px 15px 45px;} */
	.faq_a_txt {font-size:13px;}
	.faq_down_btn {padding:2px 8px; border-width:1px; font-size:0.86em;}
	.faq_down_btn img {width:11px;}
	
	/* 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;}

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


/* */

.table-basic, .table-left, .table-left-bg {  
    width: 100%;
    border:1px solid var(--border-color);
    font-size: 14px;
}


.table-basic, .table-left, .table-left-bg p {
   margin:0px;line-height:22px;
}
.table-basic, .table-left, .table-left-bg{
    margin-bottom: 10px;
}



.table-basic th {background-color:#f7f7f7;}
.table-basic tr:hover {background-color:#f7f7f7;}

/* 측면 게시판 배경  color:var(--text-white); */
.table-left-bg th {font-size: 14px; width:20%;     font-weight:500;    background-color: var(--grey-sub-color);   border: 1px solid var( --border-color);}
.table-left-bg .sp {font-size: 14px; width:100%;     font-weight:500;   background-color: var(--grey-sub-color);   }
.table-left-bg .sp p{font-size: 14px; text-align: left;  font-weight:500;  }

.table-left-bg td {
    border-bottom: 1px solid var( --border-color);
    border-right: none;
    padding:10px;text-align: left;
}

.table-left-bg td textarea {
    border: 1px solid #DDD;
    width: 100%;
     max-height:120px;min-height:100px;text-align: left;
}

.table-left-bg td strong{ font-weight: 600; color:var(--primary-red);margin:0 4px 0px 4px;}
.table-left-bg td span{  margin-right:4px;}


/* before는 앞에 after는 뒤에 아이콘 표기 
.table-left-bg td strong:after{
  font-style: normal;
  font-weight: normal;
  font-family: "fontello";
  color: #999;
  text-align: center;
}

.table-left-bg td strong:after {
  content: "\ed72";
}
시*/

/* before는 앞에 after는 뒤에 일반 기호 표시 시*/


/* 마지막 인자에는 노출 안되게*/
.table-left-bg td strong:last-child:after,td span:last-child:after{  content: '';}
/* before는 앞에 after는 뒤에 일반 기호 표시 시*/
.table-left-bg td strong:after,td span:after { font-weight:500; color:var(  --border-color);  }
.table-left-bg td strong:after,td span:after {  content:' |';
}

/* 마지막 인자에는 노출 안되게*/
.table-left-bg td strong:last-child:after,td span:last-child:after{  content: '';}


@media (max-width: 767px) {
.table-left-bg th {font-size:12px; width: 65px;   text-align:left;padding-left:6px;  } 
.table-left-bg td{font-size: 12px; padding:7px ;}
.table-left-bg td strong{ font-size: 12px;}
.table-left-bg .sp {font-size: 12px; line-height:14px;   }
 .table-left-bg .sp p{font-size: 12px;line-height:14px;  }


}



/* 별평점 */

#comment-star {
    margin-top: 30px;
}
.star {
    display: none;
    margin: 0 auto;
    width: 70px;
    float: inherit;
    height: 18px;
}
.star-title {
    margin: 0px;
    text-align: center;
    font-size: 14px;
    color: #3d3d3d;
}
.star dd {
    float: left;
    margin: 0px;
}
.radio-circle {
    width: 20px;
    height: 20px;
    border: 4px solid #989898;
    border-radius: 100%;
    cursor: pointer;
    margin: 0 auto;
}    
.radio-active {
    border: 4px solid #e74c3c;
}



/* 페이지 네이션 */
.pageNation {
    text-align: center;
    margin: 0 auto;
    display: block;   
    display: table;
    text-align: center;
}
.pageNation li {
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 3px;
    border: 1px solid #d2d2d2;
    color: #d2d2d2;
    cursor: pointer;
}  
.pageNation li.active {
    color: #ec5d4f;;
    border: 1px solid #ec5d4f;
}
.pageNation li.first, .pageNation li.end {
    width: 40px;
}
.pageNation img {
    padding: 10px 0px;
}



/* 테이블 공통*/
.table-list { font-size: 16px;font-weight: 500;border-collapse: collapse;width:100%; border:0px solid #000;}
.table-list th, td {line-height:16px;border:0px solid var(--thm-gray2);;background-color:none;padding:5px;}
.table-list h6{width:250px; text-overflow:ellipsis; white-space:nowrap;  overflow:hidden !important;line-height:16px;paddong:0px;margin:0px;	/* 메인 공지게시판 목록 타이플*/	}	
.table-list th {border-bottom: 0px solid black;	}
 /* td:nth-child(3n),td:nth-child(4n) ,td:nth-child(5n){	text-align:right;	}.table-list td:nth-child(2n) {text-align:right;		} */
.table-list td:last-child {font-size: 12px;text-align:right;	}

@media screen and (max-width:767px){
.table-list { width:100%;	}
.table-list h6{width:200px; }	
}

.news_slider{ background: #ffffff; border-left:0px solid #000;   border-radius:6px;  padding:8px 5px 10px 5px ; margin-bottom:8px;font-size:10px;   font-weight:600; }

/* 테이블 공통*/
.table-list2 {width:100%; border:0px solid #000; }
.table-list2 img{max-width:40px ;max-height:20px; }
.table-list2 td {line-height:15px;border:0px solid #333;;background-color:none;padding:5px;text-align:left;}
.table-list2 td:nth-child(2) {text-align:left;	width:40%	}
/*.table-list2 td:last-child {font-size: 12px;text-align:right;	} */
.table-list2 td:nth-child(3n),td:nth-child(4n){	text-align:right;	}


@media screen and (max-width:767px){
.table-list2 { width:100%;	}
.table-list2 td {line-height:14px;border:0px solid #333;}
.table-list2 img{max-width:45px ;height:100%; }
.news_slider{   padding:5px 5px 5px 5px ; margin-top:0px;margin-bottom:8px; font-size:11px; }
.table-list2 td:nth-child(3n),td:nth-child(4n){font-size:10px;	}
	
}




.bordered tr:hover {
    background: #eaf1f9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered th {  background-color: #fafafa;
    border-left: 0px solid #ccc;border-bottom:1px solid #999;
    
    padding:10px;
    text-align: left; color:#444; font-weight:600;
}
.bordered td{border-bottom: 1px solid #d8d8d8; color: #4e4e4e;
    padding:10px;
    text-align: left;    
}


.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}





.bordered2 tr:hover {
    background: #eaf1f9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered2 th { 
    border-left: 0px solid #ccc;
    border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;
    padding:8px;
    text-align: center;    
}
.bordered2 td{
   
    padding:10px;
    text-align: left;    
}

.bordered2 th {
    background-color: #f4f4f4;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f4f4f4));
    background-image: -webkit-linear-gradient(top, #f0f0f0, #f4f4f4);
    background-image:    -moz-linear-gradient(top, #f0f0f0, #f4f4f4);
    background-image:     -ms-linear-gradient(top, #f0f0f0, #f4f4f4);
    background-image:      -o-linear-gradient(top, #f0f0f0, #f4f4f4);
    background-image:         linear-gradient(top, #f0f0f0, #f4f4f4);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.bordered2 td:first-child, .bordered2 th:first-child {
    border-left: none;
}





/*리스트*/
table.list				{width:100%; text-align:center; border-top:2px solid #94CBE2; border-left:1px solid #94CBE2;}
table.list th			{height:24px; font-weight:bold; border-bottom:1px solid #94CBE2; border-right:1px solid #94CBE2; background:#F2FBFE;}
table.list td			{height:25px; border-bottom:1px solid #94CBE2; border-right:1px solid #94CBE2; background:#fff;}
table.list td.subject	{padding-left:10px; text-align:left; }
table.list td.cal		{padding-right:5px; text-align:right; vertical-align:top;}
table.list td.num		{padding-right:5px; text-align:right;}
table.list td textarea	{width:99%;height:50px;}

/*리스트*/
table.list3				{width:100%; text-align:center; border-top:2px solid #94CBE2; border-left:1px solid #94CBE2;line-height:24px;}
table.list3 th			{height:24px; font-weight:bold; border-bottom:1px solid #94CBE2; border-right:1px solid #94CBE2; background:#F2FBFE;}
table.list3 td			{height:25px; border-bottom:1px solid #94CBE2; border-right:1px solid #94CBE2; background:#fff;}
table.list3 td.call 	{height:25px; border-bottom:1px solid #94CBE2; border-right:1px solid #94CBE2; background:#fff;color:#333;}
table.list3 td.subject	{padding-left:10px; text-align:left; }
table.list3 td.cal		{padding-right:5px; text-align:right; vertical-align:top;}
table.list3 td.num		{padding-right:5px; text-align:right;}
table.list3 td textarea	{width:99%;height:50px;}