@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600');


  * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
  }
  a { 
    -webkit-tap-highlight-color:transparent;
  }
  h1, h2, h3, h4, h5, h6 {
    word-break: keep-all;
  }
  .main_cont table {
    width: 100% !important;
    }

  .centerwidth {   max-width: 1400px;    margin: auto;}
  .row {margin: 0 auto;   display: flex;  flex-wrap: wrap;}
  .align-self-center {    -ms-flex-item-align: center !important;    align-self: center !important;}
  .col-md-6 {    -ms-flex: 0 0 50%;    flex: 0 0 50%;    max-width: 50%;}

  .main_cont table {width: 100% !important;}
  .tail_wrapper{margin-top: 0 !important; }
  
  .ebookinfo, #link1, #link2, #link3, #link4, #link5, #link6, #link7, #price { min-width: 1000px;}
  a.btn {color : #ffffff !important;}
  .ebookinfo {margin-top: 0px;}
  .main_slide li {    position: relative;   background-position: center;    height: 500px;}
  .slidebox .bx-controls {  width: 100% ;  max-width: 1100px;    margin: auto;    position: relative; }
  .slidebox .bx-wrapper .bx-prev {    left: -90px;    top: -300px; }
  .slidebox .bx-wrapper .bx-next {    right: -90px;    top: -300px; }
  .main_slide .-btn {    width: 400px;    text-align: left;}
  .main_slide .-btn a {
      display: inline-block;
      border-radius: 50px;
      background-color: #ffffff;
      color: #1a213a;
      font-size: 13px;
      padding: 6px 22px;
      margin: 20px 10px 20px 0;
      text-decoration: none;
      -webkit-transition: background 0.2s ease-in-out 0s;
      -moz-transition: background 0.2s ease-in-out 0s;
      -ms-transition: background 0.2s ease-in-out 0s;
      -o-transition: background 0.2s ease-in-out 0s;
      transition: background 0.2s ease-in-out 0s;
  }
  
.ebookinfo {width: 100%;  }	
.ebookinfo  .slidebox {position: relative; }
.main_slide li.slide01 {background: url(/images/solution2/main_slide01.jpg) center center no-repeat; background-size: cover;}
.main_slide li.slide02 {background: url(/images/solution2/main_slide02.jpg) center center no-repeat;  background-size: cover;}
.main_slide li.slide03 {background: url(/images/solution2/main_slide03.jpg) center center no-repeat;  background-size: cover;}
.main_slide li.slide04 {background: url(/images/solution2/main_slide06.png) center center no-repeat;  background-size: cover; }
.main_slide li > div {  position: absolute; width: 96%;padding: 0 2%;  max-width: 1400px;  top: 50%; left: 50%; transform: translate(-50%, -50%);  font-size: 20px; z-index: 5; text-align: left; }
.main_slide li.slide04 div {  position: absolute; width: 1400px;   margin-left: -700px;}
.main_slide li > div span {font-size: 20px; display: block; margin: 20px 0; }
.main_slide li > div p {font-size: 50px; font-weight: 700;}
.main_slide li > div p span {font-size: 22px; color: #8e74d6; display: block; margin: 0;  margin-bottom: 5px;
padding-left:5px; }
.main_slide li > div .-btn a:hover {background-color: #8e74d6; color: #ffffff;  }

.solution_moto { max-width: 1200px; text-align: center;     font-size: 30px;  line-height: 50px;  font-weight: 700; padding: 50px 10px; }
.solution_moto span {color: #8e74d6;}


#ban_month_event {margin: 50px auto 0; max-width: 1000px;  }
#ban_month_event img {width: 100%; }

.solution_point {font-size: 0; width: 100%; margin: 0px auto 80px; display: flex;
  align-items: center; max-width: 1400px; position: relative; }
.solution_point li{display: inline-block; width: 33.3333%; margin-left: -1px; border: 1px solid #eaeaea; padding: 30px 0 30px 30px; text-align: left;  margin-top:80px; transition: all 0.5s; position: relative; }
.solution_point li h3{font-size: 28px; line-height: 35px; font-weight: 700; padding: 0;}
/*.solution_point li h3 span {color: #897ac2;}
.solution_point li:after {content: ""; position: absolute; background: url('/images/solution2/bg_solutioninfo.jpg') right bottom no-repeat; top: 0; left: 0; width: 100%; height: 100%;     
  z-index: -1;    opacity: 0; transition: all 0.5s;}
.solution_point li p{font-size: 16px; color: #666666;}
.solution_point li:hover { margin-top: 50px;    box-shadow: 0px 20px 30px 5px rgb(0 0 0 / 5%); }
.solution_point li:hover:after{opacity: 1;}*/

.reserch {display: flex;gap: 0 35px; line-height: 40px;  justify-content: center;  align-items: center;    margin: 30px auto 100px;  }
.reserch p{font-size: 28px;  font-weight: 400; font-family: 's-core-dream', 'Sans-serif'; border: 1px solid #dddddd;  padding: 30px 50px; line-height: 50px;}
.reserch p span {font-size: 36px; font-weight: bold;     color: #ed7474; }
.reserch p.customer { font-size: 20px;   color: #666666;  line-height: 33px;  padding: 16px 0 0; text-align: center;}
.reserch p.customer span {color: #bebebe;
  display: block; font-weight: 400;
  font-family: serif;
  font-size: 50px;}

#link1  { background: #e3e3e3; min-height: 500px; padding: 0px 0 50px; }
#link1 div.content1 {   position: relative;}
#link1 div.mainimg1 { position: relative;}
#link1 div.mainimg1 img {width: 100%; }
#link1 div.mainimg1 .info_btn {position: absolute; right: 5%;  bottom:  80px; }
#link1 div.mainimg1 .info_btn a{margin-left: 10px; min-width:  200px; }
#link1 div.mainimg1 .info_btn a:first-child {margin-left: 0px;}

#link1 div.mainimg2 { position: relative;}
#link1 div.mainimg2 img {width: 65%; padding-left: 5%;  }
#link1 div.mainimg2 .info_btn {position: absolute; right: 5%;  bottom:  80px; }
#link1 div.mainimg2 .info_btn a{margin-left: 10px; min-width:  200px; }
#link1 div.mainimg2 .info_btn a:first-child {margin-left: 0px;}

#link6{width: 1100px;    margin: 0 auto 20px;    position: relative;    min-width: 1000px;}

#link6 .tbl_price {border-top: 2px solid #999999;     border-spacing: 0;    table-layout: fixed;    border-collapse: collapse; width: 100%;}
#link6 .tbl_price .col1 {width: 20%;   }
#link6 .tbl_price .col2 {width: 26.6666%; border-left: 1px solid #ebebeb;  }
#link6 .tbl_price th {  padding: 1em ;   font-size: 14px;   font-weight: 400; color: #333333; background-color: #f4f9fe;  border-bottom: 1px solid #ebebeb; text-align: center; word-break: keep-all;} 
#link6 .tbl_price td {  padding: 1em ;  color: #333333;   font-size: 14px; border-left: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; text-align: center; word-break: keep-all;} 
#link6 .line_top{border-top: 2px solid #999999}


  
h2 {font-size: 32px; letter-spacing: 1px; font-weight: 700; color: #000; margin-top: 30px; margin-bottom: 40px;}
.bg_grey {background-color: #f2f2f2; }

#link1 .info_text1 {font-size: 60px; font-weight: 600;  display: inline-block;  text-align: left; line-height: 72px; padding: 0 0.75rem;  color: #000; position: absolute; 
  bottom: 6%;}
#link1 .info_text1 p{position: relative;}
#link1 .info_text1 p::before{content: ""; position: absolute; right: 101%; top: 0; width: 66px; height: 66px; background: url('/images/solution2/icon_plus.png') no-repeat; background-size: 100%; }
span.subtit  {font-size: 18px; font-weight: 600; display: block; margin-bottom: 14px; letter-spacing: 0;}
#link1 .info_text2 {display: inline-block;  font-size: 20px; font-weight: 400;   text-align: left;   line-height: 30px; margin-top : 120px }

#link2  { background: #ffffff;   overflow: hidden; border-bottom: 1px #eee solid;  min-width: 1000px; }
#link2 .content2 .text3 {  color: #000;  }
#link2 .content2 .text4 {font-size: 20px; font-weight: 400;  line-height: 30px; margin-top: 20px;}
#link2 .content2 li, #link3 .content3 li, #link4 .content4 li {position: relative; padding: 0; text-align: center;}
#link3  { background: #ffffff;  overflow: hidden; border-bottom: 1px #eee solid;  }
#link3 .content3 .text6 {font-size: 20px; font-weight: 400;    line-height: 30px; margin-top: 20px;}
#link3 .content3 li {position: relative; text-align: center;}
#link4  { background: #ffffff;   overflow: hidden; border-bottom: 1px #eee solid;  }
#link4 .text8 {font-size: 20px; font-weight: 400;   line-height: 30px; margin-top: 20px;}
#link4  li {position: relative; text-align: center;}
.img_specialty img{width: 100%;}
#link5  { background: #fafafa;    overflow: hidden; border-bottom: 1px #eee solid;  padding: 100px 0 100px}
#link5 h2{text-align: center; margin: 20px 0 60px;}
#link5 h3 {text-align: center;  font-weight: 700; margin: 20px 0 70px;}
#link5 .content5 {max-width: 1400px; margin: auto;  position: relative; width: 100%; min-width:1000px; }

.content5 .swiper-container.slide_function {padding-bottom: 50px; padding-top: 50px;}
.slide_function .swiper-slide {padding: 16px; }
.slide_function .box {background-color: #ffffff; text-align: left; height: 300px; border-radius: 30px; box-shadow: 0px 2px 7px 5px #ebebeb;  font-size: 15px; padding: 20px 10px 30px 25px; word-break: keep-all;}
.slide_function .box p{font-size: 28px; font-weight: 600; } 
.slide_function .box:hover {background-color: #f4f5fe;}
.slide_function .box img {  filter: hue-rotate(45deg) saturate(88%); opacity: 0.7;}

#link5 .icon_tab {font-size: 0;}
#link5 .icon_tab li {display: inline-block; width: 9%; padding: 10px; font-size: 16px; text-align: center; font-size: 14px; color: #666666; cursor: pointer; vertical-align: top;}
#link5 .icon_tab li img {width: 100%; max-width: 65px;}

@media screen and (max-width: 1200px){	
  h2 {font-size: 26px; margin: 20px auto; }
  #link2 .content2 .text4 {font-size: 16px;}
  .reserch p {font-size: 20px;}
  .reserch p span {font-size: 25px;}
  .solution_point {width: 96%;}
}

  
.order {position: relative; margin: 30px auto; }
#price a.btn_esti {position: absolute; right: 60px; bottom: 0; display: inline-block; background: #4a4a4a; color: #ffffff;  padding: 7px 20px 5px; font-size: 18px;  border-radius: 50px;; margin: 0 10px;
	-webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
	font-family: 's-core-dream', 'Sans-serif';}
#price a.btn_order {display: inline-block; background: #a26abc; color: #ffffff; width: 50%; max-width: 350px;  padding: 12px 30px 10px; font-size: 24px; border-radius: 50px;  margin: 0 10px;
	-webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
	font-family: 's-core-dream', 'Sans-serif';}
#price a.btn_esti:hover {background: #6062a3;}
#price a.btn_order:hover {background: #a26abc;}


  #link7 { width: 100%; max-width: 1400px; text-align: right; padding-bottom: 50px; margin: auto; }  
  #link7 li{display: inline-block; vertical-align: middle; padding-right: 10px;}
  #link7  h4 {font-size: 20px; font-weight: 700; margin: 0; padding: 0;}
  #link7 img {display: inline-block}
  #link7 p {font-size: 14px; color: #666666; margin-top: 10px;}
  
  #comp_table {padding: 50px 0; text-align: center;  }
  #comp_table  span.checkon {display: inline-block; vertical-align: middle; margin: 5px; width: 26px; height: 26px; border-radius: 26px; background: #1fb8f4 url('/images/solution2/check.svg') center center no-repeat; background-size: 18px;}
  #comp_table  span.checkon2 {display: inline-block; vertical-align: middle; margin: 5px; width: 26px; height: 26px; border-radius: 26px; background: #c8c8c8 url('/images/solution2/check.svg') center center no-repeat; background-size: 18px;}

  #comp_table  span.checkoff {display:  inline-block; vertical-align: middle; margin: 5px; width: 26px; height: 26px; border-radius: 26px; background: url('/images/solution2/slash.svg') center center no-repeat; background-size: 26px;}
  #comp_table table {max-width: 1100px; margin: auto; width: 100%; border-top: #cccccc 2px solid;}
  #comp_table table th {border-bottom: 1px solid #dddddd; padding: 6px 0 10px; font-size: 16px; background: #f7f7f7; text-align: center;  }
  #comp_table table td {border-bottom: 1px solid #dddddd; padding: 6px 8px; text-align: center; font-size: 14px;    }
  #comp_table table .sale {font-size: 20px; background-color: #00a7e9; color: #ffffff; padding: 20px 0; font-weight: 500; border-left: 1px solid #dddddd;  
	  font-family: Montserrat, Sans-serif;}
#comp_table .old {display: inline-block; padding: 3px; font-size: 12px; background-color: #c8c8c8; color: #ffffff;  border-radius: 4px; width: 34px; margin-left: 5px;}
#comp_table .new {display: inline-block; padding: 3px; font-size: 11px; background-color: #f86d6d; color: #ffffff; border-radius: 4px; width: 34px; margin-left: 5px;}

  
  #partner {text-align: center; border-bottom: 1px #eee solid;   padding: 100px 0px 100px;}
  .bg_partner {width: 100%;  color: #ffffff; min-height: 100px; padding: 20px 0; text-align: center; margin: 20px 0 60px;   
  background: #a292c4;
  background: -moz-linear-gradient(left, #00a7e9 35%, #0057a6 100%);
  background: -webkit-linear-gradient(left, #00a7e9 35%,#0057a6 100%);
  background: linear-gradient(to right, #00a7e9 35%,#0057a6 100%);
				  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a7e9', endColorstr='#0057a6',GradientType=1 );
  }
  
  
  #partner li{width: 32%; display: inline-block; text-align: center;  vertical-align: top; }
  #partner h4 {font-weight: 600;  font-family: 'Montserrat', 'Sans-serif'; font-size: 50px;}
  #partner h5 {font-weight: normal;  font-size: 18px;  border: 0; margin-bottom: 0;}
  #partner img {width: 100%; }
  
  #case {padding: 30px 0px 30px; width: 100%; margin: auto; overflow: hidden;}
  #case .owl-carousel .owl-stage-outer:hover {cursor: url('/images/icon_mousearrow.png'), auto;}
  
  
  #case h2 {text-align: center; }
  #case_slide li {position: relative;   }
  #case_slide li img {  border-radius: 10px;   }
  #case_slide .bg_case{ position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; color: #ffffff; font-size: 20px;  font-weight: 700;  border-radius: 10px;
  background: -moz-linear-gradient(bottom, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 40%); /* FF3.6-15 */
  background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 40%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  }
  #case_slide div.ltext{display: block; width: 90%; text-align: left; position: absolute; bottom: 40px; left: 20px; color: #ffffff;  z-index: 10;} 
  #case_slide div.ltext a {display: block; color: #ffffff; padding-top: 30px;}
  #case_slide div.stext{display: block; position: absolute; bottom: 20px; left: 20px; font-size: 14px; font-weight: normal; color: #ffffff;  z-index: 10;} 
  .owl-theme .owl-nav.disabled+.owl-dots{margin-top: 20px;}
  .owl-carousel .owl-item {   border-radius: 10px; box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1);}
  .owl-carousel .owl-stage-outer {padding-bottom: 10px;}

/* ��ü�� �����̵�  */
.marquee {max-width: 1400px; margin: 0px auto 100px; font-size: 14px; color: #666666; overflow: hidden;  }
.marquee span {display: inline-block; position: relative; padding-left: 8px; padding-right: 10px;}
.marquee span::after{position: absolute; content: ""; width: 4px; height: 4px; background: #666666; border-radius: 3px; top: 10px; left: 0; }


  #business {margin: 100px 0 100px; border-bottom: 1px #eee solid; padding-bottom: 50px; min-width: 1000px;}
  #business h2 {text-align: center; }
  #business li {text-align: center; margin-bottom: 30px; width: 25%; }
  #business li h4 {    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    padding: 20px 0 10px;
    min-height: 115px;
    font-family: 's-core-dream';
    color: #493f90;}
  #business li p {font-size: 16px; font-weight: 400; display: block; margin: 0 10px; word-break: keep-all; color: #646464;}
  #business li img {width: 80%; max-width: 120px; filter: hue-rotate(43deg) saturate(88%);}


  
  #process  {margin: 100px 0 0px; width: 100%; }
  #process h2 {text-align: center; }
  #process  img {max-width: 95%;}
  #process > div {background: url('/images/solution2/bg_process2.png') top repeat-x; text-align: center;}
  
  #gui  {margin: 60px auto ; position: relative; max-width: 1400px; }
  #gui h2 {  text-align: center; width: 100%;  }
  #myVideo {    width: 100%;    height: auto;    min-width: 100%;     min-height: 100%; }
  .link_youtube {position: absolute; right: 0; top: 40px; }
  .link_youtube  a {display: block; width: 230px; border: 1px solid #dddddd; padding: 10px; margin: -56px 0 10px; border-radius: 8px; text-align: center;}
  .link_youtube  a img {width: 40px; }
  .link_youtube  a p{font-size: 18px; color: #272d30; padding: 0; margin: 0; font-weight: bold;} 

  
  #certification  {padding: 50px 0 100px; border-bottom: 1px #eee solid; background-color: #f3f3f4;}
  #certification h2 {text-align: center; }
  #certification div { text-align: center; }
  #certification div img {width: 95%; }
  #certification .bx-wrapper {background: none; margin: 50px 0;}
  .certificationpaper_slide {overflow: hidden; padding: 50px 0px; position: relative;}
  .certificationpaper_slide li {background-color: #ffffff;     padding: 5px 0;    background-color: #ffffff;    box-shadow: 0px 3px 4px 1px #dddddd;}
  .certificationpaper_slide .swiper-button-next {right: 6px; background-image: url('/images/solution2/chevron-right.svg'); background-size: 60px; top: 50%; transform: translateY(-50%);} 
  .certificationpaper_slide .swiper-button-prev {left: 6px; background-image: url('/images/solution2/chevron-left.svg') ; background-size: 60px; top: 50%; transform: translateY(-50%);} 
  
#price { padding : 50px 0 20px; width: 100%; max-width: 1400px; margin: auto; text-align: center;}
#price h2 {text-align: center; }
#price ul.pricetable{text-align: center; background-color: #f7f7f7; padding: 25px;}
#price ul.pricetable li {width: 23%; display: inline-block; margin: 0 10px; background-color: #ffffff;  position: relative; overflow: hidden;  vertical-align: top;	}
#price ul.pricetable li:first-child {margin-left: 0;}
#price ul.pricetable li span.tit {display: block; padding: 28px 0 50px; font-size: 24px; font-weight: 600; font-family: 's-core-dream', 'Sans-serif'; color: #ffffff; }
#price ul.pricetable li span.leftinfo {font-size: 16px;  color: #ffffff; font-weight: normal;}
#price ul.pricetable li:hover {box-shadow: 2px 2px 6px 5px #e7e7e7;}
#price p.pricenum {font-size: 34px; font-weight: bold; font-family: 'Montserrat','Sans-serif'; margin-bottom: 30px; line-height: 30px;}
#price p.pricenum span{display: block; font-size: 16px; font-weight: normal;}
#price p.pricenum span:first-child {display: inline-block; font-size: 26px; font-weight: bold;}
#price p.price {  font-family: 'Montserrat','Sans-serif';  font-size: 20px; font-weight: 600; margin-top: 10px;}
#price p.detail{ font-size: 16px; font-weight: 400; margin: 20px 0;}
#price .btn-small{margin: 20px 0 50px;}
#price .head {z-index:10; position: relative; padding-bottom: 30px;}
#price .head_bg {  border-style: solid;    border-width: 89px 992px 37px 409px;  position: absolute; z-index: 1;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    border-color: #6f71b4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #6f71b4;
	}
#price .head_bg2 {  border-style: solid;    border-width: 89px 992px 37px 409px;  position: absolute; z-index: 1;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    border-color: #42bfa1  rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #42bfa1 ;
	}  
#price .on .head_bg {   border-color: #5c5ea0 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #5c5ea0;}

#price .on  span.tit{color: #fff;}
#price .on  span.leftinfo{color: #fff !important;}
#price .on a {font-weight: normal; ;}

#price .tx2{padding: 30px 0; border-bottom: 1px solid #dddddd; margin-bottom: 10px;  font-size: 16px;}
#price h5 {font-weight: bold; font-size: 20px;  border-bottom: 0px}
#price .btn_esti2 {    display: inline-block;
  background: #a26abc;
  color: #ffffff;
  width: 90%;
  max-width: 300px;
  padding: 10px 3px 8px;
  font-size: 18px;
  border-radius: 27px;
  margin: 0 10px;
  -webkit-transition: all .3s ease-in-out 0s;
  -moz-transition: all .3s ease-in-out 0s;
  -ms-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
  font-family: 's-core-dream', 'Sans-serif';
}

  
  #companyinfo { color: #ffffff;  padding: 50px 0 100px; text-align: center; 
  background: #00a7e9;
  background: -moz-linear-gradient(left, #00a7e9 35%, #0057a6 100%);
  background: -webkit-linear-gradient(left, #00a7e9 35%,#0057a6 100%);
  background: linear-gradient(to right, #00a7e9 35%,#0057a6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a7e9', endColorstr='#0057a6',GradientType=1 );
  }
  #companyinfo h2 {color: #ffffff; font-weight: 400; }
  #companyinfo ul li{position: relative; text-align: left; padding-bottom: 50px; vertical-align: top;}
  #companyinfo ul li div {text-align: center; position: absolute; left: 0; top: 40px;}
  #companyinfo ul li div img {width: 110px; }
  #companyinfo ul  h4, #companyinfo ul p {padding-left: 120px; }
  #companyinfo ul  h4 {font-size: 22px; font-weight: 700; font-family: 's-core-dream', 'Sans-serif'; text-transform:uppercase;}
  #companyinfo ul p {font-size: 16px;     color: #ffffff; line-height: 28px;}
  #companyinfo a.down {background-color: #ffffff; color: #9375bf; font-weight: 700; margin: 30px 0; }
  
  
  .analysis {border-top: 2px solid #999999;     border-spacing: 0;    table-layout: fixed;    border-collapse: collapse; width: 100%;}
  .analysis th {  padding: 10px ;   font-size: 13px;   font-weight: 400; color: #333333;   border-bottom: 1px solid #ebebeb; 
    text-align: center; word-break: keep-all; } 
  .analysis td {  padding: 10px ;  color: #333333;   font-size: 14px; border-left: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; text-align: left; word-break: keep-all;} 
  .analysis td p {margin: 0; font-size: 13px; position: relative; padding-left: 8px;}
  .analysis td p::after{content: ""; width: 4px; height: 4px; background-color: #999999; border-radius: 5px; position: absolute; top: 8px; left: 0; }
  .analysis .gubun {width: 10%;  }
  .analysis .air {width: 35%; background-color: #f4f9fe;  }
  .analysis .tasa1 {width: 25%;   }
  .analysis .tasa2 {width: 30%;   }
  .analysis .thtit { background-color: #fafafa;  border-left: 1px solid #ebebeb;}
  .analysis .thtit2{background-color: #C5DDF9;  border-left: 1px solid #ebebeb;}
  .analysis .color1{ color: #FC6B02;}
  

  
  /* footer */
  .page-footer {background-color: #575757; padding:  50px 0 50px;  }
  .page-footer .logo {width: 200px; margin-top: 10px;}
  .page-footer h5 {font-size: 20px; margin-bottom: 20px; }
  .page-footer .row .col.l1 {width:  14%;}
  .page-footer .footer-copyright {background: none;}
  .bottom_copyright {font-size: 14px; color: #a7a7a7; padding: 0 20px;}
  .bottom_copyright span{display: inline-block; margin: 0 10px;}
  .bottom_copyright span:first-child {margin-left: 0;}
  .bottom_copyright a {color: #888888; padding: 0 20px;}
  
  footer > div:after{display:block;content:"";clear:both;}
  .footerlogo {width: 25%; float: left;}
  .sitemap {width: 75%; float: right;}
  .sitemap >ul > li {display: inline-block; width: 13.5%;  text-align: left; font-size: 20px; vertical-align: top; }
  .sitemap >ul > li a {  margin: 10px 0 20px; display: block; }
  .sitemap li a {color: #ffffff;}
  .sitemap li .sub {margin-top: 20px;}
  .sitemap li .sub a {font-size: 15px;  margin: 0; }
  .sitemap li .sub li { line-height: 22px;}
  
  
  
  
  @media screen and (max-width: 768px){	
	  .scroll-to-top {right: 10px;}
	  #comp_table table th {font-size: 18px; }
	  #comp_table table td {font-size: 14px; }
	  
  }
  
  
  
  
  /*  */
	  .base_tab { position:relative; text-align: center; border-bottom: 1px solid #999999; font-size:0; margin: 50px 0; }
	  .base_tab:after { content:""; display:block; clear:both; }
  
	  .base_tab a {z-index: 1; display: inline-block; position: relative; text-align: center; padding: 10px 25px; min-width: 90px; width: 30%; font-size: 18px; letter-spacing: 0.5px; color: #444;   border: 1px solid #f0f0f0;   border-bottom: 0px ; border-left: 0px; margin-left:-1px; }
	  .base_tab a:first-child { margin-left:0; border-left: 1px solid #f0f0f0; }
	  .base_tab a.selected  {z-index: 10;  color: #222; background: #fff; border: 1px solid #999999;  border-bottom: 1px solid #fff;  bottom: -1px; font-weight: normal; }
	  .base_tab a {
		  -webkit-transition:  background 0.2s ease-in-out 0s;
		  -moz-transition:  background 0.2s ease-in-out 0s;
		  -ms-transition:  background 0.2s ease-in-out 0s;
		  -o-transition:  background 0.2s ease-in-out 0s;
		  transition: background 0.2s ease-in-out 0s;}
	  .base_tab a:hover { background-color: #f0f0f0; border-bottom: 1px solid #f0f0f0;}
  
  
  .content {min-height: 500px;}
  .content .title {text-align: center; margin: 50px 0 0;}
  
  
  
  /*  */
  .download_wrap {
	  padding: 5em 0 5em 0;
	  width: 100%;
	  background-color: #4686a0;
	  color: rgba(255, 255, 255, 1);
	  background-attachment: fixed, fixed, fixed;
	  background-image: url("/images/overlay2.png"), url("/images/overlay3.svg"), linear-gradient(45deg, #00a7e9 5%, #6692c5 30%, #0057a6);
	  background-position: top left,	center center,	center center;
	  background-size: auto,	cover, cover;
	  overflow: hidden;
	  position: relative;
	  text-align: center;
	  display: table;
	  min-width: 360px;
  
  
  }
  .download_wrap h3 {    margin: 0 0 1em 0;font-size: 20px;   line-height: 1.5em; font-weight: normal; }
  .download_wrap h1 {  font-size: 3em;  line-height: 2.35em;  font-family: 's-core-dream';}
  .download_wrap h4 {    margin: 0 0 1em 0; font-size: 26px;   line-height: 1.5em; font-weight: 600;  font-family: 's-core-dream';}
  
  .download_wrap p {    margin: 1em 0 ; opacity: 0.8; line-height: 38px;}
  .download_wrap a.-btn{font-weight: bold; font-size: 16px; margin: 3em 0;}
  .download_wrap .box {    max-width: 1000px;
	  border: 1px solid #fafafa63;
	  margin: 0 auto 30px;
	  padding: 30px;
	  font-size: 16px;
	  border-radius: 20px;
	  text-align: left;}
   
  
  .maincolor {color: #936eae;}
  .maincolor2 {color: #897ac2;}
  .displaynone {display: none !important;}
  
  
  
  


  /* ?���????????*/

  .slide_bg {
    background: #f2f2f2;
    height: 100%;
  }

  #case {
    padding: 30px 0px 30px;
    width: 100%;
    margin: auto;
    overflow: hidden;
    max-width: 1400px;
    height: 680px;}


  .mySwiper_hei {height: 360px;}

  .swi_slide4 {
    text-align: center;
    font-size: 18px;
    background: #ffffff;
    display: flex;
    align-items: center;  
    border-radius: 10px;
    margin-right: 20px;
    padding: 20px;}

  a .swiper_img {
    display: block;
    width: 100%; 
    margin: auto;
    justify-content: center;
    align-items: center;
    border-radius: 10px 10px 0 0;}

a .swiper_img_h {display: none;}

a .swiper_img_h:hover {
        display: block;
        position: absolute;
        top: 0px;
        width: 100%; 
        margin: auto;
        justify-content: center;
        align-items: center;
        border-radius: 10px 10px 0 0;}

.swiper_txt {
      display: block;
      width: 320px;
      height: 120px;
      object-fit: cover;
      color: #5a5555; 
      border-top: 1px solid #969696;
      padding-top: 10px;
    margin: auto;
  text-align: left; }

.slide_bg .swiper01 {
    max-width: 1400px;
    height: 100%;
    margin: auto;  }

.slide_style {
    transition-duration: 0ms;
    transition-delay: 0ms;
    transform: translate3d(0px, 0px, 0px) !important;
  } 

.reference {position: absolute; top:0px;}

.slide_img01 {
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 10px 10px 0px 0px;
width: 100%;}

.swiper-slide a:hover .slide_img02 {
  opacity: 0; /* �ʱ� ������ ���� */
  transition: opacity 0.5s;}

.slide_img02 {

    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 10px 10px 0px 0px;
  }

/*.slide_img02 { border-radius: 10px 10px 0px 0px;     width: 100%;}*/

    
.slide_txt {
  border-top: 1px solid #969696;
  width: 280px;
  font-family: 'Pretendard', sans-serif; 
  font-weight: 600; 
  position: absolute;
  font-size: 27px;
  color: #5a5555;
  text-align: left;
  top: 240px;
  line-height: 6.5rem;}

.slide_txt_sb {
    font-family: 'Pretendard', sans-serif; font-weight: 300; 
    font-size: 16px;
    color: #787878;
    text-align: left;
    position: absolute;
    bottom: 6%;}


.search { width: 100%; 
  max-height: 800px; 
  margin: 70px auto;
text-align: center;}

.search_sb_tit { font-family: 'Pretendard', sans-serif; font-weight: 200; font-size: 25px; color: #646464; line-height: 1.5;}
.search_tit { font-family: 'Pretendard', sans-serif; font-weight: 600; font-size: 55px; color: #282828;}
.txt-sub {font-family: 'Pretendard', sans-serif; line-height: 1.5em; font-size: 11px; color: #a19f9f;}

.custom {   
  width: 100%;  
  background: #f2f2f2;
  max-height: 700px;
  margin: auto;
position: relative;}

.review_icon01 {position: absolute;
  left: 200px;
  top: -40px;}
  
.review_icon02 {
  position: absolute;
  right: 200px;
    bottom: -40px;}


.wrap{   display: flex;    flex-direction: column;
    align-items: center;    justify-content: center   }


.swi_slide4 {
/*       width: 320px;
      height: 340px;
      float: left;
 */      position: relative;
      overflow: hidden;}

.caption_img {      width: 100%;      border-radius: 10px 10px 0px 0px;      box-sizing: border-box;      opacity: 1; transition: all .3s ease-in-out 0s;}
.swi_slide4:hover .caption_img { opacity: 1;  }
.swiper-scrollbar-drag {height: 5px;}
.reserch {margin: 30px auto 100px;}
.slide_bg .animatedParent .mySwiper4{height: 100%;}
.mySwiper4 .swiper-btn_next { background-image: url(/images/solution3/btn_ntx.png);
  background-size: cover;
position: relative;
left: 1330px;  top: 30px; max-width: 50px;   background-color: #cbcbcb;
  border: 1.25px solid #cbcbcb;   border-radius: 50%; height: 50px; cursor: pointer;
}

.mySwiper4 .swiper-btn_prev {  background-image: url(/images/solution3/btn_prev02.png);
  background-size: cover;
position: relative;
  left: 1250px;   top: -19px; max-width: 50px;   background-color: #cbcbcb;
  border: 1.25px solid #cbcbcb;   border-radius: 50%; height: 50px; cursor: pointer;}

  .mySwiper4 .swiper-btn_prev:hover {    background-color: #5236c2;
    border: 1.25px solid #5236c2;}
    .mySwiper4 .swiper-btn_next:hover {    background-color: #5236c2;
      border: 1.25px solid #5236c2;}



/*--2024.06.13--*/
.ebookinfo .swiper-pagination-bullet {
  box-sizing: border-box;
  border: 1px solid #181818;
  font-size: 17px;
  font-weight: 600;
  background-color: transparent;
  border-radius: 45px;
display: inline;
padding: 10px 20px;
position: relative;
    width: auto !important; /* 고정 크기 해제 */
    height: auto !important; /* 고정 크기 해제 */
} 
  .ebookinfo .swiper-pagination-bullet:hover{    background-color: #181818;
  color: white;
  transition: 250ms ease-in-out;
  transition-property: background-color, color;}
  .ebookinfo .swiper-pagination05 {margin: 60px auto 120px auto; width:1400px !important; position: relative;     text-align: center;}
  .ebookinfo .swiper-pagination-bullet.active{
    background-color: #181818;
    color: white;
    transition: 250ms ease-in-out;
    transition-property: background-color, color;
  }

.ebookinfo .tab_box {
    font-size: 0;
    margin: 50px 0 135px 0;
  }
  
.ebookinfo .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 30px;
  }

.ebookinfo .solution_tx3{width: 1400px; margin: auto; justify-content: center;
  align-items: center;}

.ebookinfo .solution_tx3 h2 {
  font-size: 60px;
  font-weight: 700;
  margin-top: 120px;
  margin-bottom: 20px;
  text-align:center;
  color: #333333;
}
  
.ebookinfo .solution_tx3 p {font-size: 30px;   font-weight: 400; color: #666666;     margin: 20px 0; text-align:center;}

@media (min-width: 1001px) {
          .bookinfo.sec02 .mask_text.on .zoom_circle.on {
              clip-path: circle(100%);
              transition: clip-path 1s 800ms ease-out;
          }
      }


.ebookinfo .mask_text .zoom_circle1 {        position: relative;      }
      
.mask_text .zoom_circle1  p {
        font-size: 23px;
        line-height: 40px;
        color: #ffffff;
        position: absolute;
        left: 30%;
        top: -5%;
        z-index: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
      }

.mask_text .zoom_circle2{  display: flex;  justify-content: center;   align-items: center; }
.mask_text .zoom_circle2  p {font-size: 28px;line-height: 40px;color: #ffffff;   z-index: 1;  }

.ebookinfo .matchbox p {  margin-bottom: 40px;}

.ebookinfo .mask_text {
  width: 1400px;
  margin: 0 auto;
  height: 240px;
  position: relative;
  font-size: 0;
  overflow: hidden;
  border-radius: 25px;
  margin: 65px auto 45px auto;
}

.ebookinfo .swiper-pagination-bullet-active {background-color: #181818!important;
  color: white;
  transition: 250ms ease-in-out;
  transition-property: background-color, color;}

.ebookinfo .swiper-pagination-bullet:active{background-color: #181818 !important;
    color: white;
    transition: 250ms ease-in-out;
    transition-property: background-color, color;}

/*.solution_point li h3 span {color: #897ac2;}
.solution_point li:after {content: ""; position: absolute; background: url('/images/solution2/bg_solutioninfo.jpg') right bottom no-repeat; top: 0; left: 0; width: 100%; height: 100%;     
  z-index: -1;    opacity: 0; transition: all 0.5s;}*/
  .solution_point li:hover { margin-top: 50px; /*box-shadow: 0px 20px 30px 5px rgb(0 0 0 / 5%); */border: 1px solid #0879eb; color: #0879eb;}
  .solution_point li:hover p {color: #0879eb;}
  .solution_point li p{font-size: 16px; color: #666666;}
  .solution_point li:hover:after{border: 1px solid #0879eb;}
  .solution_point {font-size: 0; width: 100%; margin: 0px auto 180px; display: flex;
    align-items: center; max-width: 1400px; position: relative; }
  .solution_point li{display: inline-block; width: 33.333%; margin-left: -1px; border: 1px solid #eaeaea; padding: 30px 0 30px 30px; text-align: left;  margin-top:80px; transition: all 0.5s; position: relative; margin-left: 10px;}
  .solution_point li:first-child{margin-left: 0px;}
  .solution_point li h3{font-size: 28px; line-height: 35px; font-weight: 700; padding: 0;}