@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap');

.page_B_title { font-size:28px; font-weight:500; color:#000; margin-top:52px; }
.page_S_title { font-size:24px; font-weight:400; color:#111; letter-spacing:-0.025em; }

/*페이지1 css*/
.sub01_1_con1 { width:100%; height:925px; margin-top:60px; box-sizing:border-box; padding:193px 0 0 19px; background:url('/img/web/sub1_1con1bg.jpg') no-repeat center top; }
.sub01_1_build { text-align:left; height:154px; }
.sub01_1_hello { text-align:center; margin-top:100px; }
.sub01_1_title { font-size:20px; font-weight:400; color:#ec1018; line-height:35px; border-bottom:2px solid #f6a5a7; margin-bottom:17px; display:inline-block; }
.purpose { font-size:18px; font-weight:300; line-height:25px; color:#555; display:block; }
.eg_stype { font-size:50px; font-weight:bold; font-family:'Barlow'; color:#99ca3c; line-height:64px; letter-spacing:-0.025em; background: linear-gradient(to left, #5ea818, #99ca3c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom:27px; }
.purpose2 { font-size:18px; font-weight:400; line-height:32px; color:#1f2020; letter-spacing:-0.025em; display:block; }
.signature { font-family:'Nanum Brush Script'; font-size:30px; }
.sub01_2_con1 { width:100%; margin-top:60px; box-sizing:border-box; margin:0px 0 63px; }
.sub01_2_con1 .top_title { width:100%; height:148px; background:#f8f8f8; position:relative; text-align:center; margin-bottom:39px; margin-top:18px; padding-top:30px; }
	.corner1 { width:49px; height:43px; box-sizing:border-box; border-left:14px solid #28a7e1; border-top:14px solid #28a7e1; position:absolute; left:0; top:0; }
	.corner2 { width:49px; height:43px; box-sizing:border-box; border-right:14px solid #f39938; border-bottom:14px solid #f39938; position:absolute; right:0; bottom:0; }
	.ttp1 { font-size:23px; font-weight:400; color:#444; }
	.ttp2 { font-size:40px; font-weight:300; color:#000000; }
.sub01_2_con1 > ul { display:inline-block; }
.sub01_2_con1 > ul > li { width:218px; height:318px; float:left; box-sizing:border-box; border:1px solid #d9d9d9; border-radius:17px; margin-left:21px; text-align:center; padding-top:36px; }
.sub01_2_con1 > ul > li:first-child { margin-left:0; }
.sub01_2_con1 > ul > li > div { width:99px; height:99px; margin:0 auto; border-radius:100%; text-align:center; font-size:30px; font-weight:bold; color:#fff; margin-bottom:16px; line-height:99px; }
.sub01_2_con1 > ul > li > span { font-size:18px; font-weight:400; color:#1f2020; letter-spacing:-0.025em; }
.sub01_2_con2 { width:100%; position:relative; }
.sub01_2_con2 > div.line { width:1px; height:1640px; background:#dedede; position:absolute; left:70px; top:55px; z-index:-1; }
.sub01_2_con2 > div.line > div.circle { width:12px; height:12px; border-radius:50%; position:absolute; left:-6px; bottom:-12px; background:#dedede; }
.sub01_2_con2 > ul { display:inline-block; width:100%; }
.sub01_2_con2 > ul > li { float:left; margin-top:20px; width:100%; height:auto; }
.sub01_2_con2 > ul > li:first-child { margin-top:16px; }
.sub01_2_con2 > ul > li.on > div.years { background:#0d97d6; }
.sub01_2_con2 > ul > li > div.years { float:left; width:140px; height:55px; border-radius:17px 0 17px 0; background:url('/img/web/y_bg.jpg') repeat-x left top; font-size:30px; font-weight:bold; line-height:55px; color:#fff; text-align:center; }
.sub01_2_con2 > ul > li > div.text_aria { float:left; box-sizing:border-box; padding-left:20px; }
.sub01_2_con2 > ul > li > div.text_aria > .y1 { font-size:23px; font-weight:bold; color:#009de6; line-height:26px; }
.sub01_2_con2 > ul > li > div.text_aria > .y2 { font-size:18px; font-weight:400; color:#000; }
.sub01_3_con1 { width:100%; margin:50px 0 100px; text-align:center; }
.sub01_3_con1 > p { font-size:25px; font-weight:300; letter-spacing:-0.025em; color:#000; }
.sub01_3_con1 > span { font-size:22px; font-weight:bold; letter-spacing:-0.025em; color:#de0023; line-height:40px; }
.map_btn { width:220px; height:40px; float:right; margin-top:30px; text-align:left; box-sizing:border-box; padding-left:30px; background:url('/img/web/map_arrow.png') no-repeat 147px center, #37393b; font-size:15px; font-weight:500; color:#fff; line-height:40px; cursor:pointer; }
.map_btn:hover { background-color:#de0023; }

/*페이지2 css*/
.sub02_1_con1 { width:100%; height:768px; margin-top:23px; box-sizing:border-box; padding:44px 0 0 33px; background:url('/img/web/sub2_1con1bg.jpg') no-repeat center top; }
.sub02_1_con1 > span { font-size:20px; font-weight:300; color:#56504b; line-height:30px; padding-left:24px;}
.sub2_table { width:100%; height:492px; box-sizing:border-box; padding-left:35px; }
.sub2_table table { border-collapse:collapse;border-spacing: 0; width:100%; }
.sub2_table > table th { background:#f9fcf5; border-left:1px solid #c7cac4; border-bottom:1px solid #c7cac4; height:62px; box-sizing:border-box; border-top:2px solid #000; font-size:17px; letter-spacing:-0.025em; color:#111; line-height:1.2em; }
.sub2_table > table th:first-child { border-left:0; }
.sub2_table > table td { border-left:1px solid #c7cac4; border-bottom:1px solid #c7cac4; height:62px; box-sizing:border-box; text-align:center; font-size:17px; letter-spacing:-0.025em; color:#111; line-height:1.2em; }
.sub2_table > table td:first-child { border-left:0; }

/*페이지3 css*/
.sub03_1_con1 { width:100%; height:648px; margin-top:23px; box-sizing:border-box; padding:44px 0 0 33px; background:url('/img/web/sub3_1con1bg.jpg') no-repeat center top; }
.sub03_1_con1 > span { font-size:20px; font-weight:300; color:#56504b; line-height:30px; padding-left:24px;}
.sub3_table { width:100%; height:130px; box-sizing:border-box; padding-left:35px; }
.sub3_table table { border-collapse:collapse;border-spacing: 0; width:100%; }
.sub3_table > table th { background:#f9fcf5; border-left:1px solid #c7cac4; border-bottom:1px solid #c7cac4; height:62px; box-sizing:border-box; border-top:2px solid #000; font-size:17px; letter-spacing:-0.025em; color:#111; line-height:1.2em; }
.sub3_table > table th:first-child { border-left:0; }
.sub3_table > table td { border-left:1px solid #c7cac4; border-bottom:1px solid #c7cac4; height:62px; box-sizing:border-box; text-align:center; font-size:17px; letter-spacing:-0.025em; color:#111; line-height:1.2em; }
.sub3_table > table td:first-child { border-left:0; }

/*페이지4_1 css*/
.sub04_1_con1 { width:100%; margin-top:23px; box-sizing:border-box; padding-left:36px;}
.sub04_1_con1 > span { font-size:21px; font-weight:300; color:#111; line-height:28px; letter-spacing:-0.025em; }
.blod_text { font-size:19px !important; font-weight:400 !important; color:#000 !important; line-height:35px !important;}
.answer_text { font-size:19px !important; font-weight:300 !important; color:#56504b !important; padding-left:0 !important; line-height:35px !important; }
.sub04_1_con_info { width:100%; height:88px; box-sizing:border-box; border:1px solid #d9d9d9; margin-top:26px; text-align:center; }
.sub04_1_con_info > ul { display:inline-block; }
.sub04_1_con_info > ul > li { float:left; margin-top:25px; margin-left:48px; }
.sub04_1_con_info > ul > li:first-child { margin-left:0; }
.sub04_1_con_info > ul > li > img { vertical-align:bottom; }
.sub04_1_con_info > ul > li > span { font-size:19px; font-weight:400; color:#000; line-height:35px; }
.sub04_1_down { width:100%; height:104px; margin-top:20px; }
.dw_text { width:100%; height:45px; }
.dw_text > span { font-size:19px; font-weight:300; line-height:45px; color:#56504b; }
	.dw_btn { width:205px; height:100%; text-align:left; box-sizing:border-box; padding-left:20px; color:#fff; background:url('/img/web/dw_icon.png') no-repeat right 20px center, #8ec43e; border-radius:4px; float:right; font-size:18px; font-weight:400; line-height:45px; }
.sub04_1_con2 { width:100%; margin-top:23px; box-sizing:border-box; padding-left:36px;}
.sub04_1_con2 > span { font-size:21px; font-weight:300; color:#111; line-height:28px; letter-spacing:-0.025em; }
.bank_number_info { width:100%; height:88px; }
.bank_number_info > ul { display:inline-block; }
.bank_number_info > ul:first-child { float:left; }
.bank_number_info > ul:last-child { float:right; }
.bank_number_info > ul > li { height:88px; float:left; box-sizing:border-box; border:1px solid #d9d9d9; }
.bank_number_info > ul > li:first-child { width:159px; border-right:0; line-height:86px; text-align:center; }
.bank_number_info > ul > li:last-child { width:281px; padding-left:30px; padding-top:20px; }
.bank_number_info > ul > li > p:first-child { font-size:21px; font-weight:400; color:#000; line-height:27px; }
.bank_number_info > ul > li > p:last-child { font-size:15px; font-weight:400; color:#777777; line-height:22px; }

/*페이지4_2 css*/
.sub04_2_con1 { width:100%; margin-top:23px; box-sizing:border-box; padding-left:35px; text-align:center; }
.sub04_2_con1 > ul { display:inline-block; }
.sub04_2_con1 > ul > li { width:210px; height:260px; float:left; margin-left:20px; box-sizing:border-box; border:1px solid #d9d9d9; border-radius:9px; padding:3px 15px 0; }
.sub04_2_con1 > ul > li:first-child { margin-left:0; }
.sub04_2_con1 > ul > li > .sub4_2_lino { font-size:16px; font-weight:400; line-height:35px; color:#8ec43e; float:left; border-bottom:1px solid #8ec43e; margin-top:0; margin-bottom:27px; }
.sub04_2_con1 > ul > li > div { clear:both; }
.sub04_2_con1 > ul > li > p { font-size:23px; font-weight:500; color:#111; letter-spacing:-0.025em; line-height:35px; margin-top:21px; }
.sub04_2_con1 > ul > li > span { font-size:18px; font-weight:300; color:#111; letter-spacing:-0.025em; line-height:25px; }
.sub04_2_con2 { width:100%; margin-top:23px; box-sizing:border-box; padding-left:35px; }
.sub04_2_con2 > span { font-size:19px; font-weight:300; line-height:35px; color:#56504b; letter-spacing:-0.025em; }
.sub04_2_con3 { width:100%; margin-top:23px; box-sizing:border-box; padding-left:35px; }
.sub04_2_con3 > ul { display:inline-block; }
.sub04_2_con3 > ul > li { width:206px; height:208px; float:left; position:relative; box-sizing:border-box; background:#fff; box-shadow:0px 0px 12px 4px #eee; margin-left:18px; margin-top:20px; text-align:center; padding-top:122px; }
.sub04_2_con3 > ul > li:last-child { width:432px; box-shadow:none; }
.sub04_2_con3 > ul > li:first-child,
.sub04_2_con3 > ul > li:nth-child(5) { margin-left:0; }
.sub04_2_con3 > ul > li:nth-child(1),
.sub04_2_con3 > ul > li:nth-child(2),
.sub04_2_con3 > ul > li:nth-child(3),
.sub04_2_con3 > ul > li:nth-child(4) { margin-top:0; }
.sub04_2_con3 > ul > li:nth-child(1) { background:url('/img/web/sub4_icon1.png') no-repeat 70px 44px; }
.sub04_2_con3 > ul > li:nth-child(2) { background:url('/img/web/sub4_icon2.png') no-repeat 72px 38px; }
.sub04_2_con3 > ul > li:nth-child(3) { background:url('/img/web/sub4_icon3.png') no-repeat 74px 44px; }
.sub04_2_con3 > ul > li:nth-child(4) { background:url('/img/web/sub4_icon4.png') no-repeat 78px 36px; }
.sub04_2_con3 > ul > li:nth-child(5) { background:url('/img/web/sub4_icon5.png') no-repeat 76px 36px; }
.sub04_2_con3 > ul > li:nth-child(6) { background:url('/img/web/sub4_icon6.png') no-repeat 78px 54px; }
.sub04_2_con3 > ul > li:nth-child(7) { background:url('/img/web/sub4_icon7.png') no-repeat center top; }
.sub04_2_con3 > ul > li > p { font-size:19px; font-weight:400; color:#333; letter-spacing:-0.025em; }
.sub04_2_con3 > ul > li:nth-child(7) > p { color:#fff; }
.sub04_2_con3 > ul > li > span { font-size:16px; font-weight:300; letter-spacing:-0.025em; line-height:30px; color:#777; }
.sub04_2_con3 > ul > li > .arrow { position:absolute; right:-28px; top:95px; z-index:10; }



.step {margin: 40px 0 80px; }
.step ol {padding: 0px; margin:0px; list-style: none; font-size: 0; text-align: center;}
.step li {display: inline-block; vertical-align: top; margin: 0 20px;}
.step li .circle {display: inline-block; position:relative; width:152px; height:152px; box-sizing: border-box; border: 3px solid #ddd; border-radius: 50%; background:#f7f7f7; text-align: center; font-size: 16px; line-height:122px;}
.step li:nth-child(1) .circle {border-color:#E7ADC1;}
.step li:nth-child(2) .circle {border-color:#D56C91;}
.step li:nth-child(3) .circle {border-color:#C23350;}
.step li .circle:hover {border-width: 15px; transition: .3s;}
.step li .circle p {display:table; position:absolute; margin:-3px 0 0 -3px; width:152px; height:152px; font-size:18px; text-align:center; line-height:24px;}
.step li .circle p:hover {margin:-15px 0 0 -15px; transition: .3s;}
.step li .circle p span {display:table-cell; vertical-align: middle;}
.step li p span.num {display:block; position: absolute; left: 0; right: 0; bottom: -17px; margin: 0 auto; width: 37px; height: 37px; background: #000; color: #fff; line-height: 37px; border-radius: 50%;}
.step li .box {padding: 20px 10px; margin-top: 30px; width: 152px; height: 160px;background: #f7f7f7; border: 1px solid #ddd; font-size: 15px; letter-spacing: -1px;}
.step li dt {font-weight: 500;}
.step li dd { margin-bottom: 10px;}
.step li dd span {display: block; color: #fd3b07;}
.step li .circle .num {background:#fd3b07}
.step li:nth-child(2) .circle .num {background:#fd9607}
.step li:nth-child(3) .circle .num {background:#2fc09f}
.step li:nth-child(4) .circle .num {background:#3576be}
.step li:nth-child(5) .circle .num {background:#333;}
.step li .box {border-top: 3px solid #fd3b07; }
.step li:nth-child(2) .box {border-top: 3px solid #fd9607; }
.step li:nth-child(3) .box {border-top: 3px solid #2fc09f; }
.step li:nth-child(4) .box {border-top: 3px solid #3576be; }
.step li:nth-child(5) .box {border-top: 3px solid #333; }