@charset "utf-8";

/*공통*/
a {text-decoration:none}
h2{font-size:30px;font-weight:600}
h3{font-size:25px;font-weight:600}
h4.h4-tit{font-size:22px;color:#000;font-family: 'SCDream';}
p.text-style01{font-size:17px;font-weight:300;color:#000}
hr.gray-line{border:1px solid #ebebeb;display:block}
ol.ol-style01{}
ol.ol-style01 li{font-size:20px;color:#000;font-weight:600}
ul.dot-style01{}
ul.list-style01{font-size:20px}
ul.list-style01 li {padding-left:0}
ul.dot-style01 li{font-weight:400;position:relative;font-size:18px;color:#000;line-height:1.8;text-align:left;padding-left:14px}
ul.dot-style01 li:before{top:13px;width:5px;height:5px;background-color:#004f4a;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:#004f4a;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%}
.txtL{text-align:left}
.txtR{text-align:right}
.txtC{text-align:center}
.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;max-width:1560px;margin:0 auto}
.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(/worcation/img/ko/cont/top_icon01.png) 83px center no-repeat;min-height:132px}
.gray-box.top-icon02{background:#fafafa url(/worcation/img/ko/cont/top_icon02.png) 76px center no-repeat;min-height:132px}
.gray-box.top-icon03{background:#fafafa url(/worcation/img/ko/cont/top_icon03.png) 68px center no-repeat;min-height:132px}
.gray-box.top-icon05{background:#fafafa url(/worcation/img/ko/cont/top_icon05.png) 65px center no-repeat;min-height:132px}
.gray-box.top-icon06{background:#fafafa url(/worcation/img/ko/cont/top_icon06.png) 51px center no-repeat;min-height:132px}
.gray-box.top-icon07{background:#fafafa url(/worcation/img/ko/cont/top_icon07.png) 51px center no-repeat;min-height:132px}
.gray-box.top-icon08{background:#fafafa url(/worcation/img/ko/cont/top_icon08.png) 52px center no-repeat;min-height:132px}
.gray-box.top-icon09{background:#fafafa url(/worcation/img/ko/cont/top_icon09.png) 31px center no-repeat;min-height:132px}
.gray-box.top-icon10{background:#fafafa url(/worcation/img/ko/cont/top_icon10.png) 37px center no-repeat;min-height:132px}
.gray-box.top-icon11{background:#fafafa url(/worcation/img/ko/cont/top_icon11.png) 47px center no-repeat;min-height:132px}
.gray-box.top-icon12{background:#fafafa url(/worcation/img/ko/cont/top_icon12.png) 68px center no-repeat;min-height:132px}
.gray-box.top-icon13{background:#fafafa url(/worcation/img/ko/cont/top_icon13.png) 79px center no-repeat;min-height:132px}
.gray-box.top-icon15{background:#fafafa url(/worcation/img/ko/cont/top_icon15.png) 47px center no-repeat;min-height:132px}
.gray-box.top-icon16{background:#fafafa url(/worcation/img/ko/cont/top_icon16.png) 77px center no-repeat;min-height:132px}
.blue-box.top-icon03-01{background:#edf4fd url(/worcation/img/ko/cont/top-icon03-01.png) 65px center no-repeat;min-height:132px}

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

.notice-box.top-icon04{background:url(/worcation/img/ko/cont/top_icon04.png) 65px center no-repeat;min-height:137px}
.notice-box.top-icon14{background:url(/worcation/img/ko/cont/top_icon14.png) 89px center no-repeat;min-height:137px}
.notice-box.top-icon15{background:url(/worcation/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(/worcation/img/ko/cont/img_introduce01.png) 65px center no-repeat;min-height:132px}
.gray-box-img{background:#f8f8f8 url(/worcation/img/ko/cont/bg_gray_box_img.jpg) right bottom -400px no-repeat;border-radius:0 0 50px 0;padding:40px 60px}
.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(/worcation/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(/worcation/img/ko/cont/bg_step01.png) right -10px bottom no-repeat}
.step01-wrap .step01 .step0102{background:#e6faff url(/worcation/img/ko/cont/bg_step02.png) right -10px bottom no-repeat}
.step01-wrap .step01 .step0103{background:#e6faff url(/worcation/img/ko/cont/bg_step03.png) right -10px bottom no-repeat}
.step01-wrap .step01 .step0104{background:#e6faff url(/worcation/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(/worcation/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(/worcation/img/ko/cont/bg_step01.png) right -10px bottom no-repeat;background-size:35%}
	.step01-wrap .step01 .step0102{background:#e6faff url(/worcation/img/ko/cont/bg_step02.png) right -10px bottom no-repeat;background-size:35%}
	.step01-wrap .step01 .step0103{background:#e6faff url(/worcation/img/ko/cont/bg_step03.png) right -10px bottom no-repeat;background-size:35%}
	.step01-wrap .step01 .step0104{background:#e6faff url(/worcation/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(/worcation/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(/worcation/img/ko/cont/top_icon01.png) 43px center no-repeat;background-size:18%}
	.gray-box.top-icon02{background:#fafafa url(/worcation/img/ko/cont/top_icon02.png) 43px center no-repeat;background-size:18%}
	.gray-box.top-icon03{background:#fafafa url(/worcation/img/ko/cont/top_icon03.png) 43px center no-repeat;background-size:18%}
	.notice-box.top-icon04{background:url(/worcation/img/ko/cont/top_icon04.png) 43px center no-repeat;background-size:18%}
	.notice-box.top-icon15{background:url(/worcation/img/ko/cont/top_icon15.png) 43px center no-repeat;background-size:18%;padding-left: 248px}
	.gray-box.top-icon05{background:#fafafa url(/worcation/img/ko/cont/top_icon05.png) 43px center no-repeat;background-size:18%}
	.gray-box.top-icon06{background:#fafafa url(/worcation/img/ko/cont/top_icon06.png) 43px center no-repeat;background-size:18%}
	.gray-box.top-icon07{background:#fafafa url(/worcation/img/ko/cont/top_icon07.png) 43px center no-repeat;background-size:18%}
	.gray-box.top-icon08{background:#fafafa url(/worcation/img/ko/cont/top_icon08.png) 43px center no-repeat;background-size:18%}
	.gray-box.top-icon09{background:#fafafa url(/worcation/img/ko/cont/top_icon09.png) 43px center no-repeat;background-size:18%}
	.gray-box.top-icon10{background:#fafafa url(/worcation/img/ko/cont/top_icon10.png) 43px center no-repeat;background-size:18%}
	.gray-box.top-icon11{background:#fafafa url(/worcation/img/ko/cont/top_icon11.png) 43px center no-repeat;background-size:18%}
	.gray-box.top-icon12{background:#fafafa url(/worcation/img/ko/cont/top_icon12.png) 43px center no-repeat;background-size:18%}
	.gray-box.top-icon13{background:#fafafa url(/worcation/img/ko/cont/top_icon13.png) 43px center no-repeat;background-size:18%}
	.notice-box.top-icon14{background:url(/worcation/img/ko/cont/top_icon14.png) 43px center no-repeat;background-size:18%;padding-left: 248px}
	.gray-box.top-icon15{background:#fafafa url(/worcation/img/ko/cont/top_icon15.png) 43px center no-repeat;background-size:18%}
	.gray-box.top-icon16{background:#fafafa url(/worcation/img/ko/cont/top_icon16.png) 43px center no-repeat;background-size:18%}
	.blue-box.top-icon03-01{background:#edf4fd url(/worcation/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(/worcation/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(/worcation/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(/worcation/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(/worcation/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(/worcation/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(/worcation/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(/worcation/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(/worcation/img/ko/cont/top_icon01.png) 26px center no-repeat;background-size:21%}
	.gray-box.top-icon02{background:#fafafa url(/worcation/img/ko/cont/top_icon02.png) 26px center no-repeat;background-size:21%}
	.gray-box.top-icon03{background:#fafafa url(/worcation/img/ko/cont/top_icon03.png) 26px center no-repeat;background-size:21%}
	.notice-box.top-icon04{background:url(/worcation/img/ko/cont/top_icon04.png) 26px center no-repeat;background-size:21%}
	.notice-box.top-icon15{background:url(/worcation/img/ko/cont/top_icon15.png) 26px center no-repeat;background-size:21%}
	.gray-box.top-icon05{background:#fafafa url(/worcation/img/ko/cont/top_icon05.png) 26px center no-repeat;background-size:21%}
	.gray-box.top-icon06{background:#fafafa url(/worcation/img/ko/cont/top_icon06.png) 26px center no-repeat;background-size:21%}
	.gray-box.top-icon07{background:#fafafa url(/worcation/img/ko/cont/top_icon07.png) 26px center no-repeat;background-size:21%}
	.gray-box.top-icon08{background:#fafafa url(/worcation/img/ko/cont/top_icon08.png) 26px center no-repeat;background-size:21%}
	.gray-box.top-icon09{background:#fafafa url(/worcation/img/ko/cont/top_icon09.png) 26px center no-repeat;background-size:21%}
	.gray-box.top-icon10{background:#fafafa url(/worcation/img/ko/cont/top_icon10.png) 26px center no-repeat;background-size:21%}
	.gray-box.top-icon11{background:#fafafa url(/worcation/img/ko/cont/top_icon11.png) 26px center no-repeat;background-size:21%}
	.gray-box.top-icon12{background:#fafafa url(/worcation/img/ko/cont/top_icon12.png) 26px center no-repeat;background-size:21%}
	.gray-box.top-icon13{background:#fafafa url(/worcation/img/ko/cont/top_icon13.png) 26px center no-repeat;background-size:21%}
	.notice-box.top-icon14{background:url(/worcation/img/ko/cont/top_icon14.png) 26px center no-repeat;background-size:21%}
	.gray-box.top-icon15{background:#fafafa url(/worcation/img/ko/cont/top_icon15.png) 26px center no-repeat;background-size:21%}
	.gray-box.top-icon16{background:#fafafa url(/worcation/img/ko/cont/top_icon16.png) 26px center no-repeat;background-size:21%}
	.blue-box.top-icon03-01{background:#edf4fd url(/worcation/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(/worcation/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(/worcation/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(/worcation/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(/worcation/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(/worcation/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(/worcation/img/ko/cont/top_icon04.png) 26px center no-repeat;background-size:17%}
	.notice-box.top-icon15{background:url(/worcation/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(/worcation/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(/worcation/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(/worcation/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(/worcation/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(/worcation/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(/worcation/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(/worcation/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(/worcation/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(/worcation/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(/worcation/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}
}

/*NEW*/
.img-wrap{text-align:center}

.wk-wrap01{background:url(/worcation/img/ko/cont/bg_workation01.png) no-repeat;text-align:right;border-radius:0 0 50px 0;padding:80px 110px}
.wk-wrap01 .wk01{}
.wk-wrap01 .wk01 img{}
.wk-wrap01 .wk02{margin-top:90px}
.wk-wrap01 .wk02 p.wk-text01{color:#fff;font-size:40px;font-weight:500}
.wk-wrap01 .wk02 p.wk-text02{color:#fff;font-size:20px;font-weight:200}
.gray-wrap{width:100%;background:#faf7f7;margin:70px 0;padding:100px;border-radius:0 0 50px 0}
.gray-wrap .inner{}
h3.main-h3{color:#38310a;font-size:40px}
ul.wk-img-list{margin:70px 0 30px 0;display:flex;justify-content:space-between;gap:20px}
ul.wk-img-list li{flex:1;background:#fff;border:1px solid #ebebeb;}
ul.wk-img-list li:last-child{}
ul.wk-img-list li .wk-img01{width:100%}
ul.wk-img-list li .wk-img01 img{width:100%}
ul.wk-img-list li .wk-text03{font-size:20px;width:100%;font-weight:400;padding:30px 20px;color:#000;text-align:center}
ul.wk-img-list li .wk-text03 div{display:block}
ul.wk-img-list li .wk-text03 strong{font-weight:600;padding-right:10px;border-right:1px solid #000}
ul.wk-img-list li .wk-text03 span{margin-left:10px}
a.wk-btn{background:#004f4a;border-radius:5px;color:#fff;font-size:16px;padding:5px 10px;font-weight:600;margin-top:10px;display:block;text-align:center}
.wk-point{}
.wk-point dl{display:flex;}
.wk-point dl dt{width:370px;background:#004f4a;color:#fff;text-align:center;font-size:30px;font-weight:600;align-items: center;display: flex;justify-content: center;}
.wk-point dl dt i{background:url(/worcation/img/ko/cont/icon_point.png) no-repeat;width:16px;height:21px;display:inline-block;margin-left:10px}
.wk-point dl dd{width:calc(100% - 370px);border-top:1px solid #004f4a;border-right:1px solid #004f4a;border-bottom:1px solid #004f4a;font-size:23px;font-weight:600;color:#004f4a;padding:20px}
.wk-point dl dd strong{}
.wk-point .wk-list01{background:#eeeae8;padding:50px 40px}
.wk-point .line-style01{}
.line-style01{}
.line-style01 li{position:relative;display:block;line-height:260%;}
.line-style01 li span{margin-left:16px;color:#004f4a;font-size:20px;font-weight:500}
.line-style01 li ul li span{margin-left:40px;color:#004f4a;font-size:20px;font-weight:500}
.line-style01 li:before{/*background:url(/worcation/img/ko/cont/icon_list01.png) 0 8px no-repeat;*/width:11px;height:27px;position:absolute;content:'';color:#004f4a;}
.inner h3{font-size:40px;color:#000}
@media only screen and (max-width:1550px) {
	ul.wk-img-list li .wk-text03{font-size:18px}
	ul.wk-img-list li .wk-text03 strong{border-right:0}
	ul.wk-img-list li .wk-text03 span{display:block;margin-left:0}	
}
@media only screen and (max-width:1100px) {
	ul.wk-img-list li .wk-text03{display:block;text-align:center}
	a.wk-btn{justify-content:center}
	.inner h3{font-size:30px;color:#000}
}
@media only screen and (max-width:900px) {
	ul.wk-img-list{display:block}
	ul.wk-img-list li{display:flex}
	ul.wk-img-list li .wk-img01 img{height:100%}
	.wk-point dl{display:block}
	.wk-point dl dt{width:100%}
	.wk-point dl dd{width:100%;border-left:1px solid #004f4a}
	
}
@media only screen and (max-width:768px) {
	.gray-wrap{padding:50px}
	ul.wk-img-list{margin:30px 0}
	
}
@media only screen and (max-width:500px) {
	.wk-wrap01{padding:55px 30px;text-align:left}
	.wk-wrap01 .wk02{margin-top:40px}
	.gray-wrap{margin-top:30px}
	.wk-point dl dt{font-size:22px}
	.wk-point dl dd{font-size:18px}
	.wk-point .wk-list01{padding:30px}
	.line-style01 li span{font-size:17px}
	.line-style01 li ul li span{font-size:17px}
}
@media only screen and (max-width:400px) {
	.gray-wrap{padding:30px}
	ul.wk-img-list li .wk-text03{padding:20px 10px}
}
.img-slider-wrap .slider {margin-top:20px;position: relative;width: 100%;overflow: hidden;border-radius: 0 0 50px 0}
.img-slider-wrap .slider-images {display: flex;transition: transform 0.5s ease-in-out;height: 100%;}
.img-slider-wrap .slider-images img {width: 100%;height: 820px;display: none;object-fit: cover;}
.img-slider-wrap .slider-images img.active {display: block;}
.img-slider-wrap .arrow {position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0, 0, 0, 0.5);color:white;border:none;padding:10px 20px;cursor:pointer;z-index:10;}
.img-slider-wrap .arrow.left {left: 10px;}
.img-slider-wrap .arrow.right {right: 10px;}
.img-slider-wrap .arrow:hover {background-color: rgba(0, 0, 0, 0.7);}

@media only screen and (max-width:1300px) {
	.map-ex .map-text{padding:40px;}
	
}
@media only screen and (max-width:900px) {
	.map-ex{display:block!important;padding-top:50px}
	.map-ex .map-img{width:100%!important;height:400px;background-size:contain!important}
	.map-ex .map-text{width:100%!important}
}
@media only screen and (max-width:700px) {
	.map-ex .map-text{padding:40px!important}
	
}
.map-wrap{margin-top:20px}
.map-wrap .root_daum_roughmap{width:100%;border-radius: 0 0 50px 0}
.map-wrap .wrap_map{width:100%;border-radius: 0 0 50px 0;height:560px!important}
.map-ex{margin-top:50px;background:#f9f9f9;border-radius:0 0 50px 0;display:flex}
.map-ex .map-img{width:46%;border-radius:0 0 50px 0;}
.map-ex .map-img01{background:url(/worcation/img/ko/cont/img_wk_map01.jpg) bottom center no-repeat}
.map-ex .map-img02{background:url(/worcation/img/ko/cont/img_wk_map02.jpg) center center no-repeat}
.map-ex .map-img03{background:url(/worcation/img/ko/cont/img_wk_map03.jpg) center center no-repeat}
.map-ex .map-img img{}
.map-ex .map-text{width:54%;padding:40px 84px}
.dot-tit{position:relative;color:#004f4a!important;font-size:30px!important;display:inline-block;margin-bottom:20px;font-family:'SCDream'}
.dot-tit span{font-family:'SCDream'}
/*.dot-tit:before{width: 9px;height: 9px;background: #33981c;border-radius: 50%;content: '';position: absolute;top: -7px;margin-right: 20px;left: 0;}*/
.map-ex .map-text .map-text01{font-size:22px;color:#000;margin:18px 0}
.map-ex .map-text dl{display:flex;margin-bottom:10px}
.map-ex .map-text dl dt{width:118px;border-radius:5px;background:#004f4a;color:#fff;text-align:center;height:34px;line-height:33px;font-size:16px}
.map-ex .map-text dl dd{width:calc(100% - 118px);color:#666;font-size:18px;margin-left:20px;line-height:34px;}

@media only screen and (max-width:700px) {
.map-wrap .wrap_map{height:300px!important}
.map-ex .map-img01{background-position:top center;background-size:cover!important}
.map-ex .map-img02{background-position:top center;background-size:cover!important}
.map-ex .map-img03{background-position:top center;background-size:cover!important}
.map-ex{padding-top:0;margin-top:20px}
}
@media only screen and (max-width:500px) {	
	.map-ex .map-img01{height:240px}
	.map-ex .map-img02{height:240px}
	.map-ex .map-img03{height:240px}
	.map-ex .map-text{padding:20px!important}
	.map-ex .map-text dl{display:block}
	.map-ex .map-text dl dd{width:100%;margin-left:0}	
}

table .dot-style01 li{font-size:16px;}
table .dot-style01 li:before{top:12px}
table .dot-style01 li:first-child{margin-top:0}
table.td-bg-white td{background:#fff}
.border-style01{border:1px solid #ebebeb;padding:40px}
.btn-map-more{background:#012c29;color:#fff!important;padding:0px 10px;border-radius:3px;display:inline-block;font-size:14px;height:24px;line-height:24px}

.intro-wrap{background:#f8f8f8}
.intro-wrap .intro{display:flex}
.intro-wrap .intro02{margin:50px 0}
.intro-wrap .intro02 .intro-text{order:2}
.intro-wrap .intro02 .intro-img{order:1}
.intro-wrap .intro .intro-text{width:40%;padding:60px 40px;}
.intro-wrap .intro .intro-text p{color:#000}
.intro-wrap .intro .intro-text .intro-text01{font-size:16px;text-decoration:underline}
.intro-wrap .intro .intro-text .intro-text02{font-size:36px;font-weight:600;color:#004f4a}
.intro-wrap .intro .intro-text .intro-text03{font-size:16px}
.intro-wrap .intro .intro-text .intro-text04{font-size:24px;margin-top:20px;font-weight:600;color:#444}
.intro-wrap .intro .intro-text .intro-text05{font-size:16px;color:#444}
.intro-wrap .intro .intro-img{width:60%}
.intro-wrap .intro .intro-img .img-slider-wrap{}
.intro-wrap .img-slider-wrap .slider{margin-top:0}
.intro-wrap .img-slider-wrap .slider-images img{height:500px}


@media only screen and (max-width:900px) {
	.intro-wrap .intro{display:block}
	.intro-wrap .intro .intro-text{width:100%}
	.intro-wrap .intro .intro-img{width:100%;padding:0 40px}
	.cont-swiper .swiper-slide img{border-radius:0}
}

@media only screen and (max-width:600px) {
	.intro-wrap .intro .intro-text{padding:30px 20px}
	.intro-wrap .intro .intro-img{padding: 0 20px}
}

h2.dot-tit{position:relative;color:#004f4a;font-size:30px;display:inline-block}
h2.dot-tit span{margin-left:10px}
h2.dot-tit:before{width: 9px;height: 9px;background: #33981c;border-radius: 50%;content: '';position: absolute;top: -7px;margin-right: 20px;left: 0;}

h3.h3-style01{font-size:27px} 
.font-red{color:red}
.module_view_box .view_titlebox{text-align:center}
.module_view_box .view_titlebox h3{font-size:30px;font-weight:600}
.module_view_box .view_titlebox h3 span.font-green{color:green;}
.module_view_box .view_titlebox p{font-size:18px}

.wk-step-box-wrap{background:#fafafa;padding:80px}
.wk-step-box-wrap .text_viewbox{font-size:20px;font-weight:600}
ul.wk-step-box{ display: grid;grid-template-columns: repeat(4, auto);grid-row-gap: 20px;align-items: center;justify-items: center;}
ul.wk-step-box.cabin{grid-template-columns: repeat(3, auto);}
ul.wk-step-box.wk{grid-template-columns: repeat(5, auto);}
ul.wk-step-box li{border:1px solid #ebebeb;position:relative;display: flex;flex-direction: column;justify-content: center;align-items: center;min-width:200px;padding-top:208px;}
ul.wk-step-box li:after{content:'';position:absolute;background:url(/worcation/img/ko/cont/img_step_arrow.png) right center no-repeat;width:42px;height:47px;top:calc(50% - 23.5px);right:calc(42px - 50%)}
ul.wk-step-box li:nth-child(4):after{background:none;width:0}
ul.wk-step-box li:nth-child(8):after{background:none;width:0}
ul.wk-step-box.cabin li:nth-child(3):after{background:none;width:0}
ul.wk-step-box.wk li:nth-child(5):after{background:none;width:0}
ul.wk-step-box li.wk-step{}
ul.wk-step-box li.step-on{border:1px solid green}
ul.wk-step-box li.wk-step01{background:#fff url(/worcation/img/ko/cont/icon_step_n_01.png) center 80px no-repeat}
ul.wk-step-box li.wk-step02{background:#fff url(/worcation/img/ko/cont/icon_step_n_02.png) center 80px no-repeat}
ul.wk-step-box li.wk-step03{background:#fff url(/worcation/img/ko/cont/icon_step_n_03.png) center 80px no-repeat}
ul.wk-step-box li.wk-step04{background:#fff url(/worcation/img/ko/cont/icon_step_n_04.png) center 80px no-repeat}
ul.wk-step-box li.wk-step05{background:#fff url(/worcation/img/ko/cont/icon_step_n_05.png) center 80px no-repeat}
ul.wk-step-box li.wk-step06{background:#fff url(/worcation/img/ko/cont/icon_step_n_06.png) center 80px no-repeat}
ul.wk-step-box li.wk-step07{background:#fff url(/worcation/img/ko/cont/icon_step_n_07.png) center 80px no-repeat}
ul.wk-step-box li.wk-step-check{background:#fff url(/worcation/img/ko/cont/icon_step_n_check.png) center 80px no-repeat}
ul.wk-step-box li.wk-step01.step-on{background:#fff url(/worcation/img/ko/cont/icon_step_o_01.png) center 80px no-repeat}
ul.wk-step-box li.wk-step02.step-on{background:#fff url(/worcation/img/ko/cont/icon_step_o_02.png) center 80px no-repeat}
ul.wk-step-box li.wk-step03.step-on{background:#fff url(/worcation/img/ko/cont/icon_step_o_03.png) center 80px no-repeat}
ul.wk-step-box li.wk-step04.step-on{background:#fff url(/worcation/img/ko/cont/icon_step_o_04.png) center 80px no-repeat}
ul.wk-step-box li.wk-step05.step-on{background:#fff url(/worcation/img/ko/cont/icon_step_o_05.png) center 80px no-repeat}



ul.wk-step-box li.wk-step06.step-on{background:#fff url(/worcation/img/ko/cont/icon_step_o_06.png) center 80px no-repeat}
ul.wk-step-box li.wk-step07.step-on{background:#fff url(/worcation/img/ko/cont/icon_step_o_07.png) center 80px no-repeat}
ul.wk-step-box li.wk-step-check.step-on{background:#fff url(/worcation/img/ko/cont/icon_step_o_check.png) center 80px no-repeat}
ul.wk-step-box li p{text-align:center}
ul.wk-step-box li p.wk-step-number{font-weight:200;font-size:20px}
ul.wk-step-box li p.wk-step-text{font-weight:400;font-size:21px;padding-bottom:34px;font-weight:500}
ul.wk-step-box li.step-on p.wk-step-number{color:green;font-weight:600}
ul.wk-step-box li.step-on p.wk-step-text{color:green;font-weight:600}

@media only screen and (max-width:1500px) {
	ul.wk-step-box li:after{display:none}
	ul.wk-step-box.wk{grid-template-columns: repeat(3, auto);}
	ul.wk-step-box.wk li:nth-child(3):after{background:none;width:0}
	
}
@media only screen and (max-width:1000px) {
	ul.wk-step-box{display:block}
	ul.wk-step-box li{display:block;width:320px;padding:20px 0 10px 100px;background-size:40px auto!important;margin-bottom:50px}
	ul.wk-step-box li:after{display:block;top: unset;right: unset;bottom: -50px;left:calc(50% - 21px);transform: rotate(90deg);}
	ul.wk-step-box li:nth-child(4):after{background: url(/worcation/img/ko/cont/img_step_arrow.png) right center no-repeat;width: 42px;}
	ul.wk-step-box li p{text-align:left;display:inline-block}
	ul.wk-step-box li p.wk-step-number{width:60px;font-size:17px}
	ul.wk-step-box li p.wk-step-text{padding-bottom:10px;font-size:17px}	
	ul.wk-step-box li.wk-step01{background:#fff url(/worcation/img/ko/cont/icon_step_n_01.png) 45px center no-repeat}
	ul.wk-step-box li.wk-step02{background:#fff url(/worcation/img/ko/cont/icon_step_n_02.png) 45px center no-repeat}
	ul.wk-step-box li.wk-step03{background:#fff url(/worcation/img/ko/cont/icon_step_n_03.png) 45px center no-repeat}
	ul.wk-step-box li.wk-step04{background:#fff url(/worcation/img/ko/cont/icon_step_n_04.png) 45px center no-repeat}
	ul.wk-step-box li.wk-step05{background:#fff url(/worcation/img/ko/cont/icon_step_n_05.png) 45px center no-repeat}
	ul.wk-step-box li.wk-step06{background:#fff url(/worcation/img/ko/cont/icon_step_n_06.png) 45px center no-repeat}
	ul.wk-step-box li.wk-step07{background:#fff url(/worcation/img/ko/cont/icon_step_n_07.png) 45px center no-repeat}
	ul.wk-step-box li.wk-step-check{background:#fff url(/worcation/img/ko/cont/icon_step_n_check.png) 45px center no-repeat}
	ul.wk-step-box li.wk-step01.step-on{background:#fff url(/worcation/img/ko/cont/icon_step_o_01.png) 45px center no-repeat}
	ul.wk-step-box li.wk-step02.step-on{background:#fff url(/worcation/img/ko/cont/icon_step_o_02.png) 45px center no-repeat}
	ul.wk-step-box li.wk-step03.step-on{background:#fff url(/worcation/img/ko/cont/icon_step_o_03.png) 45px center no-repeat}
	ul.wk-step-box li.wk-step04.step-on{background:#fff url(/worcation/img/ko/cont/icon_step_o_04.png) 45px center no-repeat}
	ul.wk-step-box li.wk-step05.step-on{background:#fff url(/worcation/img/ko/cont/icon_step_o_05.png) 45px center no-repeat}
	ul.wk-step-box li.wk-step06.step-on{background:#fff url(/worcation/img/ko/cont/icon_step_o_06.png) 45px center no-repeat}
	ul.wk-step-box li.wk-step07.step-on{background:#fff url(/worcation/img/ko/cont/icon_step_o_07.png) 45px center no-repeat}
	ul.wk-step-box li.wk-step-check.step-on{background:#fff url(/worcation/img/ko/cont/icon_step_o_check.png) 45px center no-repeat}
}

@media only screen and (max-width:700px) {
	ul.wk-step-box li{width:100%;background-position:26px center!important;padding-left:80px}
	
}
@media only screen and (max-width:400px) {
	ul.wk-step-box li{width:100%;background-position:26px center!important;padding-left:80px}
	
}
.grid{width:calc(50% - 11px);height:auto;float:left;display:inline-block;margin:0 22px 20px 0;position:relative;box-sizing:border-box}
.grid.webR{margin:0 0 20px 0 !important}
.grid.sizeB{width:793px}
.grid a{width:100%;height:100%;display:block}
.grid figure{width:100%;position:relative;overflow:hidden;text-align:center;cursor:pointer;margin:0!important}
.grid figure figcaption{color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.grid figure figcaption,
.grid figure figcaption > a{position:absolute;top:0;left:0;width:100%;height:100%}


figure.effect-julia{width:100%;position:relative;background:url('https://scbay.suncheon.go.kr/garden/images/cont/bg_hover01.png') repeat;box-sizing:border-box}
figure.effect-julia .introListTit0101{right:30px;bottom:25px;text-align:right;font-size:24px;font-weight:400;color:#fff;letter-spacing:-0.075em;text-shadow:#000 1px 1px;position:absolute;-webkit-transition:opacity 1s, -webkit-transform 1s;transition:opacity 1s, transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
figure.effect-julia img{width:100%;height:360px;right:0;-webkit-transition:opacity 1s, -webkit-transform 1s;transition:opacity 1s, transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
figure.effect-julia:hover img{opacity:.1;-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}
figure.effect-julia:hover .introListTit0101{opacity:0}

figure.effect-julia figcaption{text-align:center !important;margin:0 auto}
figure.effect-julia .introTit_over01{width:100%;font-size:25px;font-weight:400;color:#fff;opacity:0;text-align:center;margin:70px 0 0 0}
figure.effect-julia .introTit_over02{width:100%;font-size:25px;font-weight:400;color:#fff;opacity:0;text-align:center;margin:70px 0 0 0}
figure.effect-julia .detailBar01{width:90%;height:2px;background:#fff;margin:0 auto;margin-top:25px;opacity:0}
figure.effect-julia p.introAd_over01{font-size:18px;font-weight:400;color:#b8b8b8;text-align:center;opacity:0;margin:15px 0 28px 0}
figure.effect-julia .btn_detail01{width:126px;height:29px;background:url('/worcation/img/ko/common/icon_detail01.png') 85% 50% no-repeat;border:2px solid #fff;opacity:0;margin:45px 0 0 0;font-size:14px;color:#fff;text-align:left;padding:0 30px 4px 18px;line-height:24px;cursor:pointer}
figure.effect-julia:hover .introTit_over01{opacity:1;-webkit-transition:opacity 1s, -webkit-transform 1s;transition:opacity 1s, transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
figure.effect-julia:hover .introTit_over02{opacity:1;-webkit-transition:opacity 1s, -webkit-transform 1s;transition:opacity 1s, transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
figure.effect-julia:hover p.introAd_over01{opacity:1;-webkit-transition:opacity 1s, -webkit-transform 1s;transition:opacity 1s, transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
figure.effect-julia:hover p.introAd_over02{opacity:1;-webkit-transition:opacity 1s, -webkit-transform 1s;transition:opacity 1s, transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
figure.effect-julia:hover .btn_detail01{opacity:1;-webkit-transition:opacity 1s, -webkit-transform 1s;transition:opacity 1s, transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
figure.effect-julia:hover .detailBar01{opacity:0.4;-webkit-transition:opacity 1s, -webkit-transform 1s;transition:opacity 1s, transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
figure.effect-julia .introListTit0101{	right:30px;bottom:10px;text-align:right;font-size:18px;font-weight:400;color:#fff;letter-spacing:-0.075em;text-shadow:#000 1px 1px;position:absolute;-webkit-transition:opacity 0.5s, -webkit-transform 0.5s;transition:opacity 0.5s, transform 0.5s;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:70}
figure.effect-julia .introListTitBg{	width:100%;height:44px;right:0;bottom:0;position:absolute;-webkit-transition:opacity 0.5s, -webkit-transform 0.5s;transition:opacity 0.5s, transform 0.5s;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#000;opacity:0.7}
figure.effect-julia:hover .introListTit0101{	opacity:0}
figure.effect-julia:hover .introListTitBg{opacity:0}
figure.effect-julia:hover img{	opacity:.1}
.no_web{display:none}

@media all and (max-width:767px) {
    figure.effect-julia .btn_detail01 {margin:16px 0 0 0}
    figure.effect-julia{height:170px;display:flex;align-items:center}
    figure.effect-julia .introListTit0101{font-size:14px;text-align:center;width:100%;right:0}
    figure.effect-julia .detailBar01 {margin-top:5px}
    figure.effect-julia .introTit_over01 {margin:19px 0 0 0}
    figure.effect-julia p.introAd_over01 {margin: 15px 0 1px 0;}
}
@media all and (max-width:600px) {
	figure.effect-julia figcaption {display:none}
	figure.effect-julia{background:none}
	figure.effect-julia:hover img {opacity:1;-webkit-transform:none;transform:none}
	figure.effect-julia img {-webkit-transition:none;transition:none;}
	figure.effect-julia:hover .introListTit0101{opacity:1}
	figure.effect-julia:hover .introListTitBg{opacity:.7}
	.fc .fc-scrollgrid-liquid {height:390px}
	
}
@media all and (max-width:565px) {
	figure.effect-julia .introListTitBg {height:60px}
	figure.effect-julia{height:230px}
	figure.effect-julia .introListTit0101{font-size:14px;text-align:center;width:100%;right:0;bottom:12px}
	figure.effect-julia .introListTitBg{height:42px;}
	.grid{width:100%}
	.grid.webR{}
	}
@media all and (max-width:450px){	
}
@media all and (max-width:430px){
    figure.effect-julia .introListTit0101{}
    .fc .fc-col-header-cell-cushion {font-size:12px;padding:0 !important}
}

.login_wrap{text-align:center;border-top:1px solid #ebebeb;width:100%;padding:50px 20px}
.login_wrap .login_title_wrap{}
.login_wrap .login_title_wrap .login_title{font-size:30px;color:#000;font-weight:600}
.login_wrap .login_title_wrap .login_ul{margin-top:30px}
.login_wrap .login_title_wrap .login_ul li{font-size:18px;line-height:200%;color:#000}
.btn.btn-login{background:#000;border-radius:10px;padding:10px 30px;color:#fff;text-align:center;margin:30px 0;font-weight:600}

.text-box01{display: flex;line-height: 1.4;font-size: 24px;border-bottom: 1px solid #ebebeb;padding-bottom:30px;margin-bottom:30px;}
.text-box01 dt{width:400px;color:#000;padding-right:30px;font-weight:600;}
.text-box01 dd{width:calc(100% - 400px);padding-left:30px;border-left: 2px dotted #cddfc6;font-size:20px;color:#3a3a3a}
.text-box02{text-align:center;background: #eeeae8;padding: 30px;}


.top-menu{width:100%;background:#3a6842;height:62px}
.top-menu-inner{background:#3a6842;position: absolute;text-align: right;right: 0;height: 62px;line-height: 62px;}
.top-menu-inner ul{display: flex;}
.top-menu-inner ul li{padding: 0 20px;}
.top-menu-inner ul li:hover{background:#4f8f5a}
.top-menu-inner ul li:first-child{}
.top-menu-inner ul li a{color:#fff;font-size:18px;font-family: 'SCDream';font-weight:400}

.fi-list-wrap{display: grid;grid-template-columns: repeat(6, 1fr);gap: 20px;width: 100%;}
.fi-list-wrap02{display: grid;grid-template-columns: repeat(5, 1fr);gap: 20px;width: 100%;}
li.fi-list{border-radius:20px;display: flex;justify-content: center;align-items: center;padding-top:160px;padding-bottom:30px;font-size:20px;font-family: 'SCDream';}
li.fi-list.fi01{background:#f6f6f6 url(/worcation/img/ko/cont/icon_fi01.png) center 30px no-repeat}/*와이파이*/
li.fi-list.fi02{background:#f6f6f6 url(/worcation/img/ko/cont/icon_fi02.png) center 30px no-repeat}/*샤워부스*/
li.fi-list.fi03{background:#f6f6f6 url(/worcation/img/ko/cont/icon_fi03.png) center 30px no-repeat}/*개별화장실*/
li.fi-list.fi04{background:#f6f6f6 url(/worcation/img/ko/cont/icon_fi04.png) center 30px no-repeat}/*주차장*/
li.fi-list.fi05{background:#f6f6f6 url(/worcation/img/ko/cont/icon_fi05.png) center 30px no-repeat}/*조식제공*/
li.fi-list.fi06{background:#f6f6f6 url(/worcation/img/ko/cont/icon_fi06.png) center 30px no-repeat}/*어매니티*/
li.fi-list.fi07{background:#f6f6f6 url(/worcation/img/ko/cont/icon_fi07.png) center 30px no-repeat}/*칫솔치약*/
li.fi-list.fi08{background:#f6f6f6 url(/worcation/img/ko/cont/icon_fi08.png) center 30px no-repeat}/*수건*/
li.fi-list.fi09{background:#f6f6f6 url(/worcation/img/ko/cont/icon_fi09.png) center 30px no-repeat}/*드라이기*/
li.fi-list.fi10{background:#f6f6f6 url(/worcation/img/ko/cont/icon_fi10.png) center 30px no-repeat}/*냉난방시설*/
li.fi-list.fi11{background:#f6f6f6 url(/worcation/img/ko/cont/icon_fi11.png) center 30px no-repeat}/*바닥난방*/
li.fi-list.fi12{background:#f6f6f6 url(/worcation/img/ko/cont/icon_fi12.png) center 30px no-repeat}/*냉장고*/
li.fi-list.fi13{background:#f6f6f6 url(/worcation/img/ko/cont/icon_fi13.png) center 30px no-repeat}/*커피포트*/
li.fi-list.fi14{background:#f6f6f6 url(/worcation/img/ko/cont/icon_fi14.png) center 30px no-repeat}/*TV*/

@media all and (max-width:900px){
	li.fi-list{background-size:50px auto!important;padding-top:100px;font-size:16px;font-weight:600;text-align:center}
	}
@media all and (max-width:800px){
	.text-box01{display:block}
	.text-box01 dt{width:100%;padding-bottom:20px}
	.text-box01 dd{width:100%;border-left:0;padding-left:0;border-top:2px dotted #cddfc6;padding-top:20px }
}
@media all and (max-width:600px){
	.fi-list-wrap{grid-template-columns:repeat(4, 1fr);gap:10px}
	.fi-list-wrap02{grid-template-columns:repeat(3, 1fr);gap:10px}
	
}
@media all and (max-width:400px){
	.fi-list-wrap{grid-template-columns:repeat(3, 1fr)}
	
}

.map-ex02{display:flex;}
.map-ex02 .map-ex02-left{width:400px;text-align:center;background:green url(/worcation/img/ko/cont/logo_map.png) center center no-repeat;background-size:200px}
.map-ex02 .map-ex02-right{background:#ebebeb;width:calc(100% - 400px) ;color:#000;padding:30px;font-family: 'SCDream';font-size:16px}
@media all and (max-width:900px){
	.map-ex02 .map-ex02-left{width:300px}
	.map-ex02 .map-ex02-right{width:calc(100% - 300px)}
	}	
@media all and (max-width:700px){
	.map-ex02 .map-ex02-left{width:200px;background-size:150px}
	.map-ex02 .map-ex02-right{width:calc(100% - 200px)}
}
@media all and (max-width:500px){
	.map-ex02{display:block}
	.map-ex02 .map-ex02-left{width:100%;height:70px}
	.map-ex02 .map-ex02-right{width:100%}
}


.input-container { position: relative;    }
.input-container .fa {position: absolute;left: 10px;top: 50%;transform: translateY(-50%);color: #888;}
.input-container input {width: 100%;padding: 10px 10px 10px 35px; /* 아이콘 공간 확보 */font-size: 16px;border: 1px solid #ccc;border-radius: 5px;}
.input-container input:focus {border-color: #007BFF;outline: none;}