﻿@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@100;200;400;500;600;800;900&display=swap');

/*  전체 영역  */
#landing_wrap { width:100%; height:100%; }
#landing_wrap .logo_landing {width:100%; text-align:center; top:5%; position:absolute; }
#landing_wrap .logo_landing img { margin-left:1.6%; width:45%; }

.landing_visual { display:flex; width:100%; height:calc(88vh - 50px); background-image:url('../../../mobile/landing1/images/main_bg.jpg'); 50% 0%; background-size:cover; }
.landing_visual .box { width:100%; text-align:center; margin-top:94%; }
.landing_visual .box > p:nth-child(1) { font-family: 's-core-dream-medium'; font-size:18px; color:#fff846; line-height:26px; letter-spacing:-0.05em; }
.landing_visual .box > p:nth-child(2) { font-family: 's-core-dream-bold'; font-size:30px; color:#fff; line-height:70px; letter-spacing:0.1em; }
.landing_visual .box > p:nth-child(3) { font-family: 'RixMyeongjo-M'; font-size:23px; color:#fff846; letter-spacing:0.2em; }

.sec1_container { display:inline-block;  width:100%; }
.sec1_wrap { width:100%; margin:0 auto; text-align:center; margin-top:10px; }
.sec1_wrap > p:nth-child(1) { font-family: 's-core-dream-medium'; font-size:17px; color:#dea428; font-weight:500;  letter-spacing:-0.05em;}
.sec1_wrap > p:nth-child(2) { margin-top:10px; font-family: 's-core-dream-bold'; font-size:20px; color:#222; line-height:28px; letter-spacing:-0.05em; }
.sec1_wrap > p:nth-child(3) { margin-top:15px;  font-family: 's-core-dream-regular'; font-size:14px; color:#666;line-height:22px; letter-spacing:-0.05em; }

.sec2_container { display:inline-block; text-align:center; width:100%; margin-top:40px; }
.sec2_wrap { width:100%; margin:0 auto; text-align:center; margin-top:20px; }
.sec2_wrap .box { width:100%; margin:0 auto; text-align:center; }
.sec2_wrap .box > p:nth-child(1) { margin-top:0; text-align:left; margin-left:20%;}
.sec2_wrap .box > p:nth-child(2) { margin-top:0px; font-family: 's-core-dream-bold'; font-size:22px; color:#222; line-height:24px; letter-spacing:-0.05em;}
.sec2_wrap .box > p:nth-child(3) { padding:15px 15px; font-family: 's-core-dream-regular'; font-size:15px; color:#666; line-height:22px; letter-spacing:-0.05em; }
.sec2_wrap .box > p:nth-child(3) strong { font-family: 's-core-dream-bold'; }

.sec3_container { display:inline-block; text-align:center; width:100%; }
.sec3_container > p:nth-child(1) { margin-top:60px; font-family: 's-core-dream-bold'; font-size:22px; color:#dea428; line-height:30px; letter-spacing:-0.05em; }
.sec3_container > p:nth-child(2) { padding:15px; font-family: 's-core-dream-medium'; font-size:16px; color:#222; line-height:25px; letter-spacing:-0.05em; }
.sec3_wrap { width:100%; margin:0 auto; text-align:center; margin-top:10px; }
.sec3_wrap .box { width:100%; }
.sec3_wrap .box1 { width:100%; }

.sec4_container { display:inline-block; text-align:center; width:100%; height:calc(70vh - 100px); text-align:center; padding-top:90px;background-image:url('../../../mobile/landing1/images/sec4_bg.jpg'); 50% 0%; background-size:cover; }
.sec4_container > p:nth-child(1) { margin-top:20px; font-family: 's-core-dream-bold'; font-size:22px; color:#fff846; line-height:30px; letter-spacing:-0.05em; }
.sec4_container > p:nth-child(2) { padding:15px 15px 0 15px; font-family: 's-core-dream-bold'; font-size:17px; color:#fff; line-height:27px; letter-spacing:-0.05em; }
.sec4_container > p:nth-child(3) { padding:10px 15px 0 15px; font-family: 's-core-dream-bold'; font-size:17px; color:#fff; line-height:27px; letter-spacing:-0.05em; }

.sec5_container { display:inline-block; text-align:center; width:100%; }
.sec5_container > p:nth-child(1) { margin-top:70px; font-family: 's-core-dream-medium'; font-size:22px; color:#222; line-height:30px; letter-spacing:-0.05em; }
.sec5_container > p:nth-child(2) { margin-top:10px; font-family: 's-core-dream-bold'; font-size:22px; color:#dea428; line-height:30px; letter-spacing:-0.05em; }
.sec5_wrap { width:100%; margin:0 auto; text-align:center; margin-top:30px; }
.sec5_wrap .box { width:100%; padding:0 0 40px 0; }
.sec5_wrap .box > p:nth-child(1) {  }
.sec5_wrap .box > p:nth-child(2) { margin-top:20px; }
.sec5_wrap .box > p:nth-child(3) { padding:20px 15px 0 15px; font-family: 's-core-dream-medium'; font-size:17px; color:#dea428; line-height:27px; letter-spacing:-0.06em; }
.sec5_wrap .box > p:nth-child(4) { padding:10px 15px 0 15px; font-family: 's-core-dream-bold'; font-size:20px; color:#222; line-height:30px; letter-spacing:-0.06em; }
.sec5_wrap .box > p:nth-child(5) { padding:10px 15px 0 15px; font-family: 's-core-dream-regular'; font-size:15px; color:#222; line-height:24px; letter-spacing:-0.06em; }
.sec5_wrap .box > p:nth-child(6) { padding:10px 15px 0 15px; font-family: 's-core-dream-medium'; font-size:14px; color:#222; line-height:35px; letter-spacing:-0.06em; }
.sec5_wrap .box > p:nth-child(6) span { display:inline-block; height:32px; border-bottom:1px #ccc solid; }

.sec6_container { display:inline-block; text-align:center; width:100%; }
.sec6_container > p:nth-child(1) { margin-top:40px; font-family: 's-core-dream-bold'; font-size:22px; color:#dea428; line-height:30px; letter-spacing:-0.05em; }
.sec6_container > p:nth-child(2) { margin-top:10px; font-family: 's-core-dream-bold'; font-size:22px; color:#222; line-height:30px; letter-spacing:-0.05em; }
.sec6_container > p:nth-child(3) { padding:10px 15px 0 15px; font-family: 's-core-dream-regular'; font-size:15px; color:#222; line-height:22px; letter-spacing:-0.06em; }
.sec6_container > p:nth-child(5) a { display:inline-block; margin:30px 0 40px 0; width:190px; line-height:42px; text-align:center; font-family: 's-core-dream-bold'; font-size:18px; color:#fff;  background:#00547B; border-radius:21px; transition: all .3s ease}
.sec6_container > p:nth-child(5) a:hover { background:#0172a6; text-decoration:none; transition: all .3s ease}



/* COPYRIGHT */
#intro_foot { display:inline-block; position:relative; width:100%; text-align:center; padding:0 0 30px 0;font-family: 'Noto Sans KR';  background:#F6F6F6; }
.intro_copyright { width:92%; margin:0 auto; text-align:center; }

.copy_left { width:100%; text-align:left; vertical-align:top; }
.tel_ { display:inline-block; position:relative; width:100%; text-align:left; color:#222; }
.tel_ > p:nth-child(1) { padding:15px 0 0; font-family: 's-core-dream-medium'; font-size:20px; font-weight:600; letter-spacing:-0.05em; }
.tel_ > p:nth-child(2) { padding:8px 0 15px 0; font-family:'Barlow Condensed'; font-size:37px; font-weight:600; line-height:40px; }
.tel_ > p img { display:inline-block; width:32%; margin:10px 0; }
.time_ { display:inline-block; position:relative; width:100%; padding-top:45px; }
.time_ > p:nth-child(1) { font-family: 's-core-dream-medium'; font-size:20px; font-weight:600; letter-spacing:-0.05em; }
.time_ > p:nth-child(2) { font-family: 's-core-dream-medium'; font-size:15px; color:#999; letter-spacing:-0.05em; line-height:22px; padding:7px 0 17px 0;}
.time_ > p:nth-child(3) { font-family: 's-core-dream-regular'; font-size:15px; color:#333; letter-spacing:-0.05em; line-height:22px; }
.location { width:100%x; text-align:center; margin-top:20px; padding:15px 0; border-bottom:1px #ddd solid; }
.location > p:nth-child(1) { font-family:'Barlow Condensed'; font-size:25px; font-weight:700; }
.location > p:nth-child(2) { font-family: 's-core-dream-bold'; font-size:15px; padding:5px 0 10px 0; line-height:23px; letter-spacing:-0.05em; }
.add_wrap { display:inline-block; position:relative; width:100%; text-align:center; }
.add_wrap .logo__ { margin-top:30px; text-align:center; }
.add_wrap .add__ { margin-top:30px; font-family: 's-core-dream-regular'; color:#444; font-size:14px; line-height:22px; letter-spacing:-0.05em;}
.add_wrap .add_ span { display:inline-block; margin-top:7px; font-size:16px; }
.ft_menu { display:inline-block;  position:relative; text-align:center; padding:15px 0 0; margin:0; z-index:99; }
.ft_menu span { text-align:center; padding:6px 13px; background:#252525; color:#fff; font-size:13px; letter-spacing:-0.03em; cursor:pointer;}
.ft_menu span a { color:#fff; text-decoration:none; }

.copy_right { width:100%; text-align:right; padding-top:30px; }

.intro_copyright .tail_line { clear:both; display:inline-block; width:8px; border-left:1px #aaa solid; color:#aaa; line-height:12px; margin:0 0 0 10px; }



/* 하단 우측 공통 퀵메뉴 */
#right_qbtn { position:fixed; bottom: 15px; right: 15px; width:50px; height:50px; z-index:9999999;animation: ani 1s infinite alternate; }
#right_qbtn img { width:50px; }
.outside img { width:50px; }

@keyframes ani {
  from { transform: translateY(18%); }
  to { transform: translateY(0%); }
}
/* */

#right_qbtn1 { position:fixed; bottom: 70px; right: 15px; width:50px; height:50px; z-index:999999; animation: ani1 1s infinite alternate; }
.bar { display:block;  position: relative; width:50px; height:50px; background:url('../../landing/images/qbtn1_open.png')no-repeat 0 0; cursor:pointer; background-size:50px; animation: ani1 1s infinite alternate;}
.bar.active { display:block; position: relative; width:50px; height:50px; background:url('../../landing/images/qbtn1_close.png')no-repeat 0 0; cursor:pointer; background-size:50px; animation: ani1 0s infinite alternate;}
#right_qbtn1 img { width:50px; }
.outside img { width:50px; }
.outside { position:fixed; bottom:120px; right:15px; width:50px;
	transform: translateX(0%);
	transition: all .5s cubic-bezier(0,0.05,0,1.3);
	overflow: hidden;
	z-index:9999;
	}
ul.menu {list-style: none;margin: 0;padding: 0;line-height: 2;}
.menu li {opacity: 0;transition: all .25s linear;}
.in .menu li {margin-bottom:5px;transform: translateX(0%);opacity: 1;}

@keyframes ani1 {
  from { transform: translateY(15%); }
  to { transform: translateY(0%); }
}
/* */

/* 빠른상담 모달창 */
.share-btn{  position:absolute; z-index:999; width:30px;height:30px; top:31px; right:0px; float:right; cursor:pointer}
.sch_pop{position:fixed;top:0;left:0; width:100%;height:100%;z-index:9999999;display:none}
.sch_pop .sch_pop_data{ margin:0 auto; position:absolute;display:block; top:3%;left:3%; right:3%; z-index:999999991; }
.sch_pop_bg{ position:absolute;	top:0;left:0;width:100%;height:100%;	background:url("") left top repeat;	background:rgba(0,0,0,0.4); z-index:99999999}
.sch_pop .btn_sch_close{display:block;position:absolute;z-index:999999991;top:3%;left:87%; font-size:35px;}

