@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:6px; left:0; width:22px; height:22px; background:url(../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(../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:4px;}
	.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:3px;}
	.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(../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(../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%;}
.tab_box.tab_col1 li {width:33.3333%;}

/*2차 탭*/
.tab_outside {position:relative; margin-bottom:30px; padding:20px 20px 0; }
.tab_outside:before {content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#d8d8d8; /*z-index:1;*/}
.tab_outside:after {content:''; display:block; visibility:hidden; clear:both;}
.tab_box2 {margin-top:1px; margin-left:1px;}
.tab_box2:after {content:''; display:block; visibility:hidden; clear:both;}
.tab_box2 li {position:relative; display:table; float:left; padding:2px 2px 0; min-width:100px; height:100%; vertical-align:middle;}
.tab_box2 li a {position:relative; display:table-cell; height:46px; cursor:pointer; color:#444; text-align:center; vertical-align:middle; line-height:1.0; border-width:1px; border-style:solid; border-color:#cacaca; border-radius:15px 15px 0 0; background-color:#f5f5f5;}
.tab_box2 li a:hover, .tab_box2 li a:active, .tab_box2 li a:focus {color:#121212; background-color:#d1d1d1; transition: all 0.1s linear;}
.tab_box2 li.tab_on a {color:#121212; border-color:#121212; background-color:#fff; text-decoration:none; border-bottom-color:#fff; font-weight:500; z-index:2;}
.tab_box2 li.tab_on a:after {content:''; visibility:visible; display:block; position:absolute; bottom:0; left:50%; margin-left:-5px; width:0; height:0; border:solid transparent; border-width:5px; border-color:rgba(0,125,198,0); border-top-color:#121212; transform-origin:center; transition: all 0.2s ease;}
.tab_box2 li a span {display:block; padding:3px 15px 0 ; font-size:1.7rem; line-height:1.2;}


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

@media screen and (max-width:1024px) {
	.tab_box.tab_col5 li {width:33.3333%;} 
}

@media screen and (max-width:920px) {/*탭:조정*/
	.tab_box.tab_col4 li {width:33.3333%;} 
}

@media screen and (max-width:767px) {	
	.tab_box li a span {font-size:1.8rem;}
	
	.tab_outside {padding:15px 0;}
	.tab_outside:before {display:none;}
	.tab_box2 li {width:33.3333%; padding:2px; min-width:inherit;}
	.tab_box2 li a {border-width:1px; border-radius:7px;}
	.tab_box2 li.tab_on a {border-bottom-color:inherit;}
	.tab_box2 li a span {padding:0 5px;}
}

@media screen and (max-width:640px) {
	.tab_box.tab_col5 li,
	.tab_box.tab_col4 li,
	.tab_box.tab_col3 li,
	.tab_box.tab_col1 li {width:50%;}
	
	.tab_box2 li {width:50%;}
	.tab_box2 li a {height:42px;}
}

@media screen and (max-width:480px) {	
	.tab_box.tab_col5 li,
	.tab_box.tab_col4 li,
	.tab_box.tab_col3 li,
	.tab_box.tab_col2 li,
	.tab_box.tab_col1 li {width:100%;}
	
	.tab_box2 li {float:none; width:100%;}
}



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

.list_1st li ul.box,
.list_1st li ol.box
.list_2st li ul.box,
.list_2st li ol.box,
.list_3st li ul.box,
.list_3st li ol.box,
.list_4st li ul.box,
.list_4st li ol.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 + OL(숫자) + UL*/
.list_2st {text-align:left;} 
.list_2st > li {position:relative; padding-left:18px;}
.list_2st > li:before {content:''; display:block; position:absolute; top:9px; left:3px; width:8px; height:8px; background-color:#316cf2; border-radius:3px;}
.list_2st > li > ol {margin:10px 0;}
.list_2st > li > ol > li {position:relative; padding-left:30px;}
.list_2st > li > ol > li i {display:inline-block; position:absolute; left:0; line-height:22px; text-indent:-1px; top:2px; color:#09882f; font-weight:600;}
.list_2st > li > ol > li > ul {margin:10px 0;}
.list_2st > li > ol > li > ul > li {position:relative; padding-left:10px; font-size:1.7rem;}
.list_2st > li > ol > li > ul > li:before {content:''; display:block; position:absolute; top:8px; left:-1px; width:4px; height:4px; background-color:#e79152; border-radius:3px;}
.list_2st > li > ol > li > ul > li > ul {margin:10px 0;}
.list_2st > li > ol > li > ul > li > ul > li {position:relative; padding-left:10px;}
.list_2st > li > ol > li > ul > li > ul > li:before {content:''; display:block; position:absolute; top:10px; left:-1px; width:5px; height:2px; background-color:#b2b1b1;}

.list_2st > li > ul {margin:10px 0;}
.list_2st > li > ul > li {position:relative; padding-left:10px;}
.list_2st > li > ul > li:before {content:''; display:block; position:absolute; top:11px; left:-1px; width:6px; height:2px; background-color:#3bad73;}
.list_2st > li > ul > li > ol {margin:10px 0;}
.list_2st > li > ul > li > ol > li {position:relative; padding-left:20px;}
.list_2st > li > ul > li > ol > li i {display:inline-block; position:absolute; left:0; line-height:22px; text-indent:-1px; top:2px; color:#c05100; font-weight:600;}


/*UL + OL(글자) + UL*/
.list_3st {text-align:left;}
.list_3st > li {position:relative; padding-left:18px;}
.list_3st > li:before {content:''; display:block; position:absolute; top:9px; left:3px; width:8px; height:8px; background-color:#316cf2; border-radius:3px;}
.list_3st > li > ol {margin:10px 0;}
.list_3st > li > ol > li {position:relative; padding-left:20px;}
.list_3st > li > ol > li i {display:inline-block; position:absolute; left:0; line-height:22px; text-indent:-1px; top:2px; color:#09882f; font-weight:600;}
.list_3st > li > ol > li > ul {margin:10px 0;}
.list_3st > li > ol > li > ul > li {position:relative; padding-left:10px; font-size:1.7rem;}
.list_3st > li > ol > li > ul > li:before {content:''; display:block; position:absolute; top:8px; left:-1px; width:4px; height:4px; background-color:#e79152; border-radius:3px;}
.list_3st > li > ol > li > ul > li > ul {margin:10px 0;}
.list_3st > li > ol > li > ul > li > ul > li {position:relative; padding-left:10px;}
.list_3st > li > ol > li > ul > li > ul > li:before {content:''; display:block; position:absolute; top:10px; left:-1px; width:5px; height:2px; background-color:#b2b1b1;}


/*UL + OL(글자) + OL(숫자)*/
.list_4st > li > ol > li i,
.list_4st > li > ol > li > ol > li i {display:inline-block; position:absolute; left:0; text-indent:-1px;}

.list_4st {text-align:left;} 
.list_4st > li {position:relative; padding-left:18px;}
.list_4st > li:before {content:''; display:block; position:absolute; top:9px; left:3px; width:8px; height:8px; background-color:#316cf2; border-radius:3px;}
.list_4st > li > ol {margin:10px 0;}
.list_4st > li > ol > li {position:relative; padding-left:20px;}
.list_4st > li > ol > li i {top:2px; color:#09882f; line-height:22px; font-weight:600;}
.list_4st > li > ol > li > ol {margin:10px 0;}
.list_4st > li > ol > li > ol > li {position:relative; padding-left:25px; font-size:1.7rem;}
.list_4st > li > ol > li > ol > li i {top:1px; width:20px; height:20px; text-align:center; color:#fff; font-size:1.2rem; line-height:20px; background-color:#c05100; border-radius:50px; font-weight:400;}
.list_4st > li > ol > li > ol > li > ul {margin:10px 0;}
.list_4st > li > ol > li > ol > li > ul > li {position:relative; padding-left:10px;}
.list_4st > li > ol > li > ol > 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%;}



/*테이블 UL*/
.list_tbl1 {text-align:left;} 
.list_tbl1 > li {position:relative; padding-left:12px;}
.list_tbl1 > li:before {content:''; display:block; position:absolute; top:11px; left:0; width:4px; height:4px; background-color:#e79152; border-radius:3px;}
.list_tbl1 > li > ul {margin:10px 0;}
.list_tbl1 > li > ul > li {position:relative; padding-left:10px;}
.list_tbl1 > li > ul > li:before {content:''; display:block; position:absolute; top:11px; left:-1px; width:5px; height:2px; background-color:#b2b1b1;}

/*테이블 UL + OL*/
.list_tbl2 {text-align:left;} 
.list_tbl2 > li {position:relative; padding-left:12px;}
.list_tbl2 > li:before {content:''; display:block; position:absolute; top:11px; left:0; width:4px; height:4px; background-color:#e79152; border-radius:3px;}
.list_tbl2 > li > ol {margin:10px 0;}
.list_tbl2 > li > ol > li {position:relative; padding-left:25px;}
.list_tbl2 > li > ol > li i {display:inline-block; position:absolute; left:0; text-indent:-1px; top:3px; width:20px; height:20px; text-align:center; color:#fff; font-size:1.2rem; line-height:20px; background-color:#1b75d6; border-radius:50px; font-weight:400;}




/* 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_2st > li {padding-left:17px;}
	.list_2st > li:before {top:6px}
	.list_2st > li > ol > li {padding-left:25px;}
	.list_2st > li > ol > li i {line-height:20px; top:0;}
	.list_2st > li > ol > li > ul > li {padding-left:8px; font-size:1.5rem;}
	.list_2st > li > ol > li > ul > li:before {top:8px;}
	.list_2st > li > ol > li > ul > li > ul > li {padding-left:7px;}
	.list_2st > li > ol > li > ul > li > ul > li:before {top:8px;}
	
	.list_2st > li > ul > li {padding-left:9px;}
	.list_2st > li > ul > li:before {top:9px;}
	.list_2st > li > ul > li > ol > li i {top:0;}
	
	.list_3st > li {padding-left:17px;}
	.list_3st > li:before {top:6px}
	.list_3st > li > ol > li i {top:0;}
	.list_3st > li > ol > li > ul > li {font-size:1.5rem;}
	.list_3st > li > ol > li > ul > li {padding-left:8px; font-size:1.5rem;}
	.list_3st > li > ol > li > ul > li:before {top:8px;}
	.list_3st > li > ol > li > ul > li > ul > li {padding-left:7px;}
	.list_3st > li > ol > li > ul > li > ul > li:before {top:8px;}
	
	.list_4st > li {padding-left:17px;}
	.list_4st > li:before {top:6px}
	.list_4st > li > ol > li i {top:0;}
	.list_4st > li > ol > li > ol > li {font-size:1.5rem;}
	.list_4st > li > ol > li > ol > li i {top:0;}
	.list_4st > li > ol > li > ol > li > ul > li:before {top:8px;}
	
	ul.half > li {width:100%;}	
	
	.list_tbl1 > li {padding-left:10px;}
	.list_tbl1 > li:before {top:8px;}
	.list_tbl1 > li > ul > li:before {top:9px;}
	
	.list_tbl2 > li {padding-left:10px;}
	.list_tbl2 > li:before {top:8px;}
	.list_tbl2 > li > ol > li i {top:0;}
	
	
}

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

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

/********************************
 리스트타입 - 숫자
 *******************************/
.list_num > li i,
.list_num2 > li i,
.list_num3 > li i,
.list_num4 > li i,
.list_tbl3 > li i,
.list_tbl4 > 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,
.list_num3 li ul.box,
.list_num4 li ul.box {padding:10px 20px; background-color:#f0f0f0; border-radius:10px;}

.list_num li ol.box,
.list_num2 li ol.box,
.list_num3 li ol.box,
.list_num4 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:#333; 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:#333; 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;}


/*OL+ OL + UL*/
.list_num3 {text-align:left;} 
.list_num3 > li {position:relative; padding-left:30px;}
.list_num3 > li i {top:2px; color:#333; font-weight:600;}
.list_num3 > li > ol {margin:10px 0;}
.list_num3 > li > ol > li {position:relative; padding-left:28px;}
.list_num3 > 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;}
.list_num3 > li > ol > li > ul {margin:10px 0; font-size:1.7rem;}
.list_num3 > li > ol > li > ul > li {position:relative; padding-left:10px;}
.list_num3 > li > ol > li > ul > li:before {content:''; display:block; position:absolute; top:10px; left:-1px; width:5px; height:2px; background-color:#b2b1b1;}


/*OL + UL + OL*/
.list_num4 {text-align:left;} 
.list_num4 > li {position:relative; padding-left:30px;}
.list_num4 > li i {top:2px; color:#333; font-weight:600;}
.list_num4 > li > ul {margin:10px 0;}
.list_num4 > li > ul > li {position:relative; padding-left:10px;}
.list_num4 > li > ul > li:before {content:''; display:block; position:absolute; top:11px; left:-1px; width:6px; height:2px; background-color:#3bad73;}
.list_num4 > li > ul > li > ol {margin:10px 0;}
.list_num4 > li > ul > li > ol > li {position:relative; padding-left:25px; font-size:1.7rem;}
.list_num4 > li > ul > li > ol > li i {top:1px; width:20px; height:20px; text-align:center; color:#fff; font-size:1.2rem; line-height:20px; background-color:#c05100; border-radius:50px; font-weight:400;}


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


/*테이블 OL*/
.list_tbl3 {text-align:left;} 
.list_tbl3 > li {position:relative; padding-left:25px;}
.list_tbl3 > li > i {top:3px; text-align:center; color:#fff; font-size:1.2rem; width:20px; height:20px; line-height:20px; background-color:#1b75d6; border-radius:50px; font-weight:400;}
.list_tbl3 > li > ol {margin:10px 0;}
.list_tbl3 > li > ol > li {position:relative; padding-left:25px;}
.list_tbl3 > li > ol > li i {top:2px; color:#09882f; font-size:1.7rem; font-weight:600;}


/*테이블 OL + UL*/
.list_tbl4 {text-align:left;} 
.list_tbl4 > li {position:relative; padding-left:25px;}
.list_tbl4 > li > i {top:3px; text-align:center; color:#fff; font-size:1.2rem; width:20px; height:20px; line-height:20px; background-color:#1b75d6; border-radius:50px; font-weight:400;}
.list_tbl4 > li > ul {margin:10px 0;}
.list_tbl4 > li > ul > li {position:relative; padding-left:10px;}
.list_tbl4 > li > ul > li:before {content:''; display:block; position:absolute; top:11px; left:-1px; width:6px; height:2px; background-color:#3bad73;}

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

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

@media screen and (max-width:767px) {
	.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;}
	
	.list_num3 > li {padding-left:25px;}
	.list_num3 > li i {top:0;}
	.list_num3 > li > ol > li {padding-left:25px;}
	.list_num3 > li > ol > li i {top:1px; width:20px; height:20px; line-height:20px;}
	.list_num3 > li > ol > li ul {font-size:1.5rem;}
	.list_num3 > li > ol > li > ul > li:before {top:8px;}
	
	.list_num4 > li {padding-left:25px;}
	.list_num4 > li i {top:0;}
	.list_num4 > li > ul > li:before {top:8px;}
	.list_num4 > li > ul > li > ol > li {font-size:1.5rem;}
	.list_num4 > li > ul > li > ol > li i{top:0;}
	
	
	ol.half > li {width:100%;}
	
	.list_tbl3 > li {padding-left:25px;}
	.list_tbl3 > li i {top:0;}
	.list_tbl3 > li > ol > li {padding-left:22px;}
	.list_tbl3 > li > ol > li > i {top:-1px; font-size:1.5rem;}
	
	.list_tbl4 > li {padding-left:25px;}
	.list_tbl4 > li i {top:0;}
	.list_tbl4 > li > ul > li:before {top:8px;}
}

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

@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(../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;}

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

.tbl_base tr.kdg td {background-color:rgba(213,37,52,0.05);}

/* 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;}/*스크롤 사용시 테이블 사이즈 고정*/
	
}

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

/*마이페이지 > 요금조회 및 납부 > 청구서 변경/재발행*/
.info_txtbox + form h3 {margin-top:40px;}

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

@media screen and (max-width:1024px) {
  	/*마이페이지 > 요금조회 및 납부 > 청구서 변경/재발행*/
	.info_txtbox + form h3 {margin-top:30px;}
}

@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) {
  	/*마이페이지 > 요금조회 및 납부 > 청구서 변경/재발행*/
	.info_txtbox + form h3 {margin-top:25px;}
}


/********************************
 상단안내글 (아이콘)
 *******************************/
.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.6rem; font-family:'OneMobile';}
.top_txtinner .t_txt p {margin-bottom:0; font-size:2.0rem;}
.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(../images/biccon_ir.png); background-repeat:no-repeat; border-radius:40px;}

.top_txtinner.t_icon01:before {background-position:0 0;} /*알림*/
.top_txtinner.t_icon02:before {background-position:-103px 0;}
.top_txtinner.t_icon03:before {background-position:-206px 0;}
.top_txtinner.t_icon04:before {background-position:-309px 0;}
.top_txtinner.t_icon05:before {background-position:-412px 0;}
.top_txtinner.t_icon06:before {background-position:-515px 0;}
.top_txtinner.t_icon07:before {background-position:-618px 0;}
.top_txtinner.t_icon08:before {background-position:-721px 0;}
.top_txtinner.t_icon09:before {background-position:0 -103px;}
.top_txtinner.t_icon10:before {background-position:-103px -103px;}
.top_txtinner.t_icon11:before {background-position:-206px -103px;}
.top_txtinner.t_icon12:before {background-position:-309px -103px;}
.top_txtinner.t_icon13:before {background-position:-412px -103px;}
.top_txtinner.t_icon14:before {background-position:-515px -103px;}
.top_txtinner.t_icon15:before {background-position:-618px -103px;}
.top_txtinner.t_icon16:before {background-position:-721px -103px;}
.top_txtinner.t_icon17:before {background-position:0 -206px;}
.top_txtinner.t_icon18:before {background-position:-103px -206px;}
.top_txtinner.t_icon19:before {background-position:-206px -206px;}
.top_txtinner.t_icon20:before {background-position:-309px -206px;}
.top_txtinner.t_icon21:before {background-position:-412px -206px;}
.top_txtinner.t_icon22:before {background-position:-515px -206px;}
.top_txtinner.t_icon23:before {background-position:-618px -206px;}
.top_txtinner.t_icon24:before {background-position:-721px -206px;}
.top_txtinner.t_icon25:before {background-position:0 -309px;}

.btn_box {margin-top:10px; padding-top:15px; text-align:right; border-top:1px dashed #ddd;}

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

@media screen and (max-width:1024px) {
	.top_txtinner .t_txt h3 {font-size:2.4rem;}
	.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.2rem;}
	.top_txtinner .t_txt p {font-size:1.8rem;}
}

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

@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(../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(../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 dl.center {align-items:center; height:100%;}

.info_listbox .info_item dt .info_icon:before {content:''; position:absolute; left:10px; top:2px; width:23px; height:23px; background-image:url(../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(../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) {
	.info_listbox.col3 .info_item {width:calc(50% - 10px);}

}

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

@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 dl.center {align-items:unset;}
	.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 8px 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; padding:40px; background-color:#f4f4f9; border-radius:20px;}
.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-right:30px;}
.step_box .step_list > li:nth-child(n + 5) {padding-top:30px;}
.step_box .step_list.col3 > li:nth-child(n + 4) {padding-top:30px;}
.step_box .step_list.col2 > li:nth-child(n + 3) {padding-top:30px;}

.step_box .step_list > li:after {content:''; position:absolute; right:15px; top:50%; margin-top:-13px; width:27px; height:27px; background:#fff url(../images/arrow_ir.png) -28px 0 no-repeat; border:1px solid #ccc; border-radius:5px 13px 13px 5px;}
.step_box .step_list > li:nth-child(n + 5):after,
.step_box .step_list.col3 > li:nth-child(n + 4):after,
.step_box .step_list.col2 > li:nth-child(n + 3):after {margin-top:-2px;}
.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 #aaa; background-color:#fff;}
.step_box .step_list .step_cont .topbox .num {display:inline-block; margin-bottom:10px; padding:4px 15px 2px; background-color:#e4e9ff; border-radius:20px; font-size:1.4rem; font-weight:500;}
.step_box .step_list .step_cont .topbox .tit {display:block; font-family:'OneMobile';}
.step_box .step_list .step_cont .topbox .txt {display:block; margin-top:10px;}
.step_box .step_list .step_cont .topbox .tit .miniTxt {display:block; font-family:'Pretendard', 맑은고딕,'Malgun Gothic', 돋움, Dotum,sans-serif; font-weight:400; line-height:1.0;}
.step_box .step_list .step_cont .conbox {margin-top:15px; padding-top:15px; border-top:1px dashed #ddd;}

.step_box .step_list li:first-child .step_cont .topbox a,
.step_box .step_list li:last-child .step_cont .topbox a {color:#fff;}
.step_box .step_list li:first-child .step_cont .topbox a.tg_link:before,
.step_box .step_list li:last-child .step_cont .topbox a.tg_link:before {background:url(../images/icon_openwinW.png) 0 0 no-repeat;}


/*처음,마지막 박스 색깔*/
.step_box .step_list li:first-child .step_cont {background-color:#1b62b3; border-color:#1b62b3;}
.step_box .step_list li:first-child .step_cont .tit,
.step_box .step_list li:first-child .step_cont .txt,
.step_box .step_list li:first-child .step_cont .conbox {color:#fff;}

.step_box .step_list li:last-child .step_cont {background-color:#e07913; border-color:#e07913;}
.step_box .step_list li:last-child .step_cont .num {background-color:#fff0e4;}
.step_box .step_list li:last-child .step_cont .tit,
.step_box .step_list li:last-child .step_cont .txt,
.step_box .step_list li:last-child .step_cont .conbox {color:#fff;}
.step_box .step_list li:last-child .step_cont .conbox .list_tbl1 > li:before {background-color:#fff;}

/*처음,마지막 박스 색깔 없는버전 - 아이콘있는스텝*/
.step_box.icon_step .step_list li:first-child .step_cont {background-color:#fff; border-color:#aaa;}
.step_box.icon_step .step_list li:first-child .step_cont .tit {color:inherit;}

.step_box.icon_step .step_list li:last-child .step_cont {background-color:#fff; border-color:#aaa;}
.step_box.icon_step .step_list li:last-child .step_cont .num {background-color:inherit;}
.step_box.icon_step .step_list li:last-child .step_cont .tit {color:inherit;}
.step_box.icon_step .step_list li:last-child .step_cont .conbox {color:inherit;}
.step_box.icon_step .step_list li:last-child .step_cont .conbox .list_tbl1 > li:before {background-color:#fff;}


/* media query */
@media screen and (max-width:1200px) {
	.step_box {padding:40px 30px;}
	
	.step_box .step_list > li {width:33.3333%;}
	.step_box .step_list > li:nth-child(n + 4) {padding-top:30px;}
}

@media screen and (max-width:1024px) {
	.step_box .step_list > li:nth-child(3n),
	.step_box .step_list.col2 > li:nth-child(even) {padding-right:15px;}
	.step_box .step_list.col2 > li:nth-child(odd) {padding-right:30px;}
	
	.step_box .step_list > li:nth-child(3n):after,
	.step_box .step_list.col2 > li:nth-child(even):after {right:0;}
	.step_box .step_list.col2 > li:nth-child(odd):after {right:15px;}
	.step_box .step_list > li:nth-child(n + 4):after {margin-top:-2px;}
}

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

@media screen and (max-width:767px) {
	.step_box .step_list > li,
	.step_box .step_list.col3 > li {width:50%;}
		
	.step_box .step_list > li:nth-child(n + 3) {padding-top:20px;}
	.step_box .step_list.col3 > li:nth-child(n + 3) {padding-top:20px;}
	.step_box .step_list.col2 > li:nth-child(n + 3) {padding-top:20px;}
	
	.step_box .step_list > li:nth-child(even) {padding-right:15px;}
	.step_box .step_list > li:nth-child(odd),
	.step_box .step_list.col2 > li:nth-child(odd) {padding-right:20px;}
	
	.step_box .step_list > li:nth-child(3n):after,
	.step_box .step_list > li:nth-child(even):after {right:0;}
	.step_box .step_list > li:nth-child(odd):after,
	.step_box .step_list.col2 > li:nth-child(odd):after {right:5px;}
	
	.step_box .step_list > li:nth-child(n + 3):after {margin-top:-2px;}
	
	.step_box .step_list .step_cont .topbox .tit {font-size:1.9rem;}
	.step_box .step_list .step_cont .topbox .num {font-size:1.3rem;}	
}

@media screen and (max-width:640px) {
	.step_box {padding:30px 20px;}
	
	.step_box .step_list > li,
	.step_box .step_list.col3 > li,
	.step_box .step_list.col2 > li {padding-right:0 !important; width:100%;}
	
	.step_box .step_list > li:nth-child(n + 2) {padding-top:25px;}
	.step_box .step_list.col3 > li:nth-child(n + 2) {padding-top:25px;}
	.step_box .step_list.col2 > li:nth-child(n + 2) {padding-top:25px;}
	
	.step_box .step_list > li:after,
	.step_box .step_list.col3 > li:after,
	.step_box .step_list.col2 > li:after {top:unset; bottom:-18px; right:50% !important; margin:0 -13px 0 0; transform:rotate(90deg);}
	
	.step_box .step_list > li:nth-child(n + 5):after, 
	.step_box .step_list.col3 > li:nth-child(n + 4):after, 
	.step_box .step_list.col2 > li:nth-child(n + 3):after {margin-top:0;}
	
	.step_box .step_list li .step_cont {border-radius:15px;}
	.step_box .step_list .step_cont .conbox {margin-top:10px; padding-top:10px;}
}

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

/*아이콘 순서도*/
.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(../images/sub01/icon01.png);}
.icon_step .step_list .step_cont .topbox .icon.icon02:before {background-image:url(../images/sub01/icon02.png);}
.icon_step .step_list .step_cont .topbox .icon.icon03:before {background-image:url(../images/sub01/icon03.png);}
.icon_step .step_list .step_cont .topbox .icon.icon04:before {background-image:url(../images/sub01/icon04.png);}
.icon_step .step_list .step_cont .topbox .icon.icon05:before {background-image:url(../images/sub02/icon05.png);}
.icon_step .step_list .step_cont .topbox .icon.icon06:before {background-image:url(../images/sub02/icon06.png);}
.icon_step .step_list .step_cont .topbox .icon.icon07:before {background-image:url(../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; padding:40px; background-color:#f4f4f9; border-radius:20px;}
.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 30px; width:25%; border-radius:15px; border:1px solid #aaa; background-color:#fff;}
.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(../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:inline-block; margin-bottom:10px; padding:4px 15px 2px; background-color:#e4e9ff; border-radius:20px; font-size:1.4rem; font-weight:500;}
.step_box2 .step_list .step_cont .topbox .tit {display:block; font-family:'OneMobile';}
.step_box2 .step_list .step_cont .topbox .txt {display:block; margin-top:10px;}

/*처음,마지막 박스 색깔*/
.step_box2 .step_list li:first-child .step_cont .topbox {background-color:#1b62b3; border-color:#1b62b3;}
.step_box2 .step_list li:first-child .step_cont .topbox .tit {color:#fff;}
.step_box2 .step_list li:last-child .step_cont .topbox {background-color:#e07913; border-color:#e07913;}
.step_box2 .step_list li:last-child .step_cont .topbox .num {background-color:#fff0e4;}
.step_box2 .step_list li:last-child .step_cont .topbox .tit {color:#fff;}


.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) {
	.step_box2 {padding:40px 30px;}
}

@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 .topbox .tit {font-size:1.9rem;}
	
	.step_box2 .step_list .step_cont .conbox {padding-left:20px;}
}

@media screen and (max-width:640px) {
	.step_box2 {padding:30px 20px;}
	.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:25px 15px 15px; border-radius:15px 15px 0 0; border-bottom-style:dashed;}
	.step_box2 .step_list .step_cont .topbox:after {bottom:unset; top:-15px;}

	.step_box2 .step_list > li:first-child .step_cont .topbox {padding:15px;}
	.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; border:1px solid #aaa; border-radius:0 0 15px 15px; border-top:0; background-color:#fff;}
}

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




/********************************
 이미지박스 : 큰이미지보기
 *******************************/
/*단독*/
.imgbox {position:relative;}
.imgbox img {width:100%; height:100%; border-radius:8px;}
.imgbox a {display:none; position:absolute; bottom:10px; right:10px; margin:0; padding:0; padding:10px 15px 10px 40px; color:#fff; text-align:center; background-color:#111; border-radius:8px; font-size:1.6rem;}
.imgbox a:before {content:''; position:absolute; left:10px; top:50%; margin-top:-11px; width:23px; height:23px; background:url(../images/minicon_ir.png) -312px -24px no-repeat;}

.imgbox a span {position:relative; display:inline-block;}

/*여러개*/
.img_list {display:flex; flex-wrap:wrap; align-items:stretch; gap:20px;}
.img_list .imgbox {width:calc(50% - 10px);}
.img_list .imgbox.all {width:100%;}
.img_list.col3 .imgbox {width: calc(33.3333% - 14px);}

/* media query */
@media screen and (max-width:767px) {
	.imgbox a {display:block; font-size:1.4rem;}
	
	.img_list {gap:10px;}
	.img_list .imgbox {width:calc(50% - 5px);}
	.img_list .imgbox a {bottom:20px;}
	.img_list.col3 .imgbox {width:calc(50% - 5px);}
}

@media screen and (max-width:640px) {
	.img_list .imgbox {width:100%;}
	.img_list.col3 .imgbox {width:100%;}
}

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



/********************************
 개인정보 수집동의 박스
 *******************************/
.agreebox {margin-top:20px; 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(../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;}
}






/********************************
 만족도조사
 *******************************/
.stf_box {border:1px solid #d5d5d5; border-radius:8px;}
.stf_t_box {position:relative; padding:10px 20px;}
.stf_t_box.line {border:1px solid #ddd; border-radius:8px;}
.stf_t_box .stf_txt {position:relative; margin-bottom:0; padding-left:18px; display:inline-block;}
.stf_t_box .stf_txt strong {display:inline-block; margin:0 5px; color:#333; font-weight:600;}
.stf_t_box .stf_txt span {display:inline-block; margin:0 10px;}
.stf_t_box .stf_txt span em {color:#3c62c0; letter-spacing:0;}
.stf_t_box .stf_txt:before {content:''; display:inline-block; position:absolute; top:5px; left:0; width:18px; height:18px; background-image:url(../images/officer_ir.png); background-repeat:no-repeat;}
.stf_t_box .stf_txt.stf_l:before {background-position:0 0;}
.stf_t_box .stf_txt.stf_r:before {background-position:-19px 0;}
.stf_line {position:relative; display:inline-block; padding-left:20px; margin-left:15px;}
.stf_line:before {content:''; display:inline-block; position:absolute; top:5px; left:0; width:6px; height:18px; background:url(../images/officer_ir.png) -38px 0 no-repeat;}

.stf_srchbox {padding:15px 30px; border-top:1px solid #e0e2e3; background-color:#f4f4f9; border-radius:0 0 8px 8px;}
.stf_srchbox.line {border:1px solid #ddd; border-radius:8px;}
.stf_srchbox .stf_fix {position:relative;}
.stf_srchbox .stf_fix .stf_srchinner {display:table; position:relative;}
.stf_srchbox .stf_fix .stf_srchinner dl {display:table-cell; vertical-align:middle;}
.stf_srchbox .stf_fix .stf_srchinner dt {position:relative; padding-left:30px; padding-bottom:10px; color:#333;}
.stf_srchbox .stf_fix .stf_srchinner dt:before {content:''; position:absolute; left:0; top:1px; width:23px; height:23px; background:url(../images/minicon_ir.png) -264px 0 no-repeat;}
.stf_srchbox .stf_fix .stf_srchinner dd {display:inline-block; margin:2px 10px 2px 2px;}
.stf_srchbox .stf_fix .stf_srchinner input {margin-right:5px; vertical-align:middle;}
.stf_srchbox .stf_fix .srf_btn {display:inline-block; position:absolute; right:0; top:50%; margin-top:-20px; width:140px; height:40px; font-weight:500; color:#fff; border-radius:5px; background-color:#333;}
.stf_srchbox .stf_fix .srf_btn:hover, .stf_srchbox .stf_fix .srf_btn:active, .stf_srchbox .stf_fix .srf_btn:focus {background-color:#157883; transition: background-color 0.1s linear;}


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

@media screen and (max-width:1024px) {
	.stf_box {margin-top:40px;}
}

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

@media screen and (max-width:767px) {
	.stf_box {margin-top:30px;}
	.stf_t_box {padding-left:20px;}
	.stf_t_box .stf_txt {display:block;}
	.stf_t_box .stf_txt:before {top:2px;}
	.stf_t_box .stf_txt.stf_r {margin-top:6px;}
	.stf_line {padding-left:0; margin-left:0;}
	.stf_line:before {display:none;}
	
	
	.stf_srchbox .stf_fix .stf_srchinner dt:before {top:-1px;}
	
	.stf_srchbox {padding-left:20px;}
	.stf_srchbox .stf_fix .srf_btn {margin-top:-17px; width:100px; height:34px;}
}

@media screen and (max-width:640px) {
	.stf_srchbox {padding:15px 20px 18px 20px;}
	.stf_t_box .stf_txt strong {display:block;}
	.stf_t_box .stf_txt span {margin:0 5px;}
	
	.stf_srchbox .stf_fix .stf_srchinner {padding-left:0; height:auto;}
	.stf_srchbox .stf_fix .stf_srchinner:before {display:none;}	
	.stf_srchbox .stf_fix .stf_srchinner dt {padding-bottom:5px;}
	.stf_srchbox .stf_fix .srf_btn {display:block; position:static; right:auto; top:auto; margin-top:10px; width:100%; height:40px;}
}

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



/********************************
 오시는길
 *******************************/
.map_box {position:relative; padding:0; line-height:0; font-size:0; border-radius:10px 10px 0 0; z-index:0;}
.map_box .root_daum_roughmap {width:100%; height:400px; border-radius:10px 10px 0 0;}
.map_box .root_daum_roughmap .wrap_map {height:100%;}
.map_box .hide {display:none;}

.map_info {display:block; padding:0 40px; border:1px solid #ddd; border-radius:0 0 10px 10px;}
.map_info dl {display:flex; align-items:center;}
.map_info dt {width:20%; font-size:2.4rem; font-family:'OneMobile';}
.map_info dd {padding:5px 5px 5px 30px;}
.map_info dd li {position:relative; margin:20px 0; padding-left:50px;}
.map_info dd li:before {content:''; position:absolute; left:0; top:-5px; width:36px; height:36px; background-color:#f4f4f9; border-radius:50%;}
.map_info dd li .map_icon {}
.map_info dd li .map_icon:before {content:''; position:absolute; left:7px; top:1px; width:23px; height:23px; background-image:url(../images/minicon_ir.png); background-repeat:no-repeat;}
.map_info dd li .map_icon.addr:before {background-position:-336px 0;}
.map_info dd li .map_icon.num:before {background-position:-288px 0;}
.map_info dd li .map_icon.car:before {background-position:-408px 0;} 


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

@media screen and (max-width:1024px) {
	.map_info dt {width:25%; font-size:2.2rem;}
}

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

@media screen and (max-width:767px) {
	.map_info dt {font-size:2.0rem;}
	.map_info dd li:before {top:-4px; width:33px; height:33px;}
	.map_info dd li .map_icon:before {left:5px; top:0;}
}

@media screen and (max-width:640px) {
	.map_info {padding:20px;}
	.map_info dl {align-items:flex-start; flex-direction:column;}
	.map_info dt {width:100%;}
	.map_info dd {width:100%; padding:0;}
	.map_info dd li {margin:15px 0 5px; padding-left:40px;}
}

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


/********************************
 그래프 박스
 *******************************/
.scrl_grpinfo,
.scrl_grpinfo2 {display:none; margin-bottom:4px; font-size:1.6rem;}
.scrl_grpinfo p,
.scrl_grpinfo2 p {position:relative; display:table-cell; padding-left:30px; vertical-align:middle;}
.scrl_grpinfo p:before,
.scrl_grpinfo2 p:before {content:''; display:inline-block; position:absolute; left:0; top:0; width:26px; height:20px; background:url(../images/arrow_ir.png) -56px 0 no-repeat;}
.scrl_graph {margin-bottom:30px; padding:20px 0 10px; background:linear-gradient(120deg, rgba(213,37,52,0.05) 5%, rgba(143,62,96,0.05) 40%, rgba(69,89,144,0.05) 75%, rgba(17,108,177,0.05) 90%); border-radius:15px;}
.scrl_graph.none {}/* 그래프 스크롤 X */

.graph {}
.graph text,
.graph tspan {font-family:'Pretendard'; font-weight:600;}

.scrl_graph.col2 {display:flex; gap:30px; overflow-x:unset; background:none; padding:0; border-radius:0;}
.graph.half {width:calc(50% - 15px); height:500px; padding:20px 0 10px; background:linear-gradient(120deg, rgba(213,37,52,0.05) 5%, rgba(143,62,96,0.05) 40%, rgba(69,89,144,0.05) 75%, rgba(17,108,177,0.05) 90%); border-radius:15px;}


/* media query */
@media screen and (max-width:1350px) {
	.scrl_grpinfo {display:table;}
	.scrl_graph {overflow-x:scroll; width:100%;}
	.scrl_graph .graph {width:1350px;}
	.scrl_graph.none {overflow-x:unset; width:unset;}
	.scrl_graph.none .graph {width:unset;}
}

@media screen and (max-width:1200px){
	.scrl_graph.col2 {gap:20px;}
	.graph.half {width:calc(50% - 10px); height:400px;}

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

@media screen and (max-width:920px){ 
	.scrl_graph.col2 {flex-direction:column;}
	.graph.half {width:100%;}
	
}

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

@media screen and (max-width:640px){
	.scrl_grpinfo2 {display:table;}
	.scrl_graph.col2 {overflow-x:scroll; width:100%;}
	.graph.half {width:640px;}
}

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