@charset "utf-8";

/* ===============================================================
 * Company : (주)범일정보 http://bumil.co.kr/
 * File Name		 : style.css
 * Description  :  All page Contents Style CSS.
 * Created	 : 2017.09.08 / Bumil / Design / JangJiHyun
=============================================================== */

/*  @media print{} */

@media print{ 
	/* hide */
	#skipNavWrap, #head, .sub_common, #subContainer #foot,#foot {display:none !important;}
	/* show */
	html{background:#fff !important;}
	
	.content {float:left !important; 
	left:0 !important;top:0 !important;
	width:1020px !important; height:auto !important;
	min-width:0 !important; max-width:none !important;
	margin:0 auto !important; padding:0 !important; 
	border:0 !important;background:transparent !important;overflow:visible !important;box-shadow:none !important; 
	}	
	.contentTop {display:block !important;
	position:static !important; left:0 !important; top:0 !important;
	height:auto !important; }
}




/* 신청테이블 */
table{border-spacing:0; border-collapse:collapse; color:#666;}
.tbl_apply, .tbl_board, s.tbl_cond{margin-top:30px; width:100%;}
.tbl_apply tr, .tbl_apply th, .tbl_apply td,
.tbl_submit tr,.tbl_submit th, .tbl_submit td,
.tbl_board tr{border:1px solid #dddddd;}

.tbl_apply th, .tbl_submit th, .tbl_board th{background:#fafafa; color:#000}
.tbl_apply tr{height:50px}
.tbl_apply td, .tbl_submit td{padding-left:20px;}

/* bbs형 게시판 */
.tbl_board{border-top:2px solid #333}
.tbl_board tr{height:45px}
.tbl_board td{text-align:center}
.tbl_board tr{border-left:0; border-right:0}

/* 각 테이블마다 제목 너비 지정 */
.tbl_board_con_tit{width:180px; font-weight:bold}
.tbl_board_con_tit, .tbl_board_con_left{ text-align:left !important; padding-left:10px}
.tbl_board_con_no{width:60px;}
.tbl_board_con_tit a:hover{text-decoration:underline}

.tbl_cond th{width:150px; }
.tbl_cond td{padding:15px 20px; }


/* 일반게시판 */
.prev_next{border-top:1px solid #999}
.tbl_view tr td{text-align:left; padding-left:20px;}
.tbl_view tr th{width:120px}
.tbl_view_tit{font-weight:bold; color:#333}
.tbl_view_cnt{padding:20px}

.btn_edu_apply{margin:10px 0; float:right;width:170px; height:40px; font-size:16px; font-weight:bold}
.btn_edu_apply:hover{background:#0982d6}





/* basic_table */
.basic_table {clear:both; width:100%; border-top:2px solid #333; table-layout:fixed;}
.basic_table caption {
	/* visibility:hidden; */
	text-indent: -9999px;
}
.basic_table tbody tr:nth-of-type(odd),
.basic_table tbody tr:nth-of-type(odd) th {background:#fff;}
.basic_table tbody tr:nth-of-type(even),
.basic_table tbody tr:nth-of-type(even) th {background:#fff;}
.basic_table th,
.basic_table td {padding:11px 8px; text-align:center; box-sizing:border-box;}
.basic_table th {font-size:14px; font-weight:600; letter-spacing:-0.08em; border-bottom:1px solid #ccc; color:#000; background:#fafafa;}
.basic_table td {font-size:14px; border-bottom:1px solid #ccc;}
.basic_table td a:hover {font-weight:600;}

.basic_table td a.past {color:#bbb;}
.basic_table td a.past:hover,
.basic_table td a.past:focus {color:#333;}
.basic_table img{vertical-align:middle;}
.basic_table .list_num {}
.basic_table .list_tit {width:auto; white-space:nowrap;}
.basic_table .list_tit a {display:inline-block; padding-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:95%;}
.basic_table .list_tit a:hover {color:#000;}
.basic_table .list_tit .ico_new {vertical-align:4px;}
.basic_table .list_file {}
.basic_table .list_file a {display:inline-block; padding:2px; font-size:0; line-height:0;}
.basic_table .list_part {}
.basic_table .list_write { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.basic_table .list_date {}
.basic_table .list_count {}
.basic_table .list_file {}
/* 게시글 공지 */ 
.basic_table .notice_bul { color:#ff5722; padding:0 5px; font-size:13px; font-weight:600; } /* background:#ff5722; */

/* 게시글 New */
.basic_table  .new {  position: relative;   padding: 0 25px 0 0;}
.basic_table .new > span { 	   position: absolute;   top: 5px;   right: 0;   border-radius: 50%;   content: '';   display: block;   width: 21px;   height: 21px;   background: #ff5722;   color: #fff;  font-size: 12px;   text-align: center;   line-height: 21px;   font-weight: 600;   font-size: 10px;   text-indent:-9999px;   font-size:0;   background:url('../../img/cont/icon_common.gif') -25px 0 no-repeat;}



/* 반응형웹 적용할때
@media all and (max-width:1023px){
.basic_table th, .basic_table td {padding:8px 5px;} .basic_table .list_date {width:15%;}
}
@media all and (max-width:768px){
.basic_table th, .basic_table td  {padding:6px 5px;}
.basic_table .list_num, .basic_table .list_date,.basic_table .list_count {width:0 !important; padding:0; font-size:0; line-height:0; text-indent:-9999px;}
.basic_table .list_file {width:10%;} .basic_table .list_part {width:18%;} .basic_table .list_write {width:15%;}
}
@media all and (max-width:480px){
.basic_table th, .basic_table td  {padding:4px 5px;} .basic_table .list_file {width:0 !important; padding:0; font-size:0; line-height:0; text-indent:-9999px;}
.basic_table .list_file img {display:none;} .basic_table .list_write {width:0 !important; padding:0; font-size:0; line-height:0; text-indent:-9999px;} .basic_table .list_part {width:30%;}
}
*/





/* basic_table 상세보기 */
.basic_view {clear:both; width:100%; border-top:2px solid #333;}
.basic_view h5 {text-align:center; background:#fafafa; margin:0 !important; padding:20px 0 12px; text-align:center;}
.basic_view h5 > span {overflow: hidden; max-width: 95%; font-size:28px; font-weight:600; display:inline-block;}
.basic_view .view_info {border-bottom: 1px solid #ccc; padding: 5px 0 10px 0; text-align: right; background: #fafafa;}
.basic_view .view_info > span {margin:0 20px 0 0;}
.basic_view .view_info > span b {padding:0 5px 0 0;}
.basic_view .cont_area {min-height:300px; box-sizing:border-box; padding:20px; border-bottom: 1px dashed #ccc;}
.basic_view .list_file { overflow:hidden; border-bottom: 1px solid #333;  background:url('../../img/cont/bg_list_file.gif') left top repeat-y;   }
.basic_view .list_file dl {margin:0 !important; overflow:hidden;  padding:16px 20px;}
.basic_view .list_file dt {float:left; width:70px; }
.basic_view .list_file dd {float:left; margin:0 0 0 15px;}
.basic_view .list_file dd > ul {margin:0 !important;}
.basic_view .list_file dd > ul li img { vertical-align: middle; padding:0 0 0 5px;}
.basic_view .list_file dd > ul li a:hover { text-decoration:underline; }

/* answer view_list (답변) */ 
.basic_view + .answer_view {margin:50px 0 0 0; }
.answer_view > .list_tit {     color: #ff5722;}
.list_a > span { background: #a2a2a2; width: 30px; height: 30px; display: block; border-radius: 50%; text-align: center; margin: 0 auto; line-height: 30px; color: #fff;}
/*
.answer_view > .view_info { background: #678; color:#fff; } */
.answer_view .list_tit > span {padding:0 50px; position:relative; max-width:80%;   line-height: 46px;}
.answer_view .list_tit > span:before {display:inline-block; width:46px; height:46px; border-radius:50%;  line-height: 46px; background: #ff5722; color:#fff; font-size:15px; content: '답변'; text-align:center; position:absolute; top:0; left:0;}

/* 건의사항 답변 */
.answer {  position:relative;  padding: 0 25px 0 0;}
.answer .icon_answer { position:absolute; top:5px; right:0; content:''; display:block; width:21px; height:21px; background:url('../../img/cont/icon_common.gif') left top no-repeat;}

/* 온라인상담 답변 갯수 */
.answer_count  { position:relative;  padding: 0 25px 0 0;}
.answer > .count { position:absolute; top:5px; right:0; border-radius:50%; content:''; display:block; width:21px; height:21px; background:#ff5722;  color:#fff; font-size:12px; text-align:center; line-height:21px; font-weight:600; font-size:10px;}

/* FAQ VIEW */
.faq_view  .list_tit {text-align:left; position:relative;}
.faq_view  .list_tit .icon_q { margin:0; position:absolute; top:28px; left:20px;  text-indent:-999px; width:35px; height:35px; background:url('../../img/cont/icon_common.gif') left top no-repeat; background-position: 0 -25px;}
.faq_view  .list_tit span { margin:0 0 0 70px; }
.faq_view .cont_area { padding:20px 20px 20px 70px; position:relative;}
.faq_view .cont_area .icon_a {position:absolute; top:25px; left:20px; text-indent:-999px;  width:35px; height:35px; background:url('../../img/cont/icon_common.gif') left top no-repeat; background-position: 0 -64px; }

/* 마이페이지 스크랩 테이블 내부 홈페이지 경로 location */
.basic_table .location { height:26px; line-height:26px; font-family:Noto Sans; width:100%; overflow:hidden;  padding:0 0 0 20px; background:url('../../img/common/icon_home.gif') left 5px no-repeat;}
.basic_table .location ul { margin:0; overflow: hidden; }
.basic_table .location * > li {float:left; padding:0 0 0 20px; background:url('../../img/common/icon_next.gif') 7px 9px no-repeat; }




/* view_list 상세보기 하단 (윗글,아랫글) */
.view_list {clear:both; width:100%; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#fafafa;}
.view_list li:last-child{border-bottom:0;}
.view_list li{position:relative;padding:15px 13px;font-size:1em;border-bottom:1px solid #ccc;}
.view_list li .list_comm{display:block;position:absolute;left:0;top:14px;width:120px; padding-left:30px; color:#4d4d4d; line-height: 28px; font-weight:600;}
.view_list li .list_comm:before {float:left; display:block; content:''; width:28px; height:28px; background: url(../../img/common/btn_pagination.png) no-repeat; }
.view_list li .pre:before {background-position:-112px 0;}
.view_list li .nxt:before {background-position:-140px 0;}
.view_list li a{overflow:hidden;display:block;margin-left:9.28em;font-size:14px;color:#4d4d4d;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.view_list li div{overflow:hidden;display:block;margin-left:9.28em;font-size:14px;color:#4d4d4d;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}


/* basic_table 상단 검색영역 */
.bod_head > .page_num {float:left; line-height: 35px;}
.bod_head > .bod_search {float:right; margin:0; }

/* 버튼 */
.btn_wrap {clear:both; width:100%; overflow:hidden;}
.btn_wrap > .left {float:left;}
.btn_wrap > .right {float:right;}

.option_box{position: relative; padding: 20px 20px 16px; background-color: #fafafa; }
.option_box > dl {display:block;}
.option_box > .option {padding-bottom: 20px; border-bottom: 1px solid #e3e3e3;}
.option_box > .btn_wrap {text-align:center;}
.option_box > dl > * {float: left; display: inline-block; vertical-align: top; line-height: 34px; min-height: 34px; }
.option_box > dl > dt {width: 85px; font-size: 13px; font-weight:600; color: #333;}
.option_box > dl > dt + dt {padding:0 0 0 1em;}
.option_box > dl > dt.blue {background:url(../../img/common/icon_star.png) left 14px no-repeat;}
.option_box > dl {margin:0 !important; clear: both;}
.option_box > dl:after {display:block; content:''; width:100%; height:34px;}
.option_box > dl > dd .bar { display:inline-block; width:12px; height:1px; background:#a7a7a7;  margin:0 3px;  }

.option_box.line02 > dl { box-sizing:border-box; padding:20px 20px 20px 15px ; overflow:hidden; }
.option_box.line02 > dl > dt  { width:18%; padding:0 2% 0 2%; margin:0 0 8px 0; }
.option_box.line02 > dl > dd  { width:68%; margin:0 0 8px 0;  }
.option_box.line02 > dl > dd img {vertical-align:middle;}

/* bod_gallery */
.bod_gallery {width:100%; overflow:hidden;}
.bod_gallery ul {margin-top:20px;}
.bod_gallery li {float:left; width:23.125%; height:280px; margin-left:2.5%;}
.bod_gallery li.no_data {float:left; width:100%; height:280px; margin-left:2.5%; text-align:center;}
.bod_gallery li.no_data span { padding-top:100px; }
.bod_gallery li:nth-of-type(4n-3) {margin-left:0;}
.bod_gallery li a {display:block;}
.bod_gallery span {display:block;}
/*20230726 씨유소프트 ldh 로딩 이미지 변경-지원 itsm #4395*/
/*.bod_gallery .thumb {box-sizing:border-box; font-size:0; line-height:0; background:url('../../img/cont/no_img.jpg') no-repeat; width:100%; height:140px; background-size:100% 100%; }*/
.bod_gallery .thumb {box-sizing:border-box; font-size:0; line-height:0; background:url('../images/cont/no_newimg.png') no-repeat; width:100%; height:140px; background-size:100% 100%; }
.bod_gallery .thumb > img {width:100%; height:140px; border:0; }
.bod_gallery .subject {margin-top:14px; font-weight:600; font-size:14px; line-height:21px !important;}
.bod_gallery .date {margin-top:4px; color:#666;}


/* 페이징 */
.pagination{clear:both; width:100%; margin:15px 0 0; text-align:center;}
.pagination * > a {vertical-align: middle; display: inline-block; width: 28px; height: 28px;  border: 1px solid #e6e6e6; text-align:center;}
.pagination * > a:focus, a:hover, a:active { cursor:pointer; }
.pagination > .control > a { font-size: 0; text-indent: -9999px; margin: 0 -2px;}
.pagination > .pages > a {margin: 0 2px; vertical-align: bottom;}
.pagination .on {border-color:#333;background:#444;color:#fff;}
.control > a {background: url(../../img/common/btn_pagination.png) no-repeat; }
.first { background-position:0 0 !important;  }
.prev  {background-position:-28px 0 !important;}
.next{ background-position:-56px 0 !important; }
.last {background-position:-84px 0 !important;}



















/* 2017.11.02 add */
.f_r{float:right !important; }
.f_l{float:left !important;}
.f_n{float:none !important;}

/* 2017.11.07 add*/
.dpn{display:none !important;}
.dpb{display:block !important;}
.dpi{display:inline !important;}
.dpib{display:inline-block !important;}
.dpt{display:table !important;}
.dptc{display:table-cell !important;}





/* width */
.wpAuto {width:auto !important;}
.wp5  {width:5% !important;}
.wp6  {width:6% !important;}
.wp7  {width:7% !important;}
.wp8  {width:8% !important;}
.wp9  {width:9% !important;}
.wp10 {width:10% !important;}
.wp11 {width:11% !important;}
.wp12 {width:12% !important;}
.wp13 {width:13% !important;}
.wp14 {width:14% !important;}
.wp15 {width:15% !important;}
.wp16 {width:16% !important;}
.wp17 {width:17% !important;}
.wp18 {width:18% !important;}
.wp19 {width:19% !important;}
.wp20 {width:20% !important;}
.wp25 {width:25% !important;}
.wp30 {width:30% !important;}
.wp35 {width:35% !important;}
.wp40 {width:40% !important;}
.wp45 {width:45% !important;}
.wp50 {width:50% !important;}
.wp55 {width:55% !important;}
.wp60 {width:60% !important;}
.wp65 {width:65% !important;}
.wp70 {width:70% !important;}
.wp75 {width:75% !important;}
.wp80 {width:80% !important;}
.wp85 {width:85% !important;}
.wp90 {width:90% !important;}
.wp95 {width:95% !important;}
.wp100 {width:100% !important;}


.center-block {  display: block;  margin-right: auto;  margin-left: auto;}
.pull-right {  float: right !important;}
.pull-left {  float: left !important;}
.hide {  display: none !important}
.show {  display: block !important;}
.invisible {  visibility: hidden;}
.text-hide {  font: 0; color: transparent;  text-shadow: none;  background-color: transparent;  border: 0;}
.hidden {display: none;visibility: hidden;}
.txt_hidden {text-indent:100%;white-space:nowrap;overflow:hidden;font-size:0;}
caption.hidden {text-indent: -9999px;white-space:nowrap;overflow:hidden;font-size:0;display: table-caption;visibility: visible;}
.affix {  position: fixed;}



/* ------------------- 스타일 가이드 타이틀 ------------------- 
.h1_title:first-child{margin-top:50px;}
.h1_title {margin:150px 0 10px -15px; color:#fff; background:#3f51b5; padding:10px 10px;}
.h2_title {margin:20px 0 20px 0; font-weight:bold; font-size:20px;}
.h2_title > small {color:#606060;}
.txt_box {background:#ebebeb; padding: 10px; margin:0 0 15px -15px;}
.txt_box > .h2_title {margin:0 !important;}
.block > * {display:block;}
.color p:nth-child(1):before {margin:0 4px 0 0; vertical-align: middle; display:inline-block; width:18px; height:18px; content:""; background:#c14655;}
.color p:nth-child(2):before {margin:0 4px 0 0; vertical-align: middle; display:inline-block; width:18px; height:18px; content:""; background:#2b74d9;}
.color p:nth-child(3):before {margin:0 4px 0 0; vertical-align: middle; display:inline-block; width:18px; height:18px; content:""; background:#038935;}
.color p:nth-child(4):before {margin:0 4px 0 0; vertical-align: middle; display:inline-block; width:18px; height:18px; content:""; background:#ff9b46;}
.color p:nth-child(5):before {margin:0 4px 0 0; vertical-align: middle; display:inline-block; width:18px; height:18px; content:""; background:#888;}
.color p:nth-child(6):before {margin:0 4px 0 0; vertical-align: middle; display:inline-block; width:18px; height:18px; content:""; background:#444;}
.color p:nth-child(7):before {margin:0 4px 0 0; vertical-align: middle; display:inline-block; width:18px; height:18px; content:""; background:#000;}
pre{padding:1em;border:1px solid #ddd;background:#f4f4f4;}
code {font-weight: 600;}
.container {padding: 0 50px 200px 50px; width:1000px; margin:0 auto;}

*/






















/* ------------------- 01. 타이포그라피 ------------------- */
/*
.contents h1, .contents h2, .contents h3, .contents h4, .contents h5, .contents h6,
.contents p, .contents ul, .contents ol, .contents dl,
.contents menu, .contents blockquote, .contents fieldset, .contents form, 
.contents pre {
	margin: 1em 0;
}
*/

.contents h1, .contents h2, .contents h3, .contents h4, .contents h5, .contents h6{margin-bottom:.666em; font-weight:600; line-height:1.333;}

h1{font-size:2em;} /* 28px */
h2{font-size:1.75em;} /* 24.5px */
h3{font-size:1.5em;} /* 21px */
h4{font-size:1.25em;} /* 17.5px */
h5{font-size:1.125em;} /* 15.75px */
h6{font-size:1em;} /* 14px */

/* if( 1em == 14px ) */
.ft10 {font-size:0.714em !important;} /* 10/14 더더 작은 폰트 사이즈 */
.ft12 {font-size:0.857em !important;} /* 12/14 더 작은 폰트 사이즈 */
.ft13 {font-size:0.929em !important;} /* 13/14 작은 폰트 사이즈} */
.ft14 {font-size:1em !important;} /* 14/14 디폴트 폰트 사이즈 */
.ft16 {font-size:1.143em !important;} /* 16/14 중간 폰트 사이즈 */
.ft18 {font-size:1.286em !important;} /* 18/14 큰 폰트 사이즈 */
.ft20 {font-size:1.429em !important;} /* 20/14 더 큰 폰트 사이즈 */
.ft24 {font-size:1.714em !important;} /* 24/14 더더 큰 폰트 사이즈 */ 
.ft30 {font-size:2.143em !important;} /* 30/14 더더더 큰 폰트 사이즈 */ 



/* ------------------- 02. 문단 ------------------- */










/* ------------------- 03. 인라인 텍스트 요소 ------------------- */
.red {color: #c14655  !important;}
.blue {color: #2b74d9  !important;}
.green {color: #038935  !important;}
.orange {color: #fc6719  !important;}
.grey8 {color: #888  !important;}
.grey4 {color: #444  !important;}
.black {color: #000  !important;}

/* Contextual backgrounds */
.bg_default{background-color:#fff;} /* ☆ */
.bg_muted{background-color:#f7f8f8;}
.bg_primary{background-color:#f4f9fe;color:#006bd8;}
.bg_secondary{background-color:#f7f7f7;} /* #f5f7f9 */
.bg_success{background-color:#ddf4d7;}
.bg_info{background-color:#ecf5fd;} /* #d7eef7 */
.bg_alert{background-color:#e7e7f7;} /* ☆ */
.bg_warning{background-color:#fffcf1;} /* #fcf4dd */
.bg_danger{background-color:#f7e7e7;}


/* ------------------- 05. 텍스트 정렬 ------------------- */
.txtL {text-align:left !important;}
.txtC {text-align:center !important;}
.txtR {text-align:right !important;}
.txtJ {text-align:justify !important;}
.vt {vertical-align: top !important;}
.vm {vertical-align: middle !important;}
.vb {vertical-align:bottom !important;}


/* ------------------- 06. 패딩 마진 ------------------- */
.mar_t5  {margin-top:5px !important;}
.mar_t10 {margin-top:10px !important;}
.mar_t15 {margin-top:15px !important;}
.mar_t20 {margin-top:20px !important;}
.mar_t25 {margin-top:25px !important;}
.mar_t30 {margin-top:30px !important;}
.mar_t35 {margin-top:35px !important;}
.mar_t40 {margin-top:40px !important;}
.mar_t45 {margin-top:45px !important;}
.mar_t50 {margin-top:50px !important;}
.mar_t55 {margin-top:55px !important;}
.mar_t60 {margin-top:60px !important;}
.mar_t65 {margin-top:65px !important;}
.mar_t70 {margin-top:70px !important;}
.mar_t75 {margin-top:75px !important;}
.mar_t80 {margin-top:80px !important;}
.mar_t85 {margin-top:85px !important;}
.mar_t90 {margin-top:90px !important;}
.mar_t95 {margin-top:95px !important;}

.mar_r5  {margin-right:5px !important;}
.mar_r10 {margin-right:10px !important;}
.mar_r15 {margin-right:15px !important;}
.mar_r20 {margin-right:20px !important;}
.mar_r25 {margin-right:25px !important;}
.mar_r30 {margin-right:30px !important;}
.mar_r35 {margin-right:35px !important;}
.mar_r40 {margin-right:40px !important;}
.mar_r45 {margin-right:45px !important;}
.mar_r50 {margin-right:50px !important;}
.mar_r55 {margin-right:55px !important;}
.mar_r60 {margin-right:60px !important;}
.mar_r65 {margin-right:65px !important;}
.mar_r70 {margin-right:70px !important;}
.mar_r75 {margin-right:75px !important;}
.mar_r80 {margin-right:80px !important;}
.mar_r85 {margin-right:85px !important;}
.mar_r90 {margin-right:90px !important;}
.mar_r95 {margin-right:95px !important;}

.mar_b5  {margin-bottom:5px !important;}
.mar_b10 {margin-bottom:10px !important;}
.mar_b15 {margin-bottom:15px !important;}
.mar_b20 {margin-bottom:20px !important;}
.mar_b25 {margin-bottom:25px !important;}
.mar_b30 {margin-bottom:30px !important;}
.mar_b35 {margin-bottom:35px !important;}
.mar_b40 {margin-bottom:40px !important;}
.mar_b45 {margin-bottom:45px !important;}
.mar_b50 {margin-bottom:50px !important;}
.mar_b55 {margin-bottom:55px !important;}
.mar_b60 {margin-bottom:60px !important;}
.mar_b65 {margin-bottom:65px !important;}
.mar_b70 {margin-bottom:70px !important;}
.mar_b75 {margin-bottom:75px !important;}
.mar_b80 {margin-bottom:80px !important;}
.mar_b85 {margin-bottom:85px !important;}
.mar_b90 {margin-bottom:90px !important;}
.mar_b95 {margin-bottom:95px !important;}

.mar_l5  {margin-left:5px !important;}
.mar_l10 {margin-left:10px !important;}
.mar_l15 {margin-left:15px !important;}
.mar_l20 {margin-left:20px !important;}
.mar_l25 {margin-left:25px !important;}
.mar_l30 {margin-left:30px !important;}
.mar_l35 {margin-left:35px !important;}
.mar_l40 {margin-left:40px !important;}
.mar_l45 {margin-left:45px !important;}
.mar_l50 {margin-left:50px !important;}
.mar_l55 {margin-left:55px !important;}
.mar_l60 {margin-left:60px !important;}
.mar_l65 {margin-left:65px !important;}
.mar_l70 {margin-left:70px !important;}
.mar_l75 {margin-left:75px !important;}
.mar_l80 {margin-left:80px !important;}
.mar_l85 {margin-left:85px !important;}
.mar_l90 {margin-left:90px !important;}
.mar_l95 {margin-left:95px !important;}

.pad_t5  {padding-top:5px !important;}
.pad_t10 {padding-top:10px !important;}
.pad_t15 {padding-top:15px !important;}
.pad_t20 {padding-top:20px !important;}
.pad_t25 {padding-top:25px !important;}
.pad_t30 {padding-top:30px !important;}
.pad_t35 {padding-top:35px !important;}
.pad_t40 {padding-top:40px !important;}
.pad_t45 {padding-top:45px !important;}
.pad_t50 {padding-top:50px !important;}
.pad_t55 {padding-top:55px !important;}
.pad_t60 {padding-top:60px !important;}
.pad_t65 {padding-top:65px !important;}
.pad_t70 {padding-top:70px !important;}
.pad_t75 {padding-top:75px !important;}
.pad_t80 {padding-top:80px !important;}
.pad_t85 {padding-top:85px !important;}
.pad_t90 {padding-top:90px !important;}
.pad_t95 {padding-top:95px !important;}

.pad_r5  {padding-right:5px !important;}
.pad_r10 {padding-right:10px !important;}
.pad_r15 {padding-right:15px !important;}
.pad_r20 {padding-right:20px !important;}
.pad_r25 {padding-right:25px !important;}
.pad_r30 {padding-right:30px !important;}
.pad_r35 {padding-right:35px !important;}
.pad_r40 {padding-right:40px !important;}
.pad_r45 {padding-right:45px !important;}
.pad_r50 {padding-right:50px !important;}
.pad_r55 {padding-right:55px !important;}
.pad_r60 {padding-right:60px !important;}
.pad_r65 {padding-right:65px !important;}
.pad_r70 {padding-right:70px !important;}
.pad_r75 {padding-right:75px !important;}
.pad_r80 {padding-right:80px !important;}
.pad_r85 {padding-right:85px !important;}
.pad_r90 {padding-right:90px !important;}
.pad_r95 {padding-right:95px !important;}

.pad_b5  {padding-bottom:5px !important;}
.pad_b10 {padding-bottom:10px !important;}
.pad_b15 {padding-bottom:15px !important;}
.pad_b20 {padding-bottom:20px !important;}
.pad_b25 {padding-bottom:25px !important;}
.pad_b30 {padding-bottom:30px !important;}
.pad_b35 {padding-bottom:35px !important;}
.pad_b40 {padding-bottom:40px !important;}
.pad_b45 {padding-bottom:45px !important;}
.pad_b50 {padding-bottom:50px !important;}
.pad_b55 {padding-bottom:55px !important;}
.pad_b60 {padding-bottom:60px !important;}
.pad_b65 {padding-bottom:65px !important;}
.pad_b70 {padding-bottom:70px !important;}
.pad_b75 {padding-bottom:75px !important;}
.pad_b80 {padding-bottom:80px !important;}
.pad_b85 {padding-bottom:85px !important;}
.pad_b90 {padding-bottom:90px !important;}
.pad_b95 {padding-bottom:95px !important;}

.pad_l5  {padding-left:5px !important;}
.pad_l10 {padding-left:10px !important;}
.pad_l15 {padding-left:15px !important;}
.pad_l20 {padding-left:20px !important;}
.pad_l25 {padding-left:25px !important;}
.pad_l30 {padding-left:30px !important;}
.pad_l35 {padding-left:35px !important;}
.pad_l40 {padding-left:40px !important;}
.pad_l45 {padding-left:45px !important;}
.pad_l50 {padding-left:50px !important;}
.pad_l55 {padding-left:55px !important;}
.pad_l60 {padding-left:60px !important;}
.pad_l65 {padding-left:65px !important;}
.pad_l70 {padding-left:70px !important;}
.pad_l75 {padding-left:75px !important;}
.pad_l80 {padding-left:80px !important;}
.pad_l85 {padding-left:85px !important;}
.pad_l90 {padding-left:90px !important;}
.pad_l95 {padding-left:95px !important;}







/* ------------------- 07. 목록 ------------------- */
p.p01 { margin:.333em 0;}
p.p01:before { width:13px; height:13px; display:inline-block; content:'' ; background:url(../../img/common/icon_common.gif) left bottom no-repeat;}
ul.ul01 {margin-left:0;padding:0;text-align:left;}
ul.ul01 li {background:url(../../img/common/li01bg.gif) no-repeat 0 .333em; margin:.333em 0;padding:0 0 0 1em; text-align:left;}
ul.ul02 li {background:url(../../img/common/li02bg.gif) no-repeat 0 .333em; margin:.333em 0;padding:0 0 0 1em; text-align:left;}
ul.ul03 li {background:url(../../img/common/li03bg.gif) no-repeat 0 .333em; margin:.333em 0;padding:0 0 0 1em; text-align:left;}
ul.ul04 li {background:url(../../img/common/li04bg.gif) no-repeat 0 .333em; margin:.333em 0;padding:0 0 0 1em; text-align:left;}

ol.ol00 {list-style:none;}
ol.ol00 li:before {
	display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    line-height:20px;
    background:#8e8e8e;
    font-size:12px;
    color:#fff;
    text-align:center;
    margin:0 4px 1px 0;
    vertical-align: middle;}
ol.ol00 > li:nth-child(1):before {content:'1'}
ol.ol00 > li:nth-child(2):before {content:'2'}
ol.ol00 > li:nth-child(3):before {content:'3'}
ol.ol00 > li:nth-child(4):before {content:'4'}
ol.ol00 > li:nth-child(5):before {content:'5'}
ol.ol00 > li:nth-child(6):before {content:'6'}
ol.ol00 > li:nth-child(7):before {content:'7'}
ol.ol00 > li:nth-child(8):before {content:'8'}
ol.ol00 > li:nth-child(9):before {content:'9'}
ol.ol00 > li:nth-child(10):before {content:'10'}
ol.ol01 {list-style-type:decimal; list-style-position: inside;}
ol.ol02 {list-style-type:decimal-leading-zero; list-style-position: inside;}
ol.ol03 {list-style-type:upper-roman; list-style-position: inside;}
ol.ol00 li, .ol01 li, .ol02 li, .ol03 li {padding:0 0 0 1em;}




/* ------------------- 08. 테이블  ------------------- */

/*
thead th : #f5f7fd /  #d9d9d9
tbody th : #f6f6f6 / #fcfdfe
*/

/* 테이블 col width */
.wps6 {width:6% !important;}
.wps8 {width:8% !important;}
.wps9 {width:9% !important;}
.wps10 {width:10% !important;}
.wps12 {width:12% !important;}
.wps13 {width:13% !important;}
.wps14 {width:14% !important;}
.wps15 {width:15% !important;}
.wps16 {width:16% !important;}
.wps18 {width:18% !important;}
.wps20 {width:20% !important;}
.wps25 {width:25% !important;}
.wps27 {width:27% !important;}
.wps30 {width:30% !important;}
.wps31 {width:31% !important;}
.wps33 {width:33% !important;}
.wps34 {width:34% !important;}
.wps37 {width:37% !important;}
.wps40 {width:40% !important;}
.wps45 {width:45% !important;}
.wps48 {width:48% !important;}
.wps50 {width:50% !important;}
.wps55 {width:55% !important;}
.wps60 {width:60% !important;}
.wps70 {width:70% !important;}
.wps80 {width:80% !important;}

/* 테이블에 hover 효과를 넣고싶다면 class="tbl_hover" 추가 */
.tbl_hover > * > tr:hover {background:#f5f5f5}


/* tbl_01 기본테이블 */
.tbl_01{width:100%;margin:5px 0 10px;border:0;border-collapse:collapse;border-top:1px solid #4d5360;  border-right:1px solid #d9d9d9; background:#fff;}
.tbl_01>*>tr>th,
.tbl_01>*>tr>td {padding:6px 10px 4px; border:1px solid #d9d9d9; border-width:0 0 1px 1px; vertical-align:middle}
.tbl_01>*>tr>th{background:#f5f7fd; font-weight:600;}
.tbl_01>tbody>tr>th{background:#f6f6f6; font-weight:600;}
.tbl_01 * > table {margin:0 !important;}

.bizStatsType1 {table-layout: fixed;}
.tbl_01.bizStatsType1 >*>tr>th {padding: 6px 0 6px 0;}
.tbl_01.bizStatsType1 >*>tr>td {padding:10px 4px 10px 0}

/* tbl_02 좌/우 선이 없는 테이블 */
.tbl_02{width:100%;margin:5px 0 10px;border:0;border-collapse:collapse; border-top:1px solid #4d5360;  border-bottom:1px solid #d9d9d9; border-right:1px solid #fff; background:#fff;}
.tbl_02>*>tr{border-right:2px solid #fff;}
.tbl_02>*>tr,
.tbl_02>thead+tbody>tr:first-child{border-right:2px solid #fff;}
.tbl_02>*>tr:first-child{border-right:1px hidden #fff;}
.tbl_02>tbody>tr:first-child>th, .tbl_02>tbody>tr:first-child>td { border-top-width: 0;}
.tbl_02>*>tr>th,
.tbl_02>*>tr>td {padding:6px 10px 4px; border-color:#d9d9d9; border-style:solid; border-width:1px 1px 0 0; vertical-align:middle}
.tbl_02>*>tr>th{background:#f6f6f6; font-weight:bold;}
.tbl_02>thead>tr>th{border-width:0 1px 1px 0; border-color:#d9d9d9; background:#f5f7fd; font-weight:bold;}
.tbl_02>tfoot>tr>th{border-width:1px 1px 0 0; border-color:#d9d9d9; background:#f5f7fd; font-weight:bold;}
.tbl_02>tbody>tr:first-child>th,
.tbl_02>tbody>tr:first-child>td{border-top-width:0;}
.tbl_02 * > table {margin:0 !important;}

/* tbl_03 테이블 내부 테이블 */
.tbl_03{width:100%;margin:5px 0 10px;border:0; border-collapse:collapse; border-top:1px solid #d9d9d9;  border-right:1px solid #d9d9d9; background:#fff;}
.tbl_03>*>tr>th,
.tbl_03>*>tr>td {padding:6px 10px 4px; border:1px solid #d9d9d9; border-width:0 0 1px 1px; vertical-align:middle}
.tbl_03>*>tr>th{background:#f6f6f6;}
.tbl_03>tbody>tr>th{background:#f6f6f6;}







/* ------------------- 09. 버튼 ------------------- */
/* Button */
html input[type='button'], /* ☆ Avoid [Android4.2.2]bug */
input[type='submit'],input[type='reset'],
button,
button[class*='btn'],button[type='submit'],button[type='reset'], /* ☆ */
a[class*='btn']{-webkit-border-radius:0;-webkit-appearance:none;
  padding:.548em .786em; /* ☆ (((36-2)/14)-1.333)/2) (((36-14)/2)/14) */
  border:1px solid #999;
  background-color:#eee;
  color:#333;
  line-height:1.333;
  white-space:nowrap;}
label.hidden {display:inline-block;visibility:visible;height:0;text-indent:-999px;position:relative;top:-9999px;}
.btn_wrap {margin:20px 0 0 0;}
/*
a[class*='button'],
button,button[class*='button'],button[type='submit'],button[type='reset'],button[type='reset'],
html input[type='button'],
input[type='submit'],input[type='reset']{border-radius:0;  버튼 전체에 radius 해제 } */

/*
input[type='text'],input[type='password'],input[type='file'],
input[type='email'],input[type='number'],input[type='search'],input[type='tel'],input[type='url'],
textarea,[action] textarea
select,[action] select{border-radius:4px;  폼요소에 radius 추가 } */

input+label{padding-left:2px;}







a[class*='btn'],
html input[class*='btn'], /* ☆ Avoid bug [Android4.2.2] audio and video controls */
button[class*='btn'],
.btn{display:inline-block;position:relative; box-sizing:border-box;max-width:100%; border-radius:2px; border:1px solid transparent;
border-color:#ddd; background-color:#fafafa; color:#000; font-size:1em; text-decoration:none; text-align:center; 
transition:.2s ease-out;
-webkit-appearance:none;
-moz-appearance:none;}

.btn:hover,.btn:focus,.btn.focus {color: #333;text-decoration: none;}
.btn:active,.btn.active {background-image: none;outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
/*  
.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
pointer-events: none;   cursor: not-allowed;opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;}
*/
/* color */
.btn.default{border-color:#999;background-color:#fff;color:#333;}
.default.active,.default.focus,.default:active,.default:focus,.default:hover,.open>.dropdown-toggle.default {
  color: #333; background-color: #e6e6e6; border-color: #adadad;}

.btn.primary{border-color:#19498b;background-color:#235aa6;color:#fff;}
.primary.active,.primary.focus,.primary:active,.primary:focus,.primary:hover,.open>.dropdown-toggle.primary {
  color: #fff; background-color:#19498b; border-color:#19498b;}

.btn.success{border-color:#385;background-color:#4a6;color:#fff;}
.success.active, .success.focus, .success:active, .success:focus, .success:hover, .open>.dropdown-toggle.success {
  color: #fff; background-color: #449d44;  border-color: #398439;}

.btn.info{border-color:#29b;background-color:#4bd;color:#fff;}
.info.active, .info.focus, .info:active, .info:focus, .info:hover, .open>.dropdown-toggle.info {
  color: #fff; background-color: #31b0d5; border-color: #269abc;}

.btn.warning{border-color:#c61;background-color:#e82;color:#fff;}
.warning.active, .warning.focus, .warning:active, .warning:focus, .warning:hover, .open>.dropdown-toggle.warning {
  color: #fff; background-color: #ec971f; border-color: #d58512;}

.btn.danger{border-color:#c31;background-color:#e42;color:#fff;}
.danger.active, .danger.focus, .danger:active, .danger:focus, .danger:hover, .open>.dropdown-toggle.danger {
  color: #fff; background-color: #c9302c; border-color: #ac2925;}

.btn.link{border-color:#e2e2e4;background-color:#e2e2e4;color:#333;}

.btn.xlarge{height:auto;padding:1.125em 2.25em 1.1875em;font-size:1.286em;line-height:normal;}
.btn.large{height:auto;padding:.8em 1em .8625em;font-size:1.143em;line-height:normal;}
.btn.medium{height:auto;padding:.51em 1.75em .5625em;font-size:1em;line-height:normal;}
.btn.small{height:auto;padding:.3em .333em .333em;font-size:0.929em;line-height:normal;}
.btn.xsmall{height:auto;margin:0 0 0 .333em;padding:.3em .666em .333em;font-size:0.786em;line-height:normal;border-radius:2px;border-color:#aaa;}
.btn.wide {display: block; width: 100%;}





/* ------------------- 10. 탭 ------------------- */

.tab{margin:1em 0;padding:0 0 0 1px;border-top:1px solid #d7d7d7;overflow:hidden; background:#f6f8fd url('../img/common/tab_pat_bg.gif') left top repeat;}
.tab > li{float:left;width:100%;margin:0;padding:0;}
.tab li{margin-right:-1px;}
.tab > li>a{text-align:center;display:block;min-height:1.333em;margin:-1px 0 0 -1px;padding:9px;border:1px solid #d7d7d7;background:#fff;color:#666;text-decoration:none !important;}
.tab > li>a:hover,
.tab > li>a:focus{background-color:#4496e8;border:1px solid #3287dd;color:#fff;}
.tab > li.on>a{z-index:10;position:relative;border-color:#26a;background-color:#37b;color:#fff;font-weight:500;cursor:default;}

.tab02 > li {width:50%;}
.tab03 > li {width:33.333%;}
.tab04 > li {width:25%;}
.tab05 > li {width:20%;}
.tab06 > li {width:16.666%;}
.tab07 > li {width:14.285%;}
.tab08 > li {width:12.5%;}
.tab09 > li {width:11.111%;}
.tab10 > li {width:10%;}
.tab11 > li {width:9.09%;}
.tab12 > li {width:8.333%;}

.tab02 > li:nth-child(2n+1),
.tab03 > li:nth-child(3n+1),
.tab04 > li:nth-child(4n+1),
.tab05 > li:nth-child(5n+1),
.tab06 > li:nth-child(6n+1),
.tab07 > li:nth-child(7n+1),
.tab08 > li:nth-child(8n+1),
.tab09 > li:nth-child(9n+1),
.tab10 > li:nth-child(10n+1),
.tab11 > li:nth-child(11n+1),
.tab12 > li:nth-child(12n+1){clear:both;}

.tab1{position:relative; min-height: 42px;     margin: 10px 0 35px 0 !important;}
.tab1 > li{	float: left; font-size:16px; height: 37px; margin-top: 3px; border: 1px solid #ccc; border-left: none; border-bottom: none; line-height: 37px; text-align: center; background: #fafafa; outline: none; height: 45px; line-height: 45px; box-sizing: border-box; }
.tab1 > li:first-child { border-left:1px solid #ccc ; }
.tab1.tab04 > li {width:25%;}
.tab1.tab03 > li {width:33.333%;}
.tab1 > li > a{display:block; padding: 0 30px;}
.tab1 > li.on{ font-weight:600; margin-top: 0px; margin-left: -1px; border: 1px solid #37b; border-top-width: 4px; border-bottom-color: #fff; border-left-color: #37b; color: #37b; line-height: 37px; background: #fff; z-index: 20; position: relative; height: 50px; line-height: 50px; background: white; box-sizing: border-box;	}
.tab1 > li:hover a { font-weight:600; color:#37b}
.tab1 > li.on:after{display: block;clear: both; content: ''; background:url('../../img/common/tab_sha_bg.png') left top no-repeat; width:4px; height:36px; position:absolute; right:-5px; bottom:-1px;}
.tab1:after { display: block;clear: both; content: ''; position: absolute;top: 49px; height: 1px; background: #37b; width: 100%;}
.tab1 > li.on, .tab1 > li:first-child>button:focus { margin-left: 0;}
.tab1 > li.on a { color:#37b }
.tab_inner {border-color:#37b; border-width:0 1px 1px 1px; border-style:solid; box-sizing:border-box; padding:0.5em 2em; position:absolute; left:-1px; top:38px; width: 100%; min-width: 1000px;}
.tab_inner > ul {overflow:hidden;}
.tab_inner > ul > li {float:left; width:25%; font-weight:normal; text-align:left; line-height:25px; box-sizing: border-box;}




/* 에러페이지 */
.error {     text-align: center; }
.error  img {  width: 280px;  margin: 5em 0 0 0; }
.error > h1 { margin:1em 0;}
.error > .e_btn { margin:3em 0;}
.error > .e_btn > .btn {margin:0 7px;}

/* 팝업 디자인 */
.p_header { background: #004f90; color:#fff;  position:relative; padding: 5px 20px;}
.p_header  > .close {display:block; width:29px; height:29px; position:absolute; top:13px; right:18px;   color: #fff;  font-size: 2em;}
.p_header  > .close > i { vertical-align: top; }
.close .fa-remove:before, .close .fa-close:before, .close .fa-times:before { display: block; height: 29px; vertical-align: top; width: 29px; text-align: center; }
.p_box {padding:20px;}
.p_cont { min-height:170px; }


.scrolltbody {display: block;}
.scrolltbody tbody {display: block;height: 400px;overflow: auto;}
.scrolltbody th:nth-of-type(1) { width: 50px; } 
.scrolltbody td:nth-of-type(1) { width: 49px; }
.scrolltbody th:nth-of-type(2) { width: 199px; }
.scrolltbody td:nth-of-type(2) { width: 200px; }
.scrolltbody th:nth-of-type(3) { width: 199px; }
.scrolltbody td:nth-of-type(3) { width: 200px; }
.scrolltbody th:nth-of-type(4) { width: 95px; } 
.scrolltbody td:nth-of-type(4) { width: 110px; }
.scrolltbody th:nth-of-type(5) { width: 90px; }
.scrolltbody td:nth-of-type(5) { width: 90px; }