@import url('/resources/css/common.css');
body,
html {
   width: 100%;
   height: 100%;
}

/* visual */
/* visual */
#visual {
   width: 100%;
   height: 100%;
   position: relative;
   opacity: 1;
   background: #000;
}
#visual .slick-slider {
   position: relative;
   display: block;
}
#visual .slick-list {
   position: relative;
   display: block;
   overflow: hidden;
}
#visual .slick-slide {
   display: none;
   float: left;
   height: 100%;
   min-height: 1px;
}
#visual .slick-initialized .slick-slide {
   display: block;
}
#visual .slick-vertical .slick-slide {
   display: block;
   height: auto;
   border: 1px solid transparent;
}

#visual .sub_imgbox li {
   position: relative;
   outline: none;
   height: 100%;
   overflow: hidden;
}
#visual .sub_imgbox li .section {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 1000px;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: 50% 0;
   border: 0;
   -ms-transform: scale(1.1);
   -webkit-transform: scale(1.1, 1.1);
   -webkit-transition: transform 2s ease-out, opacity 1s ease 0.3s;
   transition: transform 2s ease-out, opacity 1s ease 0.3s;
   /* -webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 1.5s;
transition-duration: 1.5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transition-delay: 0s;
transition-delay: 0s;
transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2); */
}

#visual .sub_imgbox li.action .section {
   transform: scale(1);
   -ms-transform: scale(1);
   -webkit-transform: scale(1);
}
#visual .slick-prev,
#visual .slick-next {
   font-size: 0;
   line-height: 0;
   position: absolute;
   top: 53%;
   display: block;
   cursor: pointer;
   color: transparent;
   border: none;
   outline: none;
   background: transparent;
}

#visual .cover01 {
   background-image: url('/resources/img/main/visual_img01.png');
}
#visual .cover02 {
   background-image: url('/resources/img/main/visual_img02.png');
}
#visual .cover03 {
   background-image: url('/resources/img/main/visual_img03.png');
}
#visual .cover04 {
   background-image: url('/resources/img/main/visual_img04.png');
}

#visual .sub_imgbox {
   height: 100%;
}
#visual .section {
   width: 100%;
   height: 100%;
   position: relative;
   overflow: hidden;
   background-position: center;
   background-size: cover;
   border: 0;
}
#visual .sub_imgbox .slick-list,
#visual .sub_imgbox .slick-track {
   height: 100%;
}

#visual .slick-prev,
#visual .slick-next {
   position: absolute;
   top: 45%;
   display: block;
   width: 21px;
   height: 35px;
   padding: 0;
   cursor: pointer;
   color: transparent;
   border: none;
   outline: none;
   background: transparent;
   z-index: 1011;
}
#visual .slick-prev {
   left: 30px;
   background: url('/resources/img/main/arrow_prev.png') center no-repeat;
}
#visual .slick-next {
   right: 30px;
   background: url('/resources/img/main/arrow_next.png') center no-repeat;
}

#visual .slick-dots {
   position: absolute;
   top: 67%;
   right: 50%;
   margin: 0 -40px 0 0;
   z-index: 1009;
}
#visual .slick-dots li {
   float: left;
}
#visual .slick-dots li button {
   width: 12px;
   height: 12px;
   background: rgba(255, 255, 255, 0.4);
   font-size: 0;
   cursor: pointer;
   border: 0;
   border-radius: 100%;
   padding: 0;
   margin: 0 4px;
}
#visual .slick-dots li.slick-active button {
   background: #e60012;
}

#visual .visual_txt {
   position: absolute;
   width: 1180px;
   left: 50%;
   margin-left: -590px;
   top: 30%;
   text-align: left;
   z-index: 1009;
}
#visual .visual_txt {
   opacity: 1;
   -webkit-transition-property: all;
   transition-property: all;
   -webkit-transition-duration: 0.4s;
   transition-duration: 0.4s;
   -webkit-transition-timing-function: linear;
   transition-timing-function: linear;
   -webkit-transition-delay: 0s;
   transition-delay: 0s;
   transform: translate3d(0px, 30px, 0);
   -webkit-transform: translate3d(0px, 30px, 0);
}
#visual .slick-slide.action .visual_txt {
   opacity: 1;
   transform: translate3d(0px, 0px, 0);
   -webkit-transform: translate3d(0px, 0px, 0);
}
#visual .visual_txt h2 {
   position: relative;
   color: #fff;
   font-size: 70px;
   line-height: 70px;
   /* letter-spacing: -3px; */
   padding: 0 0 25px 0;
   top: 45px;
   font-weight: 800;
   text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}
#visual .visual_txt h2 span {
   font-size: 42px;
   font-weight: 300;
   /* letter-spacing: -2.8px; */
}
#visual .visual_txt h2 span.eng {
   /* letter-spacing: -3px; */
}
#visual .visual_txt h4 {
   position: relative;
   top: 40px;
   font-family: 'Montserrat', sans-serif;
   color: rgba(255, 255, 255, 0.8);
   font-size: 19px;
   font-weight: 500;
   /* letter-spacing: -0.2px; */
   line-height: 25px;
   padding: 0 0 25px 0;
}

#visual .visual_banner {
   position: absolute;
   width: 672px;
   right: 50%;
   margin-right: -580px;
   top: 28%;
   z-index: 1009;
}
#visual .visual_banner a li {
   float: left;
   width: 210px;
   height: 210px;
   padding: 30px 10px;
   margin: 0 7px 14px 7px !important;
   text-align: center;
   box-sizing: border-box;
   transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   -ms-transition: all 0.25s ease;
   -moz-transition: all 0.25s ease;
   -webkit-transition: all 0.25s ease;
}
.tech_list_con .tit_area li a:hover {
   color: #333;
   background: url('/resources/img/main/tech_tit_icon01.png') top 30px right 20px no-repeat, #f9f9f9;
   transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   -ms-transition: all 0.25s ease;
   -moz-transition: all 0.25s ease;
   -webkit-transition: all 0.25s ease;
}
#visual .visual_banner a:hover li {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

#visual .visual_banner li dt {
   font-size: 25px;
   color: #fff;
   /* letter-spacing: -1px; */
   font-weight: 600;
   margin-bottom: 15px;
}
#visual .visual_banner li dd {
   font-size: 16px;
   color: #fff;
   /* letter-spacing: -0.5px; */
   font-weight: 400;
   line-height: 18px;
   margin-bottom: 7px;
}
#visual .visual_banner li dd.s_txt {
   font-size: 13px;
   color: #fff;
   /* letter-spacing: -0.5px; */
   font-weight: 400;
   line-height: 18px;
   margin-bottom: 7px;
}

/* #visual .visual_banner li.bg01 {background:url('/resources/img/main/vis_banner01.png') no-repeat 0 0;}
#visual .visual_banner li.bg02 {background:url('/resources/img/main/vis_banner02.png') no-repeat 0 0;}
#visual .visual_banner li.bg03 {background:url('/resources/img/main/vis_banner03.png') no-repeat 0 0;}
#visual .visual_banner li.bg04 {background:url('/resources/img/main/vis_banner04.png') no-repeat 0 0;}
#visual .visual_banner li.bg05 {background:url('/resources/img/main/vis_banner05.png') no-repeat 0 0;}
#visual .visual_banner li.bg06 {background:url('/resources/img/main/vis_banner06.png') no-repeat 0 0;} */

#visual .visual_banner li.bg01 {
   background: url('/resources/img/main/vis_banner01-1.png') no-repeat 0 0;
}
#visual .visual_banner li.bg02 {
   background: url('/resources/img/main/vis_banner02-1.png') no-repeat 0 0;
}
#visual .visual_banner li.bg03 {
   background: url('/resources/img/main/vis_banner03-1.png') no-repeat 0 0;
}
#visual .visual_banner li.bg03-1 {
   background: url('/resources/img/main/vis_banner03-2.png') no-repeat 0 0;
}
#visual .visual_banner li.bg04 {
   background: url('/resources/img/main/vis_banner04-1.png') no-repeat 0 0;
}
#visual .visual_banner li.bg05 {
   background: url('/resources/img/main/vis_banner05.png') no-repeat 0 0;
}
#visual .visual_banner li.bg06 {
   background: url('/resources/img/main/vis_banner06.png') no-repeat 0 0;
}

#visual .scroll_down {
}
#visual .scroll_down a {
   display: block;
   width: 79px;
   height: 68px;
   position: absolute;
   bottom: 30px;
   left: 50%;
   margin-left: -39px;
   text-align: center;
   z-index: 999;
   display: flex;
   justify-content: center;
   align-items: center;
   animation: scroll_ani 1.5s ease-in-out infinite;
}
#visual .scroll_down a img {
}

@keyframes scroll_ani {
   0% {
      bottom: 25px;
   }
   50% {
      bottom: 45px;
   }
   100% {
      bottom: 25px;
   }
}

#contents {
   position: relative;
   top: 0;
   opacity: 0;
   z-index: 1010;
}

h3.con_tit {
   position: relative;
   font-family: 's-core_dream', sans-serif;
   font-weight: 400;
   font-size: 40px;
   letter-spacing: -2px;
   text-align: center;
   line-height: 50px;
   padding-bottom: 40px;
}
h3.con_tit span {
   font-family: 's-core_dream', sans-serif;
   font-weight: 700;
}
h3.con_tit:after {
   position: absolute;
   bottom: 20px;
   left: 50%;
   margin-left: -20px;
   display: block;
   content: '';
   overflow: hidden;
   width: 40px;
   height: 3px;
   background: #e60012;
}
p.con_tit_txt {
   font-size: 19px;
   color: #666;
   line-height: 27px;
   letter-spacing: -0.5px;
   font-weight: 400;
   text-align: center;
}
p.con_tit_txt span {
   font-weight: 500;
   letter-spacing: -0.7px;
}
p.con_tit_txt span.txt_color_red {
   color: #da1313;
}
p.con_tit_txt span.txt_color_black {
   color: #000;
}
p.con_tit_txt span.txt_color_skyblue {
   color: #75ddff;
}

#slide_banner {
   position: relative;
   clear: both;
   width: 100%;
   background: #f7f7f7;
   /* height: 220px; */  /* 글자있음 */
   height: 140px; /* 글자없음 */
   overflow: hidden;
}
.slide_banner_in {
   position: relative;
   width: 2400px;
   margin: 0 auto;
   overflow: hidden;
}
.slide_banner_in > div {
   float: left;
   width: 260px;
   /* line-height: 140px; */
   padding: 35px 0 45px;
   text-align: center;
}
.slide_banner_in > div p {
   font-size: 16px;
   letter-spacing: -0.5px;
   line-height: 20px;
   margin-top: 10px;
}

#intro_con {
   position: relative;
   clear: both;
   height: 490px;
   background: url('/resources/img/main/intro_bg.jpg') no-repeat top center;
   overflow: hidden;
   box-sizing: border-box;
}
.intro_con_in {
   position: relative;
   width: 1180px;
   margin: 0 auto;
   padding: 90px 0 0 570px;
   box-sizing: border-box;
}
.intro_con_in ul.photo_area {
   width: 610px;
}
.intro_con_in ul.photo_area:after {
   content: '';
   display: block;
   clear: both;
}
.intro_con_in ul.photo_area li {
   float: left;
   width: 190px;
   margin-left: 20px;
}
.intro_con_in ul.photo_area li:nth-child(3n + 1) {
   margin-left: 0;
}

.intro_con_in p.txt_area {
   display: block;
   font-size: 17px;
   line-height: 32px;
   letter-spacing: -0.5px;
   color: #666;
   padding-top: 30px;
   font-weight: 500;
}
.intro_con_in .intro_logo {
   position: absolute;
   top: 237px;
   right: 0;
}

#tech_con {
   position: relative;
   clear: both;
   height: 950px;
   background: url('/resources/img/main/tech_bg.jpg') no-repeat top center, #f9f9f9;
   overflow: hidden;
   box-sizing: border-box;
}
.tech_con_in {
   position: relative;
   width: 1180px;
   margin: 0 auto;
   padding: 70px 0;
   box-sizing: border-box;
}
.tech_con_in h3.tech_tit {
   font-family: 'Montserrat', sans-serif;
   font-size: 50px;
   letter-spacing: -1px;
   line-height: 50px;
   color: #005a51;
   font-weight: 500;
}
.tech_con_in h3.tech_tit span {
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
   letter-spacing: -1px;
}

.tech_list_con {
   position: relative;
   width: 1180px;
   margin: 0 auto;
   clear: both;
}
.tech_list_con .tit_area {
   float: left;
   width: 260px;
   margin-right: 80px;
   border-top: 2px solid #000;
   border-bottom: 2px solid #000;
}
.tech_list_con .tit_area li {
   width: 260px;
   height: 77px;
   border-bottom: 1px solid #aeaeae;
}
.tech_list_con .tit_area li:last-child {
   border-bottom: 0px solid #aeaeae;
}
.tech_list_con .tit_area li a {
   display: block;
   height: 77px;
   line-height: 77px;
   font-size: 20px;
   letter-spacing: -1px;
   color: #333;
   padding: 0 0 0 30px;
   box-sizing: border-box;
   background: url('/resources/img/main/tech_tit_icon01.png') top 30px right 30px no-repeat, #f9f9f9;
   transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   -ms-transition: all 0.25s ease;
   -moz-transition: all 0.25s ease;
   -webkit-transition: all 0.25s ease;
}
.tech_list_con .tit_area li a:hover {
   color: #333;
   background: url('/resources/img/main/tech_tit_icon01.png') top 30px right 20px no-repeat, #f9f9f9;
   transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   -ms-transition: all 0.25s ease;
   -moz-transition: all 0.25s ease;
   -webkit-transition: all 0.25s ease;
}
.tech_list_con .tit_area li a.hover {
   font-size: 20px;
   color: #fff;
   background: url('/resources/img/main/tech_tit_icon02.png') top 30px right 30px no-repeat, #005a51;
   padding: 0 0 0 30px;
   box-sizing: border-box;
}
.tech_list_con .tit_area li a:hover.hover {
   font-size: 20px;
   color: #fff;
   background: url('/resources/img/main/tech_tit_icon02.png') top 30px right 30px no-repeat, #005a51;
   padding: 0 0 0 30px;
   box-sizing: border-box;
}

.tech_list_con .list_area {
   float: left;
   width: 840px;
}
.tech_list_con .list_area li {
   position: relative;
   float: left;
   width: 260px;
   margin: 0 0 30px 30px;
}
.tech_list_con .list_area li:nth-child(3n + 1) {
   margin: 0 0 30px 0;
}
.tech_list_con .list_area li a {
   position: relative;
   display: block;
   transition: all 0.5s;
}
.tech_list_con .list_area li a:hover {
   transition: all 0.5s;
}

.tech_list_con .list_area li dt {
   display: block;
   font-size: 16px;
   line-height: 22px;
   font-weight: 500;
   color: #555;
   letter-spacing: -0.5px;
   min-height: 75px;
   border-bottom: 1px solid #ccc;
   padding: 15px 5px;
   box-sizing: border-box;
   overflow: hidden;
}
.tech_list_con .list_area li dt.img_box {
   position: relative;
   display: block;
   border-bottom: 0px solid #ccc;
   padding: 0 0;
   height: 180px;
   overflow: hidden;
}
.tech_list_con .list_area li dt.img_box .img_tit1 {
   position: absolute;
   width: 70px;
   height: 30px;
   background: #4b255f;
   color: #fff;
   font-size: 13px;
   text-align: center;
   line-height: 30px;
   letter-spacing: -0.5px;
   top: 0;
   left: 0;
   z-index: 10;
}
.tech_list_con .list_area li dt.img_box .img_tit2 {
   position: absolute;
   width: 70px;
   height: 30px;
   background: #255f3f;
   color: #fff;
   font-size: 13px;
   text-align: center;
   line-height: 30px;
   letter-spacing: -0.5px;
   top: 0;
   left: 0;
   z-index: 10;
}
.tech_list_con .list_area li dt.img_box img {
   display: block;
   width: 100%;
   height: auto;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.tech_list_con .list_area li a:hover dt.img_box img {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}

.tech_list_con .list_area li dd {
   display: block;
   font-size: 14px;
   line-height: 20px;
   font-weight: 400;
   color: #7e7e7e;
   letter-spacing: -0.5px;
   padding: 15px 5px 10px;
   box-sizing: border-box;
}
.tech_list_con .list_area li dd span {
   font-size: 14px;
   line-height: 20px;
   font-weight: 500;
   color: #1c8e7d;
   letter-spacing: -0.5px;
   padding: 15px 5px 10px 0;
   box-sizing: border-box;
}

#support_con {
   position: relative;
   clear: both;
   height: 760px;
   background: url('/resources/img/main/download_bg.jpg') no-repeat top center;
   overflow: hidden;
   box-sizing: border-box;
}
.support_con_in {
   position: relative;
   width: 1180px;
   margin: 0 auto;
   padding: 70px 0;
   box-sizing: border-box;
}

.support_con_in .download {
   float: left;
   width: 560px;
   margin-right: 60px;
}
.download h3.download_tit {
   font-family: 'Montserrat', sans-serif;
   font-size: 25px;
   letter-spacing: -0.5px;
   line-height: 40px;
   color: #fff;
   font-weight: 500;
   margin-bottom: 15px;
}
.download .download_box {
   width: 560px;
   height: 550px;
   background: #fff;
   padding: 40px 45px;
   box-sizing: border-box;
}

.download_box .tit_area {
   width: 470px;
   margin-bottom: 25px;
}
.download_box .tit_area:after {
   content: '';
   display: block;
   clear: both;
}
.download_box .tit_area li {
   float: left;
   width: 150px;
   height: 40px;
   margin: 0 0 0 10px;
   text-align: center;
}
.download_box .tit_area li:nth-child(3n + 1) {
   margin: 0 0 0 0;
}
.download_box .tit_area li a {
   display: block;
   height: 40px;
   line-height: 38px;
   font-size: 18px;
   font-weight: 500;
   letter-spacing: -1px;
   color: #fff;
   background: #414141;
   transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   -ms-transition: all 0.25s ease;
   -moz-transition: all 0.25s ease;
   -webkit-transition: all 0.25s ease;
   border-radius: 20px;
   overflow: hidden;
}
.download_box .tit_area li a:hover {
   color: #fff;
   background: #005a51;
   transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   -ms-transition: all 0.25s ease;
   -moz-transition: all 0.25s ease;
   -webkit-transition: all 0.25s ease;
}
.download_box .tit_area li a.hover {
   font-size: 18px;
   font-weight: 500;
   letter-spacing: -1px;
   color: #fff;
   background: #005a51;
   border-radius: 20px;
   overflow: hidden;
}
.download_box .tit_area li a:hover.hover {
   font-size: 18px;
   font-weight: 500;
   letter-spacing: -1px;
   color: #fff;
   background: #005a51;
}

.download_box .list_area {
   float: left;
   width: 470px;
   border-top: 1px solid #d3d3d3;
}
.download_box .list_area li {
   position: relative;
   width: 470px;
   height: 49px;
   border-bottom: 1px solid #d3d3d3;
}
.download_box .list_area li a {
   position: relative;
   display: block;
   transition: all 0.5s;
}
.download_box .list_area li a:hover {
   transition: all 0.5s;
}

.download_box .list_area li dt {
   position: relative;
   display: inline-block;
   width: 50px;
   font-size: 13px;
   text-align: center;
   line-height: 24px;
   font-weight: 500;
   color: #35b876;
   letter-spacing: -0.5px;
   border: 1px solid #35b876;
   border-radius: 20px;
   background: #fff;
   box-sizing: border-box;
}
.download_box .list_area li dd {
   position: relative;
   display: inline-block;
   width: calc(100% - 60px);
   font-size: 15px;
   line-height: 49px;
   font-weight: 400;
   color: #555;
   letter-spacing: -0.5px;
   padding-left: 20px;
   box-sizing: border-box;
}
.download_box .list_area li dd span {
   position: absolute;
   top: 15px;
   right: 10px;
}
.download_box .list_area li a:hover dd {
   color: #000;
}

.support_con_in .contact {
   float: left;
   width: 560px;
}
.contact h3.contact_tit {
   font-family: 'Montserrat', sans-serif;
   font-size: 25px;
   letter-spacing: -0.5px;
   line-height: 40px;
   color: #fff;
   font-weight: 500;
   margin-bottom: 15px;
}
.contact .contact_box {
   width: 560px;
   height: 550px;
   background: #ededed;
   padding: 45px;
   box-sizing: border-box;
}

.contact_tbl {
   width: 100%;
   border-top: 1px solid #000;
}
.contact_tbl tr th {
   padding: 12px 5px 0 18px;
   border-bottom: 1px solid #c1c1c1;
   vertical-align: top;
   color: #333;
   font-size: 15px;
   font-weight: 500;
   letter-spacing: -0.5px;
   text-align: left;
   background: url('/resources/img/main/contact_tbl_icon.png') no-repeat 5px 21px;
   box-sizing: border-box;
}
.contact_tbl tr td {
   padding: 7px 5px;
   border-bottom: 1px solid #c1c1c1;
   vertical-align: middle;
   line-height: 30px;
   font-size: 16px;
   letter-spacing: -0.5px;
   box-sizing: border-box;
}
.contact_tbl tr td.privacy {
   padding: 7px 5px;
   border-bottom: 0px solid #c1c1c1;
   text-align: right;
   vertical-align: middle;
   line-height: 30px;
   font-size: 13px;
   letter-spacing: -0.5px;
   box-sizing: border-box;
}

.btn_area_box {
   padding: 10px 0 0;
   width: 100%;
   margin: 0 auto;
}
.btn_area_box:after {
   content: '';
   display: block;
   clear: both;
}
.btn_area_box li.ok a {
   display: block;
   width: 100%;
   height: 45px;
   background: #005a51;
   font-size: 16px;
   font-weight: 500;
   color: #fff;
   text-align: center;
   line-height: 45px;
   letter-spacing: -0.5px;
   border-radius: 5px;
}
.btn_area_box li.ok a {
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}
.btn_area_box li.ok a:hover {
   display: block;
   background: #01413b;
}

input,
select,
textarea {
   transition: border 0.3s ease-out;
}
input:focus,
select:focus,
textarea:focus {
   border-color: #222;
   transition: border 0.3s ease-out;
}

input[type='radio'] {
   width: 16px;
   height: 16px;
   vertical-align: middle;
   margin: 0 3px 0 0;
}
input[type='radio'] + label {
   display: inline-block;
   width: 26%;
   padding: 0 0;
   letter-spacing: -1px;
   font-size: 15px;
}

input[type='checkbox'] {
   width: 16px;
   height: 16px;
   vertical-align: middle;
   margin: 0 5px 2px 0;
}
input[type='checkbox'] + label {
   display: inline-block;
   margin-right: 60px;
   padding: 6px 0;
}

input[name='vcode'] {
   width: 150px;
}
input[name='vcode'] + .sub_txt {
   display: inline-block;
   margin-left: 15px;
   vertical-align: middle;
   font-size: 14px;
   color: #888;
}

select {
   font-size: 15px;
   color: #666;
   border: 1px solid #d4d4d4;
   background-color: #fff;
   padding: 0 10px;
   font-family: 'Roboto', 'Noto Sans KR', sans-serif;
   height: 40px;
}
.input_consulting {
   font-size: 15px;
   color: #666;
   border: 1px solid #d4d4d4;
   background-color: #fff;
   padding: 0 10px;
   font-family: 'Roboto', 'Noto Sans KR', sans-serif;
   height: 35px;
   width: 100%;
   box-sizing: border-box;
}
.textarea {
   font-size: 14px;
   font-family: 'Roboto', 'Noto Sans KR', sans-serif;
   color: #666;
   border: 1px solid #d4d4d4;
   background-color: #fff;
   padding: 10px;
   box-sizing: border-box;
   width: 100%;
   box-sizing: border-box;
}
.blind {
   font-size: 0;
   line-height: 0;
   width: 0px;
   height: 0px;
}
.button {
   cursor: pointer;
   height: 18px;
   font-size: 13px;
   font-family: 'Roboto', 'Noto Sans KR', sans-serif;
   background-color: #737373;
   border-bottom: #737373 2px solid;
   border-left: #737373 2px solid;
   border-right: #737373 2px solid;
   border-top: #737373 2px solid;
   color: #ffffff;
}

/* NEWS */
#news_con {
   width: 100%;
   background: #f9f9f9;
   min-width: 1180px;
   height: 740px;
   margin-bottom: 70px;
   box-sizing: border-box;
   overflow: hidden;
}
#news_con h3.news_tit {
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
   text-align: center;
   font-size: 40px;
   letter-spacing: -1px;
   color: #333;
   line-height: 45px;
   padding: 70px 0 5px;
}
#news_con h3.news_tit span {
   font-family: 'Montserrat', sans-serif;
   font-weight: 300;
}

#news_con .news_con_in {
   position: relative;
   width: 1180px;
   margin: 0 auto;
   box-sizing: border-box;
   padding: 0 0 0 0;
}
.news {
   width: 100%;
   height: 490px;
   margin: 0 0;
}
.news span.als-prev {
   position: absolute;
   left: -80px;
   top: 175px;
}
.news span.als-next {
   position: absolute;
   right: -80px;
   top: 175px;
}

.news .als-viewport {
   position: relative;
   overflow: hidden;
   margin: 29px auto 50px;
   min-width: 1176px !important;
   box-sizing: border-box;
}
.news .als-wrapper li {
   position: relative;
   display: block;
   float: left;
   margin: 0 7px 6px 7px;
   width: 280px;
   height: 430px;
}

.news li dl {
   box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}
.news li dt {
   position: relative;
   display: block;
   width: 100%;
   overflow: hidden;
}
.news li dt .news_img {
   width: 280px;
   height: 200px;
}
.news li dt .news_img img {
   display: block;
   width: 100%;
   height: auto;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.news li dd {
   position: relative;
   font-size: 15px;
   letter-spacing: -0.5px;
   line-height: 20px;
   color: #777;
   padding: 15px 20px;
   width: 280px;
   height: 200px;
   box-sizing: border-box;
   background: #fff;
   overflow: hidden;
}
.news li dd h6 {
   font-size: 16px;
   letter-spacing: -0.8px;
   line-height: 20px;
   color: #222;
   font-weight: 500;
   padding: 0 0 10px;
}
.news li dd p.news_category {
   font-weight: 400;
   font-size: 13px;
   letter-spacing: -0.2px;
   color: #666;
   text-decoration: underline;
   margin-bottom: 5px;
}
.news li dd p.news_date {
   font-family: 'Montserrat', sans-serif;
   font-weight: 300;
   font-size: 14px;
   letter-spacing: -0.2px;
   color: #999;
   margin-top: 10px;
}
.news li dd p.more {
   position: absolute;
   bottom: 20px;
   right: 20px;
   font-family: 'Montserrat', sans-serif;
   font-weight: 300;
   font-size: 13px;
   letter-spacing: -0.2px;
   color: #999;
}

.news li dl a {
   position: relative;
   display: block;
   transition: all 0.5s;
}
.news li dl a:hover {
   transition: all 0.5s;
}

.news li dl a:hover > dt .news_img img {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}

#business_con {
   position: relative;
   clear: both;
   background: #fff;
   overflow: hidden;
   box-sizing: border-box;
}
#business_con h3.business_tit {
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
   text-align: center;
   font-size: 40px;
   /* letter-spacing: -1px; */
   color: #333;
   line-height: 45px;
   padding: 70px 0 5px;
}
#business_con h3.business_tit span {
   font-family: 'Montserrat', sans-serif;
   font-weight: 300;
}

.business_con_in {
   position: relative;
   width: 1180px;
   margin: 0 auto;
   padding: 60px 0 40px 0;
   box-sizing: border-box;
}
.business_con_in ul {
   width: 1170px;
   margin: 0 auto;
}
.business_con_in ul:after {
   content: '';
   display: block;
   clear: both;
}
.business_con_in ul li {
   float: left;
   width: 155px;
   margin: 0 20px 30px;
}
.business_con_in ul li img {
   width: 100%;
}

#catalog_con {
   position: relative;
   clear: both;
   overflow: hidden;
   box-sizing: border-box;
}
.catalog_con_in {
   position: relative;
   width: 1500px;
   margin: 0 auto;
   padding: 40px 0;
   box-sizing: border-box;
}
.catalog_con_in:after {
   content: '';
   display: block;
   clear: both;
}
.catalog_con_in .tit_area {
   /*float:left; position:relative; width:170px; margin-right:50px; border-top:1px solid #fff; border-bottom:1px solid #fff; */
   padding: 20px 0;
}
.tit_area h3.catalog_tit {
   font-family: 'Montserrat', sans-serif;
   font-weight: 700; /*font-size:25px; letter-spacing:-0.5px; text-align:center; line-height:25px; color:#fff;*/
   text-align: center;
   font-size: 40px;
   /* letter-spacing: -1px; */
   color: #333;
   line-height: 45px;
   padding: 20px 0 5px;
}
.tit_area h3.catalog_tit span {
   font-family: 'Montserrat', sans-serif;
   font-weight: 300; /*font-size:25px; letter-spacing:-0.5px; line-height:25px;*/
}

.catalog_con_in .catalog_list {
   /*float:left;*/
   margin: 20px auto;
   position: relative;
   width: 1350px;
}
/*.catalog_list ul{width:100%;}
		.catalog_list ul + ul{margin-top: 10px;}
		.catalog_list ul li{float:left; width:160px; margin:0 0 15px 10px;}
		.catalog_list ul li:nth-child(8n+1){margin:0 0 0 0;}

		.catalog_list ul li dt{width:160px; height:151px; overflow:hidden;}
		.catalog_list ul li dt img{display:block; width: 100%; height: auto; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
		.catalog_list ul li dd{width:100%; height:40px; font-size:15px; letter-spacing:-0.5px; line-height:40px; text-align:center; color:#fff; background:#db680b;}

		.catalog_list ul li a{position:relative; display:block; transition: all 0.5s;}
		.catalog_list ul li a:hover{transition: all 0.5s;}

		.catalog_list ul li a:hover > dt img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);} */

.catalog_list ul {
   width: 100%;
}
.catalog_list ul + ul {
   margin-top: 10px;
}
.catalog_list ul li {
   float: left;
   width: 180px;
   margin: 0 0 15px 15px;
}
.catalog_list ul li:nth-child(7n + 1) {
   margin: 0 0 0 0;
}

.catalog_list ul li dt {
   width: 180px;
   height: 170px;
   overflow: hidden;
}
.catalog_list ul li dt img {
   display: block;
   width: 100%;
   height: auto;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.catalog_list ul li dd {
   width: 100%;
   height: 40px;
   font-size: 15px;
   /* letter-spacing: -0.5px; */
   line-height: 40px;
   text-align: center;
   color: #fff;
   background: #db680b;
}

.catalog_list ul li a {
   position: relative;
   display: block;
   transition: all 0.5s;
}
.catalog_list ul li a:hover {
   transition: all 0.5s;
}

.catalog_list ul li a:hover > dt img {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}

/*******************************************************************************
	@media 1379px~
*******************************************************************************/
@media all and (max-width: 1380px) {
   .news span.als-prev {
      position: absolute;
      left: 50px;
      top: -85px;
   }
   .news span.als-next {
      position: absolute;
      right: 50px;
      top: -85px;
   }
}