@charset "utf-8";

.center_box{width:1280px; margin:0 auto;  overflow:hidden}
.center_box02{width:1400px; margin:0 auto;  overflow:hidden}

/*���κ��־�*/
#visual_wrap{background-image: linear-gradient(90deg, #e7f2f7, #f5f2f9);padding-top:125px;height:610px; position:relative;}
.visual_box{width:1200px; margin:0 auto;  overflow:hidden}
.main_txt{margin:87px 0 33px; width:600px;float:left;  }
.main_txt .txt1{ text-transform:uppercase; padding-lefT:9px;font-size:17px; letter-spacing:0.4px; font-family: 'Montserrat'; font-weight:600; color:#9aa8ac; animation-name: fadeUpAni;  animation-duration: 0.7s; animation-delay:0.4s; animation-fill-mode: forwards;}
.main_txt .txt2{ font-family: 'OneMobile'; padding-lefT:6px;font-size:30px; letter-spacing:-0.9px; font-weight:500; color:#29292d; margin:14px 0; animation-name: fadeUpAni;  animation-duration: 0.7s; animation-delay:0.4s; animation-fill-mode: forwards;}
.main_txt .txt3{ font-family: 'OneMobile'; padding-lefT:1px ;font-size:70px; font-weight:800; color:#29292d ;letter-spacing:-0.7px; animation-name: fadeUpAni;  animation-duration: 0.7s; animation-delay:0.4s; animation-fill-mode: forwards;}
.bg_img{ width:500px; height:500px; background-color:rgba(255,255,255,0.4); border-radius:100%; position:absolute; left:50%; top:160px; margin-left:170px;}


#visual_wrap .swiper-slide {
	text-align: center;
	font-size: 18px;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	
  }

#visual_wrap .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
  }



#visual_wrap .swiper-slide {
	background-size: cover;
	background-position: center;
  }

#visual_wrap .mySwiper2 {
	height:auto;
	width: 550px;
	overflow:hidden;
	float:right;
	padding-bottom:50px;
	position:relative;
	top:-380px; padding:0 10px 50px;
  }

  
	  
/*�����*/
#visual_wrap .mySwiper {
	height:143px; width:600px;
	box-sizing: border-box;
	padding: 10px 0; floaT:left; margin-left:5px; cursor: pointer;
  }

#visual_wrap .mySwiper .swiper-slide {
	width: 25%;
	height: 100%;
	opacity:0.5;
  }
#visual_wrap .mySwiper img{background:#fff; width:70%; height:70%; padding:14%; border-radius:10px ; }

#visual_wrap .mySwiper .swiper-slide-thumb-active {
	opacity: 1;   ;
  }

#visual_wrap .mySwiper2 img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
    max-width: 550px;
    max-height: 546px;
  }
#visual_wrap.more_txt{
 position:absolute; top:0; background:#000; color:#fff;}

.mySwiper2 .bt_prev{ width:50px; height:50px; display:block;  top:50%; left:20px; background-color: rgba( 255, 255, 255, 0.7 ); color:#000; bordeR-radius:50px; text-align:center; line-height:55px; font-size:22px; content:'/f061'; box-shadow: 3px 4px 12px rgb(0 0 0 / 20%);}
.mySwiper2 .bt_next{  width:50px; height:50px; display:block;  top:50% ; right:20px; background-color: rgba( 255, 255, 255, 0.7 ); color:#000; bordeR-radius:50px; text-align:center; line-height:55px; font-size:22px; content:'/f061'; box-shadow: 3px 4px 12px rgb(0 0 0 / 20%);}

#visual_wrap .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display:none}
#visual_wrap .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{display:none }


.mySwiper2 .more{ position:absolute; lefT:60%; bottom:-20px; }
.mySwiper2 .more span{ font-family: 'OneMobile'; font-size:13px;  font-weight:600; margin-right:5px; letter-spacing:0.2px;floaT:left;display:inline-block;height:31px; line-height:25px; max-width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mySwiper2 .more a{background:#272a39; border-radius:15px; color:#fff; font-size:10px; display:inline-block; height:23px; line-height:24px;padding:0 9px 0 11px;font-family: 'Montserrat'; font-weight:500; letter-spacing:0.2px; floaT:left; }



/*�˻�â*/

.select_box{background:#fff; box-sizing: border-box; height:65px; padding:15px;margin-bottom:10px; position:relative; }
.select_box .sel_ab{position:absolute;width:100%; z-index:10}
.sel_line{width:1px; height:26px; float:left; margin:22px 20px 0 0;display:inline-block; background:#e6e5e5}
.sel_box {position:relative; float:left;height: 70px; margin:13px 5px 0 20px; width:110px; bordeR:0; font-size:14px; font-weight:600; z-index:1000 }

.sel_box ul {
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 1;
}
.sel_box ul li {
  /* Sub Menu */
}
.sel_box ul li a {
 position:relative;
 display: block;
 background: #fff;
 color: #3f4346;
 padding:15px;
 text-decoration: none;
 -webkit-transition: 0.2s linear;
 -moz-transition: 0.2s linear;
 -ms-transition: 0.2s linear;
 -o-transition: 0.2s linear;
 transition: 0.2s linear;
}
.sel_box ul li a:hover {
  background: #fff;
   color: #3f4346;
}
.sel_box ul li a .fa {
  position:absolute; right:15px;
 top:50%;transform:translateY(-50%);
}
.sel_box ul li a .badge {
  display: inline-block;
  background: #fff;
  /* IE Fallback */
  background: rgba(255, 255, 255, 0.2);
  padding: 3px 7px;
  color: #fff; 
  font-size: 12px;
  font-weight: 800;
}
.sel_box ul li ul li a {
  background: #fff; color: #3f4346;
 
}
.sel_box ul li ul li a:hover {
  background: #008fd3; color:#fff;
  
}

#cover input,
#cover button {
  color: #fff;
  font-family: Nunito;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
}

#cover {
  clear:both;
  position:relative;
  bordeR:4px solid #008fd3;
  width: 600px;
  background: #fff;
  border-radius:50px;
  box-shadow: 10px 7px 16px rgb(9 134 193 / 20%);
  height:70px;
  margin:45px 0 35px 0px
}

#cover form {
  height: 65px;floaT:left;
}

#cover input[type="text"] {
  width: 300px;
  height: 70px;
  font-family: 'OneMobile';
  line-height: 1;color:#aba9a9; font-size:16px; ;
}

#cover input[type="text"]::placeholder {
   font-size:16px; color:#aba9a9; height:79px; line-height:79px;
}

#s-cover {
  width: 1px;
  padding-left: 35px;
}

#cover button {
  background:#008fd3;
  position: absolute;
  display: block;
  width: 84px;
  height:71px;
  cursor: pointer;
  top:0;
  right:-1px;
  border-radius:0 33px 33px 0
}

#s-circle {
  position: relative;
  top:0;
  left: 0;
  width:16px;
  height:16px;
  margin-top: 0;
  border-width: 15px;
  border:4px solid #fff;
  background-color: transparent;
  border-radius: 50%;
  transition: 0.3s ease all;
}

#cover button span {
  position: absolute;
  top: 19px;
  left: 13px;
  display: block;
  width: 20px;
  height:4px;
  background-color: transparent;
  border-radius: 10px;
  transform: rotateZ(41deg);
  transition: 0.3s ease all;
}

.submit_box{margin:-6px 0 0 23px; position:relative;}


#cover button span:before,
#cover button span:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 13px;
  height: 4px;
  background-color: #fff;
  border-radius: 10px;
  transform: rotateZ(0);
  transition: 0.3s ease all;
}

#s-cover:hover #s-circle {
  top: 3px;
  width:30px;
  height: 4px;
  border-width: 0;
  background-color: #fff;
  border-radius: 20px;
}

#s-cover:hover span {
  top:50%;
  left: 28px;
  width: 4px;
  margin-top:-10px;
  transform: rotateZ(0); 
}

#s-cover:hover button span:before {
  bottom: -6px;
  transform: rotateZ(52deg);
}

#s-cover:hover button span:after {
  bottom: -17px; 
  transform: rotateZ(-52deg);
}
#s-cover:hover button span:before,
#s-cover:hover button span:after {
  right: -4px;
  width: 16px;
  background-color: #fff;
}




/*�Խ���*/
#notice_wrap{background:#0089d0 url(../images/main/notice_bg.png)no-repeat center 0; background-size:cover;  position:relative; padding:70px 0 0;}
.notice_title h2{color:#fff; font-size:50px; display:block; font-weight:600; line-height:46px; position:absolute; top:40px;}
.notice_title h2 span{font-size:16px;display:block; font-weight:400}

/*��*/
.grid {
  list-style: none;
  margin-left: 20px;
}

.gc {
  box-sizing: border-box;
  display: inline-block;
  margin-right: -0.25em;
  min-height: 1px;
  padding-left:60px;
  vertical-align: top;
}

.gc--1-of-3 {
  width: 26.33333%
}

.gc--2-of-3 {
  width: 73.66666%
}

.naccs {
  position: relative;
}

.naccs .menu div {
  padding-left:80px;
  height:70px;
  line-height:62px;
  font-size:20px;
  color: #fff;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  font-weight:600;
  transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.naccs .menu div:hover {
  
}

.naccs .menu div span.light {
  height: 10px;
  width: 10px;
  position: absolute;
  top: 24px;
  left: 26px;
  background-color: #fff;
  border-radius: 100%;
  transition: 0.2s ease all;
}

.naccs .menu div.active span.light {
  background-color: #fff;
  left: 0;
  height:60px;
  width: 60px;
  top: 0;
  border-radius:50px;
  z-index:10
}
.naccs .menu div:nth-child(1).active span.light{background:#fff url(../images/main/nt_icon01.png)no-repeat 56% 50%;}
.naccs .menu div:nth-child(2).active span.light{background:#fff url(../images/main/nt_icon02.png)no-repeat 49% 49%;}
.naccs .menu div:nth-child(3).active span.light{background:#fff url(../images/main/nt_icon03.png)no-repeat 48% 43%;}


.naccs .menu div.active {
  color: #fdf8a6;
  
}

ul.nacc {
  
  position: relative;
  height:470px;
  list-style: none;
  margin: 0;
  padding: 0;
  transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1); 
 
}

ul.nacc li {
  opacity: 0;
  transform: translateX(50px);
  position: absolute;
  list-style: none;
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

ul.nacc li.active {
  transition-delay: 0.1s;
  z-index: 2;
  opacity: 1;
  transform: translateX(0px);
}

ul.nacc li p {
  margin: 0;
}
.naccs .menu{positioN:relative; margin-top:160px; z-index:10}
.ni_line{displaY:block; background:#fff; width:1px;  height:140px; position:absolute; top:30px; left:31px; z-index:0}


/*�� �����̵�*/

#hero-slides {
  --page: 0;
  height: 100vh;
  background: #25303c;
  background: linear-gradient(90deg, #3e4751 0%, #25303c 100%);
}
#hero-slides #header {
  height: 12vh;
  line-height: 12vh;
  padding: 0 3vw;
  position: relative;
}
#hero-slides #header #logo {
  font-size: 2.5vh;
  font-style: italic;
}
#hero-slides #header #logo:before {
  content: "The";
  text-transform: uppercase;
  font-weight: 100;
  margin-right: 0.4em;
}
#hero-slides #header #logo:after {
  content: "Wall";
  text-transform: uppercase;
  font-weight: 800;
}
#hero-slides #header #menu {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  padding: 0 3vw;
}
#hero-slides #header #menu:before {
  font-size: 1.75vh;
  content: "Play Demo";
  margin-right: 0.5em;
  text-transform: uppercase;
}
#hero-slides #header #menu #hamburger {
  display: inline-block;
}
#hero-slides #header #menu #hamburger .slice {
  background: white;
  height: 0.2vh;
  width: 1vw;
}
#hero-slides #header #menu #hamburger .slice:not(:last-child) {
  margin-bottom: 0.5vh;
}
#hero-slides #slides-cont {
  position: relative;
  --button-height: 6vh;
  --button-spacing: 0.2vh;
}
#hero-slides #slides-cont .button {
  width: 5vw;
  height: var(--button-height);
  background: #0d96f2;
  position: absolute;
  right: 5.375vw;
  top: 38vh;
  z-index: 100;
  cursor: pointer;
}
#hero-slides #slides-cont .button:before, #hero-slides #slides-cont .button:after {
  line-height: var(--button-height);
  position: absolute;
  margin-left: -0.25vw;
  pointer-events: none;
  transform: scale(0.75, 1.5);
  transition: 125ms ease-in-out;
}
#hero-slides #slides-cont .button:before {
  left: 50%;
}
#hero-slides #slides-cont .button:after {
  opacity: 0;
}
#hero-slides #slides-cont .button:hover:before, #hero-slides #slides-cont .button:hover:after {
  transition: 250ms ease-in-out;
}
#hero-slides #slides-cont .button:hover:before {
  opacity: 0;
}
#hero-slides #slides-cont .button:hover:after {
  left: 50% !important;
  opacity: 1;
}
#hero-slides #slides-cont #next {
  margin-top: calc(-1 * (var(--button-height) + var(--button-spacing)));
}
#hero-slides #slides-cont #next:before, #hero-slides #slides-cont #next:after {
  content: ">";
}
#hero-slides #slides-cont #next:after {
  left: 30%;
}
#hero-slides #slides-cont #next:hover:before {
  left: 70%;
}
#hero-slides #slides-cont #prev {
  margin-top: var(--button-spacing);
  opacity: calc(var(--page) + 0.5);
  transition: 500ms opacity;
}
#hero-slides #slides-cont #prev:before, #hero-slides #slides-cont #prev:after {
  content: "<";
}
#hero-slides #slides-cont #prev:after {
  left: 70%;
}
#hero-slides #slides-cont #prev:hover:before {
  left: 30%;
}
#hero-slides #slides-cont #next-catch,
#hero-slides #slides-cont #prev-catch {
  width: 10vw;
  height: 76vh;
  position: absolute;
  top: 0;
  z-index: 90;
}
#hero-slides #slides-cont #next-catch {
  right: 0;
}
#hero-slides #slides-cont #prev-catch {
  left: 0;
}
#hero-slides #slides {
  --slides-height: 76vh;
  width: auto;
  height: var(--slides-height);
  padding: 0 10vw;
  font-size: 0;
  white-space: nowrap;
  position: absolute;
  transform: translate3D(calc(var(--page) * -80vw), 0, 0);
  transition: 1500ms transform cubic-bezier(0.7, 0, 0.3, 1);
}
#hero-slides #slides .slide {
  display: inline-block;
  vertical-align: top;
  font-size: 1.5vw;
  width: 24em;
  height: var(--slides-height);
  margin: 0 1.333em;
  background: #101419;
  color: white;
  background-size: cover;
  background-position: center;
  white-space: normal;
  word-break: break-word;
  position: relative;
}
#hero-slides #slides .slide:before {
  content: "";
  display: block;
  background: linear-gradient(180deg, rgba(86, 97, 108, 0) 0%, rgba(33, 52, 69, 0.7) 100%);
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#hero-slides #slides .slide .number {
  position: absolute;
  top: 2em;
  left: 2em;
  filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.5));
}
#hero-slides #slides .slide .number, #hero-slides #slides .slide .number:before, #hero-slides #slides .slide .number:after {
  vertical-align: middle;
}
#hero-slides #slides .slide .number:before, #hero-slides #slides .slide .number:after {
  display: inline-block;
  content: "";
  height: 0.133em;
  margin-top: -0.2em;
  background: white;
}
#hero-slides #slides .slide .number:before {
  width: 0;
  margin-left: 0;
}
#hero-slides #slides .slide .number:after {
  width: 3em;
  margin-left: 1em;
}
#hero-slides #slides .slide .body {
  position: absolute;
  bottom: 2em;
  left: 2em;
  right: 2em;
}
#hero-slides #slides .slide .location,
#hero-slides #slides .slide .headline {
  position: relative;
  bottom: 0;
  cursor: default;
}
#hero-slides #slides .slide:before,
#hero-slides #slides .slide .number:before,
#hero-slides #slides .slide .number:after,
#hero-slides #slides .slide .location,
#hero-slides #slides .slide .headline,
#hero-slides #slides .slide .link {
  transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);
}
#hero-slides #slides .slide .location {
  font-weight: 100;
  margin-bottom: 1.5em;
  transition-delay: 60ms;
}
#hero-slides #slides .slide .headline {
  font-size: 2.667em;
  font-weight: 900;
  transition-delay: 50ms;
}
#hero-slides #slides .slide .link {
  display: inline-block;
  background: #0d96f2;
  padding: 0.5em 1.25em;
  font-size: 1.33em;
  opacity: 0;
  position: absolute;
  bottom: -2em;
  pointer-events: none;
  transition-delay: 25ms;
}
#hero-slides #slides .slide.hover:before, #hero-slides #slides .slide:hover:before {
  opacity: 1;
}
#hero-slides #slides .slide.hover:before,
#hero-slides #slides .slide.hover .number:before,
#hero-slides #slides .slide.hover .number:after,
#hero-slides #slides .slide.hover .location,
#hero-slides #slides .slide.hover .headline,
#hero-slides #slides .slide.hover .link, #hero-slides #slides .slide:hover:before,
#hero-slides #slides .slide:hover .number:before,
#hero-slides #slides .slide:hover .number:after,
#hero-slides #slides .slide:hover .location,
#hero-slides #slides .slide:hover .headline,
#hero-slides #slides .slide:hover .link {
  transition: 500ms cubic-bezier(0.7, 0, 0.3, 1);
}
#hero-slides #slides .slide.hover .number:before, #hero-slides #slides .slide:hover .number:before {
  width: 3em;
  margin-right: 1em;
}
#hero-slides #slides .slide.hover .number:after, #hero-slides #slides .slide:hover .number:after {
  width: 0;
  margin-right: 0;
}
#hero-slides #slides .slide.hover .location, #hero-slides #slides .slide:hover .location {
  transition-delay: 0;
  bottom: 4em;
}
#hero-slides #slides .slide.hover .headline, #hero-slides #slides .slide:hover .headline {
  transition-delay: 100ms;
  bottom: 1.5em;
}
#hero-slides #slides .slide.hover .link, #hero-slides #slides .slide:hover .link {
  bottom: 0;
  opacity: 1;
  transition-delay: 250ms;
  pointer-events: auto;
}
#hero-slides #footer {
  height: 12vh;
  font-size: 1vh;
}
#hero-slides #footer #dribbble {
  border-radius: 2vh;
  position: absolute;
  bottom: 4vh;
  right: 4vh;
  transition: 300ms cubic-bezier(0.7, 0, 0.3, 1);
  padding-left: 1.5vh;
}
#hero-slides #footer #dribbble:before, #hero-slides #footer #dribbble:after {
  vertical-align: middle;
  transition: inherit;
}
#hero-slides #footer #dribbble:before {
  display: inline;
  content: "View original Dribbble";
  font-size: 2vh;
  opacity: 0;
  transform: translate3D(-200px, 0, 0);
}
#hero-slides #footer #dribbble:after {
  content: "";
  display: inline-block;
  width: 4vh;
  height: 4vh;
  margin-left: 1vh;
  background-image: url(https://alca.tv/static/u/82fde61b-28ef-4f17-976e-8f1abb5a1165.png);
  background-size: contain;
  background-position: center;
}
#hero-slides #footer #dribbble.hover, #hero-slides #footer #dribbble:hover {
  background: #e94e89;
}
#hero-slides #footer #dribbble.hover:before, #hero-slides #footer #dribbble:hover:before {
  opacity: 1;
  transform: translate3D(0, 0, 0);
  transition-delay: 50ms;
}
#hero-slides #footer #dribbble.hover:after, #hero-slides #footer #dribbble:hover:after {
  filter: saturate(0%) contrast(200%) brightness(200%) invert(100%);
}




#notice_wrap .nacc .swiper_list{ width: 826px;  height:400px;  overflow:hidden;  margin:0 0 70px 70px; border-radius:20px }

#notice_wrap .swiper_list a.more{position:absolute; top:39px; left:-50px; transition: 0.3s ease all;height:74px; border-radius:10px;}
#notice_wrap .swiper_list a.more:hover{position:absolute; top:39px; left:-50px;  box-shadow: 3px 4px 15px rgb(0 0 0 / 20%);height:74px; border-radius:10px; transition: 0.3s ease all;}

#notice_wrap .nacc .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	border-radius:20px;

	/* Center slide text vertically */
	
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

    
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{display:none}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display:none}


#notice_wrap .swiper-button-prev, .swiper-rtl .swiper-button-next{top:155px ;background:#fff; width:64px ; height:64px; line-height:70px;  border-radius:50px; 
display:block; box-shadow: 3px 4px 12px rgb(0 0 0 / 20%); left:100%; text-align:Center; color:#a7a7a7; margin-left:-24px; font-size:22px; content:'/f061'; }
#notice_wrap .swiper-button-next, .swiper-rtl .swiper-button-prev{top:224px; background:#0089d0; width:64px ; height:64px; font-size:22px; line-height:70px;text-align:Center;
border-radius:50px; display:block; box-shadow: 3px 4px 12px rgb(0 0 0 / 20%); right:-40px; content:'/f061';color:#fff;}

#notice_wrap .notice_box{width:100%; padding:42px 26px 20px; box-sizing: border-box; position:relative; cursor: pointer; }
#notice_wrap .list_tit p{ font-size:22px; color:#000; font-weight:600;line-height:24px;  text-align:left; height:48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#notice_wrap .list_tit span{ font-size:16px; color:#008fd3; font-weight:500; displaY:block;font-family: 'Montserrat';margin:10px 0;  text-align:left;}
#notice_wrap .list_txt{text-align:left; color:#949494; font-size:15px; line-height:21px;margin:20px 0; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; }
#notice_wrap a.list_more{background:#fff; border-radius:15px; color:#000; bordER:1px solid #5a6165;  font-size:10px; display:inline-block; text-transform:uppercase; height:25px; line-height:25px;padding:0 12px 0 14px;
font-family: 'Montserrat'; font-weight:700; letter-spacing:0.2px; floaT:left; position:absolute; bottom:32px; left:26px; transition: 0.3s ease all; }
#notice_wrap .notice_box:hover a.list_more{background:#272a39; border-radius:15px; color:#fff; font-size:10px; display:inline-block; text-transform:uppercase; height:25px; line-height:25px;padding:0 12px 0 14px;
font-family: 'Montserrat'; font-weight:500; letter-spacing:0.2px; floaT:left; position:absolute; left:26px ; transition: 0.3s ease all;}
.bg_txt{color:#FFF; opacity:0.05;position:absolute;  font-family: 'Montserrat';font-weight:800; letter-spacing:-5px; left:-360px;text-transform:uppercase;z-index:0}
.bg_txt span{display:block}
.nacc li:nth-child(1) .bg_txt{ font-size:150px; bottom:-22px; }
.nacc li:nth-child(2) .bg_txt{font-size:130px; line-height:92px; bottom:0px;}
.nacc li:nth-child(3) .bg_txt{font-size:130px; line-height:92px; bottom:0px; }





/*���޴�*/
#quick_wrap{ text-align:center; position:relative;}
#quick_wrap .quick_bg{position:absolute; background:#f8fbfd; width:800px; height:800px; display:block; border-radius:50%; left:-400px; top:-400px; z-index:-20}
#quick_wrap .quick_box{ displaY:inline-block; margin:75px auto 70px}
#quick_wrap .quick_tit{font-size:50px; color:#262626; floaT:left; font-family:'Oswald'; text-transform:uppercase; font-weight:700; text-align:center; background:url('../images/main/tit_point.png') no-repeat center 0;padding-top:20px;margin:19px 40px 0 0}
#quick_wrap .quick_tit span{color:#008fd3; font-family:'Oswald';displaY:block;}
#quick_wrap ul{float:left;}
#quick_wrap ul li{float:left;margin:0 0 0 43px}
#quick_wrap ul li p{float:left; width:133px; height:133px; border-radius:50%; background:#f8f8f8; text-align:center; cursor: pointer;transition:0.2s linear; margin-bottom:15px; }
#quick_wrap ul li p:hover{transition:0.2s linear; box-shadow: 3px 4px 12px rgb(0 0 0 / 20%);}
#quick_wrap ul li a{display:block; text-align:Center; font-size:17px; font-weight:600; clear:both;}
#quick_wrap ul li:hover a{display:block; color:#008ad1; font-weight:700}
#quick_wrap ul li:nth-child(1) p{background:#f8f8f8 url('../images/main/qimg_off01.png') no-repeat center center;}
#quick_wrap ul li:nth-child(1):hover p{background:#272a39 url('../images/main/qimg_on01.png') no-repeat center center;}
#quick_wrap ul li:nth-child(2) p{background:#f8f8f8 url('../images/main/qimg_off02.png') no-repeat center center;}
#quick_wrap ul li:nth-child(2):hover p{background:#272a39 url('../images/main/qimg_on02.png') no-repeat center center;}
#quick_wrap ul li:nth-child(3) p{background:#f8f8f8 url('../images/main/qimg_off03.png') no-repeat center center;}
#quick_wrap ul li:nth-child(3):hover p{background:#272a39 url('../images/main/qimg_on03.png') no-repeat center center;}
#quick_wrap ul li:nth-child(4) p{background:#f8f8f8 url('../images/main/qimg_off04.png') no-repeat center center;}
#quick_wrap ul li:nth-child(4):hover p{background:#272a39 url('../images/main/qimg_on04.png') no-repeat center center;}
#quick_wrap ul li:nth-child(5) p{background:#f8f8f8 url('../images/main/qimg_off05.png') no-repeat center center;}
#quick_wrap ul li:nth-child(5):hover p{background:#272a39 url('../images/main/qimg_on05.png') no-repeat center center;}

/*��������*/
#info_wrap{displaY:table; margin:0 auto 70px;}
#info_wrap div{floaT:left;margin:0 6px; width:420px; height:320px; border-radius:20px; text-align:center; box-sizing: border-box; padding-top:40px; }
#info_wrap div:nth-child(1){background:#66bec2 url('../images/main/ba01.png') no-repeat center bottom;}
#info_wrap div:nth-child(2){background:#5299c4 url('../images/main/ba02.png') no-repeat center bottom;}
#info_wrap div:nth-child(3){background:#708ac9 url('../images/main/ba03.png') no-repeat center bottom;}
.customer span.tit{font-size:17px; color:#fff;}
.customer p.number{ font-family:'Oswald';font-size:42px; color:#fff; font-weight:600; margin:1px 0 10px}
.customer p.info{font-size:14px; color:#2b2e3d; font-weight:600; background:#fff; border-radius:20px;displaY:inline-block; padding:10px 20px;}
.customer p.info span{color:#108287; font-size:14px;font-weight:700;}
.bank span.tit{font-size:17px; color:#fff;}
.bank p.number{ font-family:'Oswald';font-size:38px; color:#fff; font-weight:600; margin:3px 0 10px}
.bank .info a:nth-child(1){background:#2b2e3d; margin-right:5px;border-radius:20px;displaY:inline-block; padding:10px 20px; color:#fff; font-size:13px; }
.bank .info a:nth-child(1) span{color:#f3e9ad;  font-size:13px;}
.bank .info a:nth-child(2){background:#fff; color:#2b2e3d; border-radius:20px;displaY:inline-block;  padding:10px 20px; color:#2b2e3d; font-size:13px; font-weight:700;}
.bank .info a:nth-child(2) span{color:#0874b6;  font-size:13px; font-weight:700;}
.bank .info a:nth-child(1) i{font-size:13px; color:#65bef4;  margin-left:3px; }
.bank .info a:nth-child(2) i{font-size:13px; color:#9b9ea0;  margin-left:3px; }
.platform span.tit{font-size:17px; color:#fff; letter-spacing:0.2px; font-family:'Oswald'; font-weight:300;}
.platform p.title{ font-size:36px; color:#fff; font-weight:600; margin:6px 0 7px}
.platform .more a{background:#fff; border-radius:20px;displaY:inline-block; padding:10px 30px; color:#2b2e3d; font-size:13px;font-weight:700; }
.platform .more i{ font-size:13px; color:#8599c9;font-weight:800; margin-left:2px;  }



@media(max-width:1350px){
.gc{padding-lefT:104px;}
ul.nacc{margin-left:-90px;}
#notice_wrap .swiper_list a.more{ display:none}
#notice_wrap .nacc .swiper_list { width: 720px;  height:400px;  overflow:hidden;  margin:0 0 70px 00px; border-radius:20px }

#info_wrap div{floaT:left;margin:0 6px; width:400px; height:320px; border-radius:20px; text-align:center; box-sizing: border-box; padding-top:40px;  }

}



/* /////////����/////////// */

#sub_visual_wrap{ position: relative; width:100%; height:323px; background: url('../images/sub/sub_titbg03.png') no-repeat center center / cover; margin-top:100px; text-align:center; overflow:hidden}
#sub_visual_wrap.prod { background: url('../images/sub/sub_titbg02.png') no-repeat center center / cover; }
#sub_visual_wrap.center { background: url('../images/sub/sub_titbg04.png') no-repeat center center / cover; }
.sub_tit{ color:#fff;  display:table;margin:92px auto}
.sub_tit span.s_tit{font-size:15px;font-family: 'Montserrat';text-transform:uppercase; font-weight:500; letter-spacing:0.2px; }
.sub_tit p.main_tit{font-size:50px; font-weight:600;margin:12px 0 10px}
.sub_tit p.location{}
.location a{displaY:block; float:left;  height:22px;  line-height:22px;  background: url('../images/sub/arrow.png') no-repeat 100% center; }
.location span.home{background:#008fd3; displaY:block; width:23px; height:22px;  line-height:22px; font-weight:800; font-family: 'Montserrat';border-radius:3px;color:#fff; font-size:11px; }
.location a:nth-child(1){padding-right:25px}
.location a:nth-child(2){padding:0 23px 0 16px}
.location a:nth-child(3){background:none; padding-lefT:15px;font-weight:800; color:#93e4ff}

#location{bordeR-bottom:1px solid #e1e2e2; height:50px; width: 100%;}
.location_box{width:1300px; margin:0 auto}

.location_sel{ height:50px; margin:0; width:250px; line-height:20px;float:left;z-index: 1100;}
.location_sel ul li a{bordeR:1px solid #e1e2e2; border-top:0;margin-right:-1px;}
.hide {
  overflow: hidden;
  display: block;
  position: absolute;
  border: 0;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px)
}

.btn-home {
  background: url(https://www.aceetf.co.kr/_next/static/media/icon_home_bk.6500e84a.svg) no-repeat 50%;
  width: 80px;
  height: 50px;  display:block; float:left; bordeR-left:1px solid #e1e2e2;
}

/* 댓댓이 넣은것 */
.visual_submenu { position: absolute; width: 100%; bottom: 0; background: rgba(0,0,0,0.7); }
.visual_submenu .inner { width: 1300px; margin: 0 auto; }
.visual_submenu .inner ul { display: flex; align-items: center; justify-content: space-around; }
.visual_submenu .inner ul li { position: relative; flex: 1; }
.visual_submenu .inner ul li:after { content: ''; position: absolute; top:15px; right:0; width: 1px; height: 25px; background:#666; }
.visual_submenu .inner ul li:hover { background: rgba(255,255,255,0.1); transition: background .3s; }
.visual_submenu .inner ul li:last-child:after { display: none; }
.visual_submenu .inner ul li a { display: block; padding: 20px 0; }
.visual_submenu .inner ul li a span { font-size: 0.9rem; font-weight: bold; color: #fff; }
.visual_submenu .inner ul li.active:after { display: none; }
.visual_submenu .inner ul li.active a { background-color: #fff; }
.visual_submenu .inner ul li.active a span { color: #333; }


#sub_container{margin:40px 0; position:relative; color:#3e3e3e; }
.sub_box{width:1300px; margin:0 auto; text-align:Center; position: relative; }
.wrap_box80{width:80%; margin:0 auto; text-align:Center;  }





/*������*/
#tab-menu {
  width:1300px; 
  
  position: relative;
  border-radius: 4px; margin:0 auto;
}
#tab-btn ul {
  overflow: hidden; width:100%; display: flex;
}
#tab-btn li {
  float: left; width:33.2%; text-align: center; box-sizing: border-box; margin:0 0.5px 0.5px ;background : #e9eff2;
}
#tab-btn li:nth-child(3), #tab-btn li:nth-child(6) {
 border:0
}
#tab-btn li a {
  display: block; color: #000; 
  height:45px; line-height:46px; 
  font-weight: bold; font-size:13px;
}
#tab-btn li.active a {
background:#008fd3;
  color: #fff;
}

#tab-cont {
  width: 100%; 
  background: #fff; padding:40px 0 0; 
  box-sizing: border-box;
  border-radius: 0 0 4px 4px;
}

/*���콺����*/
.equ_box {
  background-color:#Fff;
  color: #fff;
  display: inline-block;
  font-size: 24px;
  margin: 10px 0;
  width: 315px;
  height: 230px;
  overflow: hidden;
  position: relative;
  text-align: center; border-radius:15px;
  floaT:left; bordeR:1px solid #f2f2f2 ; box-shadow:7px 5px 10px rgba(0,0,0,0.04);
  display: flex; justify-content: center; align-items: center;
}


.equ_box * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}


.equ_box:before,
.equ_box:after {
  background-color: rgba(46, 52, 64,  0.5);
  border-top: 70px solid rgba(46, 52, 64, 0.5);
  border-bottom: 70px solid rgba(46, 52, 64, 0.5);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1;
  opacity: 0;
}

.equ_box:before {
  -webkit-transform: scaleY(2);
  transform: scaleY(2);
}

.equ_box:after {
  -webkit-transform: scaleY(2);
  transform: scaleY(2);
}

.equ_box img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
}

.equ_box figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.1em;
  opacity: 0;
  z-index: 2;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.equ_box h3 {
  font-size:15px;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0;
  text-transform: uppercase;font-family: 'OneMobile'; 
}

.equ_box h3 span {
  display: block;
  font-weight: 700;
}

.equ_box a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
}

.equ_box:hover > img,
.equ_box.hover > img {
  opacity: 0.7;
}

.equ_box:hover:before,
.equ_box.hover:before,
.equ_box:hover:after,
.equ_box.hover:after {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.equ_box:hover figcaption,
.equ_box.hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}



.con_list{overflow:hidden}
.con_list_b{overflow:hidden;padding-bottom:25px; margin-bottom:25px; border-bottom:1px dotted #c5c5c5}
.con_right{float:right; width:954px; text-align:left;margin-top:3px;}
.con_right p{font-size:17px; font-weight:700; height:50px; line-height:50px;}
.con_right dl{border-top:2px solid }
.con_right dl dt{width:160px; float:left; background:#f8f9f9; text-align:center; font-size:13px; font-weight:600;  height:45px; line-height:45px; border-bottom:1px solid #eef0f6; box-sizing: border-box;}
.con_right dl dd{width:780px; float:left; height:45px; line-height:45px; font-size:13px; padding-left:20px;box-sizing: border-box;  border-bottom:1px solid #eef0f6; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }


.vertic-table{overflow:hidden}
.vertic-table p{font-size:17px; font-weight:700; height:50px; line-height:50px;}
.vertic-table dl{border-top:2px solid }
.vertic-table dl dt{width:300px; float:left; background:#f8f9f9; text-align:center; font-size:13px; font-weight:600;  height:45px; line-height:45px; border-bottom:1px solid #eef0f6; box-sizing: border-box;}
.vertic-table dl dd{width:1000px; float:left; height:45px; line-height:45px; font-size:13px; padding-left:20px;box-sizing: border-box;  border-bottom:1px solid #eef0f6; text-align:left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sub_box h2{font-size:20px; font-weight:700;   padding:15px 0; text-align:left }

.sub_box h3{font-size:40px; text-align:Center;  font-weight:700;   padding:0px 0 40px; }




/*��ǰ�󼼺���*/

.spec{bordER-top:2px solid; border-bottom:1px solid #eef0f6;font-size:14px; line-height:26px; font-weight:500; padding:25px; background:#f8f9f9; text-align:left}

.equ_box_de{background-color:#Fff;
  color: #fff;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  margin: 10px 0;
  width: 315px;
  height: 270px;
  overflow: hidden;
  position: relative;
  text-align: center; border-radius:15px;
  floaT:left; bordeR:1px solid #f2f2f2 ;  text-align:center}
  .equ_box_de img{width:auto; height:100%}




/*����̿�˻�*/
.equ_search{width:1300px; margin:0 auto;clear:both}
.search_box{border-top:2px solid;}
.search_box {width:100%;margin-bottom:20px; }
.search_box dt{width:15%; float:left; background:#f8f9f9; text-align:center; font-size:16px; font-weight:700;  height:65px; line-height:65px; border-bottom:1px solid #e1e2e2; box-sizing: border-box;}
.search_box dd{width:85%; float:left; height:65px; line-height:65px; font-size:13px; box-sizing: border-box;  border-bottom:1px solid #e1e2e2}
.search_box .sel_box{ margin:0; position:absolute;margin: 12px;height:40px; line-height:40px; width:160px; text-align:left;}
.search_box .sel_box ul li a{padding:0 0 0 20px;  bordER:1px solid #e1e2e2;margin-top:-1px  }

.search_box input[type="text"] {font-size:12px; font-family: 'OneMobile';font-weight:700; background-size:inherit; width:83%;
			bordeR:1px solid #e1e2e2;padding-left:15px; float:left;margin:11px 0 0px 180px ; height:42px; line-height:42px; }



/*����_�޷�*/

.datepicker button {
 cursor: pointer; bordeR:0
}
.datepicker button:focus {
  outline: 0;
}


.datepicker_box{ width:40.5%; border:1px solid #ededed; overflow:hidden;float:left}

.datepicker {
  width:88%;margin:43px auto 33px;
  border-radius: 10px;

}

.datepicker-top {
  margin-bottom: 1rem;
}
.group_left{ top:70px; left: 50px; position:absolute;}
.group_left ul li{float:left; width:80px; height:20px; line-height:20px;}
.group_left ul li span{width:10px; height:10px; float:left;border-radius:50px; background:#13a2e6; display:inline-block; margin-top:5px;}
.group_left ul li:nth-child(2) span{background:red;}
.group_left p{floaT:left;font-weight:700; font-size:13px;padding-left:5px}
.group_right {display:inline-block;floaT:right}

.bt_round{border-radius:50px; }
.month { background:#5299c4 ; color:#fff; font-weight:600; font-size:13px; height:30px; line-height:30px; padding:0 25px;display:block;float:left; }
.Week{ background:#66bec2 ;  color:#fff; font-weight:600; font-size:13px; height:30px; line-height:30px; padding:0 25px;display:block;float:left;margin-left:3px}


.month-selector {
  display: flex;
  justify-content:center;
  align-items: center;
  width:100%;
}

.arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background-color: #FFF;
  border-radius:8px;
  width: 2.5rem;
  height: 2.5rem; margin-top:0px;
  box-shadow: 4px 3px 10px rgba(0, 0, 0, 0.1);
}

.month-name {
  font-weight:500; font-size:40px; font-family:'Oswald'; margin:20px 40px 20px}

.datepicker-calendar {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  
}

.day, .date {
  justify-self: center;
}

.day_line{border-top:2px solid; border-bottom:1px solid;padding:25px 0;margin-bottom:16px;}

.day {
 
  font-size:18px; color:#2f3031;
  font-weight:500;
  justify-self: center;font-family:'OneMobileTitle';
}

.date {
  position:relative;
  font-size:18px;
  letter-spacing:-0.4px;
  padding: 0;
  width:100%;
  height:4.4rem;
  display: flex;
  align-items:center;
  justify-content: center;
  border-radius:10px; 
  font-weight:400;
  border: 2px solid transparent;
  background-color: transparent;
  cursor: pointer;
  font-family:'Oswald';
  color:#2f3031;
}
.date:hover {
  outline: 0; 
  background:#f0f4f6;
}

.sun{color:#eb3652}
.sat{color:#154cd7}

.date span{width:6px; height:6px; border-radius:50px; position:absolute; top:16px; left:50%; transform:translateX(-50%);}
.date .poss{ background:#13a2e6; }
.date .imposs{ background:red; }

.faded {
  color:#c1c1c1;
}

.current-day {
  color: #FFF;
  background-color:#008fd3;
}
.ing_date { background: rgba(0,143,210,0.3); color: #fff; }
.current-day:focus {
 
}
.current-day:hover{ color:#2f3031;}

.material-icons{
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
color:#2f3031;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;}





/* /////////�̿�� ����//////////// */

.estimater_box{ width:57%; float:right;  overflow:hidden;}

/*�����ڽ�*/
.rdo {
  position: relative;
  display: block;
  float: left;
  width: 18px;
  height: 18px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.15), inset 0 -1px 1px rgba(0,0,0,0.15);
  transition: all 0.15s ease;
}
.rdo:after {
  content: "";
  position: absolute;
  display: block;
  top:5px;
  left:5px;
  width: 8px;
  height:8px;
  border-radius: 50%;
  background: #5e5e5e;
  opacity: 0;
  transform: scale(0);
}
.cbx + span,
.rdo + span {
  float: left;
  margin-left: 6px;
}
.forms {
  margin: auto;
  user-select: none; 
  displaY:inline-block;float:left; 
}
.forms label {
  display: inline-block;
  cursor: pointer;
}
.forms input[type="checkbox"],
.forms input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.forms input[type="radio"]:checked + .rdo {
  background-color: #fff;
}
.forms input[type="radio"]:checked + .rdo:after {
  opacity: 1;
  transform: scale(1);
  transition: all 0.15s ease;
}
.forms input[type="checkbox"]:checked + .cbx {
  background-color: #606062;
}
.forms input[type="checkbox"]:checked + .cbx svg {
  stroke-dashoffset: 0;
  transition: all 0.15s ease;
}
.forms label{font-weight:600; color:#Fff;padding:10px 30px; font-size:13px; line-height:18px;}
.forms label:nth-child(1){background:#5299c4; }
.forms label:nth-child(2){background:#66bec2}

.estimater_box .input_text{bordeR:1px solid #d6d6d6; height:33px; line-height:33px; padding:0 5px; text-align:right;margin-right:2px;}


.total_box{bordER:1px solid #ededed; text-align:left; overflow:hidden}
.total_box p.total_tit{background:#272a39; color:#fff;float:left; font-size:14px; height:70px; line-height:70px; width:100px; text-align:center; font-weight:700}
.total_box p.total{float:right; text-align:right; line-height:22px;height:70px; padding:18px 18px ; box-sizing: border-box;}
.total_box p.total .binding{font-size:26px;font-family:'OneMobileTitle'; font-weight:500; display:block; letter-spacing:-1px;}
.total_box p.total .vat{font-size:12px; font-weight:700; display:block; color:#f1455d; font-family:'OneMobile'; }
.estimater_txt{background:#fafcfd; font-size:13px; text-align:left;padding:20px; line-height:20px; margin-top:14px;}
.estimater_txt span{font-weight:700; color:#f1455d; displaY:block;font-size:15px;}
.est_bt_size{padding:5px 20px; }








/*������Ȳ*/
.estimater_list{ width:57%; float:right;  overflow:hidden;}
.estimater_list .list_title{background:#2b2d30; color:#fff; font-size:17px;height:70px; line-height:71px;font-weight:700;}
.estimater_list ul{bordeR:1px solid #ededed; text-align:left; padding:20px 30px; font-weight:600; max-height:550px; overflow-y:scroll; cursor: pointer;}
.estimater_list ul li{padding:20px 0; border-bottom:1px  dashed #cecece; font-size:14px; color:#2f3031}
.estimater_list ul li span.prd_date { display: block; margin-top: 5px; font-size: 0.92em; color: #aaa; }
.estimater_list ul li:hover{color:#008fd3}
.estimater_list ul li span.reser_empty { text-align: center;display: block; padding: 30px 0; color: #999; }

.list_detail dl{bordeR:1px solid #ededed;font-size:14px;padding:15px 20px; overflow:hidden;margin:7px 0}
.list_detail dt{ width:8%;height:33px; line-height:34px;float:left;font-weight:700; border-radius:50px; displaY:inline-block; }
.list_detail dd{text-align:left;float:left;height:33px; line-height:34px; padding-lefT:15px;font-weight:600;  displaY:inline-block; }
.list_detail dl span{background:#f9f9f9; font-size:12px; displaY:block; clear:both; text-align:left;padding:15px 10px;margin-top:45px;}

/*����*/
.process{display:inline-block; overflow:hidden; position:relative; width:70%}
.process ul li{float:left; width:19%; background:#f8f8f8; border-radius:18px; text-align:Center;  padding:40px 0; box-sizing: border-box; margin:0 2.6% 2.5%;position:relative; }
.process ul.he li{height:245px;}
.process ul li p.step{background:#4f5355;font-size:17px; color:#fff; font-weight:600; letter-spacing:-0.5px; display:inline-block; border-radius:50px; padding:12px 30px 11px}
.process ul li p.step span{color:#fef9ab; font-weight:600;}
.process ul li p.tit{ font-size:28px; color:#4f5355; font-weight:700; letter-spacing:-0.8px;margin-top:20px;line-height:32px}
.process ul li p.txt{ font-size:16px; line-height:22px; color:#505053; font-weight:500; letter-spacing:-0.8px; margin-top:10px;}
.process ul li i{font-size:35px; position:absolute;right:-45px; top:50%; transform:translateY(-50%);}
.process ul li.last_pro{background:#008fd3 url('../images/sub/bg_arrow.png') no-repeat center 29%}
.process ul li.last_pro .tit{color:#fff;font-size:30px;padding:38px 0 4px}
.process ul li.last_pro a{background:#fff; display:inline-block; border-radius:50px; height:35px;line-height:35px; font-size:15px;font-weight:700;   width:120px; margin-top:10px}
.process ul li.last_pro a i{font-size:14px; color:#008fd3; position:relative; left:2px; top:21%;}
.process_txt{text-align:left; width:62%; margin:0 auto; line-height:28px;margin-top:30px; font-size:17px ; font-weight:500;}
.process_txt ul li{list-style-type : disc; }

.process.type2 {display:inline-block; overflow:hidden; position:relative; width:70%}
.process.type2 ul li{float:left; width:28%; background:#f8f8f8; border-radius:18px; text-align:Center;  padding:40px 0; box-sizing: border-box; margin:0 2.6% 2.5%;position:relative; }
.process.type2 ul.he li{height:245px;}
.process.type2 ul li p.step{background:#4f5355;font-size:17px; color:#fff; font-weight:600; letter-spacing:-0.5px; display:inline-block; border-radius:50px; padding:12px 30px 11px}
.process.type2 ul li p.step span{color:#fef9ab; font-weight:600;}
.process.type2 ul li p.tit{ font-size:28px; color:#4f5355; font-weight:700; letter-spacing:-0.8px;margin-top:20px;line-height:32px}
.process.type2 ul li p.txt{ font-size:16px; line-height:22px; color:#505053; font-weight:500; letter-spacing:-0.8px; margin-top:10px;}
.process.type2 ul li i{font-size:35px; position:absolute;right:-45px; top:50%; transform:translateY(-50%);}
.process.type2 ul li.last_pro{background:#008fd3 url('../images/sub/bg_arrow.png') no-repeat center 29%}
.process.type2 ul li.last_pro .tit{color:#fff;font-size:30px;padding:38px 0 4px}
.process.type2 ul li.last_pro a{background:#fff; display:inline-block; border-radius:50px; height:35px;line-height:35px; font-size:15px;font-weight:700;   width:120px; margin-top:10px}
.process.type2 ul li.last_pro a i{font-size:14px; color:#008fd3; position:relative; left:2px; top:21%;}


/*�λ縻*/
.ceo_wrap{text-align:left; displaY:table; margin:0 auto}
.ceo_left{width:580px; float:left;margin-right:60px}
.ceo_right{float:right;}
.ceo_right img{box-shadow: 3px 4px 12px rgb(0 0 0 / 20%); border-radius:20px;}
.top_tit{font-size:40px; font-weight:700; line-height:46px; letter-spacing:-1px;background:url('../images/main/tit_point.png') no-repeat 0 0;padding-top:25px;}
.ceo_txt01{font-size:18px; line-height:30px;margin:30px 0;  font-weight:600; letter-spacing:-1.0px;}
.ceo_txt02{font-size:17px; line-height:29px;margin:30px 0; background:#f8fbfd; letter-spacing:-1.0px;width:100%; font-weight:400; box-sizing: border-box; color:#545454;padding:30px 40px;  border-radius:20px; }
.ceo_txt03{font-size:25px; line-height:28px;margin:0px 0; color:#545454;float:left; text-align:right;width:100%; font-weight:600;}
.ceo_txt01 .dis{display:block;}
.ceo_right .sub_bg02{position:absolute; background:#008fd3; width:236px; height:236px; display:block; border-radius:50%; left:50%; top:50%; z-index:-20; margin:50px 0 0 450px}
.ceo_right .sub_bg03{position:absolute; background:#cfe1ea; width:86px; height:86px; display:block; border-radius:50%; left:50%; top:50%; z-index:-20; margin:220px 0 0 350px}



/*���ͼҰ�*/
.intro_titbg{background:url('../images/sub/infro_titbg.png') no-repeat center center;width:100%; background-size:cover;height:250px; margin:0 auto; color:#Fff; line-height:45px;padding-top:78px;box-sizing: border-box;}
.intro_titbg p.s_tit{font-size:20px;}
.intro_titbg p.m_tit{font-size:45px; font-weight:700; color:#fff8c8}
.intro_titbg .dis{display:inline-block;}
ul.basic_list{text-align:left; font-size:17px; font-weight:500;}
ul.basic_list li{padding:0px 0 7px 0}


/*������*/
/*������*/
#tab-menu {
  width:1300px; 
  
  position: relative;
  border-radius: 4px; margin:0 auto;
}
#tab-btn02 ul {
  overflow: hidden; width:30%;margin:0 auto
}
#tab-btn02 li {
  float: left; width:50%; text-align: center; box-sizing: border-box; ;background : #fff; border:1px solid #282828
}
#tab-btn02 li:nth-child(3), #tab-btn02 li:nth-child(6) {
 border:0
}
#tab-btn02 li a {
  display: block; color: #000; 
  height:45px; line-height:46px; 
  font-weight: bold; font-size:13px;
}
#tab-btn02 li.active a {
background:#282828;
  color: #fff;
}



.organization_top{ position:relative; margin-top:10px; z-index:50}
.organization_top p{border-radius:50px;  height:60px; line-height:60px; width:16%;margin:0 auto 40px; font-size:17px; font-weight:700 ;background:#fff}
.organization_top p:nth-child(1){background:#008fd3; color:#fff;  }
.organization_top p:nth-child(2), .organization_top p:nth-child(3){ color:#008fd3; bordER:1px solid #008fd3  }
.organization_top p:nth-child(3){position:absolute;top:100px; left:50%;margin-left:140px; z-index:50}
.organization_list{ width:80%; margin:0 auto;  position:relative;z-index:50; display: flex; justify-content: center; }
.organization_list ul{ position:relative; z-index:50 ;float:left; width:28%; bordER:1px solid #66bec2; background:#fff ; border-radius:20px; text-align:center;padding:40px 0;margin:20px 26px 15px;}
.organization_list ul li{display:inline-block;}
.organization_list ul li span{background:#66bec2; display:block; border-radius:50px; height:40px; line-height:40px; text-align:center; width:100%; font-size:18px; font-weight:700; color:#fff;margin-bottom:20px}
.organization_list ul li p{text-align:left;font-size:15px; font-weight:600; line-height:21px; }
.organization_list ul:nth-child(4){margin-left:202px}

.or_line{background:#d1d1d1;  position:absolute;left:50%; top:0; z-index:10}
.or_p01{width:1px; height:140px; left:50%; top:103px; }
.or_p02{width:100px; height:1px; left:50%; top:178px; margin-left:50px;}
.or_p03{width:1px; height:31px; left:50%; top:-31px; margin-left:0; z-index:10}
.or_p04{width:346px; height:1px; left:50%; top:242px;transform:translateX(-50%);}


/*ã�ƿ��ô±�*/
.map iframe{width:100%; height:450px}
.infro_info{border-bottom:1px solid #e3e3e3;padding:10px 10px 30px;  font-weight:600}
.infro_info li{float:left; width:50%;  font-weight:600}
.infro_info li span{width:10%; display:inline-block;float:left;}
.infro_info li p{float:left;width:90%;  text-align:left;height:60px; line-height:60px; padding-left:15px; box-sizing: border-box;}
.icon_bg{ border-radius:50%; width:60px; height:60px;color:#fff;display:inline-block; text-align:Center;vertical-align: super; font-size:30px;line-height:61px; box-sizing: border-box;}

.infro_info02{border-bottom:1px solid #e3e3e3;padding:10px 10px 30px;  font-weight:600}
.infro_info02 li{float:left; width:100%;  font-weight:600;margin-bottom:10px }
.infro_info02 li span{width:5%; display:inline-block;float:left;}
.infro_info02 li p{float:left;width:95%;  text-align:left;height:60px; line-height:60px; padding-left:15px; box-sizing: border-box;}
.infro_info02 li:nth-child(2) p{line-height:27px;} 


/* 윙메뉴 추가(230116) */
#wing_menu { position: absolute; width: 80px; top: 300px; right: 100px; z-index: 99; background-color: #008fd3; border-radius: 10px; }
#wing_menu ul li {  }
#wing_menu ul li a { position: relative; display: block; padding: 70px 0 15px; text-align: center; font-size: 0.82rem; font-weight: bold; color: #fff; opacity: 0.8; }
#wing_menu ul li a:hover { opacity: 1; }
#wing_menu ul li a:before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 30px; height: 2px; background: rgba(255,255,255,0.7); border-radius: 5px;  }
#wing_menu ul li:last-child a:before { display: none; }
#wing_menu ul li a.prdinfo { background: url('../images/main/qimg_on01.png') no-repeat center 15px / 45px; }
#wing_menu ul li a.reser { background: url('../images/main/qimg_on02.png') no-repeat center 15px / 35px; }
#wing_menu ul li a.equinfo { background: url('../images/main/qimg_on03.png') no-repeat center 15px / 40px; }
#wing_menu ul li a.cuscenter { background: url('../images/main/qimg_on04.png') no-repeat center 15px / 35px; }