@charset "UTF-8"; 

/********************************
 제목
 *******************************/
h3 {margin-top:40px; margin-bottom:10px;}
h3:first-child {margin-top:0;}
h3 + h4 {margin-top:0;}
h4 {margin-top:24px; margin-bottom:6px;}
h5 {margin-top:10px; margin-bottom:5px;}

.tith3 {position:relative; padding-left:27px; font-size:2.7rem; font-family:'OneMobile'; font-weight:500; color:#222;}
.tith3:before {content:''; display:block; position:absolute; top:7px; left:0; width:22px; height:22px; background:url(../../kdgas/images/bul_ir.png) 0 0 no-repeat;}

.tith4 {position:relative; font-size:2.3rem; font-family:'OneMobile'; font-weight:500; color:#1a65db;}
/*.tith4:before {content:''; display:block; position:absolute; top:6px; left:0; width:8px; height:20px; background:url(../../kdgas/images/bul_ir.png) -23px 0 no-repeat;}*/

.tith5 {font-size:2.0rem; font-family:'OneMobile'; font-weight:500; color:#333;}




/* media query */
@media screen and (max-width:1200px) {
}

@media screen and (max-width:1024px) {
	h3 {margin-top:30px;}
	h4 {margin-top:20px;}
}

@media screen and (max-width:920px) {
}

@media screen and (max-width:767px) {
	h3 {margin-bottom:5px;}
	.tith3 {font-size:2.4rem;}
	.tith3:before {top:5px;}
	.tith4 {font-size:2.1rem;}
	.tith4:before {top:4px;}
	.tith5 {font-size:1.9rem;}
}

@media screen and (max-width:640px) {
}

@media screen and (max-width:480px) {
	h3 {margin-top:25px;}
	h4 {margin-top:16px;}
	.tith3 {font-size:2.2rem;}
	.tith3:before {top:4px;}
	.tith4 {font-size:2.0rem;}
	.tith4:before {top:3px;}
	.tith5 {font-size:1.8rem;}
}


/********************************
 본문 박스
 *******************************/
.tboxWrap {border-top:1px solid #222;}
.tboxInner {display:flex; padding:35px 0; border-bottom:1px solid #ddd;}
.tbox_tit {padding-left:35px; width:250px; font-size:2.2rem; font-weight:500; letter-spacing:-.5px; line-height:1.45; box-sizing:border-box;}
.tbox_sub {font-size:1.8rem; letter-spacing:-.5px; flex:1; line-height:1.6;}


@media screen and (max-width:767px) {
	.tboxInner {flex-direction:column; padding:20px 0;}
	.tbox_tit {margin-bottom:5px; padding-left:0; width:100%; font-size:2.0rem;}
	.tbox_sub {font-size:1.6rem; line-height:inherit;}
}

@media screen and (max-width:640px) {
	.tboxInner {padding:15px 0;}
}

@media screen and (max-width:480px) {
}


/********************************
 주의사항(안내)
 *******************************/
.tip {position:relative; padding-left:27px;}
.tip:before {content:''; display:inline-block; position:absolute; left:0; top:3px; width:22px; height:22px; background:#222 url(../../kdgas/images/tip_ir.png) 0 0 no-repeat; border-radius:8px;}
.tip.blue {color:#316cf2;}
.tip.blue:before {background-color:#316cf2;}
.tip.red {color:#f24331;}
.tip.red:before {background-color:#f24331;}
.tip.check:before {background-color:unset; background-position:-23px 0;}

/*테이블 - 주의사항*/
.tbl_tip {display:block;}
.tbl_tip .tip {display:inline-block; margin-bottom:0;}

/*텍스트 포인트컬러*/
.bold {font-weight:600;}
.pc_black {color:#333 !important}
.pc_red {color:#d52604 !important;}
.pc_green {color:#00652b !important;}
.pc_blue {color:#006cbd !important;}
.pc_pink {color:#e50091 !important;}
.pc_org {color:#ff740e !important;}


/* media query */
@media screen and (max-width:920px) {
}

@media screen and (max-width:767px) {
	.tip {padding-left:25px;}
	.tip:before {top:0; width:20px; height:20px; background:#222 url(../../kdgas/images/tip_ir.png) -1px -1px no-repeat;}
	.tip.check:before {background-position:-24px -1px;}
}

@media screen and (max-width:640px) {
}

@media screen and (max-width:480px) {
}


/********************************
 탭스타일
 *******************************/
 /*1차 탭*/
.tab_box {margin-bottom:30px; margin-top:1px; margin-left:-10px;}
.tab_box:after {content:''; display:block; visibility:hidden; clear:both;}
.tab_box li {position:relative; display:table; float:left; height:100%; padding-left:10px; padding-top:10px; vertical-align:middle;}
.tab_box li a {display:table-cell; height:60px; cursor:pointer; color:#333; vertical-align:middle; line-height:1.0; border-radius:10px; border:1px solid #cacaca; text-align:center;}

.tab_box li a:hover, .tab_box li a:active, .tab_box li a:focus {color:#222; border-color:#d9dee1; background-color:#d9dee1; transition: all 0.1s linear;}
.tab_box li.tab_on a {color:#fff; border-color:#0c66af; background-color:#0c66af; font-weight:500;}
.tab_box li a span {display:block; padding:5px; font-size:2.0rem; line-height:1.2;}

.tab_box.tab_col5 li {width:20%;}
.tab_box.tab_col4 li {width:25%;}
.tab_box.tab_col3 li {width:33.3333%;}
.tab_box.tab_col2 li {width:50%;}


/********************************
 리스트타입 - 기본
 *******************************/

.list_1st li ul.box {padding:10px 20px 5px; background-color:#f0f0f0; border-radius:10px;}


/*기본 UL 4단계*/
.list_1st {text-align:left;}
.list_1st > li {position:relative; padding-left:18px;}
.list_1st > li:before {content:''; display:block; position:absolute; top:9px; left:3px; width:8px; height:8px; background-color:#316cf2; border-radius:3px;}
.list_1st > li > ul {margin:10px 0;}
.list_1st > li > ul > li {position:relative; padding-left:10px;}
.list_1st > li > ul > li:before {content:''; display:block; position:absolute; top:11px; left:-1px; width:6px; height:2px; background-color:#3bad73;}
.list_1st > li > ul > li > ul {margin:10px 0;}
.list_1st > li > ul > li > ul > li {position:relative; padding-left:10px; font-size:1.7rem;}
.list_1st > li > ul > li > ul > li:before {content:''; display:block; position:absolute; top:8px; left:-1px; width:4px; height:4px; background-color:#e79152; border-radius:3px;}
.list_1st > li > ul > li > ul > li > ul {margin:10px 0;}
.list_1st > li > ul > li > ul > li > ul > li {position:relative; padding-left:10px;}
.list_1st > li > ul > li > ul > li > ul > li:before {content:''; display:block; position:absolute; top:10px; left:-1px; width:5px; height:2px; background-color:#b2b1b1;}

/*리스트 짧을때*/
ul.half {display:flex; flex-wrap:wrap;}
ul.half > li {width:50%;}

/*OL리스트*/
.list_num > li i, 
.list_num2 > li i {display:inline-block; position:absolute; left:0; line-height:22px; text-indent:-1px; width:22px; height:22px;}
.list_num li ul.box,
.list_num2 li ul.box {padding:10px 20px 5px; background-color:#f0f0f0; border-radius:10px;}
.list_num li ol.box,
.list_num2 li ol.box {padding:10px 20px; background-color:#f0f0f0; border-radius:10px;}

/*기본 OL+ OL*/
.list_num {text-align:left;}
.list_num > li {position:relative; padding-left:30px;}
.list_num > li i {top:2px; color:#1b75d6; font-weight:600;}
.list_num > li > ol {margin:10px 0;}
.list_num > li > ol > li {position:relative; padding-left:28px;}
.list_num > li > ol > li i {top:2px; text-align:center; color:#fff; font-size:1.2rem; line-height:22px; background-color:#44ab77; border-radius:50px; font-weight:400;}


/*OL + UL*/
.list_num2 {text-align:left;}
.list_num2 > li {position:relative; padding-left:30px;}
.list_num2 > li i {top:2px; color:#1b75d6; font-weight:600;}
.list_num2 > li > ul {margin:10px 0;}
.list_num2 > li > ul > li {position:relative; padding-left:10px;}
.list_num2 > li > ul > li:before {content:''; display:block; position:absolute; top:11px; left:-1px; width:6px; height:2px; background-color:#3bad73;}
.list_num2 > li > ul > li > ul {margin:10px 0;}
.list_num2 > li > ul > li > ul > li {position:relative; padding-left:10px; font-size:1.7rem;}
.list_num2 > li > ul > li > ul > li:before {content:''; display:block; position:absolute; top:8px; left:-1px; width:4px; height:4px; background-color:#e79152; border-radius:3px;}



/* media query */
@media screen and (max-width:1024px) {
}

@media screen and (max-width:920px) {
}

@media screen and (max-width:767px) {
	.list_1st > li {padding-left:17px;}
	.list_1st > li:before {top:6px;}
	.list_1st > li > ul > li {padding-left:9px;}
	.list_1st > li > ul > li:before {top:9px;}
	.list_1st > li > ul > li > ul > li {padding-left:8px; font-size:1.5rem;}
	.list_1st > li > ul > li > ul > li:before {top:8px;}
	.list_1st > li > ul > li > ul > li > ul > li {padding-left:7px;}
	.list_1st > li > ul > li > ul > li > ul > li:before {top:8px;}
	
	.list_num > li {padding-left:25px;}
	.list_num > li i {top:0;}
	.list_num > li > ol > li {padding-left:25px;}
	.list_num > li > ol > li i {top:1px; width:20px; height:20px; line-height:20px;}
	
	.list_num2 > li {padding-left:25px;}
	.list_num2 > li i {top:0;}
	.list_num2 > li > ul > li:before {top:8px;}
	.list_num2 > li > ul > li > ul > li {font-size:1.5rem;}
	
	ul.half > li {width:100%;}	
	ol.half > li {width:100%;}
	
}

@media screen and (max-width:640px) {
}

@media screen and (max-width:480px) {
}



/********************************
 상단안내글 (아이콘)
 *******************************/
.top_txtbox {position:relative; margin-bottom:25px; padding:1px; border-width:0; border-color:transparent; border-radius:17px 70px 17px 17px; background-origin:border-box; background-image:linear-gradient(#fff, #fff), linear-gradient(135deg, #1b69f1 5%, #5d78af 40%, #ef981c 60%, #f0981b 90%); background-clip:content-box, border-box; box-shadow:8px 6px 20px 0 rgb(125 125 125 / 7%);}
.top_txtinner {position:relative; padding:30px 30px 30px 180px; min-height:112px; background-color:#fff; border-radius:17px 70px 17px 17px;}
.top_txtinner .t_txt {display:table-cell; height:112px; vertical-align:middle;}
.top_txtinner .t_txt h3 {margin-top:0; color:#121212; font-size:2.2rem;}
.top_txtinner .t_txt p {margin-bottom:0;}
.top_txtinner:before {content:''; display:inline-block; position:absolute; top:50%; left:40px; margin-top:-51px; width:102px; height:102px; background-color:#f4f4f9; background-image:url(../../kdgas/images/biccon_ir.png); background-repeat:no-repeat; border-radius:40px;}

.top_txtinner.t_icon01:before {background-position:0 0;} /*알림*/

/* media query */
@media screen and (max-width:1200px) {
}

@media screen and (max-width:1024px) {
	.top_txtinner {position:relative; padding:30px 30px 30px 170px;}
	.top_txtinner:before {left:30px;}
}

@media screen and (max-width:920px) {
	.top_txtinner {position:relative; padding:20px 20px 20px 160px;} /*상단 텍스트박스*/
	.top_txtinner:before {left:20px;}
}

@media screen and (max-width:767px) {
  	.top_txtbox {border-radius:15px 40px 15px 15px;}
	.top_txtbox:before {width:70px; height:60px;}
	.top_txtbox:after {width:70px; height:60px;}
	.top_txtinner {position:relative; padding:20px; min-height:auto; border-radius:15px 40px 15px 15px;}
	.top_txtinner:before {display:none;}
	.top_txtinner .t_txt {display:block; height:auto;}
	.top_txtinner .t_txt h3 {font-size:2.0rem;}
}

@media screen and (max-width:640px) {
	.top_txtinner {padding:25px 15px;}
	.btn_box {text-align:left;}
}

@media screen and (max-width:480px) {
}


/********************************
 테이블
 *******************************/
/*스크롤*/
.scrl_info,
.scrl_info2 {display:none; margin-bottom:4px;}
.scrl_info p,
.scrl_info2 p {position:relative; display:table-cell; padding-left:30px; vertical-align:middle;}
.scrl_info p:before,
.scrl_info2 p:before {content:''; display:inline-block; position:absolute; left:0; top:0; width:26px; height:20px; background:url(../../kdgas/images/arrow_ir.png) -56px 0 no-repeat;}
.scrl_box {}
.scrl_info2 {}


table.txt_c {text-align:center;}
table.txt_l {text-align:left;}
table.txt_r {text-align:right;}
table.valg_m th, table.valg_m td {vertical-align:middle;}

th.txt_c, td.txt_c {text-align:center !important;}
th.txt_l, td.txt_l {text-align:left !important;}
th.txt_r, td.txt_r {text-align:right !important;}

/*기본 테이블*/
.tbl_base {table-layout:fixed; margin-bottom:10px; width:100%; line-height:1.4; border-style:solid; border-color:#ddd; border-width:2px 1px 0 1px; border-top-color:#446db5;}
.tbl_base thead th {padding:12px 5px 10px; font-weight:700; color:#333; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #bbb; background-color:#f6faff;}
.tbl_base thead th:last-child {border-right-width:0;}
.tbl_base thead th.addline {border-right-width:1px;}

.tbl_base tbody th, .tbl_base tbody td,
.tbl_base tfoot th, .tbl_base tfoot td {padding:14px 8px 12px;}

.tbl_base tbody th {color:#333; font-weight:400; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fbfcfd; text-align:center;}
.tbl_base tbody td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fff;}
.tbl_base tbody td:last-child {border-right-width:0;}
.tbl_base tbody td.addline {border-right-width:1px;}

.tbl_base tfoot th {color:#333; font-weight:400; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fef6e8; text-align:center;}
.tbl_base tfoot td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fef6e8;}
.tbl_base tfoot td:last-child {border-right-width:0;}
.tbl_base tfoot td.addline {border-right-width:1px;}

.tbl_base thead th,
.tbl_base thead td,
.tbl_base tbody th,
.tbl_base tbody td,
.tbl_base tfoot th,
.tbl_base tfoot td {word-break: break-all;}



/* media query */
@media screen and (max-width:1520px) {
	.scrl_info2 {display:table;}
	.scrl_box2 {overflow-x:scroll; width:100%;}
	.scrl_box2 .tbl_base {width:1520px;}/*스크롤 사용시 테이블 사이즈 고정*/
}
@media screen and (max-width:1200px) {

}

@media screen and (max-width:1024px) {
}

@media screen and (max-width:920px) {
}

@media screen and (max-width:767px) {
	.scrl_info {display:table;}
	.scrl_box {overflow-x:scroll; width:100%;}
	.scrl_box .tbl_base {width:768px;}/*스크롤 사용시 테이블 사이즈 고정*/
	
	.scrl_box2 .tbl_base {width:1240px;}/*스크롤 사용시 테이블 사이즈 고정*/
}

@media screen and (max-width:640px) {
}

@media screen and (max-width:480px) {
}



/********************************
 안내박스(텍스트)
 *******************************/
.info_txtbox {position:relative; padding:25px; border:1px solid #eee; background-color:#f4f4f9; border-radius:10px 30px 10px 10px;}
.info_txtbox p {margin-bottom:0;}
.info_txtbox h3 {margin-top:0; color:#3c62c0;}
.info_txtbox ul {}
.info_txtbox ul > li {position:relative; padding-left:15px;}
.info_txtbox ul > li:before {content:''; display:block; position:absolute; top:9px; left:0; width:8px; height:8px; background-color:#316cf2; border-radius:3px;}
.info_txtbox ul > li > ul > li {position:relative; padding-left:10px;}
.info_txtbox ul > li > ul > li:before {content:''; display:block; position:absolute; top:11px; left:0; width:6px; height:2px; background-color:#3bad73;}

/*본문중간 안내박스*/
.info_txtbox.list {border-radius:10px; background-color:#f7f7f7;}


/* media query */
@media screen and (max-width:1200px) {
}

@media screen and (max-width:1024px) {
}

@media screen and (max-width:920px) {
}

@media screen and (max-width:767px) {
	.info_txtbox ul > li {padding-left:12px;}
	.info_txtbox ul > li:before {top:6px;}
	.info_txtbox ul > li > ul > li:before {top:8px;}
}

@media screen and (max-width:640px) {
	.info_txtbox {padding:15px;}
	.info_txtbox.icon_fix {padding:10px;}
	.info_txtbox .info_texbox_inner.icon {padding-left:54px;}
}

@media screen and (max-width:480px) {
}


/********************************
 버튼- 사용
 *******************************/
a.tg_link {display:inline-block; position:relative; padding-right:20px; font-weight:600; color:#333;}
a.tg_link:before {content:''; position:absolute; right:0; top:4px; width:17px; height:17px; background:url(../../kdgas/images/icon_openwin.png) 0 0 no-repeat;}

.btn:hover, .btn:active, .btn:focus {font-weight:500; text-decoration:none; border-color:#444; transition:border-color 0.2s linear;}
.btn {display:inline-block; position:relative; padding:6px 15px 6px 37px; min-height:32px; border:1px solid #aaa; color:#fff; border-radius:7px; background-color:#fff;}
.btn:hover {border-color:#0066A6; background-color:#0066A6; color:#fff;}
.btn span {display:block; line-height:32px; font-size:1.8rem;}


.btn.noicon {padding:5px 20px;}

.btn.mini {min-height:inherit;}
.btn.mini span {font-size:1.6rem; line-height:inherit;}

.btn_icon {display:block; position:absolute; left:10px; top:50%; margin-top:-11px; width:23px; height:23px; font-size:0; text-indent:-9999px;}
.btn_icon:before {content:''; display:inline-block; position:absolute; top:0; left:0; width:23px; height:23px; background-image:url(../../kdgas/images/minicon_ir.png); background-repeat:no-repeat;}


.btn.down .btn_icon:before {background-position:0 0;}
.btn.down:hover .btn_icon:before {background-position:0 -24px;}

.btn.link .btn_icon:before {background-position:-24px -0;}
.btn.link:hover .btn_icon:before {background-position:-24px -24px;}

.btn.write .btn_icon:before {background-position:-48px -0;}
.btn.write:hover .btn_icon:before {background-position:-48px -24px;}

.btn.list .btn_icon:before {background-position:-72px -0;}
.btn.list:hover .btn_icon:before {background-position:-72px -24px;}

.btn.pc .btn_icon:before {background-position:-96px -0;}
.btn.pc:hover .btn_icon:before {background-position:-96px -24px;}

.btn.set .btn_icon:before {background-position:-120px -0;}
.btn.set:hover .btn_icon:before {background-position:-120px -24px;}

.btn.noti .btn_icon:before {background-position:-144px -0;}
.btn.noti:hover .btn_icon:before {background-position:-144px -24px;}

.btn.search .btn_icon:before {background-position:-168px -0;}
.btn.search:hover .btn_icon:before {background-position:-168px -24px;}


/*기본파란색*/
.btn.blue {background-color:#137fd4; border-color:#137fd4; color:#fff;}
.btn.blue .btn_icon:before {background-position-y:-24px;}
.btn.blue:hover {border-color:#0066A6; background-color:#0066A6;}




/* media query */
@media screen and (max-width:1200px) {

}
@media screen and (max-width:1024px) {

}

@media screen and (max-width:920px) {/*텍스트 최소값 보정*/
}

@media screen and (max-width:767px) {
	a.tg_link:before {top:2px;}
	
	.btn {min-height:inherit;}
	.btn span {line-height:inherit; font-size:1.5rem;}
	.btn.mini span {font-size:1.4rem;}
}

@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
	.btn {display:block; margin-top:8px;}
	.btn:first-child {margin-top:0px;}
	.btn span {padding-top:3px;}
	
	.btn.only,
	.btn.mini.only {display:inline-block; margin-top:0;}
	.btn.only span,
	.btn.mini.only span {padding-top:0;}
}





/********************************
 정보버튼 박스
 *******************************/
.info_listbox {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch;}
.info_listbox .info_item {margin-bottom:20px; width:calc(50% - 10px); border:1px solid #ddd; border-radius:8px;}
.info_listbox .info_item.all {width:100%;}
.info_listbox.col3 .info_item {width:calc(33.3333% - 10px);}


.info_listbox .info_item dl {display:flex; justify-content:flex-start; align-items:stretch; padding:20px;}
.info_listbox .info_item dt {position:relative; margin-right:10px; padding:0 15px 0 55px; font-weight:600;}
.info_listbox .info_item dt:before {content:''; position:absolute; left:0; top:-7px; width:42px; height:42px; background-color:#f4f4f9; border-radius:50%;}
.info_listbox .info_item dt:after {content:':'; position:absolute; right:0; top:-1px; }
.info_listbox .info_item dt.only {margin-right:0;}
.info_listbox .info_item dt.only:after {display:none;}


.info_listbox .info_item dt .info_icon:before {content:''; position:absolute; left:10px; top:2px; width:23px; height:23px; background-image:url(../../kdgas/images/minicon_ir.png); background-repeat:no-repeat;}
.info_listbox .info_item dt .info_icon.icon01:before {background-position:-144px 0;} /*공지*/
.info_listbox .info_item dt .info_icon.icon02:before {background-position:-288px 0;} /*전화*/
.info_listbox .info_item dt .info_icon.icon03:before {background-position:-192px 0;} /*메일*/
.info_listbox .info_item dt .info_icon.icon04:before {background-position:-72px 0;} /*서류*/
.info_listbox .info_item dt .info_icon.icon05:before {background-position:-48px 0;} /*서류작성*/
.info_listbox .info_item dt .info_icon.icon06:before {background-position:-96px 0;} /*홈페이지*/
.info_listbox .info_item dt .info_icon.icon07:before {background-position:-240px 0;} /*접수날짜*/
.info_listbox .info_item dt .info_icon.icon08:before {background-position:-216px 0;} /*첨부파일*/
.info_listbox .info_item dt .info_icon.icon09:before {background-position:-336px 0;} /*주소*/
.info_listbox .info_item dt .info_icon.icon10:before {background-position:-360px 0;} /*팩스*/
.info_listbox .info_item dt .info_icon.icon11:before {background-position:-384px 0;} /*담당자*/
.info_listbox .info_item dt .info_icon.icon12:before {background-position:-408px 0;} /*자동차*/
.info_listbox .info_item dt .info_icon.icon13:before {background-position:-432px 0;} /*스마트폰*/


/*다운로드 버튼 추가*/
.info_listbox .info_item.down {display:flex; flex-wrap:wrap; justify-content:space-between;}
.info_listbox .info_item.down dl {width:calc(100% - 136px);}
.info_listbox .info_item.down .newpage {display:flex; justify-content:flex-end; width:136px;}
.info_listbox .info_item.down .newpage a {position:relative; display:inline-block; width:68px; height:100%; background-color:#f7f7f7; border-radius:0; border-left:1px solid #ddd;  box-sizing:border-box;}
.info_listbox .info_item.down .newpage a:last-child {border-radius:0 8px 8px 0;}
.info_listbox .info_item.down .newpage a:before {content:''; position:absolute; left:50%; top:50%; margin:-11px 0 0 -11px; width:23px; height:23px; background-image:url(../../kdgas/images/minicon_ir.png); background-repeat:no-repeat;}
.info_listbox .info_item.down .newpage a.new:before {background-position:-24px 0;} /*새창*/
.info_listbox .info_item.down .newpage a.down:before {background-position:0 0;} /*다운로드*/
.info_listbox .info_item.down .newpage a.see:before {background-position:-168px 0;} /*돋보기*/

.info_listbox .info_item.down dl.only {flex-direction:column; width:calc(100% - 68px);}
.info_listbox .info_item.down dl.only dd {padding-left:55px; font-size:1.6rem;}
.info_listbox .info_item.down .newpage.onebtn {width:68px;}


/* media query */
@media screen and (max-width:1200px) {
	.info_listbox .info_item.down.long {flex-direction:column; justify-content:space-between;}
	.info_listbox .info_item.down.long dl {width:100%;}
	.info_listbox .info_item.down.long .newpage {justify-content:center; width:100%; height:50px;}
	.info_listbox .info_item.down.long .newpage a {width:100%; border-left:none; border-top:1px solid #ddd;} 
	.info_listbox .info_item.down.long .newpage a:last-child {border-radius:0 0 8px 8px;}
	.info_listbox .info_item.down.long .newpage a + a:last-child {border-left:1px solid #ddd; border-radius:0 0 8px 0;}
	.info_listbox .info_item.down.long .newpage a.left {border-radius:0 0 0 8px;}
}
@media screen and (max-width:1024px) {

}

@media screen and (max-width:920px) {/*텍스트 최소값 보정*/
	.info_listbox .info_item {margin-bottom:10px; width:100%;}
	.info_listbox.col3 .info_item {width:calc(50% - 10px);}
}

@media screen and (max-width:767px) {
	.info_listbox .info_item dt {padding:0px 15px 0 45px;}
	.info_listbox .info_item dt:before {width:35px; height:35px;}
	.info_listbox .info_item dt .info_icon:before {left:7px; top:-1px;}
	
	.info_listbox .info_item.down dl {width:calc(100% - 124px);}
	.info_listbox .info_item.down .newpage {display:flex; justify-content:flex-end; width:124px;}
	.info_listbox .info_item.down .newpage a {width:62px;}
	
	.info_listbox .info_item.down dl.only {width:calc(100% - 62px);}
	.info_listbox .info_item.down dl.only dd {padding-left:45px;}
	.info_listbox .info_item.down .newpage.onebtn {width:62px;}
}

@media screen and (max-width:640px) {
	.info_listbox.col3 .info_item {width:100%;}
	
	.info_listbox .info_item dl {flex-direction:column; padding:20px 15px 15px;}
	.info_listbox .info_item dt:after {display:none;}
	.info_listbox .info_item dd {margin-top:10px; padding-left:45px;}
	
	.info_listbox .info_item.down {flex-direction:column; justify-content:normal;}
	.info_listbox .info_item.down dl {width:100%;}
	.info_listbox .info_item.down .newpage {justify-content:center; width:100%; height:40px;}
	.info_listbox .info_item.down.long .newpage {height:40px;}
	.info_listbox .info_item.down .newpage a {width:100%; border-left:none; border-top:1px solid #ddd;}
	.info_listbox .info_item.down .newpage a:before {margin:-12px 0 0 -11px;} 
	.info_listbox .info_item.down .newpage a:last-child {border-radius:0 0 8px 8px;}
	.info_listbox .info_item.down .newpage a + a:last-child {border-left:1px solid #ddd; border-radius:0 0 8px 0;}
	.info_listbox .info_item.down .newpage a.left {border-radius:0 0 0 8px;}
		
	.info_listbox .info_item.down dl.only {width:100%;}
	.info_listbox .info_item.down .newpage.onebtn {width:100%;}
}

@media screen and (max-width:480px) {
}





/********************************
 순서도 박스
 *******************************/
/*가로 순서도*/
.step_box {position:relative; margin-bottom:40px;}
.step_box:after {content:''; display:block; visibility:hidden; clear:both;}

.step_box .step_list {display:flex; flex-wrap:wrap;}
.step_box .step_list > li {width:25%;}
.step_box .step_list.col3 > li {width:33.3333%;}
.step_box .step_list.col2 > li {width:50%;}

.step_box .step_list > li {position:relative; display:table; padding:0 15px;}

.step_box .step_list > li:after {content:''; position:absolute; right:0; top:50%; margin-top:-13px; width:27px; height:27px; background:#fff url(../../kdgas/images/arrow_ir.png) -28px 0 no-repeat; border:1px solid #ccc; border-radius:5px 13px 13px 5px;}
.step_box .step_list > li:last-child:after {display:none;}
 
.step_box .step_list li .step_cont {display:table-cell; text-align:center; vertical-align:middle; padding:15px 20px; border-radius:20px 50px 20px 20px; border:1px solid #ccc;}
.step_box .step_list li.on .step_cont {border-color:#ed7100;}
.step_box .step_list li.on:after {border-color:#ed7100;}

.step_box .step_list .step_cont .topbox .num {display:block; font-size:1.5rem; font-weight:500;}
.step_box .step_list .step_cont .topbox .tit {display:block; font-weight:600; color:#121212; line-height:1.2;}

.step_box .step_list li.on .topbox .num,
.step_box .step_list li.on .topbox .tit {color:#e23e00;}

.step_box .step_list .step_cont .topbox .txt {display:block; margin-top:10px;}
.step_box .step_list .step_cont .conbox {margin-top:15px; padding-top:15px; border-top:1px dashed #ddd;}



/* media query */
@media screen and (max-width:1200px) {
}

@media screen and (max-width:1024px) {
	.step_box {margin-bottom:30px;}
	
		.step_box .step_list li .step_cont {padding:15px;}
}

@media screen and (max-width:920px) {
	.step_box .step_list li .step_cont {border-radius:20px 45px 20px 20px;}
}

@media screen and (max-width:767px) {
	.step_box .step_list li .step_cont {padding:15px 10px;}
	.step_box .step_list .step_cont .topbox .num {font-size:1.3rem;}
}

@media screen and (max-width:640px) {
	.step_box .step_list > li {padding:0 10px;}
	.step_box .step_list > li:after {right:-10px;}
}

@media screen and (max-width:480px) {
	.step_box .step_list > li {padding:0;}
	.step_box .step_list > li:after {right:-15px; width:24px; height:24px;  margin-top:-12px; background-position:-30px -1px; z-index: 1;}
	.step_box .step_list li .step_cont {border-radius:20px 40px 20px 20px;}
	.step_box .step_list .step_cont .topbox .tit {font-size:1.5rem;}
	
}

/*아이콘 순서도*/
.icon_step .step_list .step_cont .topbox {position:relative;}
.icon_step .step_list .step_cont .topbox .icon {position:relative; display:block; margin:5px auto 0; width:100px; height:100px; background-color:#f7fafc; border-radius:50%;}
.icon_step .step_list .step_cont .topbox .icon:before {content:''; position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-50px; width:100px; height:100px; background-position:center center; background-repeat:no-repeat; background-size:auto;}
.icon_step .step_list .step_cont .topbox .icon.icon01:before {background-image:url(../../kdgas/images/sub01/icon01.png);}
.icon_step .step_list .step_cont .topbox .icon.icon02:before {background-image:url(../../kdgas/images/sub01/icon02.png);}
.icon_step .step_list .step_cont .topbox .icon.icon03:before {background-image:url(../../kdgas/images/sub01/icon03.png);}
.icon_step .step_list .step_cont .topbox .icon.icon04:before {background-image:url(../../kdgas/images/sub01/icon04.png);}
.icon_step .step_list .step_cont .topbox .icon.icon05:before {background-image:url(../../kdgas/images/sub02/icon05.png);}
.icon_step .step_list .step_cont .topbox .icon.icon06:before {background-image:url(../../kdgas/images/sub02/icon06.png);}
.icon_step .step_list .step_cont .topbox .icon.icon07:before {background-image:url(../../kdgas/images/sub05/icon07.png);}

.icon_step .step_list li.on .step_cont {background-color:#f15900; border:none;}
.icon_step .step_list li.on .step_cont .topbox .icon {background-color:#fff;}
.icon_step .step_list li.on .step_cont .topbox .tit {color:#fff;}

/* media query */
@media screen and (max-width:640px) {
	.icon_step .step_list .step_cont .topbox .icon {width:80px; height:80px;}
	.icon_step .step_list .step_cont .topbox .icon:before {margin-left:-40px; margin-top:-40px; width:80px; height:80px; background-size:90% auto;}
	
}

@media screen and (max-width:480px) {	
}


/*세로 순서도*/
.step_box2 {position:relative;}
.step_box2:after {content:''; display:block; visibility:hidden; clear:both;}

.step_box2 .step_list {display:block;}

.step_box2 .step_list > li {position:relative; display:block; padding-bottom:30px; width:100%;}
.step_box2 .step_list > li:after {content:''; position:absolute; bottom:25px; right:0; width:72%; height:1px; border-bottom:1px dashed #ddd;}
.step_box2 .step_list > li:last-child {padding-bottom:0;}
.step_box2 .step_list > li:last-child:after {display:none;}

.step_box2 .step_list .step_cont {display:table; padding-bottom:20px; width:100%;}
.step_box2 .step_list > li:last-child .step_cont {padding-bottom:0;}
.step_box2 .step_list .step_cont .topbox {position:relative; display:table-cell; text-align:center; vertical-align:middle; padding:20px 15px; width:25%; border-radius:15px; border:1px solid #ccc;}
.step_box2 .step_list .step_cont .topbox:after {content:''; position:absolute; left:50%; bottom:-15px; margin-left:-13px; width:27px; height:27px; background:#fff url(../../kdgas/images/arrow_ir.png) -28px 0 no-repeat; border:1px solid #ccc; border-radius:5px 13px 13px 5px;  transform:rotate(90deg);}
.step_box2 .step_list > li:last-child .step_cont .topbox:after {display:none;}
.step_box2 .step_list .step_cont .topbox .num {display:block; font-size:1.5rem; font-weight:500;}
.step_box2 .step_list .step_cont .topbox .tit {display:block; font-weight:600; color:#121212;}
.step_box2 .step_list .step_cont .topbox .txt {display:block; margin-top:10px;}

.step_box2 .step_list .step_cont .conbox {position:relative; display:table-cell; vertical-align:middle; padding-left:40px;}


/* media query */
@media screen and (max-width:1200px) {
}

@media screen and (max-width:1024px) {
}

@media screen and (max-width:920px) { 
	.step_box2 .step_list > li:after {width:67%;}
	.step_box2 .step_list .step_cont .topbox {width:30%;}
}

@media screen and (max-width:767px) {
	.step_box2 .step_list .step_cont .topbox .num {font-size:1.3rem;}
	
	.step_box2 .step_list .step_cont .conbox {padding-left:20px;}
}

@media screen and (max-width:640px) {
	.step_box2 .step_list .step_cont .topbox {border-radius:15px;}
}

@media screen and (max-width:480px) {
	.step_box2 .step_list > li {padding-bottom:0;}
	.step_box2 .step_list > li:after {display:none;}


	.step_box2 .step_list .step_cont {display:block; padding-bottom:0; padding-top:20px;}
	.step_box2 .step_list > li:first-child .step_cont {padding-top:0;}
	
	.step_box2 .step_list .step_cont .topbox {display:block; width:100%; padding:15px;}
	.step_box2 .step_list .step_cont .topbox:after {bottom:unset; top:-20px;}
	.step_box2 .step_list > li:first-child .step_cont .topbox:after {display:none;}
	.step_box2 .step_list > li:last-child .step_cont .topbox:after {display:block;}
	
	.step_box2 .step_list .step_cont .conbox {display:block; padding-left:0; padding:15px 0;}
}


/********************************
 개인정보 수집동의 박스
 *******************************/
.agreebox {padding:20px 30px; border:1px solid #ddd; border-radius:15px;}
.agreebox h3.tith3,
.agreebox h4.tith4 {margin-top:0;}
.agreebox .scrollbox {height:350px; overflow-y:scroll;}/*내용이 많은경우 사용*/
.agreebox .agree_ask {display:flex; justify-content:flex-end; margin-top:20px; padding-top:20px; border-top:1px dashed #ddd; text-align:center;}
.agreebox .agree_ask.linebl {flex-direction:column;}
.agreebox .agree_ask p {margin-bottom:0;}
.agrb_check {margin:0 10px;}
.agrb_check .keep_text:before, 
.agrb_check input:checked+.keep_text:before {background-image: url(../../kdgas/images/radio_box.png); background-size:22px 44px; background-repeat: no-repeat;}
.agrb_check {position:relative; display:inline-block; padding-left:22px;}
.agrb_check .input_keep {position:absolute; top:6px; left:3px; width:15px; height:15px;}
.agrb_check .keep_text {display:inline-block; margin-left:5px;}
.agrb_check input {-webkit-appearance: none; -moz-appearance: none;}
.agrb_check .keep_text:before {content: ''; position: absolute; top:3px; left:0; background-position:0 0; background-repeat: no-repeat; width:22px; height:22px; background-color:#fff;}
.agrb_check input:checked+.keep_text:before {background-position:0px -22px; background-repeat:no-repeat; width:22px; height: 22px;}


@media screen and (max-width:767px) {
	.agreebox {padding:20px 25px;}
	
	.agrb_check .keep_text {margin-left:2px;}
	.agrb_check .keep_text:before {top:1px; width:20px; height:20px; background-size:100%;}
	.agrb_check .input_keep {top:4px;}
}

@media screen and (max-width:640px) {
	.agreebox .agree_ask {justify-content:unset; flex-direction:column; margin-top:15px; padding-top:15px;}
	.agreebox .agree_ask p {margin-bottom:5px;}
}

@media screen and (max-width:360px) {
	.agreebox .agree_ask {text-align:left;}
	.agrb_check {display:block; margin:0 0 10px;}
}


/********************************
 board set
 *******************************/

label, input, select, textarea {font-size:1.9rem; color:#444;}
select.bd_select {padding:0 30px 0 12px; width:100%; height:45px; line-height:45px; border:1px solid #ddd; background:#fff url(../../kdgas/images/select_arrow.png) right 11px center no-repeat; border-radius:8px;}
input.bd_input {display:block; width:100%; line-height:45px; border:1px solid #ddd;}
input.bd_input[type="text"] {border-radius:8px;}
input.bd_input.bdi_text {padding-left:5px;}
input.bd_input.bdi_ckbox,
input.bd_input.bdi_radio {width:auto; display:inline-block; margin-right:3px;}
input.bd_input.bdi_file {width:auto; display:inline-block; margin:2px 5px; line-height:inherit; border:none; font-size:1.4rem;}
textarea.bd_txtarea {resize:none; width:100%; border:1px solid #ddd;}
textarea.bd_txtarea.re_size {resize:auto;}

.essent {position:absolute; display:inline-block; margin-left:3px; line-height:0; font-size:0;}
.essent:before {content:'*'; position:absolute; left:0; top:3px; line-height:1; font-size:2.0rem; color:#f24331 !important;}

@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {/*텍스트 최소값 보정*/
}
@media screen and (max-width:767px) {
	label, input, select, textarea {font-size:1.7rem;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
	label, input, select, textarea {font-size:1.5rem;}
}






/********************************
 체크박스, 라디오버튼
 *******************************/

/*체크박스*/
.lib_check .keep_text:before, 
.lib_check input:checked+.keep_text:before {background-image: url(../../kdgas/images/check_box.png); background-size:22px 44px; background-repeat: no-repeat;}
.lib_check {position:relative; display:inline-block; padding-left:22px; padding-right:10px;}
.lib_check .input_keep {position:absolute; top:5px; left:3px; width:15px; height:15px;}
.lib_check .keep_text {display:inline-block; margin-left:5px;}
.lib_check input {-webkit-appearance: none; -moz-appearance: none;}
.lib_check .keep_text:before {content: ''; position: absolute; top:2px; left:0; background-position:0 0; background-repeat: no-repeat; width:22px; height:22px; background-color:#fff;}
.lib_check input:checked+.keep_text:before {background-position:0px -22px; background-repeat:no-repeat; width:22px; height: 22px;}

/* 라디오버튼 */ 
.radio_check .keep_text:before,
.radio_check input:checked+.keep_text:before {background-image: url(../../kdgas/images/radio_box.png); background-size:22px 44px; background-repeat: no-repeat;}
.radio_check {position:relative; display:inline-block; padding-left:22px; padding-right:10px;}
.radio_check .input_keep {position:absolute; top:6px; left:3px; width:15px; height:15px;}
.radio_check .keep_text {display:inline-block; margin-left:5px;}
.radio_check input {-webkit-appearance: none; -moz-appearance: none;}
.radio_check .keep_text:before {content: ''; position: absolute; top:3px; left:0; background-position:0 0; background-repeat: no-repeat; width:22px; height:22px;}
.radio_check input:checked+.keep_text:before {background-position:0px -22px; background-repeat:no-repeat; width:22px; height: 22px;}


/* media query */
@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){ 
}

@media screen and (max-width:767px){
	/*체크박스*/
	.lib_check .keep_text {margin-left:2px;}
	.lib_check .keep_text:before {top:1px; width:20px; height:20px; background-size:100%;}
	.lib_check .input_keep {top:4px;}
	
	/*라디오버튼*/
	.radio_check .keep_text {margin-left:2px;}
	.radio_check .keep_text:before {top:1px; width:20px; height:20px; background-size:100%;}
	.radio_check .input_keep {top:4px;}
}

@media screen and (max-width:640px){
}

@media screen and (max-width:480px){
}


/********************************
 테이블
*********************************/

/*table-list 목록*/
.tbl_bd_list {table-layout:fixed; margin-bottom:10px; width:100%; line-height:1.4; border-style:solid; border-color:#ddd; border-width:1px 0 0 0; border-top-color:#555;}
.tbl_bd_list thead th {padding:12px 5px 10px; font-weight:500; color:#333; text-align:center; border-bottom:1px solid #bbb; background-color:#f7f7fc;}

.tbl_bd_list tbody th, .tbl_bd_list tbody td,
.tbl_bd_list tfoot th, .tbl_bd_list tfoot td {padding:10px 5px 10px;}

.tbl_bd_list tbody th {color:#333; font-weight:400; text-align:center; border-bottom:1px solid #ddd; background-color:#f8f8f8;}
.tbl_bd_list tbody td {border-bottom:1px solid #ddd; background-color:#fff;}
.tbl_bd_list.board tbody td .icon_noti {padding:5px 10px; font-size:1.5rem; background-color:#444; border-radius:5px; color:#fff;}
.tbl_bd_list.board tbody td a img.secret {margin-top:-3px; margin-right:5px;}
.tbl_bd_list.board tbody td a img.new {margin-top:-3px; margin-left:5px;}

.tbl_bd_list tfoot th {color:#333; font-weight:400; text-align:center; border-bottom:1px solid #ddd; background-color:#fef6e8;}
.tbl_bd_list tfoot td {border-bottom:1px solid #ddd; background-color:#fef6e8;}

/*반응형*/
.tbl_bd_list.board tbody .m_head {display:none;}
.popup_tb {overflow-y:auto; max-height:300px; border-top:1px solid #555;}
.popup_tb .tbl_bd_list {border-top:0;}
.popup_tb .tbl_bd_list.board.popup thead {position:sticky; top:0; z-index:1;}
.popup_tb .tbl_bd_list.board.popup tbody span.m_head {display:none;}
.popup_tb .tbl_bd_list.board.popup tbody span.m_td {justify-content: center}
.popup_tb .tbl_bd_list.board.popup tbody span.m_td .lib_check {padding-right:0;}
.popup_tb .tbl_bd_list.board.popup tbody span.m_td .lib_check input {width:15px;}
 

/*게시글 없을때*/
.empty_txt {margin-bottom:15px; padding-bottom:10px; text-align:center; border-bottom:1px solid #ddd;}



/*media query*/
 
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
	/*게시판 목록*/
	.tbl_bd_list.board colgroup,
	.tbl_bd_list.board thead {display:none;}
	.tbl_bd_list.board tbody tr {position:relative; display:flex; flex-wrap:wrap; padding:10px 0; border-bottom:1px solid #ddd;}
	.tbl_bd_list.board tbody tr:nth-child(even) {background-color:#f8f8f8;}
	.tbl_bd_list.board tbody td {position:relative; display:table; padding:1px 0px !important; width:100%; border-bottom:0;}
	.tbl_bd_list.board tbody tr:nth-child(even) td {background-color:unset;}
	.tbl_bd_list.board tbody td .m_head {display:table-cell; padding:2px 10px; width:90px; height:100%; text-align:right;}
	.tbl_bd_list.board tbody td .m_td {display:table-cell; padding:2px 10px; width:calc(100% - 90px); text-align:left;}
	
	.tbl_bd_list.board tbody td .icon_noti {padding:4px 10px; font-size:1.3rem;}
	.tbl_bd_list.board tbody td a.m_td:hover,
	.tbl_bd_list.board tbody td a.m_td:active,
	.tbl_bd_list.board tbody td a.m_td:focus {color:#3c62c0;}
	
	.popup_tb .tbl_bd_list.board tbody tr {justify-content:space-between; align-items:center;}
	.popup_tb .tbl_bd_list.board tbody td {display:inherit; padding:0 !important; width:calc(100% - 85px);}
	.popup_tb .tbl_bd_list.board tbody td.check {width:85px;}
	.popup_tb .tbl_bd_list.board.popup tbody span.m_td {display:table-cell; padding:0 10px 0 0; width:100%; text-align:left;}
	
}
@media screen and (max-width:767px) {
	/*게시판 목록*/
	.tbl_bd_list.board tbody td .m_head {padding:2px 5px; width:70px;}
	.tbl_bd_list.board tbody td .m_td {padding:2px 5px; width:calc(100% - 70px);}
	
	
	.popup_tb .tbl_bd_list.board tbody td {width:calc(100% - 75px);}
	.popup_tb .tbl_bd_list.board tbody td.check {width:75px;}
	
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}



/********************************
 board-btn
 *******************************/
.bd_btnbox {position:relative;}
.bd_btnbox.ta_l {text-align:left;}
.bd_btnbox.ta_c {text-align:center;}
.bd_btnbox.ta_r {text-align:right;}

.bd_btnbox.ta_l .bd_btn {margin-right:2px; margin-bottom:2px;}
.bd_btnbox.ta_c .bd_btn {margin-right:1px; margin-right:1px; margin-bottom:2px;}
.bd_btnbox.ta_r .bd_btn {margin-left:2px; margin-bottom:2px;}

.bd_btn {display:inline-block; padding:0 20px; line-height:43px; color:#333; border:1px solid #ddd; border-radius:5px;}
.bd_btn:hover,
.bd_btn:acitve,
.bd_btn:focus {transition:background-color 0.2s linear;}
.bd_btn.btn_list, .bd_btn.btn_submit {color:#fff; border-color:#138719; background-color:#138719;}
.bd_btn.btn_print {color:#fff; border-color:#232528; background-color:#232528;}
.bd_btn.btn_config {color:#fff; border-color:#3c62c0; background-color:#3c62c0;}
.bd_btn.btn_blue {color:#3c62c0; border-color:#3c62c0; background-color:#fff;}
.bd_btn.btn_del {color:#fff; border-color:#d52604; background-color:#d52604;}
.bd_btn.btn_del2 {color:#d52604; border-color:#d52604; background-color:#fff;}


/********************************
 media query
 *******************************/
@media screen and (max-width:1200px) {

}
@media screen and (max-width:1024px) {

}

@media screen and (max-width:920px) {/*텍스트 최소값 보정*/
}

@media screen and (max-width:767px) {
}

@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}



/********************************
 게시판 페이징
 *******************************/
#paginateDiv {text-align:center;}

.pageingDiv {text-align:center;}
.pagination {display:inline-block; margin: 20px 0;}
.pagination > li {display:inline-block; min-width:40px; margin:2px;}

.pagination > li > a,
.pagination > li > span {display:block; float:none !important; position:relative; margin:0; padding:0; line-height:40px; color:#555; border-radius:8px; border:1px solid #ccc; background-color:#fff; box-sizing:border-box;}

.pagination > li > a:hover, .pagination > li > span:hover,
.pagination > li > a:active, .pagination > li > span:active,
.pagination > li > a:focus,
.pagination > li > span:focus {color:#0065aa; text-decoration:underline; border-color:#0065aa; border-radius:8px; background-color:#fff; transition:border-color 0.2s linear;}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:active,
.pagination > .active > span:active,
.pagination > .active > a:focus,
.pagination > .active > span:focus {color:#fff; cursor:default; border-color:#0065aa; background-color: #0065aa; }

.pagination > li > .btn {}
.pagination > li > .btn:active {box-shadow:none;}
.pagination > li > .btn.first,
.pagination > li > .btn.prev,
.pagination > li > .btn.next,
.pagination > li > .btn.last {text-indent:-9999px;}
.pagination > li > .btn:before {content:''; display:none; position:absolute; left:10px; top:9px; width:20px; height:20px; background-image:url(../../../storyCms/bbs/images/icon_paging_ir.png); background-repeat:no-repeat;}

.pagination > li > .btn.first:before {display:block; background-position:0 0;}
.pagination > li > .btn.prev:before {display:block; background-position:0 -21px;}
.pagination > li > .btn.next:before {display:block; background-position:0 -42px;}
.pagination > li > .btn.last:before {display:block; background-position:0 -63px;}

.pagination > li > .btn.first:hover:before,
.pagination > li > .btn.first:active:before,
.pagination > li > .btn.first:focus:before {display:block; background-position:-42px 0;}
.pagination > li > .btn.prev:hover:before,
.pagination > li > .btn.prev:active:before,
.pagination > li > .btn.prev:focus:before {display:block; background-position:-42px -21px;}
.pagination > li > .btn.next:hover:before,
.pagination > li > .btn.next:active:before,
.pagination > li > .btn.next:focus:before {display:block; background-position:-42px -42px;}
.pagination > li > .btn.last:hover:before,
.pagination > li > .btn.last:active:before,
.pagination > li > .btn.last:focus:before {display:block; background-position:-42px -63px;}


.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}
.pagination-lg > li > a, .pagination-lg > li > span {padding: 10px 16px; font-size: 18px;}
.pagination-sm > li > a, .pagination-sm > li > span {padding: 5px 10px;	font-size: 12px;}

.pager {padding-left: 0; margin: 20px 0; text-align: center; list-style: none;}
.pager li {display: inline;}
.pager li > a, .pager li > span {display: inline-block;	padding: 5px 14px; background-color: #fff; border: 1px solid #ddd;}
.pager li > a:hover, .pager li > a:focus {text-decoration: none; background-color: #eee;}
.pager .next > a, .pager .next > span {float: right;}
.pager .previous > a, .pager .previous > span {float: left;}
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {color: #777; cursor: not-allowed; background-color: #fff;}

/* media query */
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
	.pagination > li {min-width:36px;}
	.pagination > li > a,
	.pagination > li > span {line-height:36px; font-size:1.3rem}
	.pagination > li > .btn:before {left:8px; top:8px;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
	.pagination > li {min-width:30px;}
	.pagination > li > a,
	.pagination > li > span {line-height:30px; font-size:1.2rem}
	.pagination > li > .btn:before {left:5px; top:4px;}
}