@charset "UTF-8";
/*
	공통요소
*/
.wrap {overflow:hidden;font-size:14px;color:#333;position: relative}
.header {position:fixed;left:0;width:100%;height:54px;padding:0 30px;border-bottom:1px solid #e6e6e6;background:#fff;box-sizing:border-box;z-index:1030}
.logo {float:left;padding-top:11px}
.logo img {height:31px}
.gnb {float:left;margin-left:92px}
.snb {float:right}
.gnb > li {position:relative;display:inline-block}
.gnb li > a {display:inline-block;padding:0 20px;font-size:14px;line-height:54px;color:#333}
.gnb li > a:after {bottom:10px;content:'';display:block;height:2px;left:50%;transform:translateX(-50%);position:absolute;background:#467fe9;opacity:0.8;-webkit-transition: width 0.3s ease 0s, left 0.3s ease 0s, opacity 0.3s ease-in-out;transition: width 0.3s ease 0s, left 0.3s ease 0s, opacity 0.3s ease-in-out;width:0}
.snb:after {content:'';display:block;clear:both}
.snb__tel {float:left;font-size:21px;font-weight:bold;color:#467fe9;line-height:54px}
.snb__link {float:left}
.snb__link a {margin-left:36px;color:#333;line-height:54px}
.sub-nav {position:absolute;top:100%;left:-60px; padding:16px; display: flex; width: 632px; background-color:#fff;box-shadow:10px 10px 15px 0 rgba(0, 0, 0, 0.1);opacity:0;visibility:hidden;-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);z-index: 1050}
.sub-nav > div {width: 50%; }
.sub-nav > div + div { margin-left: 8px; }
.sub-nav a {display:block;position:relative;min-height:100px;margin:4px 0;padding:30px 14px 24px 96px;border-radius:5px;background:#f2f2f2;opacity:0.9;box-sizing:border-box;-webkit-transition:0.3s background-color ease-in-out;transition:0.3s background-color ease-in-out}
.sub-nav a + a { margin-top: 8px; }
.sub-nav__icon {position:absolute;top:50%;left:14px;width:64px;height:64px;margin-top:-32px;border-radius:50%;background-color:#fff;background-repeat:no-repeat; background-size: 100% auto;}
/*20240131 정렬 수정 */
.sub-nav__category {display:block;margin-bottom:5px;font-weight:bold;color:#477fe9; line-height: 1.5;}
.sub-nav__desc { color:#4d4d4d; }
.sub-nav a:hover {background-color:#467fe9;color:#fff}
.sub-nav a:hover .sub-nav__category, .sub-nav a:hover .sub-nav__desc {color:#fff}
.gnb > li:hover > .sub-nav {opacity:1.0;visibility:visible;z-index:1051}
.gnb > li:hover > a:after {width:60%;opacity:1.0}
.footer {padding:46px 30px;background:#070d17;font-size:16px;color:#a1a1a1}
/* 20240619 수정 */
.footer__wrap {line-height:1.5; padding-bottom: 76px; }
.footer__name {color:#c2c2c2}
.footer__desc {margin-top:5px;font-weight:300}
.footer__link {margin-top:12px}
.footer__link a {margin-right:12px}
.footer__link-point {color:#c2c2c2}
.footer__copyright {margin-top:12px}
/* 20240619 수정 */
.footer__contact {position:absolute;right:0;top:0px;text-align:right}
.footer__sns {margin-top:8px}
.footer__sns a {margin-left:6px}

.footer .link-icon { margin-top: 24px; width: 70px; height: 70px;}

/* 20240619 추가 */
.pg-popup { margin-bottom: 0; margin-top: 6px; }
.layer-modal label {

}
.layer-modal input[type="radio"], span {
	vertical-align: middle;
}
.layer-modal input[type="radio"] {
	position: relative;
	appearance: none;
	border-radius: 50%;
	background-image: url(/assets/2025070201/img/main/icon/ic_btn_radio_off_32.svg);
	background-size:cover;
	width: 32px;
	height: 32px;
}
.layer-modal input[type="radio"] + span {
	font-size: 20px;
	font-weight: bold;
	color:#333333;
	display: inline-block;
	min-width: 120px;
	line-height: 1.45;
	margin-left: 6px;
}
.layer-modal input[type="radio"]:checked {
	background-image: url(/assets/2025070201/img/main/icon/ic_btn_radio_on_32.svg);
}
.layer-modal input[type="radio"]:disabled {
	background-color: lightgray;
	box-shadow: none;
	opacity: 0.7;
	cursor: not-allowed;
}
.layer-modal input[type="radio"]:disabled + span {
	opacity: 0.7;
	cursor: not-allowed;
}
.mb-15 { margin-bottom: 15px;}
.layer-modal .scroll-box-y {
	overflow-y: auto;
	max-height: 70vh;
}
.layer-modal .scroll-box-y::-webkit-scrollbar{
	width: 10px;
}
.layer-modal .scroll-box-y::-webkit-scrollbar-thumb {
	background: #e2e3e7;
	border-radius: 99px;
	height: 30%;
}
.layer-modal .scroll-box-y::-webkit-scrollbar-track {
	background: transparent; /* 스크롤바 뒷 배경 색상 */
	border-radius: 99px;
}
.layer-modal.open .layer-pop{display: block;}
.layer-modal.close .layer-pop{display: none;}
.layer-modal .layer-back {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.4);
	color: #787878;
	visibility: hidden;
	opacity: 0;
	z-index: 0;
	display: block;
}
.layer-modal.open .layer-back {
	visibility: visible;
	opacity: 1;
	z-index: 1040;
}
.layer-modal .layer-pop-wrap {
	position: absolute;
	top: 0px;
	left: 0;
	bottom: 0px;
	width: 100%;
}
.layer-modal .layer-pop-wrap .layer-pop {
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	top: 50%;
	bottom: auto;
	right: auto;
	max-width: 720px;
	max-height: 100%;
	width: 87.5%;
	margin: 0 auto;
	padding: 40px;
	background: #fff;
	box-sizing: border-box;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: left;
	box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.16);
}
.layer-modal .layer-pop-wrap .layer-pop .layer-head {
	border-bottom: 2px solid #333333;
	padding-bottom: 16px;
	position: relative;
}
.layer-modal .layer-pop-wrap .layer-pop .layer-head .layer-title { font-size: 28px; line-height: 1.5; color:#333333; font-weight: bold;}
.layer-modal .layer-pop-wrap .layer-close-btn {
	position: absolute;
	top: 0px;
	right: 0px;
}
.layer-modal .layer-pop-wrap .layer-close-btn a{
	display: block;
	min-width: 32px;
	min-height: 32px;
	background-image: url(/assets/2025070201/img/main/icon/ic_close_32.svg);
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.layer-modal .layer-pop-wrap .layer-pop .layer-body { padding: 24px; background-color: #f9f9f9;}
.layer-modal .layer-pop-wrap .layer-pop .layer-desc { font-size: 22px; color:#333333; padding-bottom: 24px;}
.layer-modal .form-wrap label {position: relative;display: inline-block;font-size: 20px;font-weight: 700;line-height: 1.5;margin-bottom: 16px;}
.layer-modal .layer-pop-wrap .layer-pop .table-item { margin-top: 32px;}
.layer-modal .layer-pop-wrap .layer-pop .table-item + .table-item { margin-top: 40px;}
.layer-modal .layer-pop-wrap .layer-pop .table-item .title { font-size: 20px; font-weight: bold; color:#333333; padding-left: 20px; margin-bottom: 10px; }
.layer-modal .layer-pop-wrap .layer-pop .table-item.list-none { margin-top: 60px; text-align: center; margin-bottom: 60px;}
.layer-modal .layer-pop-wrap .layer-pop .table-item.list-none .icon-img { width: 64px; height: 64px; margin: auto; margin-bottom: 24px; }
.layer-modal .layer-pop-wrap .layer-pop .table-item.list-none .icon-img img { width: 100%; display: block;}
.layer-modal .layer-pop-wrap .layer-pop .table-item.list-none .text-none { font-size: 18px; color:#333333; line-height: 1.44;}
.layer-modal .layer-pop-wrap button {
	cursor: pointer;
}
.viewTable{width:100%; border-top:2px solid #333333;}
.viewTable .tr{ display: flex; border-bottom:1px solid #e6e6e6;}
.viewTable .th{ display: flex; color: #666666; padding:10px 20px; align-items: center;  text-align: left; font-size:18px;line-height: 1.5; width: 160px;}
.viewTable .td { padding:10px 20px; color:#333333; position:relative;font-size:18px;line-height: 1.44; font-weight: 500; text-align: left; width: calc(100% - 160px); word-break: keep-all;}
.viewTable .tr:last-child .th,
.viewTable .tr:last-child .td {border-bottom:0}
.viewTable .tr .harf { width: 50%;  display: flex;}

.radio-cont {position: relative; }
.radio-cont .input-wrap { width: calc( 100% - 128px);}
.radio-cont .input-wrap .ipt { background-color: #ffffff; border: solid 1px #ccc; }
.radio-cont .input-wrap .ipt:focus-visible {border: solid 1px #467ee9;}
.radio-cont button {position: absolute; top: 0; right: 0; min-width: 120px; height: 100%; font-size: 20px; font-weight: bold; }
/* 20240619 추가 */



/*20240129 준비중 라벨 추가*/
.sub-nav__category { position: relative;}
/* 20240131 정렬 수정  */
.sub-nav__category .label {padding: 2px 8px; background-color: rgba(20, 110, 230, 0.1); border-radius: 999px; color: #146ee6;line-height: 1.42; font-size: 12px;
	font-weight: 500; display: inline-block; margin-left: 6px;}
.sub-nav a:hover .sub-nav__category .label { background-color: rgba(255, 255, 255, 0.7);}
/*main*/
.main-section {height:calc(100vh - 54px);max-height:1080px;min-height:670px;margin:0 auto}
.main-intro {overflow:hidden;max-width:1638px}
.main-slide {position:relative;height:100%}
.main-slide__wrap {width:100%;height:100%}
.main-slide__info {position:relative;max-width:1274px;width:100%;margin:0 auto;padding-top:14%;z-index:1}
.main-slide__slogan {font-size:36px;color:#467ee9;letter-spacing:-0.05em}
.main-slide__title {margin-top:10px;margin-bottom:20px;font-size:84px;font-weight:bold;letter-spacing:-0.06em;line-height:1.14}
.main-slide__desc {font-size:24px;}
.main-slide__bg {position:absolute;top:50%;right:0;width:55%;text-align:right;transform:translateY(-50%) !important}
.main-slide__bg img {visibility:hidden}
.bi {position:absolute;background-repeat:no-repeat;background-position:center top}
.bi--zd1 {z-index:1} .bi--zd2 {z-index:2} .bi--zd3 {z-index:3}
.bi--zd4 {z-index:4} .bi--zd5 {z-index:5} .bi--zd6 {z-index:6}
.bi--0101 {top:0;left:186px;width:222px;height:303px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0101.png)}
.bi--0102 {bottom:0;left:0;width:794px;height:603px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0102.png)}
.bi--0103 {top:170px;right:0;width:368px;height:385px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0103.png)}
.bi--0201 {bottom:0;right:95px;width:396px;height:608px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0201.png)}
.bi--0202 {bottom:0;left:115px;width:304px;height:295px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0202.png)}
.bi--0203 {bottom:150px;right:40px;width:216px;height:211px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0203.png)}
.bi--0204 {top:110px;left:112px;width:228px;height:200px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0204.png)}
.bi--0205 {bottom:34px;right:0;width:136px;height:113px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0205.png)}
.bi--0301 {bottom:0;right:45px;width:605px;height:520px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0301.png)}
.bi--0302 {top:0;left:150px;width:396px;height:350px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0302.png)}
.bi--0303 {bottom:0;right:0;width:286px;height:200px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0303.png)}
.bi--0304 {top:150px;right:20px;width:205px;height:161px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0304.png)}
.bi--0401 {bottom:0;right:40px;width:581px;height:500px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0401.png)}
.bi--0402 {top:18px;right:100px;width:517px;height:502px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0402.png)}
.bi--0403 {bottom:0;right:0;width:233px;height:185px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0403.png)}
.bi--0404 {top:54px;left:189px;width:225px;height:162px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0404.png)}
.bi--0405 {bottom:20px;left:126px;width:131px;height:109px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0405.png)}
.bi--0406 {top:0;right:110px;width:104px;height:106px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0406.png)}
.bi--0501 {top:0;right:0;width:574px;height:460px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0501.png)}
.bi--0502 {bottom:0;left:176px;width:361px;height:292px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0502.png)}
.bi--0503 {top:0;left:150px;width:150px;height:131px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0503.png)}
.bi--0504 {bottom:132px;left:106px;width:104px;height:104px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0504.png)}
.bi--0505 {bottom:28px;right:78px;width:159px;height:159px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0505.png)}
.bi--0601 {top:0;right:100px;width:572px;height:423px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0601.png)}
.bi--0602 {bottom:72px;right:0;width:324px;height:465px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0602.png)}
.bi--0603 {top:88px;left:130px;width:173px;height:130px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0603.png)}
.bi--0604 {bottom:102px;left:240px;width:135px;height:106px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0604.png)}
.bi--0605 {bottom:5px;right:175px;width:390px;height:230px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0605.png)}
.bi--0701 {top:62px;right:30px;width:512px;height:363px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0701.png)}
.bi--0702 {bottom:44px;left:190px;width:402px;height:334px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0702.png)}
.bi--0703 {bottom:0;right:124px;width:354px;height:216px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0703.png)}
.bi--0704 {top:80px;right:16px;width:682px;height:579px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0704.png)}
.bi--0705 {top:0;left:150px;width:752px;height:343px;background-image:url(/assets/2025070201/img/main/v2/bg_intro0705.png)}
.main-slide__button {margin-top:20px}
.btn-scrolldown {position:absolute;bottom:0px;left:50%;margin-left:-66px;z-index:5; display: none}
.sprite-main {background:url(/assets/2025070201/img/main/v2/sprite_main@2x.png) no-repeat;background-size:120px 104px;text-indent:-9999px}
.main-slide__control {position:absolute;width:100%;left:0;bottom:20px;margin-left:0px;text-align:center;line-height:22px;z-index:30}
/*.main-slide__control {position:absolute;width:1274px;left:50%;bottom:20%;margin-left:-637px;line-height:22px;z-index:30}*/
.main-slide__nav {display:inline-block;width:14px;height:22px}
.main-slide__prev {margin-right:10px;background-position:-105px -2px}
.main-slide__next {margin-left:10px;background-position:-83px -45px}
.swiper-slide {background:#fff}
.main-slide .swiper-pagination-bullet {position:relative;width:auto;height:auto;margin:0 8px;border:none;background:none;border-radius:0;font-size:16px;font-weight:bold;color:#999;opacity:1}
.main-slide .swiper-pagination-bullet-active {color:#333}
.main-slide .swiper-pagination-bullet:before {content:'';position:absolute;top:11px;left:28px;display:inline-block;width:0px;height:2px;opacity:0;background:#467ee9;-webkit-transition:width 3s ease-out;transition:width 3s ease-out}
.main-slide .swiper-pagination-bullet:after {content:'';position:relative;top:-4px;display:inline-block;width:0px;height:0px;margin-left:8px}
.main-slide .swiper-pagination-bullet-active:after {width:80px}
.main-slide .swiper-pagination-bullet-active:before {width:80px;opacity:1}
.main-slide__play {display:inline-block;width:16px;height:22px;margin-left:15px;background-position:0 -82px}
.main-slide__play.active {background-position:-17px -82px}
.main-counter__wrap {display:flex;height:100%;justify-content:center;align-items:center;text-align:center;letter-spacing:-0.06em}
.main-counter__inner {font-size:36px;font-weight:bold}
.main-counter__inner strong {display:block;margin-bottom:20px;font-size:60px;color:#467ee9}
.main-counter__inner strong span {font-size:128px;font-weight:bold;}
.main-counter__inner small {display:block;font-size:24px;font-weight:400;color:#666}
.main-ceo {max-width:1920px;margin:0 auto;-webkit-transform:scale(0.95);transform:scale(0.95);-webkit-transition:all .5s ease-out;transition:all .5s ease-out}
[data-aos="ceo"].aos-animate {-webkit-transform:scale(1);transform:scale(1)}
.main-ceoslide {position:relative;height:100%}
.main-ceoslide__wrap {width:100%;height:100%}
/*
.main-ceoslide__wrap--1 {background:url(/assets/2025070201/img/main/v2/img_ceo1.jpg) no-repeat center top;background-size:cover}
.main-ceoslide__wrap--2 {background:url(/assets/2025070201/img/main/v2/img_ceo2.jpg) no-repeat center top;background-size:cover}
.main-ceoslide__wrap--3 {background:url(/assets/2025070201/img/main/v2/img_ceo3.jpg) no-repeat center top;background-size:cover}
 */
.main-ceoslide__wrap--1 {background:url(/assets/2025070201/img/main/v2/img_ceo1_1.jpg) no-repeat center top;background-size:cover}
.main-ceoslide__wrap--2 {background:url(/assets/2025070201/img/main/v2/img_ceo2_1.jpg) no-repeat center top;background-size:cover}
.main-ceoslide__wrap--3 {background:url(/assets/2025070201/img/main/v2/img_ceo3_1.jpg) no-repeat center top;background-size:cover}
.main-ceoslide__inner {position:relative;max-width:1274px;height:100%;margin:0 auto}
.main-ceoslide__info {position:absolute;left:0;bottom:18%;font-size:32px;font-weight:300;color:#fff;line-height:1.5;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);-webkit-transition:all .5s ease-out;transition:all .5s ease-out}
.main-ceoslide__button {margin-top:30px}
.main-ceoslide__title {position:absolute;right:0;bottom:18%;font-size:84px;color:#fff;line-height:1.14;letter-spacing:-0.05em}
.main-ceoslide .swiper-slide-active .main-ceoslide__info {opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.main-ceoslide__pager {position:absolute;bottom:40px;left:0;width:100%;text-align:center;z-index:30}
.main-ceoslide__pager .swiper-pagination-bullet {width:100px;height:2px;border-radius:0;background:rgba(255,255,255,0.7)}
.main-video__wrap {display:flex;width:100%;height:100%;justify-content:center;align-items:center;text-align:center}
.main-video__inner {width:100%}
.main-video__title {font-size:48px;font-weight:bold;color:#467ee9;letter-spacing:-0.05em}
.main-video__desc {margin-top:15px;font-size:24px;color:#666}
.main-video__box {max-width:900px;width:100%;margin:0 auto;margin-top:50px}
.main-video__item {position:relative;padding-top:56.25%;box-shadow:5px 5px 30px rgba(30,30,30,0.1)}
.video-player {position:absolute;top:0;left:0;width:100%;height:100%}
/*info*/
.main-info {overflow:hidden;position:relative}
.main-frame {position:absolute;left:42%;top:100px;width:984px;height:760px;background:url(/assets/2025070201/img/main/v2/img_view1_1.png) no-repeat center top;-webkit-transition:left .8s ease, top .8s ease;transition:left .8s ease, top .8s ease;will-change:left,top}
.main-frame.bg {background:url(/assets/2025070201/img/main/v2/img_view3_1.png) no-repeat center top}
.main-frame.bg2 {background:url(/assets/2025070201/img/main/v2/img_view2_2.png) no-repeat center top}
.main-info__box {position:absolute;top:0;left:50%;width:1680px;height:100%;margin-left:-840px}
.main-info__article {height:calc(100vh - 54px);max-height:1080px;min-height:670px;margin:0 auto}
.main-info__article--reverse .main-info__wrap {justify-content:flex-end}
.main-info__wrap {position:relative;display:flex;max-width:1274px;height:100%;margin:0 auto;align-items:center}
.main-info__slogan {font-size:28px;font-weight:bold;color:#467ee9;letter-spacing:-0.05em}
.main-info__title {margin-top:5px;margin-bottom:20px;font-size:48px;font-weight:bold;letter-spacing:-0.05em}
.main-info__desc {font-size:24px;color:#666;line-height:1.5}
.main-info__button {margin-top:20px}
.main-info__inner {position:relative;z-index:40}
.main-info__mockup {position:absolute;top:50%;right:-80px;-webkit-transform:translateY(-150px);transform:translateY(-150px);z-index:35}
/*customer*/
.main-customer {padding:150px 0;text-align:center}
.main-customer__title {font-size:48px;font-weight:bold;letter-spacing:-0.05em}
.main-customer__desc {margin-top:15px;font-size:24px;color:#666}
.main-customer__img {max-width:900px;margin:0 auto}
/* mo */
.mobile-menu {display:none;overflow-y:auto;position:fixed;top:0;right:0;bottom:0;width:280px;padding:0 20px;background:#fff;box-sizing:border-box;z-index:1040;opacity:0;transform:translateX(100%);-webkit-transition:all .5s ease-out;transition:all .5s ease-out}
.mobile-menu.active {transform:translateX(0);opacity:1}
.mobile-menu__header {height:54px;border-bottom:1px solid #e6e6e6;text-align:right}
.mobile-menu__link {padding:20px 0;text-align:center}
.mobile-menu__link a {padding:0 10px;font-size:20px;color:#467fe9;font-weight:bold}
.mobile-menu__list > li {padding:20px 0;border-top:1px solid #e6e6e6;font-size:24px;color:#333}
.mobile-sub-menu {margin-left:10px}
.mobile-sub-menu li {margin-top:10px}
.mobile-sub-menu li a {font-size:18px;color:#333}

/*20240129 준비중 라벨 추가*/
.mobile-sub-menu li .label {padding: 2px 8px; background-color: rgba(20, 110, 230, 0.1); border-radius: 999px; color: #146ee6;line-height: 1.42; font-size: 12px;
	font-weight: 500; display: inline-block; margin-left: 4px; margin-bottom: 2px; vertical-align: middle;}

.mobile-snb__tel {font-weight:bold;color:#467fe9;}
.btn-menu {display:none;position:absolute;top:50%;right:0;width:26px;height:26px;margin-top:-12px;background:url(/assets/2025070201/img/main/v2/sprite_main@2x.png);background-size:150px 130px;background-position:-102px -27px;text-indent:-9999px}
.btn-menuclose {display:inline-block;width:26px;height:26px;margin-top:14px;background:url(/assets/2025070201/img/main/v2/sprite_main@2x.png) no-repeat right 50%;background-size:150px 130px;background-position:-102px 0;text-indent:-9999px}
.main-info--mobile {display:none}
@media screen and (max-width:1320px) {
	.main-intro {padding:0 20px}
	.main-slide {overflow:hidden}
	.main-slide__title {font-size:70px}
	.main-slide__control {bottom:20px;left:0;width:100%;margin-left:0;text-align:center}
	.btn-scrolldown {display:none}
	.main-ceoslide__wrap {padding:0 20px;box-sizing:border-box}
}
@media screen and (max-width:1024px) {
	.main-ceoslide__info {left:0;bottom:50px;width:100%;padding:0 20px;font-size:15px;text-align:center;box-sizing:border-box}
	.main-ceoslide__info br {display:none}
	.main-ceoslide__title {bottom:auto;top:20px;width:100%;padding:0 20px;font-size:36px;box-sizing:border-box;text-align:center}
	.main-ceoslide__title br {display:none}
	.main-ceoslide__button {margin-top:20px}
	.main-info {display:none}
	.main-info--mobile {display:block;padding:80px 20px}
	.main-info__slide {position:relative}
	.main-info__meta {text-align:center}
	.main-info__slogan {font-size:18px}
	.main-info__title {font-size:32px;word-break:keep-all}
	.main-info__title br {display:none}
	.main-info__desc {font-size:18px;word-break:keep-all}
	.main-info__desc br {display:none}
	.main-info__pager {position:absolute;bottom:40px;left:0;width:100%;text-align:center;z-index:30}
	.main-info__pager .swiper-pagination-bullet {width:60px;height:2px;border-radius:0;background:rgba(0,0,0,0.4)}
	.main-info__pager .swiper-pagination-bullet-active {background:#333}
	.bi {display:none;background:none !important}
	.main-slide__bg img {visibility:visible}
	.snb .snb__tel {display:none;}
}

@media screen and (max-width: 900px) {
	.gnb {float:left;margin-left:20px;}
	.snb__link a {margin-left:20px;}
}

@media screen and (max-width:767px) {
	.gnb, .snb {display:none}
	.logo {padding-top:13px}
	.logo img {height:28px}
	.btn-menu {display:block}
	.mobile-menu {display:block}
	.footer {font-size:15px}
	.footer__wrap {display:block;text-align:center}
	.footer__contact {position:static;margin-bottom:40px;text-align:center}
	.footer__sns {margin-top:15px}
	.footer__sns a {margin:0 2px}
	.footer__sns a img {height:28px}
	/*main*/
	.container--main .btn--large {font-size:18px;line-height:52px}
	.main-section {max-height:none}
	.main-slide__info {padding-top:100px;text-align:center}
	.main-slide__slogan {font-size:18px}
	.main-slide__title {font-size:32px;word-break:keep-all}
	.main-slide__title br {display:none}
	.main-slide__desc {font-size:18px}
	.main-slide__bg {position:static;width:80%;margin:0 auto;margin-top:30px;transform:translateY(0) !important}
	.main-slide .swiper-pagination-bullet {margin:0 4px;font-size:14px}
	.main-slide .swiper-pagination-bullet:before {left:20px}
	.main-slide .swiper-pagination-bullet:after {margin-left:4px}
	.main-slide .swiper-pagination-bullet-active:before {width:40px}
	.main-slide .swiper-pagination-bullet-active:after {width:40px}
	.main-slide__next {margin-left:6px}
	.main-slide__prev {margin-right:6px}
	.main-slide__play {margin-left:10px}
	.main-counter {padding:0 20px}
	.main-counter__inner {font-size:20px}
	.main-counter__inner strong {font-size:40px}
	.main-counter__inner strong span {font-size:60px}
	.main-counter__inner small {font-size:15px}
	.main-ceoslide__pager .swiper-pagination-bullet {width:60px}
	.main-video {padding:0 20px}
	.main-video__title {font-size:24px}
	.main-video__desc {font-size:18px}
	.main-video__box {max-width:80%}
	.main-customer {padding:60px 20px}
	.main-customer__title {font-size:24px}
	.main-customer__desc {font-size:18px;word-break:keep-all}

	/* 20240619 추가 */
	.layer-modal .scroll-box-y { max-height: 66.7vh;}
	.layer-modal .layer-pop-wrap .layer-pop { padding: 24px 20px;}
	.layer-modal .layer-pop-wrap .layer-close-btn a { min-width: 24px; min-height: 24px;}
	.layer-modal .layer-pop-wrap .layer-pop .layer-head .layer-title { font-size: 20px; }
	.layer-modal .layer-pop-wrap .layer-pop .layer-desc { font-size: 16px; padding-bottom: 12px; }
	.layer-modal .layer-pop-wrap .layer-pop .layer-body {padding: 24px 20px;}
	.layer-modal input[type="radio"] + span { font-size: 16px; }
	.layer-modal .layer-pop-wrap .layer-pop .table-item { margin-top: 24px; }
	.layer-modal .layer-pop-wrap .layer-pop .table-item + .table-item { margin-top: 24px; }
	.layer-modal .layer-pop-wrap .layer-pop .table-item.list-none { margin-top: 32px; margin-bottom: 16px; }
	.layer-modal .layer-pop-wrap .layer-pop .table-item .title { font-size: 18px; margin-bottom: 12px; padding-left: 0; }
	.layer-modal input[type="radio"] { width: 24px; height: 24px; }
	.layer-modal input[type="radio"] + span { margin-left: 0; min-width: auto;}
	.layer-modal .form-wrap label { margin-bottom: 24px; }
	.layer-modal .form-wrap label + label { margin-left: 40px;}
	.radio-cont .input-wrap { width: 100%; margin-bottom: 8px;}
	.radio-cont .input-wrap .ipt { height: 52px; padding: 0 16px; font-size: 16px; }
	.radio-cont button { position: relative; min-width: 100%; line-height: 52px; font-size: 18px; }
	.viewTable .th { padding: 10px 0; font-size: 15px; width: 112px; padding-right: 12px; }
	.viewTable .td { width: calc(100% - 112px); font-size: 15px; padding: 10px 0; }
	.layer-modal .layer-pop-wrap .layer-pop .table-item.list-none .icon-img { width: 56px; height: 56px; margin-bottom: 16px; }
	.layer-modal .layer-pop-wrap .layer-pop .table-item.list-none .text-none { font-size: 16px; }
	.layer-modal .scroll-box-y::-webkit-scrollbar{
		width: 6px;
	}
	/* 20240619 추가 */
}

/*2022-01-13*/
.bi--0801 {bottom:0;right:95px;width:800px;height:600px;background-image:url(/assets/2025070201/img/main/v2/home_apngb-animated.png)}

/*2022-05-04*/
.footer .only--pc {display:block}
.footer .only--mobile {display:none}
.footer__link-point {color:#467FE9 !important}
.footer__contact .col2 {float:left}
.footer__contact .sec1 {width:220px}
.footer__contact .sec2 {width:200px; margin-left:65px}
/* 20240619 수정 */
.footer__contact .footer__download {margin-top:12px}
.footer__contact .pg-popup .footer__download {margin-top:3px}
.footer__contact .icon-footer {display:block;width:220px;height:40px;line-height:38px;text-align:center;border-radius:5px;margin-bottom:5px;padding-left:30px}
.footer__contact .icon-footer.download1 {background:#474747 url(/assets/2025070201/img/main/v2/icon-download1.png) no-repeat 10px center;}
.footer__contact .icon-footer.download2 {background:#474747 url(/assets/2025070201/img/main/v2/icon-download2.png) no-repeat 10px center;}
.footer__contact .icon-footer.download3 {background:#474747 url(/assets/2025070201/img/main/v2/icon-download3.png) no-repeat 10px center;margin-bottom:0}
.footer__contact .icon-footer.guide {background:#474747 url(/assets/2025070201/img/main/v3/icon-download4.png) no-repeat 16px center; font-size: 15px;}
/* 20240619 추가 */
.footer__contact .sec2.wide {width:220px;}
.footer__contact .sec2.wide .footer__download {margin-top: 8px;}
.footer__contact .icon-footer.pg {background:#474747 url(/assets/2025070201/img/main/v2/icon_pg.png) no-repeat 10px center;margin-bottom:0}

@media screen and (max-width:1000px) {
	.footer .only--pc {display:none}
	.footer .only--mobile {display:block}
	.footer {font-size:15px;min-width:290px;padding:40px 20px}
	.footer__wrap {display:block;text-align:center}
	.footer__contact {position:static;margin-bottom:40px;text-align:center}
	.footer__sns {margin-top:25px}
	.footer__sns a {margin:0 2px}
	.footer__sns a img {height:36px}
	.footer__contact .col2 {float:none}
	.footer__contact .sec1 {width:220px;margin:0 auto}
	/* 20240619 수정 */
	.footer__contact .sec2 {width:200px;margin:16px auto 0}
	.footer .footer__desc {line-height:30px}
	.footer__link {margin-top: 40px;}
	.footer__link a {display:block;line-height:30px}
	.footer__copyright {margin-top: 5px;}

	.footer__contact .pg-popup {margin-top:40px}

	.footer .link-icon {width: 84px; height: 84px;}
}
@media screen and (max-width:767px) {
	.footer__contact .icon-footer.download1,
	.footer__contact .icon-footer.download3	{display:none}
	.footer__contact .icon-footer.download2 {margin-bottom:5px}
}