@charset 'UTF-8';

/********** useful **********/
.hide {position:absolute; left:-9999px; overflow:hidden; width:1px; height:1px; line-height:1px; font-size:1px;}
caption {position:static; overflow:hidden; width:1px; height:1px; margin:0; padding:0; font-size:1px; text-indent:-9999px;}
.clearfix:after {content:""; 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;}
.fc_org {color:#FF795F;}
.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.break {word-break:break-all;}
.link_txt:hover {text-decoration:underline;}

.on_991 {display:none !important;}
.on_767 {display:none !important;}
.on_640 {display:none !important;}
.on_480 {display:none !important;}
.ib_991 {display:none !important;}
.ib_767 {display:none !important;}
.ib_640 {display:none !important;}
.ib_480 {display:none !important;}
.i_991 {display:none !important;}
.i_767 {display:none !important;}
.i_640 {display:none !important;}
.i_480 {display:none !important;}

.mt_5 {margin-top:5px;}
.mt_10 {margin-top:10px;}
.mt_15 {margin-top:15px;}
.mt_20 {margin-top:20px;}
.mt_25 {margin-top:25px;}
.mt_30 {margin-top:30px;}
.mt_40 {margin-top:40px;}
.mt_50 {margin-top:50px;}

.mb_5 {margin-bottom:5px;}
.mb_10 {margin-bottom:10px;}
.mb_15 {margin-bottom:15px;}
.mb_20 {margin-bottom:20px;}
.mb_25 {margin-bottom:25px;}
.mb_30 {margin-bottom:30px;}
.mb_40 {margin-bottom:40px;}
.mb_50 {margin-bottom:50px;}
.mb_60 {margin-bottom:60px;}

.pl_5 {padding_left:5px;}
.pl_10 {padding_left:10px;}
.pl_15 {padding_left:15px;}
.pl_20 {padding_left:20px;}
.pl_25 {padding_left:25px;}
.pl_30 {padding_left:30px;}
.pl_40 {padding_left:40px;}
.pl_50 {padding_left:50px;}

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

/* bullet list, txt */
.bar_list > li {margin-bottom:2px; padding-left:13px; background: url('/images/bull/bull_bar.jpg') 0px 8px no-repeat; word-break:keep-all;}
.bar_list > li:last-child {margin-bottom:0 !important;}
.dot_list > li {margin-bottom:2px; padding-left:13px; background: url('/images/bull/bull_dot.jpg') 2px 6px no-repeat; word-break:keep-all;}
.dot_list > li:last-child {margin-bottom:0 !important;}
.wdot_list > li {margin-bottom:2px; padding-left:13px; background: url('/images/bull/bull_wdot.png') 2px 6px no-repeat; color:#fff; word-break:keep-all;}
.wdot_list > li:last-child {margin-bottom:0 !important;}
.arr_list > li {margin-bottom:2px; padding-left:13px; background: url('/images/bull/bull_arr.png') 0px 7px no-repeat; word-break:keep-all;}
.arr_list > li:last-child {margin-bottom:0 !important;}
.num_list {padding-left:20px;}
.num_list > li {margin-bottom:2px; list-style-type:decimal; word-break:keep-all;}
.num_list > li:last-child {margin-bottom:0 !important;}
.abs_bull_list > li {position:relative; z-index:1; margin-bottom:2px; padding-left:20px; word-break:keep-all;}
.abs_bull_list.pd1 > li {padding-left:25px;}
.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; word-break:keep-all;}
.dot_txt {padding-left:13px; background: url('/images/bull/bull_dot.jpg') 2px 7px no-repeat; word-break:keep-all;}
.wdot_txt {padding-left:13px; background: url('/images/bull/bull_wdot.png') 2px 7px no-repeat; color:#fff; word-break:keep-all;}
.arr_txt {padding-left:13px; background: url('/images/bull/bull_arr.png') 0px 6px no-repeat; word-break:keep-all;}
/* // bullet list, txt */

/* sch_bar */
.sch_bar_box {margin-bottom:20px;}
.total_txt {margin-bottom:10px;}
.total_txt i {position:relative; top:1px;}
.total_txt .num {color:#e03321;}
.sch_bar_box .total_txt {float:left; margin-top:10px; margin-bottom:0;}
.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; height:40px; padding: 0 10px; border:1px solid #cacaca; border-right:0 none;}
.sch_btn {display:inline-block; float:left; width:85px; height:40px; line-height:40px; background-color:#5f6577; 
color:#fff; font-family:inherit; font-size:1em; font-weight:300; text-align:center; -webkit-transition:background-color 0.3s;
-moz-transition:background-color 0.3s; transition:background-color 0.3s;}
.sch_btn .ico {display:inline-block; padding-left:27px; background:url('/images/basic/sch_ico.png') 0 center no-repeat; background-size:18px;}
.sch_btn:hover, .sch_btn:focus {background-color:#355cb9;}
/* // sch_bar */

/* sub_sch_box */
.sub_sch_box {position:relative;z-index:1; padding:10px 20px;padding-right:120px; background-color: #f5f5f547;}
.sub_sch_box.rows2 {padding-right: 20px;}
.sub_sch_box .row {position: relative; 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: 90px;font-size:1.06em;vertical-align:middle;text-align: left;font-weight: 700;}
.sub_sch_box .slt_box {display:table-cell; padding-right:15px; vertical-align:middle;}
.sub_sch_box .slt_box.rig {position: relative;}
.sub_sch_box .slt_box.rig .slt_last {position: absolute;top: 0;right: 0;display: inline-block;width: 60px;height: 40px;line-height: 40px;text-align: center;font-size: 13px;color: #2b2a2a;}
.sub_sch_box .slt_box.two select {width: 49.3%;}
.sub_sch_box .slt_box.thr {font-size: 0;}
.sub_sch_box .slt_box.thr select {width: calc(33.33% - 4px); margin-right: 6px;}
.sub_sch_box .slt_box.thr select:last-child {margin-right: 0;}
.sub_sch_box select {width:100%;height:40px; background-color:#fff; border:0 none;border-radius:3px;color:#888;cursor:pointer;border: 1px solid #a9a9a9;}
.sub_sch_box .input_box {display:table-cell; padding-right:15px; vertical-align:middle;}

.predict {display: none; padding: 5px 0; border: solid 1px #d4dbee; background: #fff;}

.sub_sch_box input {width:100%;height:40px;padding: 0 15px;border:0 none;border-radius:3px;color:#555;border: 1px solid #a9a9a9;}
.sub_sch_box textarea {width:100%;height:200px;padding:15px;border:0 none;border-radius:3px;color:#555;border: 1px solid #a9a9a9;}
.sub_sch_box .input_box.style2 { position: relative; padding-right: 60px !important;}
.sub_sch_box .input_box.style2 {font-size:0;}
.sub_sch_box .input_box.style2 input {width:46%; padding:0 5px; padding-right:45px; font-size:13px; text-align:center; cursor:pointer;}
.sub_sch_box .input_box.style2 .date_wave {display:inline-block; width:8%; font-size:15px; text-align:center;}
.sub_sch_box .input_box.style2 .date_wave2 {width: 60px;height: 40px;line-height: 40px;position: absolute;right: 0;font-size: 13px;text-align: center;}
.sub_sch_box .input_box.date {font-size:0;}
.sub_sch_box .input_box.date input {width:46%; padding:0 5px; padding-right:45px; background: #fff url('/images/basic/cal_sch_ico.jpg') right center no-repeat; font-size:13px; text-align:center; cursor:pointer;}
.sub_sch_box .input_box.date .date_wave {display:inline-block; width:8%; font-size:15px; text-align:center;}

.sub_sch_box .row > *:last-child { padding-right:0; }
.st_sch_btn {display:block;position:absolute;right:20px;top:50%;z-index:1;overflow:hidden;width:90px;height:40px;margin-top:-20px;background-color: #ff795f;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('/images/basic/sch_ico.png') 0 center no-repeat; background-size:18px; color:#fff;}
.st_sch_btn:hover, .st_sch_btn:focus {background-color: #cc563f;}

.sub_sch_box.rows .st_sch_btn {height:90px; line-height:90px; margin-top:-45px;}
.sub_sch_box.rows2 .st_sch_btn {position: static;right: 0;margin-top: 10px;width: 100%;}

.sub_sch_box.skin2 {background-color:#FFF; border-top:2px solid #5f6577; border-bottom:1px solid #ebebeb; border-radius:0;}
.sub_sch_box.skin2 select, .sub_sch_box.skin2 input, .sub_sch_box.skin2 .input_box.date input {background-color:#f7f7f7;}
.sub_sch_box.skin2 select, .sub_sch_box.skin2 input, .sub_sch_box.skin2 .st_sch_btn {border-radius:0;}



/* sub_sch_box1 */
.sub_sch_box1 {position:relative;z-index:1;margin-bottom:40px;padding:10px 20px;padding-right:120px;background-color: #fff;}
.sub_sch_box1.rows2 {padding-right: 20px;}
.sub_sch_box1 .row {position: relative;margin-bottom:10px;}
.sub_sch_box1 .row:last-of-type {margin-bottom:0;}
.sub_sch_box1 label {display:table-cell;width: 90px;font-size:1.06em;vertical-align:middle;text-align: left;font-weight: 700;}
.sub_sch_box1 .slt_box {display:table-cell; padding-right:15px; vertical-align:middle;}
.sub_sch_box1 .slt_box.rig {position: relative;}
.sub_sch_box1 .slt_box.rig .slt_last {position: absolute;top: 0;right: 0;display: inline-block;width: 60px;height: 40px;line-height: 40px;text-align: center;font-size: 13px;color: #2b2a2a;}
.sub_sch_box1 .slt_box.two select {width: 49.3%;}
.sub_sch_box1 .slt_box.thr {font-size: 0;}
.sub_sch_box1 .slt_box.thr select {width: calc(33.33% - 4px); margin-right: 6px;}
.sub_sch_box1 .slt_box.thr select:last-child {margin-right: 0;}
.sub_sch_box1 select {width:100%;height:40px; background-color:#fff; border:0 none;border-radius:3px;color:#888;cursor:pointer;border: 1px solid #a9a9a9;}
.sub_sch_box1 .input_box {display:table-cell; padding-right:15px; vertical-align:middle;}
.sub_sch_box1 input {width:100%;height:40px;padding: 0 15px;border:0 none;border-radius:3px;color:#555;border: 1px solid #a9a9a9;}
.sub_sch_box1 textarea {width:100%;height:200px;padding: 0 15px;border:0 none;border-radius:3px;color:#555;border: 1px solid #a9a9a9;}
.sub_sch_box1 .input_box.style2 { position: relative; padding-right: 60px !important;}
.sub_sch_box1 .input_box.style2 {font-size:0;}
.sub_sch_box1 .input_box.style2 input {width:46%; padding:0 5px; padding-right:45px; font-size:13px; text-align:center; cursor:pointer;}
.sub_sch_box1 .input_box.style2 .date_wave {display:inline-block; width:8%; font-size:15px; text-align:center;}
.sub_sch_box1 .input_box.style2 .date_wave2 {width: 60px;height: 40px;line-height: 40px;position: absolute;right: 0;font-size: 13px;text-align: center;}
.sub_sch_box1 .input_box.date {font-size:0;}
.sub_sch_box1 .input_box.date input {width:46%; padding:0 5px; padding-right:45px; background: #fff url('/images/basic/cal_sch_ico.jpg') right center no-repeat; font-size:13px; text-align:center; cursor:pointer;}
.sub_sch_box1 .input_box.date .date_wave {display:inline-block; width:8%; font-size:15px; text-align:center;}

.sub_sch_box1 .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: #ff795f;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('/images/basic/sch_ico.png') 0 center no-repeat; background-size:18px; color:#fff;}
.st_sch_btn:hover, .st_sch_btn:focus {background-color: #cc563f;}

.sub_sch_box1.rows .st_sch_btn {height:90px; line-height:90px; margin-top:-45px;}
.sub_sch_box1.rows2 .st_sch_btn {position: static;right: 0;margin-top: 10px;width: 100%;}

.sub_sch_box1.skin2 {background-color:#FFF; border-top:2px solid #5f6577; border-bottom:1px solid #ebebeb; border-radius:0;}
.sub_sch_box1.skin2 select, .sub_sch_box1.skin2 input, .sub_sch_box1.skin2 .input_box.date input {background-color:#f7f7f7;}
.sub_sch_box1.skin2 select, .sub_sch_box1.skin2 input, .sub_sch_box1.skin2 .st_sch_btn {border-radius:0;}

.st_sch_btn1 {display:block;position:absolute;right:0px;top:50%;z-index:1;overflow:hidden;width:90px;height:40px;margin-top:-20px;background-color: #ff795f;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_btn1 .ico {display:inline-block; height:40px; line-height:40px; padding-left:27px; background:url('/images/basic/sch_ico.png') 0 center no-repeat; background-size:18px; color:#fff;}
.st_sch_btn1:hover, .st_sch_btn1:focus {background-color: #cc563f;}


/* 2018-07-04 개발추가 작업  */

.row_div {display: table-cell; width: 70%;}
.row_div .row_div2 {width: 55%;}
.row_div.slt { width: 25%;}
.row_div .slt_box select {width: 130px}
.row_div.slt .slt_box select {width: 130px}
.row_div.slt2 label {width: 90px;}

/* // sub_sch_box */

/* board_list */
.board_list {width:1200px; border-top:1px solid #000; text-align:center; border-collapse:collapse; table-layout:fixed;}
.board_list thead {/* border-bottom:1px solid #d5d5d5; background-color:#f7f7f7;*/ }
.board_list tbody tr {border-bottom: 1px solid #e8ebf054;-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 tbody tr.top:hover {background-color:#e3e3e3 !important; color:#355cb9;}
.board_list tbody tr.top:hover a {color:#355cb9;}
.board_list th {background-color: #f5f5f5; font-size: 14px; font-weight: 400;}
.board_list th, .board_list td {padding:13px 10px; /* border-left:1px solid #d5d5d5; */}
.board_list td.file {font-size:0;}
/* .board_list tr > *:first-child {border-left:0 none;} */
.board_list .tit {text-align:left;}
.board_list .tit a {display:inline-block; position:relative; z-index:1; overflow:hidden; max-width:100%; min-height:20px; padding-right:20px; vertical-align:top; text-overflow:ellipsis; white-space:nowrap;}
.board_list.none_detail .tit a {white-space:normal;}
.board_list .mark {display:inline-block; padding:4px 9px; background-color:#FFF; border:1px solid #2196f3; color:#2196f3; font-size:0.86em;}
.board_list .tit .mark {margin-right:5px;}
.mark.come {border-color:#2196f3 !important; color:#2196f3 !important;}
.mark.ing {background-color:#2196f3 !important; border-color:#2196f3 !important; color:#fff !important;}
.mark.end {border-color:#bbb !important; color:#666 !important;}
.new_mark {display:inline-block; position:absolute; right:0; top:50%; z-index:1; width:16px; height:16px; line-height:16px; margin-top:-8px; 
background-color:#e03321; border-radius:50%; color:#fff; font-family:sans-serif; font-size:11px; text-align:center;}
.board_list .file a {display:inline-block;}

/* board_list2 */
.board_list2 {border-top:2px solid #5f6577;}
.board_list2 > li {display:table; width:100%; border-bottom:1px solid #ebebeb; border-collapse:collapse; table-layout:fixed;}
.board_list2 > li:hover {background-color:#f7f7f7;}
.board_list2 > li.top {background-color:#fcf0f0;}
.board_list2 .left {display:table-cell; width:90px; padding:0 5px; text-align:center; vertical-align:middle;}
.board_list2 .right {display:table-cell; padding:25px 20px 25px 5px; vertical-align:middle;}
.board_list2 .tit {margin-bottom:5px;}
.board_list2 .tit a {display:inline-block; position:relative; z-index:1; overflow:hidden; max-width:100%; min-height:20px; padding-right:25px; font-size:1.33em; text-overflow:ellipsis; white-space:nowrap;}
.board_list2 .info_box li {display:inline-block; color:#777; vertical-align:middle;}
.board_list2 .info_box li:after {content:"|"; display:inline-block; margin-top:-5px; padding:0 10px; color:#d7d7d7; font-size:10px; vertical-align:middle;}
.board_list2 .info_box li:last-child:after {display:none;}
.board_list2 .info_box li i {margin-right:5px; vertical-align:middle;}
.board_list2 .info_box .txt {display:inline-block; vertical-align:middle;}
.board_list2 .info_box img {vertical-align:middle;}

.pagination.skin2 a {line-height:32px; color:#5f5f5f; border:1px solid #dedede;}
.pagination.skin2 a:hover, .pagination.skin2 a:focus, .pagination.skin2 .active {background-color:#2196f3; border-color:#2196f3; color:#fff !important;}
/* // board_list */

/* hi_board_list */
.hi_board_list {overflow:hidden; padding-top:20px;}
.hi_board_list > li {float:left;width:23.75%;margin-right:1.66%;margin-bottom:35px; padding-bottom: 10px; overflow: hidden;}
.hi_board_list > li {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.hi_board_list > li.on {background-color:#efefef;}
.hi_board_list > li .img_box .sort_box {position: absolute; top: 0; width: 100%; text-align: center; background-color: rgba(68, 68, 68, 0.7); color:#fff; height: 30px;line-height: 30px; font-size: 14px; z-index:10;}
.hi_board_list > li .img_box .inner_box{transition: all 0.5s ease-in-out;}
.hi_board_list > li:hover .img_box .inner_box {transform: scale( 1.2 );}


.hi_board_list > li:nth-child(4n) {margin-right:0;}
.hi_board_list > li:nth-child(4n+1) {clear:both;}
.hi_board_list > li > a {display:block;}
.hi_board_list .img_box {position:relative; z-index:1; overflow:hidden; margin-bottom:15px; padding-bottom:60%; border-radius: 3px; background-color:#f7f7f7; text-align:center;}
.hi_board_list .img_box .inner_box {position:absolute; left:0; top:0; z-index:1; width:100%; height:100%;}
.hi_board_list .img_box .mark {display:inline-block; position:absolute; left:0; top:0; z-index:2; height:25px; line-height:25px; padding:0 10px; background-color:#f4511e; color:#fff; font-size:14px;width: -webkit-fill-available;opacity: 0.8;filter: alpha(opacity=10);}
.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.5) url('/images/basic/video_bg.png') center center no-repeat;}
.hi_board_list .txt_box {padding:0 10px; border-bottom: 1px solid rgb(226, 226, 226);}
.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.3em; line-height:1.2em; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.hi_board_list > li > a:hover .tit {color: #ff795f;}
.hi_board_list .new_mark, .vi_board_list .new_mark {position:static; width:18px; height:18px; line-height:18px; margin-top:0; margin-right:3px; vertical-align:top;}
.hi_board_list .info_box {height:16px; color:#777; font-size:0.93em; border-top:0; padding:0; margin:10px;}
.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:-1px; 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 > li:hover {background-color: #f2f7fb;-webkit-box-shadow: 0px 5px 8px rgba(182,182,182,0.65); -moz-box-shadow: 0px 5px 8px rgba(182,182,182,0.65); box-shadow: 0px 5px 8px rgba(182,182,182,0.65);}
*/
/* // hi_board_list */

/* vi_board_list */
.vi_board_list {padding-top:10px;}
.vi_board_list > li {overflow:hidden; padding: 20px 0; border-top:1px dashed #ccc;}
.vi_board_list > li:first-child {padding-top:0; border-top:0 none;}
.vi_board_list .link_box {display:block;}
.vi_board_list .img_box {float:left; overflow:hidden; width:23%; background-color:#f7f7f7; text-align:center;}
.vi_board_list .img_box img {max-height:155px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.vi_board_list .link_box:hover img, .vi_board_list .link_box:focus img {-webkit-transform:scale(1.3); -moz-transform:scale(1.3); transform:scale(1.3);}
.vi_board_list .mid_helper {display:none;}
.vi_board_list .txt_box {float:right; width:73%; padding-top:10px;}
.vi_board_list .sort {margin-bottom:3px; color:#2196f3; font-weight:500;}
.vi_board_list .tit {overflow:hidden; margin-bottom:15px; font-size:1.06em; white-space:nowrap; text-overflow:ellipsis;}
.vi_board_list .txt {display:-webkit-box; overflow:hidden; height:3.6em; line-height:1.2em; margin-bottom:20px; color:#777;
-webkit-line-clamp:3; -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;}
.vi_board_list .info_box .each {display:inline-block; font-size:14px;}
.vi_board_list .info_box .each:after {content:"|"; display:inline-block; margin-top:-1px; padding:0 8px; font-size:10px; vertical-align:middle;}
.vi_board_list .info_box .each:last-child:after {display:none;}
/* // vi_board_list */

/* board_view */
.board_view {border-bottom:1px solid #d7d7d7;}
.board_view_top {position:relative; z-index:1; padding:30px 65px 20px; border-bottom: 2px solid #5f6577; text-align:center;}
.board_view_top .mark_box {height: 25px; margin-bottom:10px;}
.board_view_top .mark {display:inline-block; margin-top:-2px; padding:4px 10px 2px; border:1px solid #2196f3; border-radius:3px; color:#2196f3; font-size:15px; font-weight:400; vertical-align:middle;}
.board_view_top .mark.new {background-color:#ff9000; color:#fff;}
.board_view_top .mark.top {background-color:#f4511e; border-color:#f4511e; color:#fff;}
.board_view_top .tit {display:block; margin-bottom:20px; font-size:1.6em; font-weight:700;}
.board_view_top .tit .mark {margin-top:-2px; margin-right:3px;}
.board_view_top .info {color:#777; font-size:0;}
.board_view_top .info .each {display:inline-block; font-size:15px;}
.board_view_top .info .each:after {content:"|"; display:inline-block; margin-top:-2px; padding:0 15px; color:#d7d7d7; font-size:12px; vertical-align:middle;}
.board_view_top .info .each:last-child:after {display:none;}
.board_view_top .controler {position:absolute; left:20px; top:50%; z-index:1; width:30px; height:40px; line-height:40px; margin-top:-15px; color:#355cb9; font-size:30px; text-align:center;}
.board_view_top .controler.non_active {color:#e3e3e3;}
.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:20px;}

.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('/images/basic/attach_ico.png') 0 3px no-repeat;}
.board_view_file .file_each:last-child {margin-bottom:0;}
.board_view_file .file_each a:hover {text-decoration:underline;}

/* board_view.skin2 */
.board_view.skin2 .board_view_top .info .each i {margin-right:5px; vertical-align:middle;}
.board_view.skin2 .board_view_top .info .each .txt {display:inline-block; vertical-align:middle;}
.board_view.skin2 .board_view_file {background-color:#f7f7f7;}
.board_view.skin2 .board_view_file .tit {display:none;}
.board_view.skin2 .board_view_file .file_box {padding:25px;}
/* // board_view */

/* board_write */
.bw_top_txt {margin-bottom:10px; color:#777; text-align:right;}
.bw_top_txt img {vertical-align:middle;}
.board_write {width:100%; border-spacing: 0; border-collapse:collapse; border-top:2px solid #5e5e5e;}
.board_write tr {border-bottom:1px solid #d9d9d9;}
.board_write th, .board_write td {padding:15px 20px; vertical-align:middle;}
.board_write th {border-right:1px solid #d9d9d9; background-color:#f7f7f7; text-align:left;}
.board_write tr * {vertical-align:middle;}
.board_write input[type="text"], .board_write input[type="password"], .board_write select {height:40px; border:1px solid #cacaca; border-radius:3px;}
.board_write input[type="text"], .board_write input[type="password"] {padding:0 5px;}
.board_write textarea {border:1px solid #cacaca;}
.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:100%; max-width:500px;}
.board_write .email_input {width:100%; max-width:150px;}
.date_input {width:110px; padding:0 5px 0 30px; background:url('/images/basic/cal_ico.png') 5px center no-repeat; text-align:center; cursor:pointer;}
.board_write .short_input {width: 70px;}
.board_write .middle_input {width:100%; max-width:200px;}
.board_write .long_input {width:100%; max-width:500px;}
.board_write .full_input {width: 100%;}
.bw_in_btn {display:inline-block; text-align: center;height:30px;width: 80px;line-height:30px;padding: 0 10px;background-color:#ff795f;color:#fff;font-size:0.93em;vertical-align:top !important;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;border: 1px solid #ff795f;}
.bw_in_btn:hover, .bw_in_btn:focus {background-color:#fff; color: #ff795f;}
.write_sup_txt {display:inline-block; font-size:0.93em;}
.th_star {margin:5px 3px;}



.attach_box {position:relative; z-index:1; max-width:700px;}
.attach_input {position:absolute; left:0; top:0; z-index:1; visibility:hidden;}
.attach_vbox {position:relative; z-index:1; padding-right:85px;}
.attach_vinput {width:100%; height:30px !important; padding:0 5px; cursor:pointer;}
.attach_btn {display:block; position:absolute; right:0; top:0; z-index:1; width:80px; height:30px; line-height:28px; background-color:#7b839b; 
border: 1px solid #7b839b; color:#fff; font-size: 0.93em; text-align:center; cursor:pointer; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.attach_btn:hover {background-color:#fff !important; 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:#ff795f;}
.radio_each input:checked + label .vradio .cir {background-color:#ff795f;}
.radio_each input:focus + label .vradio {outline:1px dotted #000; outline:-webkit-focus-ring-color auto 5px;}

.chk_each {display: inline-block; vertical-align: middle;}
.chk_each label {position: relative; z-index: 1; padding-left: 20px; cursor:pointer;}
.chk_each .vchkbox {display: block; position: absolute; left: 0; top: 1px; z-index: 1; width: 15px; height: 15px; border: 1px solid #cacaca; font-size: 0;}
.chk_each input:checked + label .vchkbox {background: url('/images/basic/chkbox_ico.png') center center no-repeat; border-color: #2295fe;}
.chk_each input:focus + label .vchkbox {outline:1px dotted #000; outline:-webkit-focus-ring-color auto 5px;}

/* board_write.skin2 */
.board_write.skin2 th {background-color:#FFF; border:0 none;}
.board_write.skin2 tr {border:0 none;}
.board_write.skin2 input[type="text"], .board_write.skin2 input[type="password"], .board_write.skin2 select {height:40px;}
.board_write.skin2 .bw_in_btn {height:40px; line-height:40px;}
.board_write.skin2 .attach_vinput {height:40px !important;}
.board_write.skin2 .attach_btn {height:40px; line-height:38px; background-color:#9a9a9a; border-color:#9a9a9a;}
/* // board_write */

/* qna */
.qna_q_box {padding:30px 20px;}
.qna_box .tit {height:30px; line-height:30px; padding-left:37px; background:url('/images/basic/bd_q_ico.png') 0 center no-repeat; font-size:1.26em;}
.qna_box .qna_q_box .tit {margin-bottom:20px;}
.qna_box .qna_a_box .tit {background-image:url('/images/basic/bd_a_ico.png');}
.qna_box .txt {line-height:1.8; padding:0 10px;}
.qna_a_box {background-color:#fcfcfc;}
.qna_a_top {position:relative; z-index:1; padding:17px 20px; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.qna_a_top .qna_info_box {position:absolute; right:30px; top:23px; z-index:1; color:#777; font-size:0.93em;}
.qna_a_top .qna_info_box .each:before {content:"|"; display:inline-block; margin-top:-5px; padding:0 10px; color:#777; font-size:10px; vertical-align:middle;}
.qna_a_top .qna_info_box .each:first-child:before {display:none;}
.qna_box .qna_a_box .txt {padding:40px 30px; color:#838383;}

/* faq */
.faq_list {padding-top:15px; border-top:2px solid #5f6477;}
.faq_list > li {margin-bottom:15px;}
.faq_list > li:last-child {margin-bottom:0;}
.faq_q_tit {position:relative; z-index:1; overflow:hidden; padding:18px 50px 18px 65px; background:url('/images/basic/bd_q_ico_off.png') 20px 12px no-repeat; border:1px solid #d5d5d5; white-space:nowrap; text-overflow:ellipsis; cursor:pointer; transition:all 0.3s;}
.faq_q_tit:after {content:""; display:block; position:absolute; right:20px; top:50%; z-index:1; width:14px; height:7px; margin-top:-4px; 
background:url('/images/basic/mid_arr_down.png') center center no-repeat;}
.faq_a_txt_box {display:none; padding:15px 50px 15px 65px; background-color:#f7f7f7; border:1px solid #d5d5d5; border-top:0 none;}
.faq_a_txt {line-height:1.5; color:#838383;}
.faq_down_box {margin-top:8px; text-align:right;}
.faq_down_btn {display:inline-block; height:40px; line-height:40px; padding:0 10px 0 20px; background-color:#fff; border:1px solid #2196f3; color:#2196f3; font-size:1.06em; transition:all 0.3s;}
.faq_down_btn:hover {background-color:#2196f3; color:#fff;}
.faq_down_btn i {margin-left:15px; margin-top:-2px; background-color:#FFF; color:#000; font-size:1.53em; vertical-align:text-top;}

.faq_list > li.on .faq_q_tit {overflow:visible; background-image:url('/images/basic/bd_q_ico.png'); white-space:normal;}
.faq_list > li.on .faq_q_tit:after {background-image:url('/images/basic/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('/images/basic/member_ico.png') 0 center no-repeat; font-size:15px; vertical-align:middle;}
.comment_info .id:after {content:"|"; display:inline-block; margin-top:-5px; padding:0 10px; color:#acacac; font-size:10px; vertical-align:middle;}
.comment_info .date {display:inline-block; color:#acacac; font-size:13px; vertical-align:middle;}
.comment_txt {line-height:1.6;}
.comment_util {overflow:hidden; margin-top:20px; font-size:0;}
.comment2_open_btn {float:left; padding-left:16px; background: url('/images/basic/pen_ico_red.png') 0 center no-repeat; background-size:12px; color:#f3521e; font-family:Noto Sans KR; font-size:13px; vertical-align:middle;}
.comment_util_btn_box {float:right;}
.comment_util_btn {display:inline-block; width:35px; height:20px; line-height:18px; margin-left:5px; background-color:#f8f8f8; border:1px solid #d7d7d7; font-size:12px; text-align:center; vertical-align:middle; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.comment_util_btn:hover, .comment_util_btn:focus {background-color:#dfdfdf;}
.comment2_view {display:none; margin-top:20px; padding:15px 5%; background-color:#f7f7f7;}
.comment2_list > li {padding:15px 0; border-top:1px solid #d7d7d7;}
.comment2_list > li:first-child {border-top:0 none;}
.comment2_list .comment_txt {margin-bottom:0; color:#838383;}
.comment2_list .comment_util {margin-top:10px;}
.comment_edit_box {position:relative; z-index:1; padding-right:50px;}
.comment_edit_textarea {display:block; width:100%; height:50px; padding:10px; resize:none;}
.comment_word_count2 {margin-top:2px; padding-right:5px; color:#777; text-align:right;}
.comment_edit_box .btn {display:block; position:absolute; right:0; top:0; z-index:1; width:50px; height:50px; line-height:50px; background-color:#979797; color:#fff; font-size:0.93em; text-align:center; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.comment_edit_box .btn:hover, .comment_edit_box .btn:focus {background-color:#565555;}
/* // 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:0px;}
.pagination .page_arrow.r1 {margin-left:0px;}

/* common_btn */
.btn_wrap {padding-top: 25px; text-align:right;}
.common_btn {display:inline-block;width:80px; 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;border-radius: 3px;}
.common_btn:first-child {margin-left: 0;}
.common_btn:hover, .common_btn:focus {background-color:#f7f7f7; color:#777;}
.common_btn.regist {background-color:#ff795f; border-color:#ff795f;}
.common_btn.regist:hover, .common_btn.regist:focus {background-color: #fff; color: #ff795f;}
.common_btn.ok {background-color:#ff795f;border-color:#ff795f;  min-width: 80px;}
.common_btn.ok:hover, .common_btn.ok:focus {background-color:#fff; color:#ff795f;}
.common_btn.update {display: block; height: 25px; line-height: 25px; margin: 0 auto 5px; background-color:#2196f3; border-color:#2196f3;}
.common_btn.update:hover, .common_btn.update:focus {background-color:#fff; color:#2196f3;}
.common_btn.next {background-color:#2196f3; border-color:#2196f3;}
.common_btn.next:hover, .common_btn.next:focus {background-color:#fff; color:#2196f3;}
.common_btn.cancel {background-color:#9a9a9a; border-color:#9a9a9a;  min-width: 80px;}
.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:#ea4c4c; border-color:#ea4c4c;  min-width: 80px;height: 25px;line-height: 22px; margin: 0 auto 5px;}
.common_btn.delete:hover, .common_btn.delete:focus {background-color:#FFF; color:#ea4c4c;}
.common_btn.map {width: 30px; height: 20px; line-height: 18px; font-size: 11px; background-color: #ff795f; border: 1px solid #ff795f;}
.common_btn.map:hover, .common_btn.map:focus {background-color: #fff; color: #ff795f;}
.common_btn.copy {display: block; height: 25px; line-height: 22px; margin: 0 auto 5px; background-color:#48aec4; border-color:#48aec4;}
.common_btn.copy:hover, .common_btn.copy:focus {background-color:#FFF; color:#48aec4;}

.common_btn.apt {width: 80px; height: 30px; line-height:30px; font-size: 11px; background-color: #ff795f; border: 1px solid #ff795f;}
.common_btn.apt:hover, .common_btn.map:focus {background-color: #fff; color: #ff795f;}

.common_btn.oks {background-color:#ff795f; border-color:#ff795f;;height: 25px;line-height: 22px; margin: 0 auto 5px;}
.common_btn.oks:hover, .common_btn.regist:focus {background-color: #fff; color: #ff795f;}


.common_btn.map1 {margin-top: 5px;height: 24px;line-height: 23px;font-size: 11px;background-color: #ff795f;border: 1px solid #ff795f;}
.common_btn.map1:hover, .common_btn.map1:focus {background-color: #fff; color: #ff795f;}

/* // common_btn */

/* login basic */
.bdt_bg_box {position:relative; padding: 30px 30px 60px; background: #fff;box-shadow: 0 4px 6px rgba(147, 153, 153, 0.47);border-radius: 8px;}
.bdt_bg_box.login {max-width: 450px;margin:0 auto;}
.login_box {display:table; width:100%; border-collapse:collapse; table-layout:fixed;}
.login_box .left {display:table-cell; width:40%; text-align:center; vertical-align:top;}
.login_box .right {display:table-cell;vertical-align:middle;}
.login_box .tit {margin-bottom: 30px;font-size: 30px;}
.login_form {position:relative;z-index:1;}
.login_form .row {display: block;width:100%;margin-bottom: 15px;border-collapse:collapse;overflow: hidden;}
.login_form .row.pwd {margin-bottom:0;}
.login_form .row .row_right {float: right; margin-top: 10px; font-size: 14px;}
.login_form label {display: block;width:70px;vertical-align:middle;font-size: 16px;margin-bottom: 10px;}
.login_form .input_box {display: block;}
.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: relative;z-index:1;width: 100%;height: 49px;margin-top: 20px;margin-bottom:10px;line-height: 40px;background-color:#ff795f;border:1px solid #ff795f;color:#fff;font-size: 16px;text-align:center;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;border-radius: 5px;}
.login_btn:hover {background-color:#fff; color:#ff795f;}
.login_util_menu {overflow:hidden;margin-top: 30px;padding-left: 10px;}
.login_util_menu li {margin-right:10px;font-size: 15px;margin-bottom: 5px;text-align: center;}
.login_util_menu li:last-child {margin-right:0;}
.login_util_menu li a {background-size:13px;color: #ff795f;margin-left: 10px;}
.login_util_menu li.sch a {}

.bdt_bg_boxs {}
.bdt_bg_boxs.login {max-width: 450px;margin:0 auto;}


/* // 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 .each_box.home_box {padding: 0 5%;}
.idpw_find_box .tit {margin-bottom:25px; font-size:1.46em; text-align:center;}
.find_form {max-width:330px; margin:0 auto;}
.find_form .row {display:table; width:100%; margin-bottom:5px; border-collapse:collapse;}
.find_form .row.pwd {margin-bottom:0;}
.find_form label {display:table-cell; width:50px; vertical-align:middle;}
.find_form .input_box {display:table-cell; padding-right:50px;}
.find_form input {width:100%; height:40px; padding:0 10px; border:1px solid #cacaca; border-radius:2px; font-size:1.06em; vertical-align:middle;}
.find_form .txt {margin-top:10px; padding-left:50px; color:#777;}
.find_form .btn_wrap {text-align:center;}
.btn_wrap.ver4 .common_btn {width:100%; margin-bottom: 15px;}

/* 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('/images/basic/jstep_img1.png') center 0 no-repeat; color:#838383; text-align:center;}
.join_step li.li02 {background-image:url('/images/basic/jstep_img2.png');}
.join_step li.li03 {background-image:url('/images/basic/jstep_img3.png');}
.join_step li.li04 {background-image:url('/images/basic/jstep_img4.png');}
.join_step li.li05 {background-image:url('/images/basic/jstep_img5.png');}
.join_step li.on {background-image:url('/images/basic/jstep_img1_on.png'); color:#5f6477;}
.join_step li.li02.on {background-image:url('/images/basic/jstep_img2_on.png');}
.join_step li.li03.on {background-image:url('/images/basic/jstep_img3_on.png');}
.join_step li.li04.on {background-image:url('/images/basic/jstep_img4_on.png');}
.join_step li.li05.on {background-image:url('/images/basic/jstep_img5_on.png');}
.join_step li:after {content:""; display:block; position:absolute; right:-5px; top:50%; z-index:1; width:11px; height:22px; margin-top:-11px; background:url('/images/basic/jstep_arr.png') center center no-repeat;}
.join_step li.on:after {background-image:url('/images/basic/jstep_arr_on.png');}
.join_step li:last-child:after {display:none;}

.join_step.type2 li {background-image:url('/images/basic/jstep2_img1.png');}
.join_step.type2 li.li02 {background-image:url('/images/basic/jstep2_img2.png');}
.join_step.type2 li.li03 {background-image:url('/images/basic/jstep2_img3.png');}
.join_step.type2 li.li04 {background-image:url('/images/basic/jstep2_img4.png');}
.join_step.type2 li.li05 {background-image:url('/images/basic/jstep2_img5.png');}
.join_step.type2 li.on {background-image:url('/images/basic/jstep2_img1_on.png');}
.join_step.type2 li.li02.on {background-image:url('/images/basic/jstep2_img2_on.png');}
.join_step.type2 li.li03.on {background-image:url('/images/basic/jstep2_img3_on.png');}
.join_step.type2 li.li04.on {background-image:url('/images/basic/jstep2_img4_on.png');}
.join_step.type2 li.li05.on {background-image:url('/images/basic/jstep2_img5_on.png');}

.jts_txt_box {margin-bottom:30px; text-align:center;}
.jts_txt1 {margin-bottom:10px; font-size:2em;}
.jts_txt1 .strong {color:#2196f3; font-weight:700;}
.jts_txt2 {color:#777; font-size:1.06em;}

.join_type_box {overflow:hidden; max-width:830px; margin:0 auto;}
.join_type_box .each_box {float:left;width:48%;margin-left:4%;text-align:center;}
.join_type_box .each_box:first-child {margin-left:0;}
.join_type_box .tit {margin-bottom:15px; font-size:1.46em; font-weight:500;}
.join_type_box .txt {margin-bottom:30px; color:#777;}
.join_type_box .circle {display:inline-block; width:200px; height:200px; margin-bottom:30px; background:#fafafa url('/images/basic/jtype_img1.png') center center no-repeat; border-radius:50%;}
.join_type_box .each_box:last-child .circle {background-image:url('/images/basic/jtype_img2.png');}
.join_type_box .btn_wrap {padding-top:0; text-align:center;}
.join_type_box .btn_wrap .common_btn {width:95px; background: #ff795f; border: 1px solid #ff795f;}
.join_type_box .btn_wrap .common_btn:hover {background: #fff; color: #ff795f;}


.join_type_box1 {overflow:hidden; max-width:400px; margin:0 auto;}
.join_type_box1 .each_box {float:left;width:100%;margin-left:4%;text-align:center;}
.join_type_box1 .each_box:first-child {margin-left:0;}
.join_type_box1 .tit {margin-bottom:15px; font-size:1.46em; font-weight:500;}
.join_type_box1 .txt {margin-bottom:30px; color:#777;}
.join_type_box1 .circle {display:inline-block; width:200px; height:200px; margin-bottom:30px; background:#fafafa url('/images/basic/jtype_img1.png') center center no-repeat; border-radius:50%;}
.join_type_box1 .each_box:last-child .circle {background-image:url('/images/basic/jtype_img2.png');}
.join_type_box1 .btn_wrap {padding-top:0; text-align:center;}
.join_type_box1 .btn_wrap .common_btn {width:95px; background: #ff795f; border: 1px solid #ff795f;}
.join_type_box1 .btn_wrap .common_btn:hover {background: #fff; color: #ff795f;}


/* // 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('/images/basic/certi_ipin.png') center 0 no-repeat; font-size:1.46em;}
.certi_box .each_box.phone .tit {background-image:url('/images/basic/certi_phone.png');}
.certi_box .txt {max-width:400px; height:60px; margin:0 auto 25px; color:#777; word-break:keep-all;}
.certi_box .btn_wrap {padding-top:0; text-align:center;}
.certi_box .common_btn {width:190px;}
.certi_box.one .each_box {float:none; width:100%; border: 0 none;}

/* agree_box */
.total_agree_box {padding: 20px 0; border-top: 2px solid #777; border-bottom: 1px solid #bbb;}
.agree_box {margin-bottom: 20px;}
.agree_box:last-child {margin-bottom: 0;}
.agree_tit {margin-bottom: 15px; font-size: 1.2em;}
.agree_box .scroll_box {overflow-y:auto; height:130px; 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('/images/basic/chkbox_ico2.png');}

/* complete basic */
.complete_box {text-align: center;}
.complete_box img {margin-bottom: 40px;}
.complete_box .txt1 {margin-bottom: 15px; font-size: 2em;}
.complete_box .txt1 .strong {color: #ff795f;font-weight: 500;}
.complete_box .txt2 {color: #777; font-size: 1.06em;}

/* pwd_check */
.pwd_check_box {text-align:center;}
.pwd_check_box .txt1 {margin-bottom:30px; font-size:1.26em; font-weight:500;}
.pwd_check_box label {font-size:1.13em;}
.pwd_check_box input {width:230px; height:40px; text-align:center; vertical-align:top;}

/* leave basic */
.bdt_bg_box.leave {margin-bottom:50px; padding:30px;}
.leave_box {display:table; width:100%; border-collapse:collapse; table-layout:fixed;}
.leave_box .left {display:table-cell; width:20%; padding-right:15px; text-align:center; vertical-align:middle;}
.leave_box .dot_list li {margin-bottom:5px;}
.leave_box .right {display:table-cell; vertical-align:top;}
.leave_box .txt1 {margin-bottom:20px; font-size:1.13em; font-weight:500;}

/* total_sch */
.tsch_keyword {color:#ff3600;}
.total_sch_result_txt {margin-bottom: 35px; font-size: 1.6em; text-align: center;}
.total_sch_result_txt .keyword {color: #2196f3; font-weight: 500;}
.total_sch_result_txt .num {color: #ff3600;}
.total_sch_tab {overflow: hidden; margin-bottom: 80px;}
.total_sch_tab li {display: table; float: left; width: 14%; border: 1px solid #dfdfdf; border-left: 0 none; border-collapse: collapse; table-layout: fixed;}
.total_sch_tab li:first-child {border-left: 1px solid #dfdfdf;}
.total_sch_tab li a {display: table-cell; height: 60px; line-height: 1.1; font-size: 1.06em; text-align: center; vertical-align: middle;}
.total_sch_tab li a:hover, .total_sch_tab li a.on {background-color: #eee;}
.total_sch_tab .num_txt {display: inline-block;font-size: 0.90em;}
.total_sch_tab .num {color: #ff3600;}

.total_catecory_list {position: relative; width: 1200px;}
.total_catecory_list > li {position: relative; z-index: 1; margin-bottom: 70px;}
.total_catecory_list > li:last-child {margin-bottom: 0;}
.sch_category_tit {margin-bottom: 15px; padding-right: 90px; font-size: 1.6em; font-weight: 500;}
.sch_category_tit .num {color: #ff3600;}
.sch_result_menu_list {padding-top: 18px; border-top: 1px solid #5c5c5c;}
.sch_result_menu_list li {margin-bottom:10px; padding-left: 12px; background: url('/images/bull/bull_square.jpg') 0 8px no-repeat;}
.sch_result_menu_list li:last-child {margin-bottom: 0;}
.sch_result_menu_list li a:hover {text-decoration: underline;}
.sch_result_page_list {padding-top: 25px; border-top: 1px solid #5c5c5c;}
.sch_result_page_list li {display: table; width: 100%; margin-bottom: 25px; border-collapse: collapse; table-layout: fixed;}
.sch_result_page_list li:last-child {margin-bottom: 0;}
.sch_result_page_list li .tit {display: inline-block; position: relative; z-index: 1; max-width:100%; margin-bottom:10px; padding-right: 80px;}
/* .sch_result_page_list.type2 li .tit {padding-right: 90px;} */
.sch_result_page_list li .tit .tit_link {display:inline-block; overflow:hidden; max-width:100%; font-size:1.33em; white-space:nowrap; text-overflow:ellipsis;}
.sch_result_page_list li .tit a:hover {text-decoration:underline;}
.sch_result_page_list li .txt {display:-webkit-box; overflow:hidden; max-height:3.2em; line-height:1.6; margin-bottom: 10px; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.sch_result_page_list .depth {padding-left: 15px; background: url('/images/basic/bull_line1.png') 0 3px no-repeat; color: #888;}
.new_window_link {display: block; position: absolute; right: 0; top: 3px; z-index: 1; padding-left: 18px; background: url('/images/basic/new_win_ico.png') 0 4px no-repeat;}
.tsch_attach_mark {display: block; position: absolute; right: 0; top: 3px; z-index: 1; width: 70px; height: 22px; background: url('/images/basic/attach_mark.jpg') 0 0 no-repeat;}
.sch_result_page_list .img_box {display:table-cell; width: 15.83%; padding-right: 2.5%; font-size: 0; text-align: center; vertical-align: top;}
.sch_result_page_list .img_box a {display: block; overflow: hidden; height:120px; background-color: #ebebeb;}
.sch_result_page_list .img_box img {vertical-align: middle; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.sch_result_page_list .img_box a:hover img {-webkit-transform:scale(1.3); -moz-transform:scale(1.3); transform:scale(1.3);}
.sch_result_page_list .img_box a:after {content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle;}
.sch_result_page_list .txt_box {display:table-cell; vertical-align: top;}
.sch_result_page_list .date {position: absolute; right: 0; top: 3px; z-index: 1; color: #888; font-size: 0.93em;}
/*.total_sch_file_box {margin-top: 15px;}
.total_sch_file_box .file_each {margin-bottom: 7px;}
.total_sch_file_box .file_each:last-child {margin-bottom: 0;}
.total_sch_file_box .file_each img {margin-right: 5px; vertical-align: baseline;}
.total_sch_file_box .file_each .down_txt {margin-right: 10px;}
.total_sch_file_box .file_each .down_txt:hover {text-decoration: underline;}
.doc_trans_btn {display: inline-block; width: 70px; height: 20px; line-height: 20px; background-color:#4677a9; border-radius:3px; color:#fff; font-size:0.86em; text-align: center; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.doc_trans_btn:hover {background-color: #25496d;}*/
.total_sch_more_txt {position: absolute; right: 0; top: 15px; z-index: 1; font-size: 1.2em; text-align: right;}
.total_sch_more_txt a:hover, .total_sch_more_txt a:focus {text-decoration: underline;}
.total_sch_more_txt i {margin-left: 5px;}

/* .total_catecory_list .list_style1 {overflow: hidden;} */

/* basic_table */
.basic_table {width:100%; border-spacing: 0; border-collapse:collapse; border-top:1px solid #000;}
.basic_table th, .basic_table td {padding:18px 5px; border-bottom:1px solid #e8ebf054; border-top:0 none; -webkit-box-sizing:border-box; box-sizing:border-box;}
.basic_table th {background-color:#ecf7f9; font-weight:500;}
.basic_table thead th {font-size:1.06em; font-weight:500;}
.basic_table tbody th {background-color:#f5f5f5; font-size:14px; font-weight:400;}
.basic_table tr * {vertical-align:middle;}
.basic_table .pd_n_left {padding:13px 3%; text-align:left;}
.basic_table .bg1 {background-color:#f5f5f5;}
.basic_table td.two_wide span {float: left; display: inline-block; width: 50%;}

.basic_table.style2 {}
.basic_table.style2 td, .basic_table.style2 th{padding:  11px 5px 11px;}
.basic_table.style2 td {padding-left: 15px;}
.basic_table tr.end {background-color: #ffd3d3;}.basic_table tr.ok {background-color: #d6d4d4;}
.basic_table select {height: 30px;}

.f13{font-size:13px}
.f14{font-size:14px}
.f15{font-size:15px}
.f16{font-size:16px}
.f17{font-size:17px}
.f18{font-size:18px}
.f19{font-size:19px}
.f20{font-size:20px}


/* basic_table */
.basic_table3 {border-spacing: 0; border-collapse:collapse; border-top:2px solid #ff795f;}
.basic_table3 th, .basic_table3 td {padding:13px 5px; border:1px solid #d5dfe2; border-top:0 none; -webkit-box-sizing:border-box; box-sizing:border-box;}
.basic_table3 th {background-color:#ecf7f9; font-weight:500;}
.basic_table3 thead th {font-size:1.06em; font-weight:500;}
.basic_table3 tbody th {background-color:#f5f5f5;font-size:0.9em;}
.basic_table3 .pd_n_left {padding:13px 3%; text-align:left;}
.basic_table3 .bg1 {background-color:#f5f5f5;}
.basic_table3 td.two_wide span {float: left; display: inline-block; width: 50%;}

.basic_table3.style2 {}
.basic_table3.style2 td, .basic_table3.style2 th{padding:  11px 5px 11px;}
.basic_table3.style2 td {padding-left: 15px;}
.basic_table3 tr.end {background-color: #ffd3d3;}.basic_table3 tr.ok {background-color: #d6d4d4;}
.basic_table3 select {height: 30px;}


.basic_table2 {width:100%; border-spacing: 0; border-collapse:collapse; border-top:2px solid #ff795f;}
.basic_table2 th, .basic_table2 td {padding:5px 5px 5px; border:1px solid #d5dfe2; border-top:0 none; -webkit-box-sizing:border-box; box-sizing:border-box;}
.basic_table2 th {background-color:#ecf7f9; font-weight:500;}
.basic_table2 thead th {font-size:1.06em; font-weight:500;}
.basic_table2 tbody th {background-color:#f5f5f5;text-align: center;}
.basic_table2 .pd_n_left {padding:13px 3%; text-align:left;}
.basic_table2 .bg1 {background-color:#f5f5f5;}
.basic_table2 td.two_wide span {float: left; display: inline-block; width: 50%;}
.basic_table2.style2 {}
.basic_table2.style2 td, .basic_table2.style2 th{padding:  17px 5px 17px;}
.basic_table2.style2 td {padding-left: 15px;}
.basic_table2 tr.end {background-color: #ffd3d3;}
.basic_table2 tr.ok {background-color: #d6d4d4;}
.basic_table2 select {height: 30px;}


.basic_table.write {}
.basic_table.write th {text-align: center;}
.basic_table.write td {text-align: left; padding-left: 20px;}
.basic_table.write .middle_input {width: 100%; max-width: 200px; } 
.basic_table.write input[type="text"], .basic_table.write input[type="password"], .basic_table.write select {height: 30px; border: 1px solid #cacaca33;}
.basic_table.write .long_input {float: left;width: calc(100% - 85px);max-width: 500px;}
.basic_table.write .short_input {width: 70px;}
.basic_table.write .full_input {width: 100%;}


.basic_table .middle_input {width:500px; } 
.basic_table input[type="text"], .basic_table.write input[type="password"], .basic_table.write select {height: 41px; border: 1px solid #cacaca33;margin-top:2px;}
.basic_table .long_input {float: left;width: calc(100% - 85px);max-width: 500px;}
.basic_table .short_input {width: 70px;}
.basic_table .full_input {width: 100%;}
.basic_table input::placeholder{color:#a7a7a7}
.basic_table .etcinput{margin-left:-200px;display: inline-block;width: 500px;}

/* basic_tab */
.basic_tab {/* overflow:hidden; */ height:51px; margin-bottom:35px; border-bottom:1px solid #333;}
.basic_tab > li {position:relative; display:table; float:left; border: 1px solid #e8e8e8; color:#333; border-left:0; border-bottom:0;}
.basic_tab.tab_2p > li {width:50%;}
.basic_tab.tab_3p > li {width:33.33%;}
.basic_tab.tab_4p > li {width:25%;}
.basic_tab.tab_5p > li {width:20%;}
.basic_tab.tab_5p > li.li_2w {width:40%;}
.basic_tab.tab_6p > li {width:16.66%;}
.basic_tab.tab_7p > li {width:14.28%;}
.basic_tab.tab_8p > li {width:12.5%;}
.basic_tab > li > a {display:table-cell; position:relative; z-index:1; width:100%; height:49px; color:#333; font-size:1.06em; text-align:center; vertical-align:middle; transition:all 0.3s;}
.basic_tab.tab_2p > li:nth-child(2n-1) {border-left:1px solid #eee;}
.basic_tab.tab_3p > li:nth-child(3n-2) {border-left:1px solid #eee;}
.basic_tab.tab_4p > li:nth-child(4n-3) {border-left:1px solid #eee;}
.basic_tab.tab_5p > li:nth-child(5n-4) {border-left:1px solid #eee;}
.basic_tab.tab_6p > li:nth-child(6n-5) {border-left:1px solid #eee;}


.basic_tab.tab_7p > li:nth-child(7n-6) {border-left:1px solid #eee;}
.basic_tab.tab_7p > li:nth-child(7n-6).on, .basic_tab.tab_7p > li:nth-child(7n-6):hover {border-left:1px solid #333;}
.basic_tab.tab_3p > li:nth-child(3n-2).on, .basic_tab.tab_3p > li:nth-child(3n-2):hover {border-left:1px solid #333;}
.basic_tab > li.on {border:1px solid #333; border-bottom:0;}
.basic_tab > li.on a {font-weight:700;}
.basic_tab > li:hover {border-top:1px solid #eee; border-bottom:0; border-right:1px solid #333; border-top:1px solid #333;}
.basic_tab.tab_3p > li:hover:after, .basic_tab.tab_3p > li.on:after {content:''; position:absolute; bottom:-1px; left:0px; width:99.7%; border:1px solid #fff;}
.basic_tab.tab_7p > li:hover:after, .basic_tab.tab_7p > li.on:after {content:''; position:absolute; bottom:-1px; left:0px; width:99%; border:1px solid #fffdf7;}
.basic_tab > li:nth-child(1n+2):hover {border-bottom:0; border-left:1px solid #333; border-right:1px solid #333; border-top:1px solid #333;}
.basic_tab_con {display:none;}
.basic_tab_con:first-child {display:block;}
.basic_tab_con_box  {overflow:hidden;}

.basic_tab.type2 li {border-color:#e5e5e5; border-left:0 none !important; border-right:0 none !important;}
.basic_tab.type2 li a {background: url('/images/sub/basic_tab_bar.jpg') right center no-repeat; color:#555;}
.basic_tab.type2 li:last-child a {background-image:none;}
.basic_tab.type2 li a:after {content:""; display:block; position:absolute; bottom:-1px; z-index:1; width:100%; height:0; background-color:#0049b8; transition:all 0.3s;}
.basic_tab.type2 li a:hover, .basic_tab.type2 li.on a {background-color:transparent; color:#0049b8;}
.basic_tab.type2 li a:hover:after, .basic_tab.type2 li.on a:after {height:2px;}

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


.sbox{position:relative;margin-bottom:40px;padding:10px 20px;padding-right:0px;}
.sbox.thr select {float:right;width:80px;}
.sbox select {width:100%;height:40px;border:0 none;border-radius:3px;color:#888;cursor:pointer;border: 1px solid #a9a9a9;}
.sbox .input_box {display:table-cell; padding-right:15px; vertical-align:middle;}
.sbox input {width:100%;height:40px;padding: 0 15px;border:0 none;border-radius:3px;color:#555;border: 1px solid #a9a9a9;}
.sbox textarea {width:100%;height:200px;padding: 0 15px;border:0 none;border-radius:3px;color:#555;border: 1px solid #a9a9a9;}


input{ outline-style:none; } 
button:focus { outline:none; }