@charset "utf-8";

/*공통*/
a {text-decoration:none}
h2{font-size:30px;font-weight:600}
h3{font-size:25px;font-weight:600}
p.text-style01{font-size:20px;font-weight:300;color:#000}
hr.gray-line{border:1px solid #ebebeb;display:block}
ul.dot-style01{}
ul.list-style01{font-size:20px}
ul.list-style01 li {padding-left:0}
ul.dot-style01 li{font-weight:300;position:relative;font-size:20px;color:#000;line-height:1.5;text-align:left;margin-top:16px;padding-left:15px}
ul.dot-style01 li:before{top:11px;width:7px;height:7px;border-radius:50%;background-color:#3553a8;content:'';display:inline-block;position:absolute;left:0}
p.dot-style02{font-weight:500;position:relative;font-size:23px;line-height:1.5;text-align:left;margin-top:16px;padding-left:20px;align-items:center;display:flex}
p.dot-style02:before{top:13px;width:10px;height:10px;border-radius:50%;background-color:#3553a8;content:'';display:inline-block;position:absolute;left:0}
p.dot-style02 span, p.dot-style02 a{color:#358de7;font-size:21px}
.text-box-w100 {width:100%}
.content-box01{display:flex;flex-wrap:nowrap}
.tcolor-dblue{color:#0a59a9}
.tcolor-dred{color:#de3f3f}
.w50{width:50%}
.w30{width:30%}
.w70{width:70%}
.table_t10 td.bdr_n{border-right:none}
.table_t10 td.tcolor-dblue02{color:#1966c0}

.tab-trigger-wrap {display: flex;justify-content: space-between;align-items: center;border-bottom: 2px solid #ddd;margin-bottom:40px}
.tab-trigger {display: flex;align-items: center;height: 80px;justify-content: center;text-align: center;width: 100%;color: #888;font-size: 20px;}
.tab-trigger[aria-selected="true"] {color: #111;font-weight: bold;position: relative;}
.tab-trigger[aria-selected="true"]:after {content:'';background-color: black;height: 4px;width: 100%;position:absolute;bottom: -2px;left: 0;}
a.tab-trigger.on {color:#0064dd;font-weight: bold;position: relative;}
a.tab-trigger {color:#888;font-weight: normal;}
a.tab-trigger.on::before {content: '';background-color: #0064dd;height: 5px;width: 100%;position: absolute;bottom: -2px;left: 0;}
.a11y-hide {position: absolute;width: 1px;height: 1px;margin: -1px;overflow: hidden;clip-path: polygon(0 0, 0 0, 0 0);}

.gray-box{background:#fafafa;border-radius:30px;padding:50px 60px 50px 280px}
.blue-box{background:#edf4fd;border-radius:30px;padding:50px 60px 50px 280px}

.notice-text01{font-size:30px;color:#000;font-weight:600;}
.notice-text02{font-size:20px;color:#000;font-weight:400;margin-top:10px}
.il-text01{display:flex;align-items:center}
.il-text02{display:flex;align-items:center}
.il-text0101{display:flex;align-items:center}
.il-text0102{font-size:20px}
a.il-link{font-size:18px;padding:5px 20px;color:#ffffff;background-color:#0a59a9;border-radius:10px;margin-bottom:5px}

.gray-box.top-icon01{background:#fafafa url(/img/ko/cont/top_icon01.png) 83px center no-repeat;min-height:132px}
.gray-box.top-icon02{background:#fafafa url(/img/ko/cont/top_icon02.png) 76px center no-repeat;min-height:132px}
.gray-box.top-icon03{background:#fafafa url(/img/ko/cont/top_icon03.png) 68px center no-repeat;min-height:132px}
.gray-box.top-icon05{background:#fafafa url(/img/ko/cont/top_icon05.png) 65px center no-repeat;min-height:132px}
.gray-box.top-icon06{background:#fafafa url(/img/ko/cont/top_icon06.png) 51px center no-repeat;min-height:132px}
.gray-box.top-icon07{background:#fafafa url(/img/ko/cont/top_icon07.png) 51px center no-repeat;min-height:132px}
.gray-box.top-icon08{background:#fafafa url(/img/ko/cont/top_icon08.png) 52px center no-repeat;min-height:132px}
.gray-box.top-icon09{background:#fafafa url(/img/ko/cont/top_icon09.png) 31px center no-repeat;min-height:132px}
.gray-box.top-icon10{background:#fafafa url(/img/ko/cont/top_icon10.png) 37px center no-repeat;min-height:132px}
.gray-box.top-icon11{background:#fafafa url(/img/ko/cont/top_icon11.png) 47px center no-repeat;min-height:132px}
.gray-box.top-icon12{background:#fafafa url(/img/ko/cont/top_icon12.png) 68px center no-repeat;min-height:132px}
.gray-box.top-icon13{background:#fafafa url(/img/ko/cont/top_icon13.png) 79px center no-repeat;min-height:132px}
.gray-box.top-icon15{background:#fafafa url(/img/ko/cont/top_icon15.png) 47px center no-repeat;min-height:132px}
.gray-box.top-icon16{background:#fafafa url(/img/ko/cont/top_icon16.png) 77px center no-repeat;min-height:132px}
.blue-box.top-icon03-01{background:#edf4fd url(/img/ko/cont/top-icon03-01.png) 65px center no-repeat;min-height:132px}

/*s0405상담기관안내,s0406법률정보 */

.notice-box.top-icon04{background:url(/img/ko/cont/top_icon04.png) 65px center no-repeat;min-height:137px}
.notice-box.top-icon14{background:url(/img/ko/cont/top_icon14.png) 89px center no-repeat;min-height:137px}
.notice-box.top-icon15{background:url(/img/ko/cont/top_icon15.png) 79px center no-repeat;min-height:168px}

/*센터소개*/

.s0101-wrap{}
.notice-box{padding-left:318px}
.notice-box.notice-icon01{background:url(/img/ko/cont/img_introduce01.png) 65px center no-repeat;min-height:132px}

.gray-box-img{background:#f8f8f8 url(/img/ko/cont/bg_gray_box_img.jpg) right bottom -400px no-repeat;border-radius:30px;padding:80px 100px}
.flex{display:flex}
.gray-box-img .left-text-box{width:48%;margin-right:4%}
.gray-box-img h2{font-size:30px;font-weight:600}
.gray-box-img .right-img-box{width:48%}
.gray-box-img .right-img-box img{}
.right-img-box img{}

/*s0201재무상담~s0204채무자지원*/
.s0201-wrap{}
.step01-wrap{}
.step01-wrap .step01{display:flex;}
.step01-wrap .step01 .step-list{width:calc(100% - 138px / 4);margin-right:46px;display:inline-block;border-radius:20px;padding:54px 40px;position:relative}
.step01-wrap .step01 .step-list:after{background:url(/img/ko/cont/img_arrow01.png) no-repeat;content:'';position:absolute;top:calc(50% - 10px);right:-31px;width:17px;height:19px;}
.step01-wrap .step01 .step-list:last-child:after{display:none}
.step01-wrap .step01 .step-list p.step-tit{font-size:24px;font-weight:600;color:#000}
.step01-wrap .step01 .step-list .step-list-inner{}
.step01-wrap .step01 .step-list .step-list-inner li{position:relative;padding-left:12px;font-size:18px;color:#000;font-weight:500;line-height:180%}
.step01-wrap .step01 .step-list .step-list-inner li:before{top: 13px;width: 5px;height: 5px;border-radius: 50%;background-color: #000;content: '';display: inline-block;position: absolute;left:0}
.step01-wrap .step01 .step0101{background:#e6faff url(/img/ko/cont/bg_step01.png) right -10px bottom no-repeat}
.step01-wrap .step01 .step0102{background:#e6faff url(/img/ko/cont/bg_step02.png) right -10px bottom no-repeat}
.step01-wrap .step01 .step0103{background:#e6faff url(/img/ko/cont/bg_step03.png) right -10px bottom no-repeat}
.step01-wrap .step01 .step0104{background:#e6faff url(/img/ko/cont/bg_step04.png) right -10px bottom no-repeat;margin-right:0}

@media only screen and (max-width:1123px) {
	.il-text01 {margin-left:20px}
	.il-text02 {flex-direction:column;align-items:baseline}
}

@media only screen and (max-width:1100px) {
	.content-box01{display:block}
	p.dot-style02:before{top:11px}
	p.dot-style02{font-size:20px}
	.w50 {width:100%}
	.step01-wrap .step01 {}
	.step01-wrap .step01 .step-list{padding: 25px 20px}
	.step01-wrap .step01 .step-list:after{background:url(/img/ko/cont/img_arrow01.png) no-repeat;content:'';position:absolute;top:calc(50% - 10px);right:-31px;width:17px;height:19px;}
	.step01-wrap .step01 .step-list:last-child:after{display:none}
	.step01-wrap .step01 .step-list p.step-tit{font-size:21px}
	.step01-wrap .step01 .step-list .step-list-inner{}
	.notice-text01 {font-size:25px}
	.notice-text02 {font-size:18px}
	h2{font-size:25px}
	ul.dot-style01 li {font-size:18px}
	.step01-wrap .step01 .step-list .step-list-inner li{font-size:16px}
	.step01-wrap .step01 .step-list .step-list-inner li:before{top: 13px;width: 5px;height: 5px;border-radius: 50%;background-color: #000;content: '';display: inline-block;position: absolute;left:0}
	.step01-wrap .step01 .step0101{background:#e6faff url(/img/ko/cont/bg_step01.png) right -10px bottom no-repeat;background-size:35%}
	.step01-wrap .step01 .step0102{background:#e6faff url(/img/ko/cont/bg_step02.png) right -10px bottom no-repeat;background-size:35%}
	.step01-wrap .step01 .step0103{background:#e6faff url(/img/ko/cont/bg_step03.png) right -10px bottom no-repeat;background-size:35%}
	.step01-wrap .step01 .step0104{background:#e6faff url(/img/ko/cont/bg_step04.png) right -10px bottom no-repeat;margin-right:0;background-size:35%}
}
@media only screen and (max-width:900px) {
	p.dot-style02{font-size: 20px;display:block}
	p.dot-style02 span, p.dot-style02 a{font-size:18px}
	ul.list-style01 li {font-size:18px}
	
	.step01-wrap .step01 .step-list p.step-tit {margin-left:16px}
	.step01-wrap .step01 {flex-direction:column}
	.step01-wrap .step01 .step-list:after{background:url(/img/ko/cont/img_arrow01.png) no-repeat;content:'';position:absolute;top:111%;left:calc(50% - 10px);right:-31px;transform:rotate(90deg)}
	.step01-wrap .step01 .step-list .step-list-inner{display:flex}
	.gray-box {padding: 50px 19px 50px 206px}
	.blue-box {padding: 50px 19px 50px 206px}
	.gray-box.top-icon01{background:#fafafa url(/img/ko/cont/top_icon01.png) 43px center no-repeat;background-size:18%}
	.gray-box.top-icon02{background:#fafafa url(/img/ko/cont/top_icon02.png) 43px center no-repeat;background-size:18%}
	.gray-box.top-icon03{background:#fafafa url(/img/ko/cont/top_icon03.png) 43px center no-repeat;background-size:18%}
	.notice-box.top-icon04{background:url(/img/ko/cont/top_icon04.png) 43px center no-repeat;background-size:18%}
	.notice-box.top-icon15{background:url(/img/ko/cont/top_icon15.png) 43px center no-repeat;background-size:18%;padding-left: 248px}
	.gray-box.top-icon05{background:#fafafa url(/img/ko/cont/top_icon05.png) 43px center no-repeat;background-size:18%}
	.gray-box.top-icon06{background:#fafafa url(/img/ko/cont/top_icon06.png) 43px center no-repeat;background-size:18%}
	.gray-box.top-icon07{background:#fafafa url(/img/ko/cont/top_icon07.png) 43px center no-repeat;background-size:18%}
	.gray-box.top-icon08{background:#fafafa url(/img/ko/cont/top_icon08.png) 43px center no-repeat;background-size:18%}
	.gray-box.top-icon09{background:#fafafa url(/img/ko/cont/top_icon09.png) 43px center no-repeat;background-size:18%}
	.gray-box.top-icon10{background:#fafafa url(/img/ko/cont/top_icon10.png) 43px center no-repeat;background-size:18%}
	.gray-box.top-icon11{background:#fafafa url(/img/ko/cont/top_icon11.png) 43px center no-repeat;background-size:18%}
	.gray-box.top-icon12{background:#fafafa url(/img/ko/cont/top_icon12.png) 43px center no-repeat;background-size:18%}
	.gray-box.top-icon13{background:#fafafa url(/img/ko/cont/top_icon13.png) 43px center no-repeat;background-size:18%}
	.notice-box.top-icon14{background:url(/img/ko/cont/top_icon14.png) 43px center no-repeat;background-size:18%;padding-left: 248px}
	.gray-box.top-icon15{background:#fafafa url(/img/ko/cont/top_icon15.png) 43px center no-repeat;background-size:18%}
	.gray-box.top-icon16{background:#fafafa url(/img/ko/cont/top_icon16.png) 43px center no-repeat;background-size:18%}
	.blue-box.top-icon03-01{background:#edf4fd url(/img/ko/cont/top-icon03-01.png) 43px center no-repeat;background-size:18%}
	.step01-wrap .step01 .step-list {width:100%}
	.step01-wrap .step01 .step-list .step-list-inner li{margin-left:16px}
	.gray-box-img{padding:30px 33px;background: #f8f8f8 url(/img/ko/cont/bg_gray_box_img.jpg) right bottom -400px no-repeat}

	.step01-wrap .step01 .step-list .step-list-inner li:before{top: 13px;width: 5px;height: 5px;border-radius: 50%;background-color: #000;content: '';display: inline-block;position: absolute;left:0}
	.step01-wrap .step01 .step0101{background:#e6faff url(/img/ko/cont/bg_step01.png) right -10px bottom no-repeat;background-size:9%;margin:0 0 46px 0}
	.step01-wrap .step01 .step0102{background:#e6faff url(/img/ko/cont/bg_step02.png) right -10px bottom no-repeat;background-size:9%;margin:0 0 46px 0}
	.step01-wrap .step01 .step0103{background:#e6faff url(/img/ko/cont/bg_step03.png) right -10px bottom no-repeat;background-size:9%;margin:0 0 46px 0}
	.step01-wrap .step01 .step0104{background:#e6faff url(/img/ko/cont/bg_step04.png) right -10px bottom no-repeat;margin:0 0 46px 0;background-size:9%;}
}
@media only screen and (max-width:800px) {
	.il-text01 {display:flex;flex-direction:column;align-items:baseline;margin-left:0}
	.notice-box.notice-icon01{background:url(/img/ko/cont/img_introduce01.png) 2px center no-repeat;min-height:132px}
}
@media only screen and (max-width:700px) {
	.notice-box.top-icon14,
	.notice-box.top-icon15 {padding-left:200px}
}
@media only screen and (max-width:600px) {
	.notice-box.top-icon14,
	.notice-box.top-icon15 {padding-left:150px}
	.step01-wrap .step01 {flex-direction:column}
	.step01-wrap .step01 .step-list{padding: 25px 20px}
	.step01-wrap .step01 .step-list:after{background:url(/img/ko/cont/img_arrow01.png) no-repeat;content:'';position:absolute;top:111%;left:calc(50% - 10px);right:-31px;transform:rotate(90deg)}
	.step01-wrap .step01 .step-list:last-child:after{display:none}
	.step01-wrap .step01 .step-list p.step-tit{font-size:19px}
	.step01-wrap .step01 .step-list .step-list-inner{display:flex;flex-flow:wrap}
	.notice-text01 {font-size:22px}
	.notice-text02 {font-size:16px}
	h2{font-size:22px}
	h3{font-size:20px}
	p.text-style01 {font-size:18px}
	ul.dot-style01 li {font-size:18px}
	.gray-box {padding: 30px 19px 30px 161px}
	.blue-box {padding: 30px 19px 30px 161px}
	.blue-box h2{font-size:22px}
	.gray-box-img{padding:30px 27px}
	.gray-box.top-icon01{background:#fafafa url(/img/ko/cont/top_icon01.png) 26px center no-repeat;background-size:21%}
	.gray-box.top-icon02{background:#fafafa url(/img/ko/cont/top_icon02.png) 26px center no-repeat;background-size:21%}
	.gray-box.top-icon03{background:#fafafa url(/img/ko/cont/top_icon03.png) 26px center no-repeat;background-size:21%}
	.notice-box.top-icon04{background:url(/img/ko/cont/top_icon04.png) 26px center no-repeat;background-size:21%}
	.notice-box.top-icon15{background:url(/img/ko/cont/top_icon15.png) 26px center no-repeat;background-size:21%}
	.gray-box.top-icon05{background:#fafafa url(/img/ko/cont/top_icon05.png) 26px center no-repeat;background-size:21%}
	.gray-box.top-icon06{background:#fafafa url(/img/ko/cont/top_icon06.png) 26px center no-repeat;background-size:21%}
	.gray-box.top-icon07{background:#fafafa url(/img/ko/cont/top_icon07.png) 26px center no-repeat;background-size:21%}
	.gray-box.top-icon08{background:#fafafa url(/img/ko/cont/top_icon08.png) 26px center no-repeat;background-size:21%}
	.gray-box.top-icon09{background:#fafafa url(/img/ko/cont/top_icon09.png) 26px center no-repeat;background-size:21%}
	.gray-box.top-icon10{background:#fafafa url(/img/ko/cont/top_icon10.png) 26px center no-repeat;background-size:21%}
	.gray-box.top-icon11{background:#fafafa url(/img/ko/cont/top_icon11.png) 26px center no-repeat;background-size:21%}
	.gray-box.top-icon12{background:#fafafa url(/img/ko/cont/top_icon12.png) 26px center no-repeat;background-size:21%}
	.gray-box.top-icon13{background:#fafafa url(/img/ko/cont/top_icon13.png) 26px center no-repeat;background-size:21%}
	.notice-box.top-icon14{background:url(/img/ko/cont/top_icon14.png) 26px center no-repeat;background-size:21%}
	.gray-box.top-icon15{background:#fafafa url(/img/ko/cont/top_icon15.png) 26px center no-repeat;background-size:21%}
	.gray-box.top-icon16{background:#fafafa url(/img/ko/cont/top_icon16.png) 26px center no-repeat;background-size:21%}
	.blue-box.top-icon03-01{background:#edf4fd url(/img/ko/cont/top-icon03-01.png) 26px center no-repeat;background-size:21%}
	.step01-wrap .step01 .step-list {width:100%}
	.step01-wrap .step01 .step-list .step-list-inner li{font-size:16px;margin-left:16px}
	.step01-wrap .step01 .step-list .step-list-inner li:before{top: 13px;width: 5px;height: 5px;border-radius: 50%;background-color: #000;content: '';display: inline-block;position: absolute;left:0}
	.step01-wrap .step01 .step0101{background:#e6faff url(/img/ko/cont/bg_step01.png) right -8px bottom no-repeat;background-size:9%;margin:0 0 46px 0}
	.step01-wrap .step01 .step0102{background:#e6faff url(/img/ko/cont/bg_step02.png) right -8px bottom no-repeat;background-size:9%;margin:0 0 46px 0}
	.step01-wrap .step01 .step0103{background:#e6faff url(/img/ko/cont/bg_step03.png) right -8px bottom no-repeat;background-size:9%;margin:0 0 46px 0}
	.step01-wrap .step01 .step0104{background:#e6faff url(/img/ko/cont/bg_step04.png) right -8px bottom no-repeat;background-size:9%;margin:0 0 46px 0}
}
@media only screen and (max-width:500px) {
	.notice-box.top-icon14,
	.notice-box.top-icon15 {padding-left:110px}
	.il-text01,
	.il-text02{align-items:center}
	a.il-link {font-size:16px}	
	p.dot-style02{font-size:18px}
	p.dot-style02 span, p.dot-style02 a{font-size:16px}
	p.dot-style02:before{top:8px}
	ul.list-style01 li {font-size:16px}
	.step01-wrap .step01 {flex-direction:column}
	.step01-wrap .step01 .step-list{padding: 25px 20px}
	.step01-wrap .step01 .step-list:after{background:url(/img/ko/cont/img_arrow01.png) no-repeat;content:'';position:absolute;top:111%;left:calc(50% - 10px);right:-31px;transform:rotate(90deg)}
	.step01-wrap .step01 .step-list:last-child:after{display:none}
	.step01-wrap .step01 .step-list p.step-tit{font-size:18px}
	.step01-wrap .step01 .step-list .step-list-inner{display:flex;flex-flow:wrap}
	.notice-text01 {font-size:20px}
	.notice-text02 {font-size:16px}
	h2{font-size:20px}
	ul.dot-style01 li {font-size:18px}
	.gray-box {padding: 30px 19px}
	.blue-box {padding: 30px 19px}
	.gray-box.top-icon01{background:#fafafa}
	.gray-box.top-icon02{background:#fafafa}
	.gray-box.top-icon03{background:#fafafa}
	.notice-box.top-icon04{background:url(/img/ko/cont/top_icon04.png) 26px center no-repeat;background-size:17%}
	.notice-box.top-icon15{background:url(/img/ko/cont/top_icon15.png) 26px center no-repeat;background-size:17%}
	.gray-box.top-icon05{background:#fafafa}
	.gray-box.top-icon06{background:#fafafa}
	.gray-box.top-icon07{background:#fafafa}
	.gray-box.top-icon08{background:#fafafa}
	.gray-box.top-icon09{background:#fafafa}
	.gray-box.top-icon10{background:#fafafa}
	.gray-box.top-icon11{background:#fafafa}
	.gray-box.top-icon12{background:#fafafa}
	.gray-box.top-icon13{background:#fafafa}
	.notice-box.top-icon14{background:url(/img/ko/cont/top_icon14.png) 26px center no-repeat;background-size:17%}
	.gray-box.top-icon15{background:#fafafa}
	.gray-box.top-icon16{background:#fafafa}
	.blue-box.top-icon03-01{background:#edf4fd}
	.step01-wrap .step01 .step-list .step-list-inner li:before{top: 13px;width: 5px;height: 5px;border-radius: 50%;background-color: #000;content: '';display: inline-block;position: absolute;left:0}
	.step01-wrap .step01 .step0101{background:#e6faff url(/img/ko/cont/bg_step01.png) right -3px bottom no-repeat;background-size:9%;margin:0 0 46px 0}
	.step01-wrap .step01 .step0102{background:#e6faff url(/img/ko/cont/bg_step02.png) right -3px bottom no-repeat;background-size:9%;margin:0 0 46px 0}
	.step01-wrap .step01 .step0103{background:#e6faff url(/img/ko/cont/bg_step03.png) right -3px bottom no-repeat;background-size:9%;margin:0 0 46px 0}
	.step01-wrap .step01 .step0104{background:#e6faff url(/img/ko/cont/bg_step04.png) right -3px bottom no-repeat;margin:0 0 46px 0;background-size:9%;}
}
@media only screen and (max-width:400px) {
	.step01-wrap .step01 .step0101{background:#e6faff url(/img/ko/cont/bg_step01.png) right 3px bottom no-repeat;background-size:13%;margin:0 0 46px 0}
	.step01-wrap .step01 .step0102{background:#e6faff url(/img/ko/cont/bg_step02.png) right 3px bottom no-repeat;background-size:13%;margin:0 0 46px 0}
	.step01-wrap .step01 .step0103{background:#e6faff url(/img/ko/cont/bg_step03.png) right 3px bottom no-repeat;background-size:13%;margin:0 0 46px 0}
	.step01-wrap .step01 .step0104{background:#e6faff url(/img/ko/cont/bg_step04.png) right 3px bottom no-repeat;margin:0 0 46px 0;background-size:13%;}
	
	.notice-box.top-icon14,
	.notice-box.top-icon15 {padding-left:0px}
	.il-text01,
	.il-text02{text-align:center}
	.blue-box h2{font-size:20px}
	.blue-box h3{font-size:18px}
	p.dot-style02 {}
	p.dot-style02 span, p.dot-style02 a {}
	.notice-box.top-icon04{background:none}
	.notice-box.top-icon14{background:none}
	.notice-box.top-icon15{background:none}
	.gray-box-img{padding:30px 17px}
}

/*s0205금융교육*/
.step03-wrap{}
.step03-wrap .step03{display:flex;}
.step03-wrap .step03 .step-list{position:relative;width:calc(100% - 114px / 3);margin-right:107px;display:inline-block;border-radius:20px;padding:40px 20px;text-align:center;border:2px solid #fad594; background:#fff;font-size:22px;color:#000}
.step03-wrap .step03 .step-list:after{content:'';position:absolute;top:calc(50% - 18px);right:-78px;background:url(/img/ko/cont/img_arrow02.png) center center no-repeat;width:46px;height:36px;}
.step03-wrap .step03 .step-list.step0301{}
.step03-wrap .step03 .step-list.step0303{margin-right:0;background:#fad594;color:#000;border:0}
.step03-wrap .step03 .step-list.step0303:after{display:none}

.sub0205-center{display:flex;justify-content:center}
.sub0205-center a {display: inline-block;color:#fff;width:340px;height:84px;background:#184f93;text-align:center;font-size:22px;line-height:84px;border-radius:10px;box-shadow:2px 2px 15px 0 rgb(0 0 0 / 11%)}
@media only screen and (max-width:1205px) { 
	.step03-wrap .step03 .step-list {margin-right:36px}
	.step03-wrap .step03 .step-list:after{background-size:56%;right:-43px}
}
@media only screen and (max-width:1000px) { 
	.step03-wrap .step03 .step-list{font-size:16px;padding:20px 10px}
	.sub0205-center{display:block;text-align:center;margin-top:20px}
	}
@media only screen and (max-width:700px) {
	.step03-wrap .step03{display:block}
	.step03-wrap .step03 .step-list{width:100%;margin-bottom:80px;margin-right:0;display:block}
	.step03-wrap .step03 .step-list.step0303{margin-bottom:0}
	.step03-wrap .step03 .step-list:after{rotate:90deg;background-size:50px;right:auto;left:calc(50% - 25px);top:auto;bottom:calc(50% - 92px)}
	}
@media only screen and (max-width:430px) {
	.sub0205-center a{width:100%;font-size:18px;height:60px;line-height:60px}
}

/*s0302온라인상담신청*/
.view-list-wrap{}
.view-list-wrap .list-top{color:#000;margin-bottom:30px}
span.text-blue{color:#3c5cbf;font-weight:600}
.view-list-wrap .view-list{text-align:center}
.view-list-wrap .view-list ul{flex-flow: row wrap;margin-bottom: 48px;display:flex}
.view-list-wrap .view-list ul li{flex:0 calc(20% - 16px);margin-bottom: 20px;}
.view-list-wrap .view-list ul li:nth-child(5n+2){margin-left: 20px;}
.view-list-wrap .view-list ul li:nth-child(5n+3){margin-left: 20px;}
.view-list-wrap .view-list ul li:nth-child(5n+4){margin-left: 20px;}
.view-list-wrap .view-list ul li:nth-child(5n+5){margin-left: 20px;}
.view-list-wrap .view-list ul li a{color:#000;display:block;font-family:'gmarket';}
.view-list-wrap .view-list ul li a .view-box{border-radius:16px;background:#f6f6f6;padding:0 0 36px 0 ;position:relative}
.view-list-wrap .view-list ul li a .view-box:hover{background:#e6faff}
.view-list-wrap .view-list ul li a .view-box p.box-category{width:150px;border-radius:0 0 10px 10px;background:#fff;margin:0 auto;padding:8px 0;font-weight:500;line-height:180%}
.view-list-wrap .view-list ul li a .view-box p.box-cate01{border-top:1px solid #004b8e;color:#004b8e}
.view-list-wrap .view-list ul li a .view-box p.box-cate02{border-top:1px solid #168259;color:#168259}
.view-list-wrap .view-list ul li a .view-box p.box-cate03{border-top:1px solid #9b641a;color:#9b641a}
.view-list-wrap .view-list ul li a .view-box p.box-cate04{border-top:1px solid #666;color:#666}
.view-list-wrap .view-list ul li a .view-box p.box-name{margin-top:30px;}
.view-list-wrap .view-list ul li a .view-box p.box-date{}
.view-list-wrap .view-list ul li a .view-box p.box-state{border-radius: 6px;font-size: 14px;letter-spacing: -0.28px;width: 100px;margin: 30px auto 0;text-align: center;padding: 8px 0;background:#fff}
.view-list-wrap .view-list ul li a .view-box p.box-state01{background:#c6d5e3}
.view-list-wrap .view-list ul li a .view-box p.box-state02{background:#cbe0d8}
.view-list-wrap .view-list ul li a .view-box p.box-state03{background:#e5dacc}
.view-list-wrap .view-list ul li a .view-box p.box-state04{background:#e0c4c7}

@media only screen and (max-width:1200px) {
.view-list-wrap .view-list ul li{flex:0 calc(25% - 15px);margin-bottom: 20px;}
.view-list-wrap .view-list ul li:nth-child(5n+2){margin-left: 00px;}
.view-list-wrap .view-list ul li:nth-child(5n+3){margin-left: 00px;}
.view-list-wrap .view-list ul li:nth-child(5n+4){margin-left: 00px;}
.view-list-wrap .view-list ul li:nth-child(5n+5){margin-left: 00px;}
.view-list-wrap .view-list ul li:nth-child(4n+2){margin-left: 20px;}
.view-list-wrap .view-list ul li:nth-child(4n+3){margin-left: 20px;}
.view-list-wrap .view-list ul li:nth-child(4n+4){margin-left: 20px;}
}

@media only screen and (max-width:768px) {
.view-list-wrap .view-list ul li{flex:0 calc(33.3333% - 15px);margin-bottom: 20px;}
.view-list-wrap .view-list ul li:nth-child(4n+2){margin-left: 0px;}
.view-list-wrap .view-list ul li:nth-child(4n+3){margin-left: 0px;}
.view-list-wrap .view-list ul li:nth-child(4n+4){margin-left: 0px;}
.view-list-wrap .view-list ul li:nth-child(3n+2){margin-left: 20px;}
.view-list-wrap .view-list ul li:nth-child(3n+3){margin-left: 20px;}
}
@media only screen and (max-width:600px) {
.view-list-wrap .view-list ul li{flex:0 calc(50% - 10px);margin-bottom: 20px;}
.view-list-wrap .view-list ul li:nth-child(3n+2){margin-left: 0px;}
.view-list-wrap .view-list ul li:nth-child(3n+3){margin-left: 0px;}
.view-list-wrap .view-list ul li:nth-child(2n+2){margin-left: 20px;}
}
@media only screen and (max-width:370px) {
.view-list-wrap .view-list ul li a .view-box p.box-date{font-size:12px}
}
@media only screen and (max-width:360px) {
.view-list-wrap .view-list ul li a .view-box p.box-category{width:100px}
}