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

/* ·¹À̾ƿô °øÅë */
.sec-main {position: relative; float: left; width: 100%;}
.sec-main .inner {margin: 0 auto; width: 100%; max-width: 140rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷º° ŸÀÌƲ °øÅë */
.title-common {text-align: left;}
.title-common .tit-stxt {transform: rotate(-0.03deg); font-size: 2.4rem; color: #b0afaf; font-weight: 700; letter-spacing: -0.1rem; line-height: 1;}
.title-common h2.tit-txt {font-family: "Saira", sans-serif; transform: rotate(-0.03deg); font-size: 6.8rem; color: #000; font-weight: 700; letter-spacing: -0.15rem; line-height: 1; margin-top: 1rem;}
.title-common p {font-family: "SCoreDream", sans-serif; transform: rotate(-0.03deg); font-size: 2rem; color: #111111; font-weight: 400; letter-spacing: -0.02rem; line-height: 1.5; word-break: keep-all; margin-top: 2.5rem;}
.title-common p span {display: block;}
.title-common .tit-more {display: inline-block; width: 19.4rem; height: 5.4rem; background-color: #017df1; border-radius: 5.8rem; border: 2px solid #017df1; margin-top: 6rem; transition: all .3s ease;}
.title-common .tit-more a {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; font-family: "Saira", sans-serif; transform: rotate(-0.03deg); font-size: 1.6rem; color: #fff; font-weight: 700;}
.title-common .tit-more:hover {background-color: #fff;}
.title-common .tit-more:hover a {color: #017df1;}

.title-space {padding-top: 14rem;}
.title-common .tit-stxt2 {color: #6291fc;}
.title-common h2.tit-txt2 {color: #fff;}
.title-common .txtmore-box {width: 100%; margin-top: 3rem;}
.title-common .txtmore-box p {float: left; color: #a1b9fc; margin-top: 0;}
.title-common .txtmore-box .tit-more {float: left; background-color: #017df1; border: 0; margin-top: 0; margin-left: 5rem;}
.title-common .txtmore-box .tit-more:hover {background-color: #fff;}
.title-common .txtmore-box .tit-more:hover a {color: #017df1;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ¸ÞÀÎ ºñÁÖ¾ó »ó´Ü ½½¶óÀÌµå ¹è³Ê ¿µ¿ª */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.main-visual {position: relative; top: 0; left: 0; width: 100%; z-index: 1;}
.main-visual .swiper {width: 100%; height: 100%;}
.main-visual .swiper .swiper-slide {height: 90rem; 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;}
.main-visual .swiper .swiper-slide .slidecontents {position: relative; display: table; width: 100%; height: 100%;}
.main-visual .swiper .paging {position: absolute; bottom: 22%; left: 0; width: 100%; overflow: hidden;}
.main-visual .swiper .paging .control-wrap {margin: 0 auto; width: 100%; max-width: 140rem; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å pagina ½ºÅ¸ÀÏ Àû¿ë */
.main-visual .swiper .swiper-pagination {position: relative !important; display: inline-flex; bottom: 38% !important; text-align: center !important; width: auto !important; margin: 0 3rem;}
.main-visual .swiper .swiper-pagination-bullet {width: 1.2rem !important; height: 1.2rem !important; display: inline-block; background: rgba(255,255,255,0) !important; border: 1px solid #fff; opacity: 1 !important; outline: none; transition: all 0.3s ease;}
.main-visual .swiper .swiper-pagination-bullet-active {width: 4rem !important; height: 1.2rem !important; background: #fff !important; border-radius: 50px; border: none;}
.main-visual .swiper .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 20% !important;}
.main-visual .swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 var(--swiper-pagination-bullet-horizontal-gap,3px) !important;}

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å button ½ºÅ¸ÀÏ Àû¿ë */
.main-visual .swiper .swiper-button-prev, .swiper-rtl .swiper-button-next {left: 0; width: auto; color: rgba(255,255,255,1);}
.main-visual .swiper .swiper-button-next, .swiper-rtl .swiper-button-prev {right: 0; width: auto; color: rgba(255,255,255,1);}
.main-visual .swiper .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {font-size: 2.2rem; font-weight: 500;}
.main-visual .swiper .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {font-size: 2.2rem; font-weight: 500;}
.main-visual .swiper .mainprev, .main-visual .swiper .mainnext {position: relative !important; margin-top: 0; z-index: 20;}

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å - ŸÀÌƲ ÅؽºÆ® ¿µ¿ª*/
.slide-title {position: absolute; top: 50%; left: 0; width: 100%; height: auto; text-align: center; transform: translateY(-35%); padding: 0 5.254860746190226%;}
.slide-title .top-txt {font-family: "SCoreDream", sans-serif; font-size: 3.2rem; color: #fff; font-weight: 500; letter-spacing: -0.08rem; line-height: 1.2; word-break: keep-all; margin-bottom: 3rem; transform: translateY(40px); opacity: 0; transition: 1s 0.5s;}
.slide-title .tit-txt {display: inline-block; width: auto; font-family: "SCoreDream", sans-serif; font-size: 6.6rem; color: #fff; font-weight: 400; letter-spacing: -0.08rem; line-height: 1.2; word-break: keep-all; padding: 1rem 0; border-top: 1px solid rgba(255,255,255,0.4); border-bottom: 1px solid rgba(255,255,255,0.4); transform: translateY(40px); opacity: 0; transition: 1s 0.7s;}
.slide-title .tit-txt strong {font-weight: 800;}
.slide-title p {font-family: "SCoreDream", sans-serif; font-size: 2rem; color: rgba(255,255,255,0.6); font-weight: 500; letter-spacing: -0.06rem; line-height: 1.3; word-break: keep-all; margin-top: 4rem; transform: translateY(40px); opacity: 0; transition: 1s 1.0s;}

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å - ½½¶óÀ̵å Àüȯ½Ã ŸÀÌƲ ¾Ö´Ï¸ÞÀÌ¼Ç Àû¿ë */
.main-visual .swiper .swiper-slide-active .slide-title .top-txt,
.main-visual .swiper .swiper-slide-active .slide-title .tit-txt,
.main-visual .swiper .swiper-slide-active .slide-title p {transform: translateY(0); opacity: 1;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.main-business {width: 100%; padding: 16rem 0 15rem; overflow: hidden;}
.main-business:after {position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 450px; background-image: url("../img/wowweb/images/business_bottombg.jpg"); background-repeat: no-repeat; background-position: left bottom;}
.business-box {position: relative; display: flex; justify-content: space-between; z-index: 50;}

.business-box .business-wrap a {display: block;}
.business-box .business-wrap a .business-thumb {width: 100%; height: 100%; overflow: hidden;}
.business-box .business-wrap a .business-thumb figure {width: 100%; height: 100%; margin: 0; padding: 0;}
.business-box .business-wrap a .business-thumb figure img {width: 100%; max-width: 100%; height: auto; transform: scale(1); -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.business-box .business-wrap a .business-info {position: relative; width: 90%; max-width: 53.8rem; padding: 5rem 3.5rem; margin-top: -165px; z-index: 50;}
.business-box .business-wrap a .business-info:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 180px; background-color: #fff;} /* ÅؽºÆ®¿µ¿ª BG */
.business-box .business-wrap a .business-info .eng-txt {font-family: "Saira", sans-serif; transform: rotate(-0.03deg); font-size: 2.2rem; color: #017df1; font-weight: 600; letter-spacing: -0.08rem; line-height: 1;}
.business-box .business-wrap a .business-info h3 {font-family: "SCoreDream", sans-serif; transform: rotate(-0.03deg); font-size: 4rem; color: #111; font-weight: 700; letter-spacing: -0.08rem; line-height: 1; margin: 1rem 0 2.8rem; transition: all .3s ease;}
.business-box .business-wrap a .business-info p {transform: rotate(-0.03deg); font-size: 1.8rem; color: #4f4f4f; font-weight: 400; letter-spacing: -0.08rem; line-height: 1.3;}
.business-box .business-wrap a .business-info p span {display: block;}
.business-box .business-wrap a .business-info .morebtn {display: flex; align-items: center; margin-top: 4rem;}
.business-box .business-wrap a .business-info .morebtn span {font-family: "Saira", sans-serif; transform: rotate(-0.03deg); font-size: 1.6rem; color: #2d2d2d; font-weight: 600; letter-spacing: -0.02rem; line-height: 1; margin-right: 2rem;}
.business-box .business-wrap a .business-info .morebtn i {display: flex; justify-content: center; align-items: center; width: 3.7rem; height: 3.7rem; background-color: #017df1; border-radius: 5.8rem; transition: all .3s ease;}
.business-box .business-wrap a .business-info .morebtn i img {width: 1.6rem; max-width: 100%; height: auto;}
.business-box .business-wrap a:hover .business-info .morebtn i {background-color: #000;}

/* ¿¹¿Üó¸® */
.business-box2 {margin-top: 6rem;}
.business-box2 .business-wrap:last-child {margin-top: 160px;}
.business-box2 .business-wrap a .business-info {margin-top: -160px;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª - ¸¶¿ì½º·Ñ¿À¹öÈ¿°ú Àû¿ë */
.business-box .business-wrap a:hover .business-thumb figure img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.business-box .business-wrap a:hover .business-info h3 {color: #017df1;}
.business-box .business-wrap a:hover .business-info p {text-decoration: underline;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Á¦Ç°¼Ò°³ ¿µ¿ª */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.main-product {width: 100%; padding-bottom: 3rem; border-bottom: 1px solid #dfdede; overflow: hidden;}
.product-visual {width: 100%; height: 50rem; padding-top: 7.5rem; background-image: url("../img/wowweb/images/product_title_bg.jpg"); background-repeat: no-repeat; background-color: #032a9a; background-position: right top; background-size: cover;}
.product-list {position: relative; width: 100%; margin-top: -17rem;}
.product-list:before {content: ""; position: absolute; top: 0; left: 50%; width: 100%; height: 180px; background-color: #fff;}
.product-list .inner {position: relative; padding: 6rem; background-color: #fff;}
.product-list .item-box {display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; height: 45rem;}
.product-list .item-box .item-thumb {width: 46.875%;}
.product-list .item-box .item-thumb figure {position: relative; width: 100%; height: 100%; padding: 0; margin: 0;}
.product-list .item-box .item-thumb figure img {width: 100%; max-width: 100%; height: 100%; object-fit: cover;}
.product-list .item-box .item-info {width: 48.4375%;}
.product-list .item-box .item-info .engtxt {font-family: "Saira", sans-serif; transform: rotate(-0.03deg); font-size: 2.8rem; color: #908f8f; font-weight: 600; letter-spacing: -0.02rem; line-height: 1; margin-bottom: 2.5rem;}
.product-list .item-box .item-info h3 {font-family: "SCoreDream", sans-serif; transform: rotate(-0.03deg); font-size: 6rem; color: #111; font-weight: 400; letter-spacing: -0.08rem; line-height: 1; margin-bottom: 2.5rem; display: -webkit-box; white-space: break-spaces; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.product-list .item-box .item-info h3 strong {font-weight: 800;}
.product-list .item-box .item-info p {font-family: "SCoreDream", sans-serif; transform: rotate(-0.03deg); font-size: 1.8rem; color: #474747; font-weight: 400; letter-spacing: -0.08rem; line-height: 1.5; word-break: keep-all;}
.product-list .item-box .item-info .morebtn {display: flex; align-items: center; margin-top: 4rem;}
.product-list .item-box .item-info .morebtn a {display: block; width: 100%; height: 100%;}
.product-list .item-box .item-info .morebtn a span {font-family: "Saira", sans-serif; transform: rotate(-0.03deg); font-size: 1.6rem; color: #aeadad; font-weight: 600; letter-spacing: -0.02rem; line-height: 1; margin-right: 2rem;}
.product-list .item-box .item-info .morebtn a i {display: inline-flex; justify-content: center; align-items: center; width: 3.7rem; height: 3.7rem; background-color: #017df1; border-radius: 5.8rem; transition: all .3s ease;}
.product-list .item-box .item-info .morebtn a i img {width: 1.6rem; max-width: 100%; height: auto;}
.product-list .item-box .item-info .morebtn a:hover i {background-color: #000;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Á¦Ç°¼Ò°³ ¿µ¿ª - ½½¶óÀ̵å ÀÌÀü/´ÙÀ½ ¹öÆ° ½ºÅ¸ÀÏ Àû¿ë */
#customNavigation {width: 100%; margin-top: -5rem; margin-left: 8rem; display: flex; justify-content: center;}
.custom-btns {position: relative; display: flex; align-items: center; width: 12rem; height: 5rem; z-index: 2;}
.customPrevBtn {position: absolute; left: 0; width: 5rem; height: 5rem; display: flex;}
.customPrevBtn a {display: block; width: 100%; height: 100%; font-size: 0; background-color: #fff; background-image: url("../img/wowweb/images/productprev_arrow.png"); background-repeat: no-repeat; background-position: 48% 50%; border: 1px solid #d8d6d6; transition: all .3s ease;}
.customPrevBtn a:hover {border: 1px solid #000;}
.customNextBtn {position: absolute; right: 0; width: 5rem; height: 5rem; display: flex;}
.customNextBtn a {display: block; width: 100%; height: 100%; font-size: 0; background-color: #fff; background-image: url("../img/wowweb/images/productnext_arrow.png"); background-repeat: no-repeat; background-position: 53% 50%; border: 1px solid #d8d6d6; transition: all .3s ease;}
.customNextBtn a:hover {border: 1px solid #000;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Ä¿¹Â´ÏƼ ¿µ¿ª */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.main-community {width: 100%; margin-top: 17rem;}
.community-box {display: flex; justify-content: space-between; width: 100%;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Ä¿¹Â´ÏƼ ¿µ¿ª - ÁÂÃø ¹è³Ê ¿µ¿ª */
.community-box .left-banner {width: 31.42857142857143%; height: 56rem; background-image: url("../img/wowweb/images/banner_img.jpg"); background-repeat: no-repeat; background-position: left top;}
.community-box .left-banner a {display: block; width: 100%; height: 100%; padding: 9.5rem 5rem 5rem;}
.community-box .left-banner a h4 {font-family: "Saira", sans-serif; transform: rotate(-0.03deg); font-size: 4.6rem; color: #fff; font-weight: 700; letter-spacing: -0.02rem; line-height: 1;}
.community-box .left-banner a p {font-family: "SCoreDream", sans-serif; transform: rotate(-0.03deg); font-size: 1.8rem; color: #afd1f2; font-weight: 400; letter-spacing: -0.08rem; line-height: 1.5; margin-top: 2rem;}
.community-box .left-banner a p span {display: block;}
.community-box .left-banner a .morebtn {display: flex; align-items: center; margin-top: 6rem;}
.community-box .left-banner a .morebtn span {font-family: "Saira", sans-serif; transform: rotate(-0.03deg); font-size: 1.6rem; color: #fff; font-weight: 600; letter-spacing: -0.02rem; line-height: 1; margin-right: 2rem;}
.community-box .left-banner a .morebtn i {display: inline-flex; justify-content: center; align-items: center; width: 3.7rem; height: 3.7rem; background-color: #fff; border-radius: 5.8rem;}
.community-box .left-banner a .morebtn i img {width: 1.6rem; max-width: 100%; height: auto; transition: all 0.5s ease;}
.community-box .left-banner a:hover .morebtn i img {transform: rotate(-45deg);}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Ä¿¹Â´ÏƼ ¿µ¿ª - ¿ìÃø °øÁö»çÇ× °Ô½Ã¹° ¿µ¿ª */
.community-box .right-board {position: relative; width: 62.14285714285714%;}
.community-box .right-board .title-common .tit-more {position: absolute; top: 0; right: 0; margin-top: 3.6rem;}
.community-box .right-board .board-list {width: 100%; margin-top: 3.5rem; border-top: 2px solid #000;}

/* Ä«Æä24 °øÁö»çÇ× °Ô½ÃÆÇ ÃßÃ⠰Խù° ½ºÅ¸ÀÏ Àû¿ë */
.board_output_11_tr {position: relative; display: flex; align-content: center; flex-wrap: wrap; width: 100%; height: 100%; padding: 3.5rem 0 3.5rem 13rem; border-bottom: 1px solid #dfdede;}
.board_output_11_tr:before {position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: "NOTICE"; display: flex; justify-content: center; align-items: center; width: 100%; max-width: 10.5rem; height: 8rem; font-family: "Saira", sans-serif; font-size: 1.6rem; color: #898989; font-weight: 500; letter-spacing: -0.05rem; background-color: #fff; border: 1px solid #dedddd;}
.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; margin-bottom: 1.5rem;}
.board_output_11_tr td:nth-child(2) a {display: block; width: 100%; height: 100%; font-family: "SCoreDream", sans-serif; transform: rotate(-0.03deg); font-size: 2rem; color: #252525; font-weight: 500; line-height: 1.1; 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: 1; transition: all 0.3s ease;}
.board_output_11_tr td:nth-child(3) {transform: rotate(-0.03deg); font-size: 1.4rem; color: #929090; font-weight: 300; letter-spacing: -0.02rem; line-height: 1;}

/* Ä«Æä24 °øÁö»çÇ× °Ô½ÃÆÇ ÃßÃâ - ¸¶¿ì½º·Ñ¿À¹ö È¿°ú */
.board_output_11_tr td:nth-child(2) a:hover {color: #017df1; text-decoration: underline;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ¿À½Ã´Â±æ ¹× ¹Ù·Î°¡±â ¹öÆ° ¿µ¿ª */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.main-locationbtn {width: 100%; margin-top: 23rem; background-color: #242424;}
.locationbtn-box {display: flex; justify-content: space-between; width: 100%;}
.locationbtn-box .locationbtn-info .title-common {padding-top: 11rem;}
.locationbtn-box .locationbtn-info .title-common .tit-stxt {color: #b0afaf;}
.locationbtn-box .locationbtn-info .title-common .tit-txt {color: #fff; margin-top: 0.5rem;}
.locationbtn-box .locationbtn-info .title-common p {color: #bfbcbc; line-height: 1.4;}

.locationbtn-box .locationbtn-info .morebtn-group {width: 100%; margin-top: 4rem;}
.locationbtn-box .locationbtn-info .morebtn-group a {display: inline-flex; justify-content: center; align-items: center; width: auto; height: 6.4rem; padding: 0 3rem; border: 2px solid #fff; transition: all 0.3s ease;}
.locationbtn-box .locationbtn-info .morebtn-group a.qna {margin-right: 3.4rem;}
.locationbtn-box .locationbtn-info .morebtn-group a span {font-family: "SCoreDream", sans-serif; transform: rotate(-0.03deg); font-size: 1.8rem; color: #fff; font-weight: 500; line-height: 1; letter-spacing: -0.08rem;}
.locationbtn-box .locationbtn-info .morebtn-group a i {display: inline-flex; width: 1.9rem; height: 0.8rem; margin-left: 6.7rem;}
.locationbtn-box .locationbtn-info .morebtn-group a i img {width: 100%;}
.locationbtn-box .locationbtn-info .morebtn-group a:hover {background-color: #017df1; border: 2px solid #017df1;}

.locationbtn-box .company-img {width: 56.42857142857143%; margin-top: -6rem;}
.locationbtn-box .company-img .imgbox {width: 100%;}
.locationbtn-box .company-img .imgbox img {width: 100%; max-width: 100%; height: auto;}


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

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

/* ¸ÞÀÎÄÁÅÙÃ÷ °øÅ뿵¿ª */
.sec-main .inner {padding: 0 2rem;}
.title-common .tit-stxt {font-size: 2rem;}
.title-common h2.tit-txt {font-size: 5rem;}
.title-common p {font-size: 1.6rem; margin-top: 2rem;}
.title-common .tit-more {margin-top: 3rem;}

/* ¸ÞÀÎ ºñÁÖ¾ó »ó´Ü ½½¶óÀÌµå ¹è³Ê ¿µ¿ª */
.main-visual .swiper .swiper-slide {height: 60rem;}
.slide-title {transform: translateY(-42%);}
.slide-title .top-txt {font-size: 2.2rem; margin-bottom: 2rem;}
.slide-title .tit-txt {font-size: 4rem;}
.slide-title p {font-size: 1.8rem;}
.main-visual .swiper .paging {bottom: 5%;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª */
.main-business {padding: 0 0 10rem; margin-top: 8rem;}
.main-business:after {height: 20rem; background-size: cover;}
.title-space {padding-top: 0; margin-bottom: 5rem;}
.business-box {flex-direction: column;}
.business-box .business-wrap a .business-thumb {height: 36rem;}
.business-box .business-wrap a .business-thumb figure img {height: 100%; object-fit: cover;}
.business-box .business-wrap a .business-info {padding: 3rem 2rem; margin-top: -70px;}
.business-box .business-wrap a .business-info:before {height: 120px;}
.business-box .business-wrap a .business-info .eng-txt {font-size: 1.8rem;}
.business-box .business-wrap a .business-info h3 {font-size: 3.2rem; margin-left: -0.2rem;}
.business-box .business-wrap a .business-info p {font-size: 1.6rem; word-break: keep-all; line-height: 1.4;}
.business-box .business-wrap a .business-info p span {display: inline;}
.business-box .business-wrap a .business-info .morebtn {margin-top: 3rem;}
.business-box2 {margin-top: 3rem;}
.business-box2 .business-wrap:last-child {margin-top: 3rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Á¦Ç°¼Ò°³ ¿µ¿ª */
.main-product {padding-bottom: 5rem;}
.product-visual {height: 36rem; padding-top: 5rem; background-position: center bottom;}
.title-common .txtmore-box .tit-more {margin-top: 3rem; margin-left: 0;}
.product-list {margin-top: 0;}
.product-list:before {display: none;}
.product-list .inner {padding: 4rem 2rem 0;}
.product-list .item-box {height: auto;}
.product-list .item-box .item-thumb {width: 100%;}
.product-list .item-box .item-info {width: 100%; padding-top: 2rem;}
.product-list .item-box .item-info .engtxt {font-size: 1.8rem; margin-bottom: 1rem;}
.product-list .item-box .item-info h3 {font-size: 3.2rem;}
.product-list .item-box .item-info p {font-size: 1.6rem; display: -webkit-box; white-space: break-spaces; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.product-list .item-box .item-info .morebtn {margin-top: 2rem;}

#customNavigation {margin-top: 3rem; margin-left: 0;}
.custom-btns {width: 12rem;}
.customNextBtn {width: 4.5rem; height: 4.5rem;}
.customPrevBtn {width: 4.5rem; height: 4.5rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Ä¿¹Â´ÏƼ ¿µ¿ª */
.main-community {margin-top: 8rem;}
.community-box {flex-direction: column;}
.community-box .left-banner {width: 100%; height: 36rem; background-size: cover; background-position: left center;}
.community-box .left-banner a {padding: 3rem;}
.community-box .left-banner a h4 {font-size: 3rem;}
.community-box .left-banner a p {font-size: 1.6rem;}
.community-box .left-banner a .morebtn {margin-top: 3rem;}
.community-box .right-board {width: 100%; margin-top: 5rem;}
.community-box .right-board .title-common .tit-more {position: static; margin-top: 3rem;}

/* Ä«Æä24 °øÁö»çÇ× °Ô½ÃÆÇ ÃßÃ⠰Խù° ½ºÅ¸ÀÏ Àû¿ë */
.board_output_11_tr {padding: 6rem 0 2rem 0;}
.board_output_11_tr:before {top: 2rem; left: 0; transform: translateY(0); height: 3rem;}
.board_output_11_tr td:nth-child(2) a {font-size: 1.7rem; line-height: 1.4; -webkit-line-clamp: 2;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ¿À½Ã´Â±æ ¹× ¹Ù·Î°¡±â ¹öÆ° ¿µ¿ª */
.main-locationbtn {margin-top: 8rem;}
.locationbtn-box {flex-direction: column; padding-top: 5rem;}
.locationbtn-box .company-img {order: 1; width: 100%; margin-top: 0;}
.locationbtn-box .locationbtn-info {order: 2;}
.locationbtn-box .locationbtn-info .title-common {padding-top: 5rem;}
.locationbtn-box .locationbtn-info .morebtn-group {display: flex;}
.locationbtn-box .locationbtn-info .morebtn-group a {width: 50%; height: 5rem; padding: 0 1rem;}
.locationbtn-box .locationbtn-info .morebtn-group a.qna {margin-right: 2rem;}
.locationbtn-box .locationbtn-info .morebtn-group a span {font-size: 1.6rem;}
.locationbtn-box .locationbtn-info .morebtn-group a i {margin-left: 2rem;}

}


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

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

/* ¸ÞÀÎÄÁÅÙÃ÷ °øÅ뿵¿ª */
.sec-main .inner {padding: 0 2rem;}
.title-common .tit-stxt {font-size: 2rem;}
.title-common h2.tit-txt {font-size: 5rem;}
.title-common p {font-size: 1.6rem; margin-top: 2rem;}
.title-common p span {display: inline;}
.title-common .tit-more {margin-top: 3rem;}

/* ¸ÞÀÎ ºñÁÖ¾ó »ó´Ü ½½¶óÀÌµå ¹è³Ê ¿µ¿ª */
.main-visual .swiper .swiper-slide {height: 60rem;}
.slide-title {transform: translateY(-42%);}
.slide-title .top-txt {font-size: 2rem; margin-bottom: 2rem;}
.slide-title .tit-txt {font-size: 4rem;}
.slide-title p {font-size: 1.7rem;}
.main-visual .swiper .paging {bottom: 5%;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª */
.main-business {padding: 0 0 10rem; margin-top: 8rem;}
.main-business:after {height: 20rem; background-size: cover;}
.title-space {padding-top: 0; margin-bottom: 5rem;}
.business-box {flex-direction: column;}
.business-box .business-wrap a .business-thumb {height: 36rem;}
.business-box .business-wrap a .business-thumb figure img {height: 100%; object-fit: cover;}
.business-box .business-wrap a .business-info {padding: 3rem 2rem; margin-top: -110px;}
.business-box .business-wrap a .business-info:before {height: 120px;}
.business-box .business-wrap a .business-info .eng-txt {font-size: 1.8rem;}
.business-box .business-wrap a .business-info h3 {font-size: 3.2rem; margin-left: -0.2rem;}
.business-box .business-wrap a .business-info p {font-size: 1.6rem; word-break: keep-all; line-height: 1.4;}
.business-box .business-wrap a .business-info p span {display: inline;}
.business-box .business-wrap a .business-info .morebtn {margin-top: 3rem;}
.business-box2 {margin-top: 3rem;}
.business-box2 .business-wrap:last-child {margin-top: 3rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Á¦Ç°¼Ò°³ ¿µ¿ª */
.main-product {padding-bottom: 5rem;}
.product-visual {height: 35rem; padding-top: 5rem; background-position: center bottom;}
.title-common .txtmore-box .tit-more {margin-top: 3rem; margin-left: 0;}
.product-list {margin-top: 0;}
.product-list:before {display: none;}
.product-list .inner {padding: 4rem 2rem 0;}
.product-list .item-box {height: auto;}
.product-list .item-box .item-thumb {width: 100%;}
.product-list .item-box .item-info {width: 100%; padding-top: 2rem;}
.product-list .item-box .item-info .engtxt {font-size: 1.8rem; margin-bottom: 1rem;}
.product-list .item-box .item-info h3 {font-size: 3.2rem;}
.product-list .item-box .item-info p {font-size: 1.6rem; display: -webkit-box; white-space: break-spaces; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.product-list .item-box .item-info .morebtn {margin-top: 2rem;}

#customNavigation {margin-top: 3rem; margin-left: 0;}
.custom-btns {width: 12rem;}
.customNextBtn {width: 4.5rem; height: 4.5rem;}
.customPrevBtn {width: 4.5rem; height: 4.5rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Ä¿¹Â´ÏƼ ¿µ¿ª */
.main-community {margin-top: 8rem;}
.community-box {flex-direction: column;}
.community-box .left-banner {width: 100%; height: 36rem; background-size: cover; background-position: left center;}
.community-box .left-banner a {padding: 3rem;}
.community-box .left-banner a h4 {font-size: 3rem;}
.community-box .left-banner a p {font-size: 1.6rem;}
.community-box .left-banner a .morebtn {margin-top: 3rem;}
.community-box .right-board {width: 100%; margin-top: 5rem;}
.community-box .right-board .title-common .tit-more {position: static; margin-top: 3rem;}

/* Ä«Æä24 °øÁö»çÇ× °Ô½ÃÆÇ ÃßÃ⠰Խù° ½ºÅ¸ÀÏ Àû¿ë */
.board_output_11_tr {padding: 6rem 0 2rem 0;}
.board_output_11_tr:before {top: 2rem; left: 0; transform: translateY(0); height: 3rem;}
.board_output_11_tr td:nth-child(2) a {font-size: 1.7rem; line-height: 1.4; -webkit-line-clamp: 2;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ¿À½Ã´Â±æ ¹× ¹Ù·Î°¡±â ¹öÆ° ¿µ¿ª */
.main-locationbtn {margin-top: 8rem;}
.locationbtn-box {flex-direction: column; padding-top: 5rem;}
.locationbtn-box .company-img {order: 1; width: 100%; margin-top: 0;}
.locationbtn-box .locationbtn-info {order: 2;}
.locationbtn-box .locationbtn-info .title-common {padding-top: 5rem;}
.locationbtn-box .locationbtn-info .morebtn-group {display: flex;}
.locationbtn-box .locationbtn-info .morebtn-group a {width: 50%; height: 5rem; padding: 0 1rem;}
.locationbtn-box .locationbtn-info .morebtn-group a.qna {margin-right: 2rem;}
.locationbtn-box .locationbtn-info .morebtn-group a span {font-size: 1.5rem;}
.locationbtn-box .locationbtn-info .morebtn-group a i {margin-left: 2rem;}

}


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

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

/* ¸ÞÀÎÄÁÅÙÃ÷ °øÅ뿵¿ª */
.sec-main .inner {padding: 0 2rem;}
.title-common .tit-more {margin-top: 4rem;}

/* ¸ÞÀÎ ºñÁÖ¾ó »ó´Ü ½½¶óÀÌµå ¹è³Ê ¿µ¿ª */
.main-visual .swiper .swiper-slide {height: 70rem;}
.slide-title {transform: translateY(-42%);}
.slide-title .tit-txt {font-size: 5.8rem;}
.main-visual .swiper .paging {bottom: 5%;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª */
.main-business {padding: 10rem 0 10rem;}
.main-business:after {height: 30rem; background-size: cover;}
.business-box:first-child {flex-direction: column;}
.title-space {width: 100%; padding-top: 0; margin-bottom: 7rem;}
.business-box .business-wrap a .business-info h3 {font-size: 3rem;}
.business-box2 .business-wrap a .business-info:before {height: 100px;}
.business-box2 .business-wrap {width: 50%;}
.business-box2 .business-wrap:last-child {margin-top: 90px; margin-left: 3rem;}
.business-box2 .business-wrap a .business-info {margin-top: -90px;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Á¦Ç°¼Ò°³ ¿µ¿ª */
.main-product {padding-bottom: 5rem;}
.product-visual {height: 35rem; background-position: center bottom;}
.product-list {margin-top: 0;}
.product-list .inner {padding: 5rem 2rem 0;}
.product-list .item-box {height: auto;}
.product-list .item-box .item-thumb {width: 100%;}
.product-list .item-box .item-info {width: 100%; padding-top: 4rem;}
.product-list .item-box .item-info .engtxt {font-size: 2.2rem; margin-bottom: 1rem;}
.product-list .item-box .item-info h3 {font-size: 5rem;}
.product-list .item-box .item-info p {font-size: 1.7rem; display: -webkit-box; white-space: break-spaces; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.product-list .item-box .item-info .morebtn {margin-top: 2rem;}

#customNavigation {margin-top: 3rem; margin-left: 0;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Ä¿¹Â´ÏƼ ¿µ¿ª */
.main-community {margin-top: 10rem;}
.community-box {flex-direction: column;}
.community-box .left-banner {width: 100%; background-size: cover;}
.community-box .right-board {width: 100%; margin-top: 5rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ¿À½Ã´Â±æ ¹× ¹Ù·Î°¡±â ¹öÆ° ¿µ¿ª */
.main-locationbtn {margin-top: 10rem;}
.locationbtn-box {flex-direction: column; padding-top: 10rem;}
.locationbtn-box .company-img {order: 1; width: 100%; margin-top: 0;}
.locationbtn-box .locationbtn-info {order: 2;}
.locationbtn-box .locationbtn-info .title-common {padding-top: 5rem;}

}


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

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

/* ¸ÞÀÎÄÁÅÙÃ÷ °øÅ뿵¿ª */
.sec-main .inner {padding: 0 2rem;}
.title-common .tit-more {margin-top: 4rem;}

/* ¸ÞÀÎ ºñÁÖ¾ó »ó´Ü ½½¶óÀÌµå ¹è³Ê ¿µ¿ª */
.main-visual .swiper .swiper-slide {height: 70rem;}
.slide-title {transform: translateY(-42%);}
.slide-title .tit-txt {font-size: 5.8rem;}
.main-visual .swiper .paging {bottom: 5%;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª */
.main-business {padding: 10rem 0 10rem;}
.main-business:after {height: 30rem; background-size: cover;}
.business-box:first-child {flex-direction: column;}
.title-space {width: 100%; padding-top: 0; margin-bottom: 7rem;}
.business-box .business-wrap a .business-info h3 {font-size: 3rem;}
.business-box2 .business-wrap a .business-info:before {height: 100px;}
.business-box2 .business-wrap {width: 50%;}
.business-box2 .business-wrap:last-child {margin-top: 90px; margin-left: 3rem;}
.business-box2 .business-wrap a .business-info {margin-top: -90px;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Á¦Ç°¼Ò°³ ¿µ¿ª */
.main-product {padding-bottom: 5rem;}
.product-visual {height: 35rem; background-position: center bottom;}
.product-list {margin-top: 0;}
.product-list .inner {padding: 5rem 2rem 0;}
.product-list .item-box {height: auto;}
.product-list .item-box .item-thumb {width: 100%;}
.product-list .item-box .item-info {width: 100%; padding-top: 4rem;}
.product-list .item-box .item-info .engtxt {font-size: 2.2rem; margin-bottom: 1rem;}
.product-list .item-box .item-info h3 {font-size: 5rem;}
.product-list .item-box .item-info p {font-size: 1.7rem; display: -webkit-box; white-space: break-spaces; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.product-list .item-box .item-info .morebtn {margin-top: 2rem;}

#customNavigation {margin-top: 3rem; margin-left: 0;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Ä¿¹Â´ÏƼ ¿µ¿ª */
.main-community {margin-top: 10rem;}
.community-box {flex-direction: column;}
.community-box .left-banner {width: 100%; background-size: cover;}
.community-box .right-board {width: 100%; margin-top: 5rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ¿À½Ã´Â±æ ¹× ¹Ù·Î°¡±â ¹öÆ° ¿µ¿ª */
.main-locationbtn {margin-top: 10rem;}
.locationbtn-box {flex-direction: column; padding-top: 10rem;}
.locationbtn-box .company-img {order: 1; width: 100%; margin-top: 0;}
.locationbtn-box .locationbtn-info {order: 2;}
.locationbtn-box .locationbtn-info .title-common {padding-top: 5rem;}

}


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

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

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª */
.main-business {padding: 16rem 2rem 15rem;}
.title-space {width: 34%; margin-right: 4rem;}
.title-space p {word-break: keep-all;}
.title-space p span {display: inline;}
.business-box .business-wrap {width: 66%;}
.business-box .business-wrap a .business-info p {font-size: 1.7rem;}
.business-box2 .business-wrap {width: 48%;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Á¦Ç°¼Ò°³ ¿µ¿ª */
.product-visual {padding: 7.5rem 2rem 0;}
.product-list .item-box .item-info .engtxt {font-size: 2.2rem;}
.product-list .item-box .item-info h3 {font-size: 5rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Ä¿¹Â´ÏƼ ¿µ¿ª */
.community-box {padding: 0 2rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ¿À½Ã´Â±æ ¹× ¹Ù·Î°¡±â ¹öÆ° ¿µ¿ª */
.locationbtn-box {padding: 0 2rem;}
.locationbtn-box .locationbtn-info .title-common p {font-size: 1.8rem;}
.locationbtn-box .locationbtn-info .morebtn-group a.qna {padding: 0 2rem; margin-right: 2rem;}
.locationbtn-box .locationbtn-info .morebtn-group a i {margin-left: 4rem;}
.locationbtn-box .company-img .imgbox {height: 50rem;}
.locationbtn-box .company-img .imgbox img {height: 100%;}

}


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

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

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª */
.main-business {padding: 16rem 2rem 15rem;}
.title-space {width: 40%; margin-right: 4rem;}
.title-space p {word-break: keep-all;}
.title-space p span {display: inline;}
.business-box .business-wrap {width: 60%;}
.business-box2 .business-wrap {width: 48%;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Á¦Ç°¼Ò°³ ¿µ¿ª */
.product-visual {padding: 7.5rem 2rem 0;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Ä¿¹Â´ÏƼ ¿µ¿ª */
.community-box {padding: 0 2rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ¿À½Ã´Â±æ ¹× ¹Ù·Î°¡±â ¹öÆ° ¿µ¿ª */
.locationbtn-box {padding: 0 2rem;}
.locationbtn-box .locationbtn-info .title-common p {font-size: 1.8rem;}
.locationbtn-box .locationbtn-info .morebtn-group a.qna {padding: 0 2rem; margin-right: 2rem;}
.locationbtn-box .company-img .imgbox {height: 50rem;}
.locationbtn-box .company-img .imgbox img {height: 100%;}

}