@charset 'UTF-8';


@media screen and (min-width: 1280px) {

.wrapper { min-width:1080px; }
.m-only { display:none; }
.w-only { display:block; }


/* header 영역 */
header { transition: background 0.3s, border-bottom 0.3s;  position:fixed; width:100%; height:72px; background:rgba(65,65,67,1.0); border-bottom:1px solid #3A3A3C; text-align:center; z-index:10;}
header.active { background:rgba(65,65,67,0.85); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); border-bottom:1px solid rgba(65,65,67,0.85);  }
header > .inner-wrap { display:flex; justify-content:space-between; align-items:center; margin:0 auto; width:1080px; height:100%; }
header > .inner-wrap > .logo { width:112px; height:56px; background:url(../../assets/image/logo.png) no-repeat 0 0; background-size:contain; }
header > .inner-wrap > .logo > a { display:block; width:100%; height:100%; text-indent:-9999px; }
header > .inner-wrap > .gnb { display:flex; justify-content:right; gap:8px; }
header > .inner-wrap > .gnb > li { display:block; }
header > .inner-wrap > .gnb > li:first-child { margin-right:8px; }
header > .inner-wrap > .gnb > li > a { transition:color 0.5s; display:block; padding:12px 16px;  font-size:16px; color:#fff; font-weight:600; }
header > .inner-wrap > .gnb > li > a:hover { color:#B5936E; }


/* footer 영역 */
footer { width:100%; position:relative; height:320px; text-align:center; border-top:1px solid rgba(30,34,41,0.08);}
footer > .inner-wrap { position:relative; display:inline-block; width:1080px; height:100%; }
footer > .inner-wrap > .fnb { width:100%; height:auto; display:inline-block; margin-top:32px; }
footer > .inner-wrap > .fnb > h5 { float:left; font-size:13px; font-weight:700; color:#686E7B; margin-bottom:8px; }
footer > .inner-wrap > .fnb > ul > li { margin-top:-12px; float:left; text-indent:-9999px; width:40px; height:40px; }
footer > .inner-wrap > .fnb > ul > li > a { display:block; width:100%; height:100%; }
footer > .inner-wrap > .info { width:100%; height:auto; margin-top:0; text-align:left; }
footer > .inner-wrap > .info > ul { display:block; width:100%; }
footer > .inner-wrap > .info > ul > li { display:inline-block; width:100%; }
footer > .inner-wrap > .info > ul > li > span { width:128px; float:left; font-size:12px; color:#8F95A1; }
footer > .inner-wrap > .info > ul > li > p { float:left; font-size:12px; color:#686E7B; }
footer > .inner-wrap > .info > ul > .copyright { color:#BAC1CB; font-weight:300; font-size:11px; margin-top:32px; }


/* main-visual 영역 */
section.main-visual { width:100%; position:relative; width:100%; height:720px; padding-top:72px; background:#414143; }
section.main-visual > .inner-wrap { position:relative; display:block; width:1080px; margin:0 auto; height:100%; }
section.main-visual > .inner-wrap > .title { z-index:1; position:absolute; top:148px; left:0; width:440px;  }
section.main-visual > .inner-wrap > .title > h4 { font-size:42px; color:#fff; font-weight:800; letter-spacing:0; }
section.main-visual > .inner-wrap > .title > h4 > strong {  font-size:42px; color:#fff; font-weight:800; letter-spacing:0; background:linear-gradient(90deg, #E7C380 8.13%, #B5936E 49.76%, #9B7D5C 95.7%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;  background-clip: text; text-fill-color: transparent;  }
section.main-visual > .inner-wrap > .title > p { display:block; margin-top:24px; font-size:18px; color:rgba(255,255,255,0.8); font-weight:400; }
section.main-visual > .inner-wrap > .title > .link-to-download { display:flex; gap:8px; margin-top:40px; }
section.main-visual > .inner-wrap > .title > .link-to-download > li { width:152px; height:58px; text-indent:-9999px; }
section.main-visual > .inner-wrap > .title > .link-to-download > li > a { display:block; width:100%; height:100%; border-radius:10px; border:1px solid rgba(30,34,41,0.1);  }
section.main-visual > .inner-wrap > .title > .link-to-download > li:first-child > a { background:url(../../assets/image/btn_apple_appstore.png) no-repeat 0 0; background-size:contain; } 
section.main-visual > .inner-wrap > .title > .link-to-download > li:last-child > a { background:url(../../assets/image/btn_google_playstore.png) no-repeat 0 0; background-size:contain; } 
section.main-visual > .inner-wrap > .title > .link-to-download > li > a:hover { transition:margin-top 0.3s; box-shadow:0 4px 8px 0 rgba(30,34,41,0.08); border:1px solid rgba(30,34,41,0.16); margin-top:-3px; }
section.main-visual > .inner-wrap > .content { z-index:0; position:absolute; top:50%; right:-180px; transform:translate(0, -50%); display:block; width:800px; height:800px; background:url(../../assets/image/bg_main_visual.png) no-repeat 0 0; background-size:contain;}
section.main-visual > .inner-wrap > .content > .screen-mockup { top:48px; position:absolute; width:100%; height:100%; background:url(../../assets/image/main_visual_screen2.png) no-repeat 0 0; background-size:contain; }
section.main-visual > .inner-wrap > .content > .profile { cursor:pointer; z-index:1; position:absolute; width:236px; height:368px; background:rgba(255,255,255,0.5); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); border-radius:12px; border:1px solid rgba(255,255,255,0.4); box-shadow: 0px 2px 6px 2px rgba(30, 34, 41, 0.12);}
section.main-visual > .inner-wrap > .content > .profile.deco1 { top:240px; right:80px; }
section.main-visual > .inner-wrap > .content > .profile.deco2 { top:200px; right:32px; }
section.main-visual > .inner-wrap > .content > .profile.deco1 > div { width:100%; height:100%; background:url(../../assets/image/popup_img.png) no-repeat 0 0; background-size:contain;   }
section.main-visual > .inner-wrap > .content > .profile.deco2 > div { width:100%; height:100%; background:url(../../assets/image/main_visual_screen_deco2.png) no-repeat 0 0; background-size:contain;  }
section.main-visual > .inner-wrap > .content > .profile.active {  z-index:2;  background:rgba(255,255,255,0.6);  border:1px solid rgba(255,255,255,0.5); }
section.main-visual > .inner-wrap > .content > .profile:hover {  background:rgba(255,255,255,0.8);  border:1px solid rgba(255,255,255,0.8); }


/* service-info1 영역 */
section.service-info1 { width:100%; height:auto; position:relative; padding-top:88px; padding-bottom:120px; }
section.service-info1 > .inner-wrap { position:relative; display:block; width:1080px; margin:0 auto; height:100%; text-align:center; }
section.service-info1 > .inner-wrap > .title { width:100%; height:auto; }
section.service-info1 > .inner-wrap > .title > h4 { font-size:40px; color:#353C46; font-weight:800; }
section.service-info1 > .inner-wrap > .title > p { font-size:20px; color:#686E7B; font-weight:400; margin-top:16px; }
section.service-info1 > .inner-wrap > .content { width:100%; height:auto; margin-top:60px; }
section.service-info1 > .inner-wrap > .content > ul { display:flex; justify-content:space-between; }
section.service-info1 > .inner-wrap > .content > ul > li { flex-shrink:1; width:100%; height:auto; display:flex; flex-direction:column; align-items:center; }
section.service-info1 > .inner-wrap > .content > ul > li > div { width:160px; height:160px; }
section.service-info1 > .inner-wrap > .content > ul > li:nth-child(1) > div { background:url(../../assets/image/service_info1_illust2.png) no-repeat 0 0; background-size:contain; }
section.service-info1 > .inner-wrap > .content > ul > li:nth-child(2) > div { background:url(../../assets/image/service_info1_illust1.png) no-repeat 0 0; background-size:contain; }
section.service-info1 > .inner-wrap > .content > ul > li:nth-child(3) > div { background:url(../../assets/image/service_info1_illust4.png) no-repeat 0 0; background-size:contain; }
section.service-info1 > .inner-wrap > .content > ul > li:nth-child(4) > div { background:url(../../assets/image/service_info1_illust3.png) no-repeat 0 0; background-size:contain; }
section.service-info1 > .inner-wrap > .content > ul > li:nth-child(5) > div { background:url(../../assets/image/service_info1_illust5.png) no-repeat 0 0; background-size:contain; }
section.service-info1 > .inner-wrap > .content > ul > li > h5 { font-size:20px; color:#353C46; font-weight:700; margin-top:24px;}
section.service-info1 > .inner-wrap > .content > ul > li > p { font-size:15px; color:#686E7B; font-weight:400; margin-top:12px;  }


/* service-info2 영역 */
section.service-info2 { width:100%; height:auto; position:relative; padding-top:88px; padding-bottom:120px; background: linear-gradient(180deg, #4D4D4F 0%, #414143 119.33%);}
section.service-info2 > .inner-wrap { position:relative; display:block; width:1080px; margin:0 auto; height:100%; text-align:center; }
section.service-info2 > .inner-wrap > .title { width:100%; height:auto;}
section.service-info2 > .inner-wrap > .title > h4 { font-size:40px; color:#fff; font-weight:700; }
section.service-info2 > .inner-wrap > .title > p { font-size:20px; color:rgba(255,255,255,0.8); font-weight:300; margin-top:16px; }
section.service-info2 > .inner-wrap > .content { position:relative; width:100%; height:auto; margin-top:60px; }
section.service-info2 > .inner-wrap > .content > ul { display:flex; gap:20px; justify-content:space-between; }
section.service-info2 > .inner-wrap > .content > ul > li { position:relative; width:255px; height:552px; }
section.service-info2 > .inner-wrap > .content > ul > li > div { width:100%; height:100%; border-radius:32px; }
section.service-info2 > .inner-wrap > .content > ul > li:nth-child(1) > div { background:url(../../assets/image/service_info2_screen1.png) no-repeat 0 0; background-size:contain; }
section.service-info2 > .inner-wrap > .content > ul > li:nth-child(2) > div { background:url(../../assets/image/service_info2_screen2.png) no-repeat 0 0; background-size:contain; }
section.service-info2 > .inner-wrap > .content > ul > li:nth-child(3) > div { background:url(../../assets/image/service_info2_screen3.png) no-repeat 0 0; background-size:contain; }
section.service-info2 > .inner-wrap > .content > ul > li:nth-child(4) > div { background:url(../../assets/image/service_info2_screen4.png) no-repeat 0 0; background-size:contain; }
section.service-info2 > .inner-wrap > .content > ul > li:nth-child(4) > p { position:absolute; top:100px; left:148px; z-index:1; width:240px; height:240px; background:url(../../assets/image/service_info2_pass_mark.png) no-repeat 0 0; background-size:contain;}
section.service-info2 > .inner-wrap > .content > .deco1 { position:absolute; top:32px; left:-80px; z-index:1; width:120px; height:120px; background:url(../../assets/image/service_info2_profile_man.png) no-repeat 0 0; background-size:contain; }
section.service-info2 > .inner-wrap > .content > .deco2 { position:absolute; bottom:40px; right:-80px; z-index:1; width:128px; height:128px; background:url(../../assets/image/service_info2_profile_woman.png) no-repeat 0 0; background-size:contain; }


/* service-info3 영역  */
section.service-info3 { width:100%; height:660px; position:relative; overflow:hidden; }
section.service-info3 > .inner-wrap { position:relative; display:block; width:1080px; margin:0 auto; height:100%; text-align:left; }
section.service-info3 > .inner-wrap > .title { width:480px; height:420px; position:absolute; left:40px; top:220px; }
section.service-info3 > .inner-wrap > .title > h4 { font-size:40px; color:#353C46; font-weight:800; margin-top:24px; }
section.service-info3 > .inner-wrap > .title > h4 > strong {font-size:40px; color:#B5936E; font-weight:800;  }
section.service-info3 > .inner-wrap > .title > p { font-size:18px; color:#686E7B; font-weight:400; margin-top:24px; }
section.service-info3 > .inner-wrap > .content { top:48px; right:-200px; position:absolute; width:800px; height:800px; background:url(../../assets/image/service_info3_screen.png) no-repeat 0 0; background-size:contain; }


/* service-info4 영역  */
section.service-info4 { width:100%; height:660px; position:relative; overflow:hidden; background:#F8F7F5; }
section.service-info4 > .inner-wrap { position:relative; display:block; width:1080px; margin:0 auto; height:100%; text-align:left; }
section.service-info4 > .inner-wrap > .title { width:480px; height:420px; position:absolute; left:600px; top:220px; }
section.service-info4 > .inner-wrap > .title > h4 { font-size:40px; color:#353C46; font-weight:800; margin-top:24px; }
section.service-info4 > .inner-wrap > .title > h4 > strong {font-size:40px; color:#B5936E; font-weight:800;  }
section.service-info4 > .inner-wrap > .title > p { font-size:18px; color:#686E7B; font-weight:400; margin-top:24px; }
section.service-info4 > .inner-wrap > .content { top:48px; left:-200px; position:absolute; width:800px; height:800px; background:url(../../assets/image/service_info4_screen.png) no-repeat 0 0; background-size:contain; }


/* service-info5 영역  */
section.service-info5 { width:100%; height:660px; position:relative; overflow:hidden; }
section.service-info5 > .inner-wrap { position:relative; display:block; width:1080px; margin:0 auto; height:100%; text-align:left; }
section.service-info5 > .inner-wrap > .title { width:480px; height:420px; position:absolute; left:40px; top:220px; }
section.service-info5 > .inner-wrap > .title > h4 { font-size:40px; color:#353C46; font-weight:800; margin-top:24px; }
section.service-info5 > .inner-wrap > .title > h4 > strong {font-size:40px; color:#B5936E; font-weight:800;  }
section.service-info5 > .inner-wrap > .title > p { font-size:18px; color:#686E7B; font-weight:400; margin-top:24px; }
section.service-info5 > .inner-wrap > .content { top:48px; right:-200px; position:absolute; width:800px; height:800px; background:url(../../assets/image/service_info5_screen.png) no-repeat 0 0; background-size:contain; }


/* service-info6 영역  */
section.service-info6 { width:100%; height:660px; position:relative; overflow:hidden; background:#F8F9FA; }
section.service-info6 > .inner-wrap { position:relative; display:block; width:1080px; margin:0 auto; height:100%; text-align:left; }
section.service-info6 > .inner-wrap > .title { width:480px; height:420px; position:absolute; left:600px; top:220px; }
section.service-info6 > .inner-wrap > .title > h4 { font-size:40px; color:#353C46; font-weight:800; margin-top:24px; }
section.service-info6 > .inner-wrap > .title > h4 > strong {font-size:40px; color:#B5936E; font-weight:800;  }
section.service-info6 > .inner-wrap > .title > p { font-size:18px; color:#686E7B; font-weight:400; margin-top:24px; }
section.service-info6 > .inner-wrap > .content { top:48px; left:-200px; position:absolute; width:800px; height:800px; background:url(../../assets/image/service_info5_screen.png) no-repeat 0 0; background-size:contain; }



/* app-download 영역*/
section.app-download { width:100%; position:relative; padding-top:72px; width:100%; height:400px; background:#414143; background-size:cover; }
section.app-download > .inner-wrap { position:relative; display:block; width:1080px; margin:0 auto; height:100%; text-align:center; }
section.app-download > .inner-wrap > .title { width:100%; }
section.app-download > .inner-wrap > .title > span { display:block; font-size:20px; color:#D3BA90; font-weight:700; }
section.app-download > .inner-wrap > .title > h4 { font-size:38px; color:#fff; font-weight:700; margin-top:16px; }
section.app-download > .inner-wrap > .title > p { font-size:17px; color:rgba(255,255,255,0.8); font-weight:300; margin-top:16px; }
section.app-download > .inner-wrap > .title > .link-to-download { margin-top:32px; display:inline-block;}
section.app-download > .inner-wrap > .title > .link-to-download > li { float:left; width:152px; height:58px; text-indent:-9999px; }
section.app-download > .inner-wrap > .title > .link-to-download > li:first-child { margin-right:12px; }
section.app-download > .inner-wrap > .title > .link-to-download > li > a { transition:margin-top 0.3s; display:block; width:100%; height:100%; border-radius:10px; border:1px solid rgba(30,34,41,0.1); }
section.app-download > .inner-wrap > .title > .link-to-download > li:first-child > a { background:url(../../assets/image/btn_apple_appstore.png) no-repeat 0 0; background-size:contain; } 
section.app-download > .inner-wrap > .title > .link-to-download > li:last-child > a { background:url(../../assets/image/btn_google_playstore.png) no-repeat 0 0; background-size:contain; } 
section.app-download > .inner-wrap > .title > .link-to-download > li > a:hover { box-shadow:0 4px 8px 0 rgba(30,34,41,0.3);  border:1px solid rgba(30,34,41,0.16); margin-top:-3px; }

 

}







/* @@@@@@@@@@@@@@@@@@@@@ 모바일 @@@@@@@@@@@@@@@@@@@@@ */

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

.wrapper { width:100%; overflow:hidden;}
.w-only { display:none; }
.m-only { display:block; }



/* header 영역 */
header { transition: background 0.3s, border-bottom 0.3s; position:fixed; width:100%; height:48px; background:rgba(65,65,67,1.0); border-bottom:1px solid #3A3A3C; text-align:center; z-index:10;}
header.active { background:rgba(65,65,67,0.85); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); border-bottom:1px solid rgba(65,65,67,0.85);  }
header > .inner-wrap { display:flex; justify-content:space-between; align-items:center; margin:0 8px; width:calc(100% - 16px); height:100%; }
header > .inner-wrap > .logo { width:80px; height:40px; background:url(../../assets/image/logo.png) no-repeat 0 0; background-size:contain; }
header > .inner-wrap > .logo > a { display:block; width:100%; height:100%; text-indent:-9999px; }
header > .inner-wrap > .gnb { display:flex; justify-content:right; gap:4px; }
header > .inner-wrap > .gnb > li { display:block; }
header > .inner-wrap > .gnb > li > a { transition:color 0.5s; display:block; padding:6px 8px;  font-size:14px; color:#fff; font-weight:700; }
header > .inner-wrap > .gnb > li > a:hover { color:#B5936E; }


/* footer 영역 */
footer { width:calc(100% - 32px); margin:0 16px; position:relative; height:300px; text-align:center; border-top:1px solid rgba(30,34,41,0.08);}
footer > .inner-wrap { position:relative; display:inline-block; width:100%; height:100%; }
footer > .inner-wrap > .fnb { width:100%; height:auto; display:inline-block; margin-top:24px; }
footer > .inner-wrap > .fnb > h5 { float:left; font-size:12px; font-weight:700; color:#686E7B; margin-bottom:8px; }
footer > .inner-wrap > .fnb > ul > li { margin-top:-12px; float:left; text-indent:-9999px; width:40px; height:40px; }
footer > .inner-wrap > .fnb > ul > li > a { display:block; width:100%; height:100%; }
footer > .inner-wrap > .info { width:100%; height:auto; margin-top:0; text-align:left; }
footer > .inner-wrap > .info > ul { display:block; width:100%; }
footer > .inner-wrap > .info > ul > li { display:inline-block; width:100%; }
footer > .inner-wrap > .info > ul > li > span { width:100px; float:left; font-size:10px; color:#8F95A1; }
footer > .inner-wrap > .info > ul > li > p { float:left; font-size:11px; color:#686E7B; }
footer > .inner-wrap > .info > ul > .copyright { color:#BAC1CB; font-weight:300; font-size:10px; margin-top:32px; }


/* main-visual 영역 */
section.main-visual { width:100%; position:relative; width:100%; height:820px; padding-top:48px; background:#414143;  }
section.main-visual > .inner-wrap { position:relative; display:block; width:100%; margin:0 auto; height:100%; }
section.main-visual > .inner-wrap > .title { z-index:1; position:absolute; top:40px; left:50%; width:360px; transform:translateX(-50%); text-align:center; }
section.main-visual > .inner-wrap > .title > h4 { font-size:30px; color:#fff; font-weight:800; letter-spacing:0; }
section.main-visual > .inner-wrap > .title > h4 > strong {  font-size:30px; color:#fff; font-weight:800; letter-spacing:0; background:linear-gradient(90deg, #E7C380 8.13%, #B5936E 49.76%, #9B7D5C 95.7%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;  background-clip: text; text-fill-color: transparent;  }
section.main-visual > .inner-wrap > .title > p { display:block; margin-top:16px; font-size:16px; color:rgba(255,255,255,0.8); font-weight:400; }
section.main-visual > .inner-wrap > .title > .link-to-download { display:flex; gap:8px; margin-top:24px; justify-content:center; }
section.main-visual > .inner-wrap > .title > .link-to-download > li { width:136px; height:52px; text-indent:-9999px; }
section.main-visual > .inner-wrap > .title > .link-to-download > li > a { display:block; width:100%; height:100%; border-radius:10px; border:1px solid rgba(30,34,41,0.1);  }
section.main-visual > .inner-wrap > .title > .link-to-download > li:first-child > a { background:url(../../assets/image/btn_apple_appstore.png) no-repeat 0 0; background-size:contain; } 
section.main-visual > .inner-wrap > .title > .link-to-download > li:last-child > a { background:url(../../assets/image/btn_google_playstore.png) no-repeat 0 0; background-size:contain; } 
section.main-visual > .inner-wrap > .title > .link-to-download > li > a:hover { transition:margin-top 0.3s; box-shadow:0 4px 8px 0 rgba(30,34,41,0.08); border:1px solid rgba(30,34,41,0.16); margin-top:-3px; }
section.main-visual > .inner-wrap > .content { z-index:0; position:absolute; top:228px; left:50%; transform:translateX(-50%); display:block; width:660px; height:660px; background:url(../../assets/image/bg_main_visual.png) no-repeat 0 0; background-size:contain;}
section.main-visual > .inner-wrap > .content > .screen-mockup { top:48px; left:-5%; position:absolute; width:100%; height:100%; background:url(../../assets/image/main_visual_screen.png) no-repeat 0 0; background-size:contain; }
section.main-visual > .inner-wrap > .content > .profile { cursor:pointer; z-index:1; position:absolute; width:176px; height:274px; background:rgba(255,255,255,0.5); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); border-radius:12px; border:1px solid rgba(255,255,255,0.4); box-shadow: 0px 2px 6px 2px rgba(30, 34, 41, 0.12);}
section.main-visual > .inner-wrap > .content > .profile.deco1 { top:240px; right:20%; }
section.main-visual > .inner-wrap > .content > .profile.deco2 { top:216px; right:16%; }
section.main-visual > .inner-wrap > .content > .profile.deco1 > div { width:100%; height:100%; background:url(../../assets/image/popup_img.png) no-repeat 0 0; background-size:contain;   }
section.main-visual > .inner-wrap > .content > .profile.deco2 > div { width:100%; height:100%; background:url(../../assets/image/main_visual_screen_deco2.png) no-repeat 0 0; background-size:contain;  }
section.main-visual > .inner-wrap > .content > .profile.active {  z-index:2;  background:rgba(255,255,255,0.6);  border:1px solid rgba(255,255,255,0.5); }
section.main-visual > .inner-wrap > .content > .profile:hover {  background:rgba(255,255,255,0.8);  border:1px solid rgba(255,255,255,0.8); }


/* service-info1 영역 */
section.service-info1 { width:100%; height:auto; position:relative; padding-top:160px; padding-bottom:60px; }
section.service-info1 > .inner-wrap { position:relative; display:block; width:100%; margin:0 auto; height:100%; text-align:center; }
section.service-info1 > .inner-wrap > .title { width:100%; height:auto; }
section.service-info1 > .inner-wrap > .title > h4 { font-size:28px; color:#353C46; font-weight:800; }
section.service-info1 > .inner-wrap > .title > p { font-size:15px; color:#686E7B; font-weight:400; margin-top:16px; }
section.service-info1 > .inner-wrap > .content { width:100%; height:auto; margin-top:40px; }
section.service-info1 > .inner-wrap > .content > ul { display:flex; justify-content:space-between; }
section.service-info1 > .inner-wrap > .content > ul > li { width:160px; height:auto; display:flex; flex-direction:column; align-items:center; }
section.service-info1 > .inner-wrap > .content > ul > li > div { width:132px; height:132px; }
section.service-info1 > .inner-wrap > .content > ul > li:nth-child(1) > div { background:url(../../assets/image/service_info1_illust2.png) no-repeat 0 0; background-size:contain; }
section.service-info1 > .inner-wrap > .content > ul > li:nth-child(2) > div { background:url(../../assets/image/service_info1_illust1.png) no-repeat 0 0; background-size:contain; }
section.service-info1 > .inner-wrap > .content > ul > li:nth-child(3) > div { background:url(../../assets/image/service_info1_illust4.png) no-repeat 0 0; background-size:contain; }
section.service-info1 > .inner-wrap > .content > ul > li:nth-child(4) > div { background:url(../../assets/image/service_info1_illust3.png) no-repeat 0 0; background-size:contain; }
section.service-info1 > .inner-wrap > .content > ul > li:nth-child(5) > div { background:url(../../assets/image/service_info1_illust5.png) no-repeat 0 0; background-size:contain; }
section.service-info1 > .inner-wrap > .content > ul > li > h5 { font-size:17px; color:#353C46; font-weight:700; margin-top:16px;}
section.service-info1 > .inner-wrap > .content > ul > li > p { font-size:13px; color:#686E7B; font-weight:400; margin-top:12px;  }


/* service-info2 영역 */
section.service-info2 { width:100%; height:auto; position:relative; padding-top:60px; padding-bottom:80px; background: linear-gradient(180deg, #4D4D4F 0%, #414143 119.33%);}
section.service-info2 > .inner-wrap { position:relative; display:block; width:100%; margin:0 auto; height:100%; text-align:center; }
section.service-info2 > .inner-wrap > .title { width:100%; height:auto;}
section.service-info2 > .inner-wrap > .title > h4 { font-size:28px; color:#fff; font-weight:700; }
section.service-info2 > .inner-wrap > .title > p { font-size:15px; color:rgba(255,255,255,0.8); font-weight:300; margin-top:16px; }
section.service-info2 > .inner-wrap > .content { position:relative; width:100%; height:auto; margin-top:48px; overflow:visible;  }
section.service-info2 > .inner-wrap > .content > ul { display:flex; gap:8px; justify-content:space-between;}
section.service-info2 > .inner-wrap > .content > ul > li { position:relative; width:180px; height:390px; }
section.service-info2 > .inner-wrap > .content > ul > li > div { width:100%; height:100%; border-radius:20px; }
section.service-info2 > .inner-wrap > .content > ul > li:nth-child(1) > div { background:url(../../assets/image/service_info2_screen1.png) no-repeat 0 0; background-size:contain; }
section.service-info2 > .inner-wrap > .content > ul > li:nth-child(2) > div { background:url(../../assets/image/service_info2_screen2.png) no-repeat 0 0; background-size:contain; }
section.service-info2 > .inner-wrap > .content > ul > li:nth-child(3) > div { background:url(../../assets/image/service_info2_screen3.png) no-repeat 0 0; background-size:contain; }
section.service-info2 > .inner-wrap > .content > ul > li:nth-child(4) > div { background:url(../../assets/image/service_info2_screen4.png) no-repeat 0 0; background-size:contain; }
section.service-info2 > .inner-wrap > .content > ul > li:nth-child(4) > p { position:absolute; top:80px; right:-80px; z-index:1; width:180px; height:180px; background:url(../../assets/image/service_info2_pass_mark.png) no-repeat 0 0; background-size:contain;}
section.service-info2 > .inner-wrap > .content > .deco1 { position:absolute; top:-24px; left:8px; z-index:1; width:60px; height:60px; background:url(../../assets/image/service_info2_profile_man.png) no-repeat 0 0; background-size:contain; }
section.service-info2 > .inner-wrap > .content > .deco2 { position:absolute; bottom:-40px; right:16px; z-index:1; width:72px; height:72px; background:url(../../assets/image/service_info2_profile_woman.png) no-repeat 0 0; background-size:contain; }


/* service-info3 영역  */
section.service-info3 { width:100%; height:680px; position:relative; overflow:hidden; }
section.service-info3 > .inner-wrap { position:relative; display:block; width:100%; margin:0 auto; height:100%; text-align:center; }
section.service-info3 > .inner-wrap > .title { width:480px; height:420px; position:absolute; left:50%; transform:translateX(-50%); top:60px; }
section.service-info3 > .inner-wrap > .title > h4 { font-size:28px; color:#353C46; font-weight:800; }
section.service-info3 > .inner-wrap > .title > h4 > strong {font-size:28px; color:#B5936E; font-weight:800;  }
section.service-info3 > .inner-wrap > .title > p { font-size:15px; color:#686E7B; font-weight:400; margin-top:24px; }
section.service-info3 > .inner-wrap > .content { top:220px; left:50%; transform:translateX(-50%); position:absolute; width:640px; height:640px; background:url(../../assets/image/service_info3_screen.png) no-repeat 0 0; background-size:contain; }


/* service-info4 영역  */
section.service-info4 { width:100%; height:680px; position:relative; overflow:hidden; background:#F8F7F5; }
section.service-info4 > .inner-wrap { position:relative; display:block; width:100%; margin:0 auto; height:100%; text-align:center; }
section.service-info4 > .inner-wrap > .title { width:480px; height:420px; position:absolute; left:50%; transform:translateX(-50%); top:60px; }
section.service-info4 > .inner-wrap > .title > h4 { font-size:28px; color:#353C46; font-weight:800; }
section.service-info4 > .inner-wrap > .title > h4 > strong {font-size:28px; color:#B5936E; font-weight:800;  }
section.service-info4 > .inner-wrap > .title > p { font-size:15px; color:#686E7B; font-weight:400; margin-top:24px; }
section.service-info4 > .inner-wrap > .content { top:220px; left:50%; transform:translateX(-50%); position:absolute; width:640px; height:640px; background:url(../../assets/image/service_info4_screen.png) no-repeat 0 0; background-size:contain; }


/* service-info5 영역  */
section.service-info5 { width:100%; height:680px; position:relative; overflow:hidden; }
section.service-info5 > .inner-wrap { position:relative; display:block; width:100%; margin:0 auto; height:100%; text-align:center; }
section.service-info5 > .inner-wrap > .title { width:480px; height:420px; position:absolute; left:50%; transform:translateX(-50%); top:60px; }
section.service-info5 > .inner-wrap > .title > h4 { font-size:28px; color:#353C46; font-weight:800; }
section.service-info5 > .inner-wrap > .title > h4 > strong {font-size:28px; color:#B5936E; font-weight:800;  }
section.service-info5 > .inner-wrap > .title > p { font-size:15px; color:#686E7B; font-weight:400; margin-top:24px; }
section.service-info5 > .inner-wrap > .content { top:220px; left:50%; transform:translateX(-50%); position:absolute; width:640px; height:640px; background:url(../../assets/image/service_info5_screen.png) no-repeat 0 0; background-size:contain; }


/* service-info6 영역  */
section.service-info6 { width:100%; height:660px; position:relative; overflow:hidden; background:#F8F9FA; }
section.service-info6 > .inner-wrap { position:relative; display:block; width:100%; margin:0 auto; height:100%; text-align:center; }
section.service-info6 > .inner-wrap > .title { width:480px; height:420px; position:absolute; left:50%; transform:translateX(-50%); top:60px; }
section.service-info6 > .inner-wrap > .title > h4 { font-size:28px; color:#353C46; font-weight:800; }
section.service-info6 > .inner-wrap > .title > h4 > strong {font-size:28px; color:#B5936E; font-weight:800;  }
section.service-info6 > .inner-wrap > .title > p { font-size:15px; color:#686E7B; font-weight:400; margin-top:24px; }
section.service-info6 > .inner-wrap > .content { top:200px; left:50%; transform:translateX(-50%); position:absolute; width:640px; height:640px; background:url(../../assets/image/service_info5_screen.png) no-repeat 0 0; background-size:contain; }


/* app-download 영역*/
section.app-download { width:100%; position:relative; padding-top:60px; width:100%; height:340px; background:#414143; background-size:cover; }
section.app-download > .inner-wrap { position:relative; display:block; width:100%; margin:0 auto; height:100%; text-align:center; }
section.app-download > .inner-wrap > .title { width:100%; }
section.app-download > .inner-wrap > .title > span { display:block; font-size:16px; color:#D3BA90; font-weight:700; }
section.app-download > .inner-wrap > .title > h4 { font-size:26px; color:#fff; font-weight:800; margin-top:12px; }
section.app-download > .inner-wrap > .title > p { font-size:14px; color:rgba(255,255,255,0.8); font-weight:400; margin-top:16px; }
section.app-download > .inner-wrap > .title > .link-to-download { margin-top:32px; display:inline-block;}
section.app-download > .inner-wrap > .title > .link-to-download > li { float:left; width:136px; height:52px; text-indent:-9999px; }
section.app-download > .inner-wrap > .title > .link-to-download > li:first-child { margin-right:8px; }
section.app-download > .inner-wrap > .title > .link-to-download > li > a {  transition:margin-top 0.3s; display:block; width:100%; height:100%; border-radius:10px; border:1px solid rgba(30,34,41,0.1); }
section.app-download > .inner-wrap > .title > .link-to-download > li:first-child > a { background:url(../../assets/image/btn_apple_appstore.png) no-repeat 0 0; background-size:contain; } 
section.app-download > .inner-wrap > .title > .link-to-download > li:last-child > a { background:url(../../assets/image/btn_google_playstore.png) no-repeat 0 0; background-size:contain; } 
section.app-download > .inner-wrap > .title > .link-to-download > li > a:hover {box-shadow:0 4px 8px 0 rgba(30,34,41,0.3);  border:1px solid rgba(30,34,41,0.16); margin-top:-3px; }

	
}