@charset "utf-8"; 

/* main visual */
#main_visual{overflow:hidden; position:relative; z-index:1; height:calc(821rem); margin-top:120rem; color:#fff; text-align:center;}
#main_visual .bx-wrapper{height:100%; margin-bottom:0; background:transparent; border:0; box-shadow:none;}
#main_visual .bx-viewport{height:100% !important;}
#main_visual .slider{height:100%;}
#main_visual .roll{}
#main_visual .roll_txt{ width:1400rem; margin:0 auto; text-align:left; }
#main_visual .roll_img{z-index:-1; position:absolute; left:0; top:0; width:100%;height:100%; background-size:cover; background-position:50%;  animation: imagescale 5s infinite; -webkit-animation: imagescale 5s infinite; -moz-animation: imagescale 5s infinite; -o-webkit-animation: imagescale 5s infinite;}
#main_visual .roll01{background-image:url(../img/main/visual01.jpg);}
#main_visual .roll02{background-image:url(../img/main/visual02.jpg);}
#main_visual .roll03{background-image:url(../img/main/visual03.jpg);}
#main_visual .roll{height:100%;}
#main_visual h2{ line-height:1.3; font-weight:300; font-size:55rem; }
#main_visual h2 b{display:block; font-weight:bold;}
#main_visual p{line-height:2.4; margin:290rem 0 0 0; font-size:18rem; letter-spacing:2rem; text-transform:uppercase;}
#main_visual .btn_more{margin-top:50rem}
#main_visual .roll_txt2{display:inline-block; margin-right:80rem; text-align:left;}
#main_visual .bx-controls{ z-index:100; width:100%; text-align:center;}
#main_visual .bx-controls-direction{}
#main_visual .bx-pager{display:inline-block; vertical-align:middle;}
#main_visual .bx-pager > div{display:inline-block;}
#main_visual .bx-pager a{display:inline-block; width:12rem; height:12rem; margin:0 5rem; border:2px solid #fff; font-size:0; text-indent:-9000px; border-radius:50%;}
#main_visual .bx-pager a.active{background:#fff;}
#main_visual .bx-controls-auto{display:inline-block; vertical-align:middle;}
#main_visual .bx-controls-auto > div{display:inline-block;}
#main_visual .bx-controls-auto a{display:inline-block; width:20px; height:20px; margin:0 5px; background-position:center; font-size:0; color:#fff; text-indent:-9000px; background-repeat:no-repeat;}
#main_visual .bx-controls-auto a.bx-start{background-image:url(../img/btn_play.png);}
#main_visual .bx-controls-auto a.bx-stop{background-image:url(../img/btn_pause.png);}
#main_visual .bx-controls-auto a.active{display:none;}

/* 이전다음버튼일때 */
#main_visual .bx-default-pager{display:none; position: absolute; left:0; width: 100%;bottom:30rem;z-index: 60;}
#main_visual .bx-controls-direction{position: absolute; left:0; width: 100%;top:48%;z-index: 60;}
#main_visual .bx-controls-direction a.bx-prev:After{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#main_visual .bx-controls-direction a:hover{}
#main_visual .bx-controls-direction a{display:block; position:absolute; overflow:hidden; width:28rem; height:46rem; text-indent:-9999px; transition:all 0.2s ease-out 0s;}
#main_visual .bx-controls-direction a:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/layout/icon_btn_arrow.svg) no-repeat 50% 50%;}
#main_visual .bx-controls-direction a.bx-next{right:100rem;}
#main_visual .bx-controls-direction a.bx-prev{left:100rem;}

@keyframes imagescale {
  0% {
    transform: scale(1.2)  rotate(.001deg);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
  }

  100% {
    transform: scale(1)  rotate(.001deg);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
}

/* main content */


@media (max-width:1700px){
	#main_visual .bx-controls-direction a.bx-prev{left:20rem;}
	#main_visual .bx-controls-direction a.bx-next{right:20rem;}
}

@media (max-width:1480px){
	#main_visual .roll_txt{width:80%;}
}

@media (max-width:1023px) {
	#main_visual{margin-top:80rem;}
	#main_visual h2{font-size:40rem}

	.main-content{display:block;}
	.wrap{width:100%; padding:0 20rem}	
}


@media (max-width:860px){
	#main_visual .bx-default-pager{display:block;}
	#main_visual .bx-controls-direction{display:none;}
}

@media (max-width:540px) {
	#main_visual{margin-top:80rem; height:300rem}
	#main_visual .roll{padding-top:0}
	#main_visual p{margin:50rem 0 0 ; font-size:12rem}
	#main_visual .btn_more{margin-top:25rem}
}


#mainvideo {position: relative; }
.video-overlay {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 99%;  background-color: rgba(0, 0, 0, 0.3);   pointer-events: none; }
.video_con {position:absolute; left:50%; transform:translateX(-50%); top:0; z-index:10;}
.video_con .video_txt { width:1400rem; margin:0 auto; text-align:center; color:#fff; padding-top:0rem;}
.video_con .video_txt h2{ line-height:1.2; font-weight:800; font-size:50rem; padding:15rem 0; letter-spacing:-1px; }
.video_con .video_txt p{line-height:1.3; margin:320rem 0 0 0; font-weight:800; letter-spacing:-.5px; font-size:30rem; color:#1ec8ff; }
.video_con .video_txt dl {margin-top:30rem; display: flex; align-items: center; justify-content: center; gap:10px;}

a.rounding{ display: flex; justify-content: center; align-items: center; width: 205px; height: 65px; font-size: 20rem; font-weight: 600; color: #fff; text-transform: uppercase; border-radius: 10px; background:#1ec8ff; position: relative; z-index: 5; overflow: hidden; transition: color 0.4s; }
a.rounding::before{ content: ""; width: 110%; height: 110%; background: #000; position: absolute; top: 50%; left: 50%; z-index: -1; transform: translate(-50%, -50%) scaleY(0); transform-origin: bottom; transition: all 0.4s; }
a.rounding:hover{ color: #fff; font-weight: 500; }
a.rounding:hover::before{ transform: translate(-50%, -50%) scaleY(1); }

a.rounding2{ display: flex; justify-content: center; align-items: center; width: 205px; height: 65px; font-size: 20rem; font-weight: 600; color: #fff; text-transform: uppercase; border-radius: 10px; background:rgba(0,0,0,0.7);  border:1px solid #1ec8ff; position: relative; z-index: 5; overflow: hidden; transition: color 0.4s; }
a.rounding2::before{ content: ""; width: 110%; height: 110%; background: #1ec8ff; position: absolute; top: 50%; left: 50%; z-index: -1; transform: translate(-50%, -50%) scaleY(0); transform-origin: bottom; transition: all 0.4s; }
a.rounding2:hover{ color: #fff; font-weight: 500; }
a.rounding2:hover::before{ transform: translate(-50%, -50%) scaleY(1); }

a.rounding3{ margin:40rem auto 0; display: flex; justify-content: center; align-items: center; width: 270px; height: 63px; font-size: 20rem; font-weight: 600; color: #fff; text-transform: uppercase; border-radius: 10px; background:#0a39b9; position: relative; z-index: 5; overflow: hidden; transition: color 0.4s; }
a.rounding3::before{ content: ""; width: 110%; height: 110%; background: #000; position: absolute; top: 50%; left: 50%; z-index: -1; transform: translate(-50%, -50%) scaleY(0); transform-origin: bottom; transition: all 0.4s; }
a.rounding3:hover{ color: #fff; font-weight: 500; }
a.rounding3:hover::before{ transform: translate(-50%, -50%) scaleY(1); }



@media (max-width:1400px) {
	.video_con .video_txt { width:100%;}
}

@media (max-width:1023px) {
	.video-overlay {height: 98%;}
	.video_con .video_txt { padding-top:0rem;}
	.video_con .video_txt p{margin:160rem 0 0 0; font-size:23rem;}
	.video_con .video_txt h2{font-size:35rem; margin-top:0rem;}
}


@media (max-width:540px) {
	.video_con .video_txt p{margin:50rem 0 0 0; font-size:12rem;}
	.video_con .video_txt h2{font-size:18rem; padding:0rem 0; margin-top:0rem;}

	a.rounding{ width: 120px; height: 37px; font-size: 13rem; border-radius: 5px;}
	a.rounding2 { width: 120px; height: 37px; font-size: 13rem; border-radius: 5px;}
	a.rounding3 { width: 200px; height: 50px; font-size: 14rem; border-radius: 5px;}
}



#areas{ padding: 50px 0; overflow: hidden; }
#areas .inner{ max-width:1640rem; margin:0 auto; }

.main_b1 {background:url(../img/main/main_b_bg1.jpg)}
.main_b2 {background:url(../img/main/main_b_bg2.jpg)}
.main_b3 {background:url(../img/main/main_b_bg3.jpg)}
.main_b4 {background:url(../img/main/main_b_bg4.jpg)}
#areas .area-wrap{ display:grid;grid-template-columns: repeat(4, 1fr);gap:26px; }
#areas .area{ cursor:pointer; border-radius: 20px; overflow: hidden; position: relative; }
#areas .area figure{ width: 100%; overflow: hidden; position: relative; padding-bottom: 129%; margin-bottom: -5px; clip-path: circle(27% at 50% 35%); transition: all 0.5s; }
/*#areas .area figure::after{ content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: opacity 0.5s; transition-delay: 0.5s; }*/
#areas .area figure img{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#areas .text{ width: 100%; position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); text-align: center; padding: 0 25px; }
#areas .text *{ word-break: break-word; }
#areas .text h4{color:#fff; font-size: 30rem; font-weight: 800; letter-spacing: -0.01em; line-height: 1.2666; margin-bottom: 0px; }
#areas .text dd{color:#fff; font-size: 18rem; font-weight: 300; letter-spacing: -0.02em; line-height: 1.5777;  transform: translateY(30px); transition: all 0.3s; }

@keyframes rotate-image{
	0%{ transform: translate(-50%, -50%) rotate(0deg); }
	100%{ transform: translate(-50%, -50%) rotate(360deg); }
}

#areas .slide-box .circle:hover img.animation{ animation-play-state: paused; }
#areas .area:hover figure{ clip-path: circle(100% at 50% 35%); }
#areas .area:hover figure::after{ opacity: 1; transition-delay: unset; }
#areas .area:hover .text p{ opacity: 1; transform: translateY(0); transition: all 0.5s; }

@media screen and (max-width: 1250px){
	#areas .area-wrap{ display:grid;grid-template-columns: repeat(2, 1fr);gap:16px; }
}

@media screen and (max-width: 1000px){
	#areas .area{ border-radius: 10px; }
	#areas .area figure{ width: 100%; overflow: hidden; position: relative; padding-bottom: 100%; margin-bottom: 0px; clip-path: circle(20% at 50% 35%); transition: all 0.5s; }
	#areas .area:hover figure{ clip-path: circle(20% at 50% 35%); }
	#areas .text{bottom: 40px;  padding: 0 15px; }
	#areas .text h4{color:#fff; font-size: 18rem;}
	#areas .text dd{color:#fff; font-size: 13rem;}
}

@media screen and (max-width: 600px){
	#areas .area{ border-radius: 10px; }
	#areas .area figure{ width: 100%; overflow: hidden; position: relative; padding-bottom: 170%; margin-bottom: 0px; clip-path: circle(20% at 50% 35%); transition: all 0.5s; }
	#areas .area:hover figure{ clip-path: circle(20% at 50% 35%); }
	#areas .text{bottom: 40px;  padding: 0 15px; }
	#areas .text h4{color:#fff; font-size: 18rem;}
	#areas .text dd{color:#fff; font-size: 13rem;}
}

.main_time{padding:170rem 0; background:url("../img/main/main_time_bg.jpg") no-repeat center top / cover;  text-align:center; color:#fff; }
.main_time em {font-size:20rem; font-weight:800;}
.main_time h3 {font-size:47rem; font-weight:800; margin:0rem 0 20rem; letter-spacing:-1px; }
.main_time p {font-size:20rem; font-weight:600;}

@media screen and (max-width: 1000px){
	.main_time{padding:70rem 0; }
	.main_time em {font-size:13rem;}
	.main_time h3 {font-size:22rem;}
	.main_time p {font-size:15rem;}
}

.main-title em {font-size:20rem; font-weight:800; color:#1ec8ff; font-style:normal; }
.main-title h3 {font-size:47rem; font-weight:800; color:#222; letter-spacing:-1px; }

@media screen and (max-width: 1000px){
	.main-title em {font-size:13rem;}
	.main-title h3 {font-size:22rem;}
}

.main-keynumber{margin:70rem 0; }
.main-keynumber .inner { max-width:1640rem; margin:0 auto; }
.main-keynumber__wrap{width:100%;max-width:1650px; margin:55rem auto 0; padding:160px 20px; border-radius:0 60px;background:url("../img/main/main_number_bg.jpg") no-repeat center top / cover;transition:border-radius .3s;}
.main-keynumber__list{display:flex;}
.main-keynumber__item{display:flex;flex:1 0 0;flex-direction:column-reverse;align-items:center;justify-content:center;gap:20px 0;position:relative;text-align:center;}
.main-keynumber__item::after{content:"";position:absolute;top:10px;right:0;width:1px;height:60px;opacity:.3;background-color:#fff;}
.main-keynumber__item:last-child::after{display:none;}
.main-keynumber__item h4 {font-weight:600; color:#fff; font-size:20rem; }
.main-keynumber__num-wrap{display:inline-flex;align-items:center;gap:0 5px;}
.main-keynumber__num{font-size:55rem;font-weight:800;color:#fff;line-height:1;}
.main-keynumber__icon{font-size:55rem;font-weight:800;color:#fff;line-height:1;}
/* Media Query */
@media (max-width:1600px){
	.main-keynumber__wrap{border-radius:0;}
}
@media (max-width:1280px){
	.main-keynumber__num{font-size:50px;}
	.main-keynumber__icon{font-size:30px;}
}
@media (max-width:1024px){
	.main-keynumber .inner { padding:0 10rem; }
	.main-keynumber .flex-wrap{flex-direction:column;gap:20px 0;}
	.main-keynumber__text{flex-direction:column;gap:30px 0;width:100%;}
	.main-keynumber__text::before{width:40px;transform:none;}
	.main-keynumber__num{font-size:42px;}
	.main-keynumber__wrap{padding:100px 20px 115px;margin-top:40px;}
	.main-keynumber__icon{font-size:22px;}
}
@media (max-width:768px){
	.main-keynumber__list{flex-wrap:wrap;gap:50px 0;}
	.main-keynumber__item{flex:auto;width:50%;}
	.main-keynumber__item::after {display:none;}
	.main-keynumber__item:nth-child(2)::after{display:none;}
}
@media (max-width:640px){
	.main-keynumber{margin:50px 0 0;}
	.main-keynumber__text{gap:20px 0;font-size:15px;}
	.main-keynumber__wrap{padding:60px 20px 75px; }
	.main-keynumber__item h4 { font-size:13rem; }
	.main-keynumber__num{font-size:32rem;}
	.main-keynumber__icon{font-size:32rem;}
}



.main-studio{position:relative;overflow:hidden;background-color:#11151a;}
.main-studio::after{content:"";display:block;position:absolute;top:0;left:50%;width:50%;height:100%;margin-left:auto;background:url("../img/main/main_platform_bg.jpg") no-repeat left top / cover;}
.main-studio .inner{position:relative;z-index:10;}
.main-studio__wrap{position:relative;width:calc(50% + 10px);}
.main-studio__text-wrap{max-width:580px; padding:100rem 100rem; }
.main-studio__text-wrap em {font-size:20rem;font-weight:800;color:#b8b8b9;line-height:1.3; font-style:normal; margin-bottom:10rem; }
.main-studio__text-wrap em img {width:130rem; }
.main-studio__text-wrap h3 {font-size:40rem;font-weight:800;color:#f0f0f0;line-height:1.3;}
.main-studio__text-wrap p {margin-top:15px; font-size:20rem; color:#f0f0f0;}

.main-studio__list{display:flex;gap:0 40px; margin-bottom:50rem; padding:0 100rem;}
.main-studio__item{width:100%;max-width:92px;text-align:center;}
.main-studio__item h4{word-break: keep-all; display:block;margin-top:15px;color:#f0f0f0; font-size:17rem; letter-spacing:-.5px; }
.main-studio__icon{display:block;position:relative;width:100%;border-radius:50%;background-color:#0e4fff;}

.main-studio__btn{display:block;position:absolute;top:50%;right:0;width:100%;max-width:168px;transform:translate(50%, -50%);}
.main-studio__btn-icon{position:absolute;top:50%;left:50%;font-size:50px;transform:translate(-50%, -50%);z-index:10;}


@media (max-width:1280px){
	.main-studio::after{left:0;width:100%;}
	.main-studio__wrap{width:100%;}
	.main-studio__text-wrap{max-width:none;}
	.main-studio__btn{top:16%;right:-20px;transform:translateY(-50%);}
}
@media (max-width:1024px){
	.main-studio{padding-top:100px;}
	.main-studio::after{position:relative;height:300px;background-position:center center;}
	.main-studio__wrap{padding-bottom:50px;}
	.main-studio__wrap h4 {font-size:14px;}
	.main-studio__wrap p {font-size:15px;}
	.main-studio__text-wrap{padding:0rem 50rem; }
	.main-studio__text-wrap em {font-size:15rem; }
	.main-studio__text-wrap h3 {font-size:20rem; margin:20rem 0; }
	.main-studio__text-wrap p {font-size:14rem;}
	
	.main-studio__list{text-align:center; margin-top:40rem; padding:0 40rem; display:flex;flex-wrap:wrap;justify-content:center; gap:25px; }
	.main-studio__item{width:100%;max-width:80px;text-align:center; margin-bottom:10rem; }
	.main-studio__btn{top:auto;bottom:0;transform:translateY(50%);}
}
@media (max-width:640px){
	.main-studio__btn{width:140px;}
	.main-studio__btn-icon{font-size:38px;}
	.main-studio::after{height:200px;}
	.main-studio__text-wrap em img {width:100rem; }
}



.btn-rotate {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 113rem;
  height: 113rem;
  border-radius: 50%;
  /* Media Query */
}
.btn-rotate:active::before {
  width: 168rem;
  height: 168rem;
}
.btn-rotate:active::after {
  background-image: url("../img/main/main_mouse_text_ov.png");
}
.btn-rotate:active .btn-rotate__text {
  border-color: #e5e5e5;
}
@media (min-width: 1025px) {
  .btn-rotate:focus::before, .btn-rotate:hover::before {
    width: 168rem;
    height: 168rem;
  }
  .btn-rotate:focus::after, .btn-rotate:hover::after {
    background-image: url("../img/main/main_mouse_text_ov.png");
  }
  .btn-rotate:focus .btn-rotate__text, .btn-rotate:hover .btn-rotate__text {
    border-color: #e5e5e5;
  }
}
@media (max-width: 1024px) {
  .btn-rotate {
    width: 100rem;
    height: 100rem;
  }
  .btn-rotate:active::before {
    width: 140rem;
    height: 140rem;
  }
}
.btn-rotate::after, .btn-rotate::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

.btn-rotate::before {
  width: inherit;
  height: inherit;
  border-radius: inherit;
  background-color: #fff;
  transition-property: width, height;
  transition-duration: 0.3s;
}
.btn-rotate::after {
  width: 148rem;
  height: 148rem;
  background-image: url("../img/main/main_mouse_text.png");
  background-size: 100% auto;
  transition: background-image 0.3s;
  animation: rotate 8s linear infinite;
  z-index: 5;
  /* Media Query */
}
@keyframes rotate {
  to {
    rotate: 360deg;
  }
}
@media (max-width: 1024px) {
  .btn-rotate::after {
    width: 128rem;
    height: 128rem;
  }
}
.btn-rotate__text {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
  font-weight: 700;
  color: #222;
  border: 1px solid #fff;
  border-radius: inherit;
  transition: border-color 0.3s;
  z-index: 10;
}

#sec3 {background:#f9f9f9;z-index: 3;}
.sec3_wrap {display: flex;  align-items: center;  justify-content: space-between;}
.sec3_wrap .tit_box {display: flex;justify-content: space-between;align-items: center;padding-bottom: 25rem;}
.sec3_wrap .tit_box .tit {font-size: 40rem;font-weight: 800;}
.sec3_wrap .tit_box .tit span {font-size: 20rem;font-weight: 600; color:#1ec8ff; display:block; }
.sec3_wrap .tit_box .more > a {display: block; font-size:20rem; font-weight:600; color:#1b1b1b; }
.sec3_wrap .sub {width:100%; height:500rem; }

.sec3_wrap .news {max-width:1200rem; margin:0 auto; padding:50rem 100rem; }
.sec3_wrap .careers {padding:70rem 100rem; background:url(../img/main/main_cer_bg.jpg) center top no-repeat; text-align:center; }
.sec3_wrap .careers h3 {font-size: 40rem;font-weight: 800; color:#fff; margin-bottom:60rem;}
.sec3_wrap .careers dl {display:grid;grid-template-columns: repeat(4, 1fr);gap:20px; }
.sec3_wrap .careers dl dd {background:rgba(0,0,0,0.5); border-radius:10px; color:#fff; font-size:20rem; font-weight:600; padding:40rem 7rem; }
.sec3_wrap .careers dl dd i {display:block; margin-bottom:20rem; }

@media all and (max-width: 1024px) {
	.sec3_wrap {flex-direction:column;}
	.sec3_wrap .sub {height:auto; }
	.sec3_wrap .tit_box .tit {font-size: 22rem;}
	.sec3_wrap .tit_box .tit span {font-size: 13rem;}
	.sec3_wrap .tit_box .more > a {font-size:13rem;}
	.sec3_wrap .news {padding:50rem 40rem; }
	.sec3_wrap .careers {padding:70rem 20rem; }
	.sec3_wrap .careers h3 {font-size: 22rem;}
	.sec3_wrap .careers dl {  display:grid;grid-template-columns: repeat(4, 1fr); gap:10px;}
	.sec3_wrap .careers dl dd {padding:20rem 7rem; font-size:13rem; width:100%;}
	.sec3_wrap .careers dl dd i {margin-bottom:10rem; }
}




#main_inquiry{ padding:70px 0; background:no-repeat center; background-size:cover; background:#f7f9fd; position: relative;}

.inquiry-con-wrap{display: flex; padding-top: 50px;}
.inquiry-con-wrap .left-box{display: flex; flex-direction: column; justify-content: space-between; width:30%;}
.inquiry-con-wrap .left-box .main-tit-box {}
.inquiry-con-wrap .left-box .main-tit-box h4 {font-size:40rem; color:#212121; font-weight:800; line-height:1.2; letter-spacing:-1px; }
.inquiry-con-wrap .left-box .main-tit-box p {font-size:18rem; color:#212121; font-weight:500; line-height:1.7; letter-spacing:-.5px; margin-top:20rem;  }
.inquiry-con-wrap .left-box .cm-main-btn{background:#1ec8ff; margin-top: 30px; justify-content: center;}
.inquiry-con-wrap .left-box .cm-main-btn input {background:none; border:0; color:#fff; }
.inquiry-con-wrap .left-box .cm-main-btn:hover{background:#fff;}
.inquiry-con-wrap .left-box .cm-main-btn:hover .main-sub-tit02 {color: #1ec8ff;}

.inquiry-con-wrap .inquiry-info .main-txt01 {position: relative;  font-size:16px; }
.inquiry-con-wrap .inquiry-info i {font-size: 18px;}
.inquiry-con-wrap .inquiry-info i.off {color: #222222; opacity: 0.3;}
.inquiry-con-wrap .right-box{width:70%;}

.inquiry-box{}
.inquiry-box .inquiry-list{display: flex; flex-wrap: wrap;}
.inquiry-box .inquiry-list dl { width:calc(50% - 14rem); margin: 7rem 7rem; padding: 0 30px; height: 55px; display: flex; align-items: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; border-radius: 5px; background: rgba(255,255,255,1); border:1px solid #e0e0e0; }
.inquiry-box .inquiry-list dl dt {width: 120px; font-size: 18rem; font-weight: 600; letter-spacing: -0.05em; color: #222222;}
.inquiry-box .inquiry-list dl dt .essential-icon {color: #f50000; margin-right: 0; margin-left: 4rem; position: relative; top: -0.4rem;}
.inquiry-box .inquiry-list dl dd {width: calc(100% - 85px); font-size: 20px; font-weight: 500; letter-spacing: -0.05em; color: #888888;}
.inquiry-box .inquiry-list dl dd.tel {display: flex; align-items: center; justify-content: center; font-size:16px; text-align:center; }
.inquiry-box .inquiry-list dl dd.tel span {padding-right:20px;}
.inquiry-box .inquiry-list dl dd .tel-input {margin:0 10px; width:25%; border: 0; outline: none; background: none; height: 100%; font-size: 16px; font-weight: 500; letter-spacing: -0.05px; color: #888888;}
.inquiry-box .inquiry-list dl dd .write-input,
.inquiry-box .inquiry-list dl dd .write-select,
.inquiry-box .inquiry-list dl dd .write-textarea {width: 100%; border: 0; outline: none; background: none; height: 100%; font-size: 16px; font-weight: 500; letter-spacing: -0.05px; color: #888888; }
.inquiry-box .inquiry-list dl.inquiry-select {width: 100%; height: 55px; align-items: start; padding: 13px 30px;  }
.inquiry-box .inquiry-list dl.inquiry-select select {border:0; width:100%; color: #888888; margin-top:-5rem; font-weight: 500; letter-spacing: -0.05px; font-size: 16px; color: #999; font-weight: 500;}
.inquiry-box .inquiry-list dl.inquiry-textarea-box {width: 100%; height: 100px; align-items: start; padding: 20px 30px;  }
.inquiry-box .inquiry-list dl.inquiry-textarea-box .write-textarea {min-height: 60rem;}
.inquiry-box .inquiry-list dl.inquiry-spam-box dd {display: flex;}
.inquiry-box .inquiry-list dl.inquiry-spam-box dd img {margin: 0 0.1rem;}
.inquiry-box .inquiry-list dl.inquiry-spam-box dd .write-input {margin-left: 1rem;}
.inquiry-box .inquiry-list dl dd .write-input::focus,
.inquiry-box .inquiry-list dl dd .write-select::focus,
.inquiry-box .inquiry-list dl dd .write-textarea::focus {outline: none;}

.btn-form {   margin-bottom: 30px;}
.btn-form input {border:0;   display: inline-block;    background-color: #1ec8ff;    color: #ffffff;    font-size: 18px;    font-weight: 600;    text-decoration: none;    padding: 20px 100px;    border-radius: 10px;    box-shadow: 0 4px 14px rgba(0, 102, 255, 0.2);    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;}
.btn-form input:hover {background:#091a38;}


@media all and (max-width:1279px){
	.inquiry-con-wrap{position: relative; display: block; padding: 100px 0 200px;}
	.inquiry-con-wrap .left-box{display: block;width:100%; margin-bottom:50px;}
	.inquiry-con-wrap .left-box .btn-form{position: absolute; bottom:70rem; width:100%; text-align:center;   margin-bottom: 0px;}
	.btn-form input { font-size: 16px; }
	.inquiry-con-wrap .left-box .inquiry-btn-box{position: absolute; bottom:0; width:100%; text-align:center;}
	.inquiry-con-wrap .left-box .inquiry-btn-box .plus-txt{padding-left:0;}
	.inquiry-con-wrap .left-box .inquiry-btn-box .cm-main-btn{margin: 20px auto 0;}
	.inquiry-con-wrap .right-box{display: block;width:100%;}

	.inquiry-box .inquiry-list dl.inquiry-textarea-box {height: 120px;}
	.inquiry-box .inquiry-list dl.inquiry-textarea-box .write-textarea {min-height: 90px;}
}
@media all and (max-width:799px){
	#mainContent11{margin-top:0px; padding:0px 10px 50px;}
	.inquiry-con-wrap{padding-top: 40px;}
	.inquiry-con-wrap .left-box .main-tit-box h4 {font-size:23rem;}
	.inquiry-con-wrap .left-box .main-tit-box p {font-size:14rem;}
	.inquiry-box{display: block;}
	.inquiry-box .inquiry-list{width:100%; margin: -1rem 0;}
	.inquiry-box .inquiry-list dl {width: 100%; padding: 20rem; margin: 5px 0;}
	.inquiry-box .inquiry-list dl dt {width:90px; font-size:14rem;}
	.inquiry-box .inquiry-list dl dd {width: calc(100% - 90px);}
	
	.inquiry-box .inquiry-list dl dd .write-input::placeholder, .inquiry-box .inquiry-list dl dd .write-select, .inquiry-box .inquiry-list dl dd .write-textarea::placeholder {font-size: 15px;}
	.inquiry-box .inquiry-list dl.inquiry-spam-box dd {align-items: center;}
	.inquiry-box .inquiry-list dl.inquiry-spam-box dd img {height: 15px;}
	.inquiry-box .inquiry-list dl.inquiry-select {padding: 13px 23px;  }
	.inquiry-box .inquiry-list dl.inquiry-select select { font-size: 15px;}
	.inquiry-box .inquiry-list dl.inquiry-textarea-box {padding: 20px 23px;  }
	.agree{margin:0 auto;}
}



.banner-wrapper {  max-width: 1400px;  margin: 50px auto;}
.banner-container {  max-width: 1400px;  height: 70px;   overflow: hidden; }

.banner-wrapper h3 {font-size:40rem; font-weight:800; text-align:center; margin-bottom:30rem;}

/* 멈춤 없이 흐르는 애니메이션 적용 */
.banner-track {  display: flex;  width: calc(240px * 14); /* 배너 14개 전체 너비 */  animation: rollingBanner 30s linear infinite; /* 20초 동안 선형(일정한 속도)으로 무한 반복 */}

/* 배너 위에 마우스를 올리면 흐름을 일시정지하는 옵션 (필요 없으면 지우세요) */
.banner-track:hover {  animation-play-state: paused;}
.banner-item {  width: 240px; /* PC: 1400px 안에 5개 노출 */  flex-shrink: 0;   height: 70px;  display: flex;  align-items: center;  justify-content: center;  font-size: 24px;  color: #fff;  font-weight: bold;  box-sizing: border-box;  border: 2px solid #fff;}

/* [PC 애니메이션] 원본 7개 너비만큼만 왼쪽으로 이동시킵니다 (280px * 7개 = 1960px) */
@keyframes rollingBanner {
  0% { transform: translateX(0); }
  100% { transform: translateX(-1960px); }
}

/* [모바일 전용 스타일] 768px 이하 */
@media screen and (max-width: 768px) {
  .banner-wrapper h3 {font-size:22rem; margin-bottom:10rem;}
  .banner-container {    height: 70px;  }
  .banner-track {    width: calc(33.3333vw * 14);    animation: rollingBannerMobile 15s linear infinite; /* 모바일은 화면이 좁으니 조금 더 빠르게 설정 */  }
  .banner-item {    width: 33.3333vw; /* 모바일: 화면에 3개 노출 */    height: 70px;    font-size: 18px;  }

  /* [모바일 애니메이션] 원본 7개 너비만큼 왼쪽으로 이동 (33.3333vw * 7개 = 233.3331vw) */
  @keyframes rollingBannerMobile {
    0% { transform: translateX(0); }
    100% { transform: translateX(-233.3331vw); }
  }
}