/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ¸ÞÀÎÄÁÅÙÃ÷ °øÅ뿵¿ª */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ·¹À̾ƿô °øÅë */
.sec-slide-main {float: left; width: 100%;}
.sec-main {position: relative; float: left; width: 100%;}
.sec-main .inner {margin: 0 auto; width: 100%; max-width: 168rem;} /* ¿ÍÀÌµå °¡·ÎÅ©±â */

.main-company {position: relative; width: 100%; padding: 20rem 0 0;}
.main-business {position: relative; width: 100%; padding: 20rem 0;}
.main-product {position: relative; width: 100%; padding: 20rem 0; background: url("../img/wowweb/images/product_bg.jpg") no-repeat; background-position: center top; background-size: cover;}
.main-board {position: relative; width: 100%; padding-top: 20rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷º° ŸÀÌƲ °øÅë */
.title-common {width: 100%; text-align: left; transform: rotate(-0.03deg);}
.title-common .tit-eng {width: 100%;}
.title-common .tit-eng span {font-family: "Saira", sans-serif; font-size: 2.4rem; color: #fff; font-weight: 700; letter-spacing: -0.06rem; line-height: 1;}
.title-common .tit-kor {font-family: "s-core-dream-heavy", sans-serif; font-size: 6rem; color: #fff; letter-spacing: -0.06rem; line-height: 1; margin-top: 1.5rem; margin-left: -0.2rem;}
.title-common .tit-subtxt {font-family: "s-core-dream-medium", sans-serif; font-size: 1.8rem; color: #fff; letter-spacing: -0.08rem; line-height: 1.5; word-break: keep-all; margin: 4rem 0 3.6rem;}
.title-common .tit-morebtn {display: flex; flex-wrap: wrap; align-items: center; width: auto; height: 2.4rem;}
.title-common .tit-morebtn a {display: block; height: 100%;}
.title-common .tit-morebtn a span {display: inline-block; font-size: 1.6rem; color: #898989; font-weight: 400; margin-right: 2rem; vertical-align: top;}
.title-common .tit-morebtn a i {display: inline-block; width: 24px; height: 24px; margin-top: 1px; vertical-align: top;}
.title-common .tit-morebtn a i img {width: 100%; height: 100%; vertical-align: top; transition: all 0.5s ease;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷º° ŸÀÌƲ °øÅë - Ç÷¯½º ¹öÆ° À̹ÌÁö ¸¶¿ì½º·Ñ¿À¹ö È¿°ú */
.title-common .tit-morebtn a:hover i img {transform: rotate(-180deg);}

/* ¸ÞÀÎ ÄÁÅÙÃ÷º° ŸÀÌƲ °øÅë - ¿¹¿Üó¸® */
.title-common2 .tit-eng span {color: #111;}
.title-common2 .tit-kor {color: #111;}
.title-common2 .tit-subtxt {color: #787878;}
.title-common3 {text-align: center;}
.title-common3 .tit-morebtn {justify-content: center;}
.title-common3 .tit-morebtn a span {color: #fff;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* sectionº° ÄÁÅÙÃ÷¿µ¿ª */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å - Àüü ¿µ¿ª */
.main-visual {position: relative; width: 100%; height: 100%; overflow: hidden;}
.main-visual:before {position: absolute; top: 0; right: 0; content: ""; width: 50%; height: 100%; background-color: #f2f2f4;} /* ȸ»ö BG ¿©¹é */
.main-visual .visual-slide {position: relative; width: 100%; height: 90rem; /* height: 100%; padding-bottom: 46.875%;*/}

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å - BG Å« ½½¶óÀ̵å À̹ÌÁö ¿µ¿ª */
.visual-slide .galleryTop {width: 100%; height: 100%;}
.visual-slide .mySwiper-visual {position: relative; float: left; width: 100%; height: 83rem;}
.visual-slide .mySwiper-visual .swiper-slide {width: 100%; height: 100%; 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-slide .mySwiper-visual .swiper-slide .slidecontents {position: relative; width: 100%; height: 100%; padding-bottom: 43.22916667%;}

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å - ½æ³×ÀÏ ½½¶óÀ̵å À̹ÌÁö ¿µ¿ª */
.visual-slide .galleryThumbs {width: 100%; height: 100%; overflow: hidden;}
.visual-slide .mySwiper-thumb {position: absolute; bottom: 0; left: 0; display: flex; width: 61.6rem; height: 10.8rem; margin-left: 16.35416667%; z-index: 2;}
.visual-slide .mySwiper-thumb .swiper-slide {cursor: pointer; width: 100%; height: 10.8rem; background-color: #000; -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-slide .mySwiper-thumb .swiper-slide .slide-thumbimg {position: relative; width: 100%; height: 100%; opacity: 0.65;}
.visual-slide .mySwiper-thumb .swiper-slide-thumb-active .slide-thumbimg {border: 5px solid #0265c7; opacity: 1;}

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å - ŸÀÌƲ ÅؽºÆ® ¿µ¿ª*/
.slide-title {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateY(40%); padding: 0 6.25%;}
.slide-title .slide-kor {font-family: "s-core-dream-extrabold", sans-serif; font-size: 6.2rem; color: #fff; letter-spacing: -0.06rem; line-height: 1.2;}
.slide-title p {font-family: "s-core-dream-light", sans-serif; font-size: 2rem; color: #fff; letter-spacing: -0.06rem; line-height: 1.3; margin-top: 2rem;}

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å - ½½¶óÀ̵å Àüȯ½Ã ŸÀÌƲ ¾Ö´Ï¸ÞÀÌ¼Ç Àû¿ë */
.visual-slide .swiper-slide-active .slide-title .slide-kor {animation: fadeInUpslide 0.4s;}
.visual-slide .swiper-slide-active .slide-title p {animation: fadeInUpslide 0.6s;}

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å - ½½¶óÀ̵å Àüȯ½Ã ŸÀÌƲ ¾Ö´Ï¸ÞÀÌ¼Ç È¿°ú */
@-webkit-keyframes fadeInUpslide {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUpslide {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å button ½ºÅ¸ÀÏ Àû¿ë */
.main-visual .paging {position: absolute; bottom: 0; left: 6.305832895428271%; width: 11rem; height: 5rem;}
.main-visual .paging .swiper-button-prev, .swiper-rtl .swiper-button-next {background-image: url("../img/wowweb/images/rollprev_arrow.png") !important; left: 0; right: auto;}
.main-visual .paging .swiper-button-next, .swiper-rtl .swiper-button-prev {background-image: url("../img/wowweb/images/rollnext_arrow.png") !important; right: 0; left: auto;}
.main-visual .paging .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {display: none;}
.main-visual .paging .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {display: none;}
.main-visual .paging .mainprev, .main-visual .paging .mainnext {top: 0 !important; margin-top: 0 !important; width: 5rem !important; height: 5rem !important; background-size: 5rem 5rem !important; outline: none;}

.main-visual .slogan-title {position: absolute; bottom: 0; right: 6.305832895428271%;}
.main-visual .slogan-title span {transform: rotate(-0.03deg); font-family: "Saira", sans-serif; font-size: 3rem; color: #c2c8cc; font-weight: 700; letter-spacing: -0.06rem; line-height: 1;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ȸ»ç¼Ò°³ ¿µ¿ª */
.main-company:before {position: absolute; top: 0; right: 0; content: ""; width: 50%; height: 100%; background-color: #f2f2f4;} /* ȸ»ö BG ¿©¹é */
.main-company .about-box {position: relative; width: 100%; padding-top: 12rem;}
.main-company .about-box:before {content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 66rem; background: url("../img/wowweb/images/about_bg.jpg") no-repeat; z-index: 1;}
.main-company .about-box:after {content: ""; display: block; visibility: hidden; overflow: hidden; clear: both;} /* float ¿ä¼Ò »èÁ¦ */

.main-company .about-box .title-area {position: relative; width: 100%; padding: 0 6.305832895428271%; z-index: 2;}
.main-company .about-box .company-list {position: relative; float: right; width: 100%; height: 100%; margin-top: 4rem; z-index: 2;}
.main-company .about-box .company-list > ul {display: flex; float: right; width: 100%; max-width: 129rem;}
.main-company .about-box .company-list > ul > li {width: 33.3334%;}
.main-company .about-box .company-list > ul > li > a {position: relative; display: block; width: 100%; height: 0; padding-bottom: 83.72093023255814%;}
.main-company .about-box .company-list > ul > li > a > .company-inner {display: flex; flex-wrap: wrap; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 5rem;}
.main-company .about-box .company-list > ul > li > a > .company-inner i.icon {display: inline-block; width: auto; height: 6rem; margin-bottom: 6.7rem;}
.main-company .about-box .company-list > ul > li > a > .company-inner span {display: inline-block; width: 100%; font-family: "Saira", sans-serif; transform: rotate(-0.03deg); font-size: 2.2rem; font-weight: 700; letter-spacing: -0.06rem; line-height: 1;}
.main-company .about-box .company-list > ul > li > a > .company-inner h3.title {display: flex; justify-content: space-between; align-items: center; width: 100%; font-family: "s-core-dream-extrabold", sans-serif; transform: rotate(-0.03deg); font-size: 3.2rem; letter-spacing: -0.06rem; line-height: 1; margin-top: 1.5rem;}
.main-company .about-box .company-list > ul > li > a > .company-inner h3.title i {display: inline-block; width: 2.3rem; height: 2.3rem; transition: all 0.5s ease;}
.main-company .about-box .company-list > ul > li > a > .company-inner h3.title i img {width: 100%; vertical-align: top;}
.main-company .about-box .company-list > ul > li > a > .company-inner p {transform: rotate(-0.03deg); font-size: 1.6rem; font-weight: 300; letter-spacing: -0.06rem; line-height: 1.4; word-break: keep-all; margin-top: 2rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ȸ»ç¼Ò°³ ¿µ¿ª ¹Ú½ºº° ¿¹¿Üó¸® */
.main-company .about-box .company-list > ul > li.box01 a {background-color: #054399;} /* ¹Ú½ºBG Ä÷¯ */
.main-company .about-box .company-list > ul > li.box01 a .company-inner span {color: #5791e1;}
.main-company .about-box .company-list > ul > li.box01 a .company-inner h3.title {color: #fff;}
.main-company .about-box .company-list > ul > li.box01 a .company-inner p {color: #acc4e5;}
.main-company .about-box .company-list > ul > li.box02 a {background-color: #fafafb;} /* ¹Ú½ºBG Ä÷¯ */
.main-company .about-box .company-list > ul > li.box02 a .company-inner span {color: #a5a7a9;}
.main-company .about-box .company-list > ul > li.box02 a .company-inner h3.title {color: #000000;}
.main-company .about-box .company-list > ul > li.box02 a .company-inner p {color: #363535;}
.main-company .about-box .company-list > ul > li.box03 a {background-color: #2b2a2d;} /* ¹Ú½ºBG Ä÷¯ */
.main-company .about-box .company-list > ul > li.box03 a .company-inner span {color: #828283;}
.main-company .about-box .company-list > ul > li.box03 a .company-inner h3.title {color: #fff;}
.main-company .about-box .company-list > ul > li.box03 a .company-inner p {color: #a6a6a7;}
.main-company .about-box .company-list > ul > li.box01 a > .company-inner i.icon img {width: 5.8rem;}
.main-company .about-box .company-list > ul > li.box02 a > .company-inner i.icon img {width: 6.2rem;}
.main-company .about-box .company-list > ul > li.box03 a > .company-inner i.icon img {width: 6.2rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ȸ»ç¼Ò°³ ¿µ¿ª ¹Ú½ºº° ¿¹¿Üó¸® ¸¶¿ì½º·Ñ¿À¹ö È¿°ú */
.main-company .about-box .company-list > ul > li.box01 a:hover {background-color: #03357a; transition: all 0.5s ease;} /* ¹Ú½ºBG Ä÷¯ */
.main-company .about-box .company-list > ul > li.box02 a:hover {background-color: #f0f0f2; transition: all 0.5s ease;} /* ¹Ú½ºBG Ä÷¯ */
.main-company .about-box .company-list > ul > li.box03 a:hover {background-color: #000; transition: all 0.5s ease;}    /* ¹Ú½ºBG Ä÷¯ */
.main-company .about-box .company-list > ul > li > a:hover > .company-inner h3.title i {transform: rotate(-180deg);}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª */
.main-business:before {position: absolute; top: 0; right: 0; content: ""; width: 50%; height: 100%; background-color: #f2f2f4;} /* ȸ»ö BG ¿©¹é */
.main-business .businessintro-box {position: relative; width: 100%; overflow: hidden;}
.main-business .businessintro-box .inbox {position: relative; display: flex; flex-wrap: wrap; align-items: center; padding-left: 6.305832895428271%;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª - ½½¶óÀ̵å button, pagination ½ºÅ¸ÀÏ Àû¿ë */
.main-business .businessintro-box .title-area {position: relative; width: 39%; height: 100%; max-height: 43rem;}
.main-business .businessintro-box .title-area .swiper-btn {position: relative; display: flex; align-items: center; width: 30rem; height: 5rem; margin-top: 4rem;}
.main-business .businessintro-box .title-area .swiper-btn .swiper-button-prev, .swiper-rtl .swiper-button-next {position: relative !important; background-image: url("../img/wowweb/images/rollprev_arrow.png") !important; left: auto; right: auto;}
.main-business .businessintro-box .title-area .swiper-btn .swiper-button-next, .swiper-rtl .swiper-button-prev {position: relative !important; background-image: url("../img/wowweb/images/rollnext_arrow.png") !important; left: auto; right: auto;}
.main-business .businessintro-box .title-area .swiper-btn .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {display: none;}
.main-business .businessintro-box .title-area .swiper-btn .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {display: none;}
.main-business .businessintro-box .title-area .swiper-btn .buslideprev, .main-business .businessintro-box .title-area .swiper-btn .buslidenext {top: 0 !important; margin-top: 0 !important; width: 5rem !important; height: 5rem !important; background-size: 5rem 5rem !important; outline: none;}
.main-business .businessintro-box .title-area .swiper-btn .swiper-pagination {position: relative; display: inline; margin: 0 2.5rem; bottom: auto; width: 5rem; font-family: "Saira", sans-serif; font-size: 2.2rem; color: #a7a7a7 !important; font-weight: 500;}
.main-business .businessintro-box .title-area .swiper-btn .swiper-pagination span.swiper-pagination-current {color: #0c5dcd; font-weight: 700;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª - ½½¶óÀÌµå ¸®½ºÆ® ½ºÅ¸ÀÏ Àû¿ë */
.business-list {position: relative; width: calc(100% - 39%);}
.business-list .swiper {position: relative; display: flex; width: 100%; height: 100%;}
.business-list .swiper .swiper-slide {max-width: 66rem; 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;}
.business-list .swiper .swiper-slide .slide-list {position: relative; display: block; width: 100%; height: 100%;}
.business-list .swiper .swiper-slide .slide-list a {position: relative; display: block; width: 100%; height: 100%;}
.business-list .swiper .swiper-slide .slide-list a .img-box {position: relative; display: block; width: 100%;}
.business-list .swiper .swiper-slide .slide-list a .img-box figure {position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;}
.business-list .swiper .swiper-slide .slide-list a .img-box figure .thumbimg {position: relative; width: 100%; height: 0; padding-bottom: 65.1515% !important;}
.business-list .swiper .swiper-slide .slide-list a .img-box figure .thumbimg img {position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; transform:scale(1.0); transition: all 0.3s linear;}
.business-list .swiper .swiper-slide .slide-list a .slide-info {position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; padding: 4% 7%; transform: rotate(-0.03deg); background-color: rgba(0,0,0,0.4); transition: all 0.3s linear;}
.business-list .swiper .swiper-slide .slide-list a .slide-info span {font-family: "s-core-dream-extrabold", sans-serif; font-size: 2.6rem; color: #fff; letter-spacing: -0.06rem; line-height: 1.2; word-break: keep-all; display: -webkit-box; white-space: break-spaces; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.business-list .swiper .swiper-slide .slide-list a .slide-info p {font-size: 1.7rem; color: #fff; font-weight: 300; letter-spacing: -0.08rem; line-height: 1.2; word-break: keep-all; word-break: keep-all; display: -webkit-box; white-space: break-spaces; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-top: 1rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª - ¸¶¿ì½º·Ñ¿À¹ö È¿°ú */
.business-list .swiper .swiper-slide .slide-list a:hover .img-box figure .thumbimg img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.business-list .swiper .swiper-slide .slide-list a:hover .slide-info {background-color: rgba(0,0,0,0.8);}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Á¦Ç°¼Ò°³ ¿µ¿ª */
.main-product .product-box {position: relative; width: 100%;}
.main-product .product-box .title-area {width: 100%; text-align: center;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Á¦Ç°¼Ò°³ ¿µ¿ª - ½½¶óÀÌµå ¸®½ºÆ® ½ºÅ¸ÀÏ Àû¿ë */
.product-list {position: relative; float: left; width: 100%; margin-top: 10.5rem;}

.slide-area {position: relative; float: left; width: 100%; padding: 0 6.305832895428271%;}
.slide-area .slider-btns {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: 5rem; z-index: 10;}

#slider-prev {position: absolute; left: 1.2%; width: 5rem; height: 5rem; background-image: url("../img/wowweb/images/productprev_arrow.png") !important; background-size: 5rem 5rem !important;}
#slider-prev a {display: block; width: 100%; height: 100%; font-size: 0;}
#slider-next {position: absolute; right: 1.2%; width: 5rem; height: 5rem; background-image: url("../img/wowweb/images/productnext_arrow.png") !important; background-size: 5rem 5rem !important;}
#slider-next a {display: block; width: 100%; height: 100%; font-size: 0;}

.bx-wrapper {width: 100%; z-index: 20;}
.bxslider {width: 100%; overflow: hidden;}
.bxslider table {width: 100%; overflow: hidden;}
.bxslider table tr {position: relative; float: left; width: 100%; height: 100%;}
.bxslider table tr td.board_output_gallery_img {position: relative; display: block; width: 100%; height: 100%;}
.bxslider table tr td.board_output_gallery_img a {position: relative; display: block; width: 100%; height: 100%; overflow: hidden;} /* À̹ÌÁö ±ôºýÀÌ´Â Çö»ó Á¦°Å overflow: hidden Ãß°¡ */
.bxslider table tr td.board_output_gallery_img a img {width: 100% !important; height: 100% !important; object-fit: cover; transform:scale(1.0); transition: all 0.3s linear;}
.bxslider table tr td.board_output_gallery_img br {display: none;}
.bxslider table tr:nth-of-type(2) {display: block; width: 100%; background: #fff;}
.bxslider table tr td {position: relative; display: block; width: 100%; height: 6rem;}
.bxslider table tr td .board_output_gallery_subject {position: relative; display: flex; justify-content: center; font-family: "s-core-dream-bold", sans-serif; width: 100%; height: 100%;}
.bxslider table tr td .board_output_gallery_subject a {position: relative; display: block; width: 100%; height: 100%; font-size: 2rem; color: #000; text-align: center; line-height: 6.2rem; display: -webkit-box; white-space: break-spaces; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; padding: 0 2rem; transition: all 0.3s linear;}
.bxslider table tr td br {display: none;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Á¦Ç°¼Ò°³ °Ô½Ã¹° ¿µ¿ª - ¸¶¿ì½º·Ñ¿À¹ö È¿°ú */
.bxslider table:hover tr td.board_output_gallery_img a img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.bxslider table:hover tr td .board_output_gallery_subject a {color: #fff; background: #0763e2;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °øÁö»çÇ× °Ô½ÃÆÇ ¿µ¿ª */
.main-board .board-box {position: relative; width: 100%;}
.main-board .board-box .title-area {position: relative; width: 100%; padding: 0 6.305832895428271%;}
.title-common4 .boardmore {position: absolute; top: 6.1rem; right: 0;}
.title-common4 .tit-subtxt {margin: 4rem 0 0;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °øÁö»çÇ× °Ô½Ã¹° ¿µ¿ª - ½½¶óÀÌµå ¸®½ºÆ® ½ºÅ¸ÀÏ Àû¿ë */
.board-list {position: relative; float: left; width: 100%; padding: 0 6.305832895428271%; margin-top: 10.5rem;}
.board-list ul {width: 100%;}
.board-list ul li {width: 100%;}

/* Ä«Æä24 °øÁö»çÇ× °Ô½ÃÆÇ ÃßÃ⠰Խù° ½ºÅ¸ÀÏ Àû¿ë */
.board-list ul li table.board_output tbody tr td table tbody {display: flex; flex-wrap: wrap; width: 100%;}
.board_output_11_tr {position: relative; float: left; width: 23.57142857142857%;}
.board_output_11_tr td:nth-child(1) {display: none;}
.board_output_11_tr td:nth-child(1) img {display: none;}
.board_output_11_tr td:nth-child(2) {display: inline-block; width: 100%; text-align: left; padding-right: 3rem;}
.board_output_11_tr td:nth-child(2) div.bd_out1 {display: flex; flex-wrap: wrap; width: 100%; padding-top: 4rem; border-top: 3px solid #000; transition: all 0.6s ease;}
.board_output_11_tr td:nth-child(2) div.bd_out1 a {width: 100%; height: 5.5rem; transform: rotate(-0.03deg); font-size: 2rem; color: #252525; font-weight: 700; line-height: 1.4; letter-spacing: -0.08rem; word-break: keep-all; display: -webkit-box; white-space: break-spaces; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 2.8rem; transition: all 0.3s ease;}
.board_output_11_tr td:nth-child(3) {transform: rotate(-0.03deg); font-size: 1.5rem; color: #606060; font-weight: 300; line-height: 1;}

/* Ä«Æä24 °øÁö»çÇ× °Ô½ÃÆÇ ÃßÃ⠰Խù° - ¸¶¿ì½º·Ñ¿À¹ö È¿°ú */
.board_output_11_tr:hover td:nth-child(2) div.bd_out1 {border-top: 3px solid #0763e2;}
.board_output_11_tr:hover td:nth-child(2) div.bd_out1 a {color: #0763e2; text-decoration: underline;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** ¹ÝÀÀÇü¼³Á¤ Mobile 359 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width:359px) {

.main-company {padding: 10rem 0 0;}
.main-business {padding: 10rem 0;}
.main-product {padding: 10rem 0 18rem;}
.main-board {padding-top: 10rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷º° ŸÀÌƲ °øÅë */
.title-common {padding: 0 2rem;}
.title-common .tit-eng span {font-size: 2rem;}
.title-common .tit-kor {font-size: 5rem;}
.title-common .tit-subtxt {font-size: 1.6rem;}
.title-common .tit-subtxt br {display: none;}

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å - Àüü ¿µ¿ª */
.main-visual .visual-slide {height: 68rem;}
.visual-slide .mySwiper-visual {height: 54rem;}
.visual-slide .mySwiper-thumb {bottom: 8rem; width: 32rem; margin-left: 2rem;}
.slide-title {padding: 0 2rem;}
.slide-title .slide-kor {font-size: 4rem; word-break: keep-all;}
.slide-title p {font-size: 1.6rem; word-break: keep-all;}
.slide-title p br {display: none;}
.main-visual .paging {left: 2rem;}
.main-visual .slogan-title {display: none;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ȸ»ç¼Ò°³ ¿µ¿ª */
.main-company .about-box {padding-top: 10rem;}
.main-company .about-box:before {background-size: cover; background-position: center top;}
.main-company .about-box .title-area {padding: 0;}
.main-company .about-box .company-list {margin-top: 5rem}
.main-company .about-box .company-list > ul {flex-wrap: wrap;}
.main-company .about-box .company-list > ul > li {width: 100%;}
.main-company .about-box .company-list > ul > li > a {height: 35rem; padding-bottom: 0;}
.main-company .about-box .company-list > ul > li > a > .company-inner i.icon {margin-bottom: 4rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª */
.main-business .businessintro-box .inbox {padding: 0;}
.main-business .businessintro-box .title-area {width: 100%;}
.main-business .businessintro-box .title-area .swiper-btn {margin-left: 2rem;}
.business-list {width: 100%; padding: 0 2rem; margin-top: 3rem;}
.business-list .swiper .swiper-slide .slide-list a .slide-info span {font-size: 2.4rem;}
.business-list .swiper .swiper-slide .slide-list a .slide-info p {font-size: 1.5rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Á¦Ç°¼Ò°³ ¿µ¿ª */
.product-list {margin-top: 5rem;}
.slide-area {padding: 0 2rem;}
.slide-area .slider-btns {top: initial; bottom: -8rem; transform: translateY(0);}
#slider-prev {left: 2rem;}
#slider-next {right: 2rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °øÁö»çÇ× °Ô½ÃÆÇ ¿µ¿ª */
.title-common4 {text-align: center; padding: 0;}
.title-common4 .boardmore {position: relative; display: flex;justify-content: center; top: 3.6rem;}
.board-list {padding: 0 2rem; margin-top: 9rem;}
.board_output_11_tr {width: 100%; margin-bottom: 4rem;}
.board_output_11_tr:last-child {margin-bottom: 0;}
.board_output_11_tr td:nth-child(2) {padding-right: 0;}
.board_output_11_tr td:nth-child(2) div.bd_out1 {padding-top: 3rem;}
.board_output_11_tr td:nth-child(2) div.bd_out1 a {height: auto; margin-bottom: 2rem;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** ¹ÝÀÀÇü¼³Á¤ Mobile 360,719 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:360px) and (max-width:719px) {

.main-company {padding: 10rem 0 0;}
.main-business {padding: 10rem 0;}
.main-product {padding: 10rem 0 18rem;}
.main-board {padding-top: 10rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷º° ŸÀÌƲ °øÅë */
.title-common {padding: 0 2rem;}
.title-common .tit-eng span {font-size: 2rem;}
.title-common .tit-kor {font-size: 5rem;}
.title-common .tit-subtxt {font-size: 1.6rem;}

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å - Àüü ¿µ¿ª */
.main-visual .visual-slide {height: 68rem;}
.visual-slide .mySwiper-visual {height: 54rem;}
.visual-slide .mySwiper-thumb {bottom: 8rem; width: 36rem; margin-left: 2rem;}
.slide-title {padding: 0 2rem;}
.slide-title .slide-kor {font-size: 4rem; word-break: keep-all;}
.slide-title p {font-size: 1.6rem; word-break: keep-all;}
.slide-title p br {display: none;}
.main-visual .paging {left: 2rem;}
.main-visual .slogan-title {display: none;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ȸ»ç¼Ò°³ ¿µ¿ª */
.main-company .about-box {padding-top: 10rem;}
.main-company .about-box:before {background-size: cover; background-position: center top;}
.main-company .about-box .title-area {padding: 0;}
.main-company .about-box .company-list {margin-top: 5rem}
.main-company .about-box .company-list > ul {flex-wrap: wrap;}
.main-company .about-box .company-list > ul > li {width: 100%;}
.main-company .about-box .company-list > ul > li > a {height: 35rem; padding-bottom: 0;}
.main-company .about-box .company-list > ul > li > a > .company-inner i.icon {margin-bottom: 4rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª */
.main-business .businessintro-box .inbox {padding: 0;}
.main-business .businessintro-box .title-area {width: 100%;}
.main-business .businessintro-box .title-area .swiper-btn {margin-left: 2rem;}
.business-list {width: 100%; padding: 0 2rem; margin-top: 3rem;}
.business-list .swiper .swiper-slide .slide-list a .slide-info span {font-size: 2.4rem;}
.business-list .swiper .swiper-slide .slide-list a .slide-info p {font-size: 1.5rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Á¦Ç°¼Ò°³ ¿µ¿ª */
.product-list {margin-top: 5rem;}
.slide-area {padding: 0 2rem;}
.slide-area .slider-btns {top: initial; bottom: -8rem; transform: translateY(0);}
#slider-prev {left: 2rem;}
#slider-next {right: 2rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °øÁö»çÇ× °Ô½ÃÆÇ ¿µ¿ª */
.title-common4 {text-align: center; padding: 0;}
.title-common4 .boardmore {position: relative; display: flex;justify-content: center; top: 3.6rem;}
.board-list {padding: 0 2rem; margin-top: 9rem;}
.board_output_11_tr {width: 100%; margin-bottom: 4rem;}
.board_output_11_tr:last-child {margin-bottom: 0;}
.board_output_11_tr td:nth-child(2) {padding-right: 0;}
.board_output_11_tr td:nth-child(2) div.bd_out1 {padding-top: 3rem;}
.board_output_11_tr td:nth-child(2) div.bd_out1 a {height: auto; margin-bottom: 2rem;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** ¹ÝÀÀÇü¼³Á¤ Tablet 720,767 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:720px) and (max-width:767px) {

.main-company {padding: 10rem 0 0;}
.main-business {padding: 10rem 0;}
.main-product {padding: 10rem 0;}
.main-board {padding-top: 10rem;}

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å - Àüü ¿µ¿ª */
.main-visual .visual-slide {height: 68rem;}
.visual-slide .mySwiper-visual {height: 54rem;}
.visual-slide .mySwiper-thumb {bottom: 8rem; width: 56rem; margin-left: 4rem;}
.slide-title {padding: 0 4rem;}
.slide-title .slide-kor {font-size: 5rem; word-break: keep-all;}
.slide-title p {font-size: 1.8rem; word-break: keep-all;}
.main-visual .paging {left: 4rem;}
.main-visual .slogan-title {right: 4rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ȸ»ç¼Ò°³ ¿µ¿ª */
.main-company .about-box .title-area {padding: 0 4rem;}
.main-company .about-box .company-list > ul {flex-wrap: wrap;}
.main-company .about-box .company-list > ul > li {width: 100%;}
.main-company .about-box .company-list > ul > li > a {height: 35rem; padding-bottom: 0;}
.main-company .about-box .company-list > ul > li > a > .company-inner {padding: 4rem;}
.main-company .about-box .company-list > ul > li > a > .company-inner i.icon {margin-bottom: 4rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª */
.main-business .businessintro-box .inbox {padding-left: 4rem;}
.main-business .businessintro-box .title-area {width: 100%;}
.business-list {width: 100%; margin-top: 3rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Á¦Ç°¼Ò°³ ¿µ¿ª */
.product-list {margin-top: 5rem;}
.slide-area {padding: 0 4rem;}
.slide-area .slider-btns {top: initial; bottom: -8rem; transform: translateY(0);}
#slider-prev {left: 4rem;}
#slider-next {right: 4rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °øÁö»çÇ× °Ô½ÃÆÇ ¿µ¿ª */
.main-board .board-box .title-area {padding: 0 4rem;}
.board-list {padding: 0 4rem; margin-top: 5rem;}
.board_output_11_tr {width: 47%; margin-bottom: 5rem;}
.board_output_11_tr td:nth-child(2) {padding-right: 0;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** ¹ÝÀÀÇü¼³Á¤ Tablet 768,1023 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:768px) and (max-width:1023px) {

.main-company {padding: 10rem 0 0;}
.main-business {padding: 10rem 0;}
.main-product {padding: 10rem 0;}
.main-board {padding-top: 10rem;}

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å - Àüü ¿µ¿ª */
.main-visual .visual-slide {height: 68rem;}
.visual-slide .mySwiper-visual {height: 54rem;}
.visual-slide .mySwiper-thumb {bottom: 8rem; width: 56rem; margin-left: 4rem;}
.slide-title {padding: 0 4rem;}
.slide-title .slide-kor {font-size: 5rem; word-break: keep-all;}
.slide-title p {font-size: 1.8rem; word-break: keep-all;}
.main-visual .paging {left: 4rem;}
.main-visual .slogan-title {right: 4rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ȸ»ç¼Ò°³ ¿µ¿ª */
.main-company .about-box .title-area {padding: 0 4rem;}
.main-company .about-box .company-list > ul {flex-wrap: wrap;}
.main-company .about-box .company-list > ul > li {width: 100%;}
.main-company .about-box .company-list > ul > li > a {height: 35rem; padding-bottom: 0;}
.main-company .about-box .company-list > ul > li > a > .company-inner {padding: 4rem;}
.main-company .about-box .company-list > ul > li > a > .company-inner i.icon {margin-bottom: 4rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª */
.main-business .businessintro-box .inbox {padding-left: 4rem;}
.main-business .businessintro-box .title-area {width: 100%;}
.business-list {width: 100%; margin-top: 3rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Á¦Ç°¼Ò°³ ¿µ¿ª */
.product-list {margin-top: 5rem;}
.slide-area {padding: 0 4rem;}
.slide-area .slider-btns {top: initial; bottom: -8rem; transform: translateY(0);}
#slider-prev {left: 4rem;}
#slider-next {right: 4rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °øÁö»çÇ× °Ô½ÃÆÇ ¿µ¿ª */
.main-board .board-box .title-area {padding: 0 4rem;}
.board-list {padding: 0 4rem; margin-top: 5rem;}
.board_output_11_tr {width: 47%; margin-bottom: 5rem;}
.board_output_11_tr td:nth-child(2) {padding-right: 0;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** ¹ÝÀÀÇü¼³Á¤ PC 1024,1279 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1024px) and (max-width:1279px) {

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å - Àüü ¿µ¿ª */
.main-visual .paging {left: 3rem;}
.main-visual .slogan-title {right: 3rem;}
.visual-slide .mySwiper-thumb {width: 38rem; margin-left: 16rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ȸ»ç¼Ò°³ ¿µ¿ª */
.main-company .about-box .company-list > ul > li > a {padding-bottom: 100%;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** ¹ÝÀÀÇü¼³Á¤ PC 1100,1279 ¿¹¿Üó¸® *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1100px) and (max-width:1279px) {

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å - Àüü ¿µ¿ª */
.visual-slide .mySwiper-thumb {width: 56rem;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** ¹ÝÀÀÇü¼³Á¤ PC 1280,1440 ¿¹¿Üó¸® *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1280px) and (max-width:1440px) {

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å - Àüü ¿µ¿ª */
.main-visual .paging {left: 3rem;}
.main-visual .slogan-title {right: 3rem;}
.visual-slide .mySwiper-thumb {margin-left: 16rem;}

}