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

/* ·¹À̾ƿô °øÅë */
.sec-main {position: relative; float: left; width: 100%;}
.sec-main .inner {margin: 0 auto; width: 100%; max-width: 1200px;}
.sec-slide-main {position: relative; float: left; width: 100%;}
.title-common {position: relative; width: 100%; text-align: center; margin-bottom: 4rem;}
.title-common h2 {font-family: "Saira", sans-serif; transform: rotate(-0.03deg); font-size: 3.5rem; color: #111; font-weight: 700; line-height: 1; letter-spacing: -0.08rem;}
.title-common p {transform: rotate(-0.03deg); font-size: 1.6rem; color: #333333; font-weight: 400; line-height: 1; letter-spacing: -0.08rem; margin-top: 1rem;}
.title-common .morebtn {display: inline-block; width: auto; height: 3.8rem; margin-top: 3rem;}
.title-common .morebtn a {display: block; width: 100%; height: 100%; transform: rotate(-0.03deg); font-size: 1.4rem; color: #878484; line-height: 3.6rem; text-align: center; padding: 0 3rem; border: 1px solid #d3d3d3; transition: all 0.3s ease;}
.title-common .morebtn a:hover {color: #fff; background-color: #1866e2; border: 1px solid #1866e2;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ¸ÞÀÎ ÄÁÅÙÃ÷ ¿µ¿ª */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å Àüü ¿µ¿ª */
.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: 75.5rem; 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 .slide-content {position: relative; display: block; width: 100%; height: 100%; background-position: center; background-size: cover;}

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å pagina ½ºÅ¸ÀÏ Àû¿ë */
.main-visual .swiper .swiper-pagination-bullet {width: 1.8rem !important; height: 1.8rem !important; display: inline-block; background: rgba(255,255,255,0.4) !important; border: 1px solid #fff; opacity: 1 !important; outline: none;}
.main-visual .swiper .swiper-pagination-bullet-active {background: #1866e2 !important; border: none;}
.main-visual .swiper .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 4% !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,5px) !important;}

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å button ½ºÅ¸ÀÏ Àû¿ë */
.main-visual .swiper .swiper-button-prev, .swiper-rtl .swiper-button-next {left: 1%; width: auto; color: #fff;}
.main-visual .swiper .swiper-button-next, .swiper-rtl .swiper-button-prev {right: 1%; width: auto; color: #fff;}
.main-visual .swiper .mainprev, .main-visual .swiper .mainnext {z-index: 20;}

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀÌµå ³»¿ë ÅؽºÆ® ¿µ¿ª*/
.slide-title {position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-58%);}
.slide-title .main-tit {font-family: "Saira", sans-serif; transform: rotate(-0.03deg); font-size: 7rem; color: #fff; font-weight: 900; line-height: 1; letter-spacing: -0.08rem; word-break: keep-all; margin-bottom: 2rem; text-shadow: 2px 2px 2px rgba(0,0,0,0.5);}
.slide-title .main-tit span {color: #43d2e8;}
.slide-title .sub-tit {transform: rotate(-0.03deg); font-size: 2rem; color: #fff; font-weight: 400; line-height: 1.3; letter-spacing: -0.1rem; word-break: keep-all; text-shadow: 2px 2px 2px rgba(0,0,0,0.3);}
.slide-title .sub-tit span {display: block;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ÆäÀÌÁö ¹Ù·Î°¡±â ¹è³Ê ¿µ¿ª */
.main-pagebanner {width: 100%; margin-top: 5rem;}
.pagebanner-box {width: 100%;}
.pagebanner-box .pagebanner-list {display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.pagebanner-box .pagebanner-list .banner-item {width: 23.25%;}
.pagebanner-box .pagebanner-list .banner-item .box {width: 100%; height: 100%; min-height: 35rem; padding: 0 10%; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; border: 1px solid #e3e2e2;}
.pagebanner-box .pagebanner-list .banner-item .box i {display: inline-block; width: auto; height: 10rem;}
.pagebanner-box .pagebanner-list .banner-item .box .infotxt {width: 100%; text-align: center; word-break: keep-all;}
.pagebanner-box .pagebanner-list .banner-item .box .infotxt h2 {/*font-family: "Saira", sans-serif;*/ transform: rotate(-0.03deg); font-size: 2.5rem; color: #151515; font-weight: 700; line-height: 1; letter-spacing: -0.08rem; margin: 2rem 0 1rem;}
.pagebanner-box .pagebanner-list .banner-item .box .infotxt p {height: 5.6rem; transform: rotate(-0.03deg); font-size: 1.4rem; color: #5e5e5e; font-weight: 400; line-height: 1.4; letter-spacing: -0.08rem; word-break: keep-all;}
.pagebanner-box .pagebanner-list .banner-item .box .infotxt p span {display: block;}
.pagebanner-box .pagebanner-list .banner-item .box .morebtn {display: inline-block; width: auto; margin-top: 2rem;}
.pagebanner-box .pagebanner-list .banner-item .box .morebtn a {display: block; width: 100%; height: 3.2rem; transform: rotate(-0.03deg); font-size: 1.3rem; color: #5e5e5e; font-weight: 400; line-height: 3rem; text-align: center; padding: 0 2rem; border: 1px solid #bebdbd; transition: all 0.5s ease;}
.pagebanner-box .pagebanner-list .banner-item .box .morebtn a:hover {color: #fff; background-color: #1866e2; border: 1px solid #1866e2;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ -  º£½ºÆ® ¿ì¼ö ¸Å´ÏÁ® ¿µ¿ª */
.main-bestmanager {width: 100%; margin-top: 5rem;}
.bestmanager-box {width: 100%;}
.bestmanager-box .bestmanager-list {display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.bestmanager-box .bestmanager-list .manager-thumb {width: 47.5%;}
.bestmanager-box .bestmanager-list img {max-width: 100%;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Áß°íÂ÷ ÆǸŠ¹®ÀÇ ¿µ¿ª */
.main-product {width: 100%; height: 47rem; margin-top: 5rem; background-image: url("../img/wowweb/images/new_product_bg.jpg"); background-repeat: no-repeat; background-position: center top;}
.product-box {width: 100%;}
.product-box .newproduct-intro {display: flex; flex-wrap: wrap; width: 100%; height: 47rem;}
.product-box .newproduct-intro .newproduct-img {width: 58.3334%; margin-top: 14rem;}
.product-box .newproduct-intro .newproduct-info {width: 41.6667%; padding-left: 3.3334%; display: flex; flex-wrap: wrap; align-content: center; word-break: keep-all;}
.product-box .newproduct-intro .newproduct-info h2 {/*font-family: "Saira", sans-serif;*/ transform: rotate(-0.03deg); font-size: 4rem; color: #1b1b1b; font-weight: 700; line-height: 1; letter-spacing: -0.08rem; margin-bottom: 2rem;}
.product-box .newproduct-intro .newproduct-info div.tit {transform: rotate(-0.03deg); font-size: 2rem; color: #313130; font-weight: 700; line-height: 1.4; letter-spacing: -0.08rem; word-break: keep-all; margin-top: 1rem; margin-bottom: 1rem;}
.product-box .newproduct-intro .newproduct-info p {transform: rotate(-0.03deg); font-size: 1.55rem; color: #686767; font-weight: 500; line-height: 1.45; word-break: keep-all;}
.product-box .newproduct-intro .newproduct-info .detail-more {position: relative; display: inline-block; width: auto; margin-top: 4rem;}
.product-box .newproduct-intro .newproduct-info .detail-more a {display: block; width: 100%; height: 5.2rem; transform: rotate(-0.03deg); font-size: 1.5rem; color: #fff; font-weight: 400; line-height: 5.2rem; text-align: center; padding: 0 7rem 0 3rem; background-color: #7d7d7d; border-radius: 0.6rem; transition: all 0.5s ease;}
.product-box .newproduct-intro .newproduct-info .detail-more a span {position: absolute; top: 50%; right: 3rem; transform: translateY(-50%); font-size: 1.5rem; line-height: 1;}
.product-box .newproduct-intro .newproduct-info .detail-more a:hover {background-color: #1866e2;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª */
.main-business {width: 100%; margin-top: 5rem;}
.business-box {width: 100%;}
.business-box .business-list {display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.business-box .business-list .area-item {width: 31.6667%;}
.business-box .business-list .area-item a {display: block; width: 100%; height: 100%;}
.business-box .business-list .area-item a .box {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-content: center;}
.business-box .business-list .area-item a .box .item-thumb {width: 100%;}
.business-box .business-list .area-item a .box .item-thumb figure {position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;}
.business-box .business-list .area-item a .box .item-thumb figure img {width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.business-box .business-list .area-item a .box .item-info {width: 100%; text-align: center; padding-top: 2rem;}
.business-box .business-list .area-item a .box .item-info h3 {transform: rotate(-0.03deg); font-size: 2.6rem; color: #111; font-weight: 700; line-height: 1; letter-spacing: -0.08rem; margin-bottom: 1rem;}
.business-box .business-list .area-item a .box .item-info p {transform: rotate(-0.03deg); font-size: 1.65rem; color: #646464; font-weight: 400; line-height: 1.45; letter-spacing: -0.08rem; word-break: keep-all;}
.business-box .business-list .area-item a .box .item-info p span {display: block;}
.business-box .business-list .area-item a .box .item-info .morebtn {display: inline-block; width: auto; height: 3.5rem; transform: rotate(-0.03deg); font-size: 1.3rem; color: #fff; font-weight: 400; line-height: 3.5rem; text-align: center; padding: 0 3rem; margin-top: 2rem; background-color: #7d7d7d; transition: all 0.5s ease;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª - ¸¶¿ì½º·Ñ¿À¹ö È¿°ú */
.business-box .business-list .area-item a:hover .box .item-thumb figure img, .business-box .business-list .area-item a:focus .box .item-thumb figure img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.business-box .business-list .area-item a:hover .box .item-info .morebtn {background-color: #1866e2;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °øÁö»çÇ× °Ô½ÃÆÇ ¿µ¿ª */
.main-board {width: 100%; padding-top: 5rem; margin-top: 5rem; border-top: 1px solid #dddbdb;}
.board-box {width: 100%;}
.board-box .post-list {width: 100%;}
.board-box .post-list ul li {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; height: 8rem; border-top: 1px solid #e2e5e7;}
.board-box .post-list ul li:last-child {border-bottom: 1px solid #e2e5e7;}
.board-box .post-list ul li a.subject {width: 80%; transform: rotate(-0.03deg); font-size: 2.4rem; color: #111; font-weight: 300; letter-spacing: -0.08rem; line-height: 1; padding-left: 1.5rem; display: -webkit-box; white-space: break-spaces; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.board-box .post-list ul li span.date {width: 20%; font-size: 1.5rem; color: #706f6f; font-weight: 300; line-height: 1; text-align: right; padding-right: 1.5rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °øÁö»çÇ× °Ô½ÃÆÇ ¿µ¿ª - ¸¶¿ì½º·Ñ¿À¹ö È¿°ú */
.board-box .post-list ul li:hover {background-color: #f4f5f9; transition: all 0.3s ease;}
.board-box .post-list ul li a.subject:hover {color: #0075cb; text-decoration: underline;}

/* Ä«Æä24 °øÁö»çÇ× °Ô½ÃÆÇ ÃßÃ⠰Խù° ½ºÅ¸ÀÏ Àû¿ë */
.board_output_11_tr {position: relative; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; height: 8rem; border-top: 1px solid #e2e5e7; transition: all 0.3s ease;}
.board_output_11_tr:last-child {border-bottom: 1px solid #e2e5e7;}
.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: 80%; text-align: left;}
.board_output_11_tr td:nth-child(2) a {display: block; width: 100%; transform: rotate(-0.03deg); font-size: 2.4rem; color: #111; font-weight: 400; letter-spacing: -0.08rem; line-height: 1; padding-left: 1.5rem; display: -webkit-box; white-space: break-spaces; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.board_output_11_tr td:nth-child(3) {width: 20%; font-size: 1.5rem; color: #706f6f; font-weight: 300; line-height: 1; text-align: right; padding-right: 1.5rem;}

/* Ä«Æä24 °øÁö»çÇ× °Ô½ÃÆÇ ÃßÃ⠰Խù° ½ºÅ¸ÀÏ Àû¿ë - ¸¶¿ì½º·Ñ¿À¹ö È¿°ú */
.board_output_11_tr:hover { background-color: #f4f5f9;}
.board_output_11_tr td:nth-child(2) a:hover {color: #1866e2; text-decoration: underline;}


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

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

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å Àüü ¿µ¿ª */
.main-visual {margin-top: 70px;}
.main-visual .swiper .swiper-slide {height: 100%; padding-bottom: 125%;}
.main-visual .swiper .swiper-slide .slide-content {position: absolute; left: 0; top: 0;}
.main-visual .swiper .swiper-slide .pc {display: none;}
.main-visual .swiper .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 5% !important;}
.main-visual .swiper .mainprev, .main-visual .swiper .mainnext {display: none;}

.slide-title {padding: 0 2rem;}
.slide-title .main-tit {font-size: 4rem;}
.slide-title .main-tit span {display: block;}
.slide-title .sub-tit {font-size: 1.7rem;}
.slide-title .sub-tit span {display: inline;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ÆäÀÌÁö ¹Ù·Î°¡±â ¹è³Ê ¿µ¿ª */
.main-pagebanner {padding: 0 3%;}
.pagebanner-box .pagebanner-list .banner-item {width: 48.5%;}
.pagebanner-box .pagebanner-list .banner-item:nth-of-type(-n+2) {margin-bottom: 3%;}
.pagebanner-box .pagebanner-list .banner-item .box {padding: 0 5%;}
.pagebanner-box .pagebanner-list .banner-item .box i {text-align: center;}
.pagebanner-box .pagebanner-list .banner-item .box i img {width: 70%;}
.pagebanner-box .pagebanner-list .banner-item .box .infotxt h2 {margin: 1rem 0 1rem;}
.pagebanner-box .pagebanner-list .banner-item .box .infotxt p {height: 8rem;}
.pagebanner-box .pagebanner-list .banner-item .box .infotxt p span {display: inline;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ -  º£½ºÆ® ¿ì¼ö ¸Å´ÏÁ® ¿µ¿ª */
.main-bestmanager {padding: 0 3%;}
.bestmanager-box .bestmanager-list .manager-thumb {width: 100%;}
.bestmanager-box .bestmanager-list .manager-thumb:first-child {margin-bottom: 3%;}
.bestmanager-box .bestmanager-list .manager-thumb img {width: 100%;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Áß°íÂ÷ ÆǸŹ®ÀÇ ¿µ¿ª */
.main-product {height: auto; background-size: 320% 90%;}
.product-box {padding: 5rem 5% 2rem;}
.product-box .newproduct-intro .newproduct-img {width: 100%; order: 2; margin-top: 3rem;}
.product-box .newproduct-intro .newproduct-info {width: 100%; order: 1; justify-content: center; text-align: center; padding-left: 0;}
.product-box .newproduct-intro .newproduct-info div.tit {font-size: 2.3rem; line-height: 1.3;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª */
.main-business {padding: 0 3%; margin-top: 9rem;}
.business-box .business-list .area-item {width: 100%; margin-bottom: 5rem;}
.business-box .business-list .area-item:last-child {margin-bottom: 0;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °øÁö»çÇ× °Ô½ÃÆÇ ¿µ¿ª */
.main-board {padding: 5rem 3% 0;}
.board-box .post-list ul li {height: 6rem;}
.board-box .post-list ul li a.subject {width: 70%; font-size: 1.8rem; letter-spacing: -0.1rem; padding-left: 0;}
.board-box .post-list ul li span.date {width: 30%; font-size: 1.4rem; padding-right: 0;}

/* Ä«Æä24 °øÁö»çÇ× °Ô½ÃÆÇ ÃßÃ⠰Խù° ½ºÅ¸ÀÏ Àû¿ë */
.board_output_11_tr {height: auto; padding: 2rem 0;}
.board_output_11_tr td:nth-child(2) {width: 100%; margin-bottom: 1rem;}
.board_output_11_tr td:nth-child(2) a {font-size: 1.75rem; padding-left: 0;}
.board_output_11_tr td:nth-child(3) {width: 100%; text-align: left;}

}


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

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

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å Àüü ¿µ¿ª */
.main-visual {margin-top: 70px;}
.main-visual .swiper .swiper-slide {height: 100%; padding-bottom: 125%;}
.main-visual .swiper .swiper-slide .slide-content {position: absolute; left: 0; top: 0;}
.main-visual .swiper .swiper-slide .pc {display: none;}
.main-visual .swiper .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 2% !important;}
.main-visual .swiper .mainprev, .main-visual .swiper .mainnext {display: none;}

.slide-title {padding: 0 2rem;}
.slide-title .main-tit {font-size: 4rem;}
.slide-title .main-tit span {display: block;}
.slide-title .sub-tit {font-size: 1.7rem;}
.slide-title .sub-tit span {display: inline;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ÆäÀÌÁö ¹Ù·Î°¡±â ¹è³Ê ¿µ¿ª */
.main-pagebanner {padding: 0 3%;}
.pagebanner-box .pagebanner-list .banner-item {width: 48.5%;}
.pagebanner-box .pagebanner-list .banner-item:nth-of-type(-n+2) {margin-bottom: 3%;}
.pagebanner-box .pagebanner-list .banner-item .box {padding: 0 5%;}
.pagebanner-box .pagebanner-list .banner-item .box i {text-align: center;}
.pagebanner-box .pagebanner-list .banner-item .box i img {width: 76%;}
.pagebanner-box .pagebanner-list .banner-item .box .infotxt h2 {margin: 1rem 0 1rem;}
.pagebanner-box .pagebanner-list .banner-item .box .infotxt p {height: 8rem;}
.pagebanner-box .pagebanner-list .banner-item .box .infotxt p span {display: inline;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ -  º£½ºÆ® ¿ì¼ö ¸Å´ÏÁ® ¿µ¿ª */
.main-bestmanager {padding: 0 3%;}
.bestmanager-box .bestmanager-list .manager-thumb {width: 100%;}
.bestmanager-box .bestmanager-list .manager-thumb:first-child {margin-bottom: 3%;}
.bestmanager-box .bestmanager-list .manager-thumb img {width: 100%;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Áß°íÂ÷ ÆǸŹ®ÀÇ ¿µ¿ª */
.main-product {height: auto; background-size: 320% 90%;}
.product-box {padding: 5rem 5% 2rem;}
.product-box .newproduct-intro .newproduct-img {width: 100%; order: 2; margin-top: 3rem;}
.product-box .newproduct-intro .newproduct-info {width: 100%; order: 1; justify-content: center; text-align: center; padding-left: 0;}
.product-box .newproduct-intro .newproduct-info div.tit {font-size: 2.3rem; line-height: 1.3;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª */
.main-business {padding: 0 3%; margin-top: 9rem;}
.business-box .business-list .area-item {width: 100%; margin-bottom: 5rem;}
.business-box .business-list .area-item:last-child {margin-bottom: 0;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °øÁö»çÇ× °Ô½ÃÆÇ ¿µ¿ª */
.main-board {padding: 5rem 3% 0;}
.board-box .post-list ul li {height: 6rem;}
.board-box .post-list ul li a.subject {width: 70%; font-size: 1.8rem; letter-spacing: -0.1rem; padding-left: 0;}
.board-box .post-list ul li span.date {width: 30%; font-size: 1.4rem; padding-right: 0;}

/* Ä«Æä24 °øÁö»çÇ× °Ô½ÃÆÇ ÃßÃ⠰Խù° ½ºÅ¸ÀÏ Àû¿ë */
.board_output_11_tr {height: auto; padding: 2rem 0;}
.board_output_11_tr td:nth-child(2) {width: 100%; margin-bottom: 1rem;}
.board_output_11_tr td:nth-child(2) a {font-size: 1.75rem; padding-left: 0;}
.board_output_11_tr td:nth-child(3) {width: 100%; text-align: left;}

}


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

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

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å Àüü ¿µ¿ª */
.main-visual {margin-top: 70px;}
.main-visual .swiper .swiper-slide {height: 100%; padding-bottom: 125%;}
.main-visual .swiper .swiper-slide .slide-content {position: absolute; left: 0; top: 0;}
.main-visual .swiper .swiper-slide .pc {display: none;}
.main-visual .swiper .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 2% !important;}

.slide-title {padding: 0 2rem;}
.slide-title .main-tit {font-size: 6.5rem;}
.slide-title .main-tit span {display: block;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ÆäÀÌÁö ¹Ù·Î°¡±â ¹è³Ê ¿µ¿ª */
.main-pagebanner {padding: 0 3%;}
.pagebanner-box .pagebanner-list .banner-item {width: 48.5%;}
.pagebanner-box .pagebanner-list .banner-item:nth-of-type(-n+2) {margin-bottom: 3%;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ -  º£½ºÆ® ¿ì¼ö ¸Å´ÏÁ® ¿µ¿ª */
.main-bestmanager {padding: 0 3%;}
.bestmanager-box .bestmanager-list .manager-thumb {width: 100%;}
.bestmanager-box .bestmanager-list .manager-thumb:first-child {margin-bottom: 3%;}
.bestmanager-box .bestmanager-list .manager-thumb img {width: 100%;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Áß°íÂ÷ ÆǸŹ®ÀÇ ¿µ¿ª */
.main-product {height: auto; background-size: 320% 90%;}
.product-box {padding: 5rem 5% 2rem;}
.product-box .newproduct-intro .newproduct-img {width: 100%; order: 2; margin-top: 3rem;}
.product-box .newproduct-intro .newproduct-info {width: 100%; order: 1; justify-content: center; text-align: center; padding-left: 0;}
.product-box .newproduct-intro .newproduct-info div.tit {font-size: 2.3rem; line-height: 1.3;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª */
.main-business {padding: 0 3%; margin-top: 11rem;}
.business-box .business-list .area-item {width: 100%; margin-bottom: 5rem;}
.business-box .business-list .area-item:last-child {margin-bottom: 0;}
.business-box .business-list .area-item a .box .item-info h3 {font-size: 3rem;}
.business-box .business-list .area-item a .box .item-info p {font-size: 1.85rem; padding: 0 3rem;}
.business-box .business-list .area-item a .box .item-info p span {display: inline;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °øÁö»çÇ× °Ô½ÃÆÇ ¿µ¿ª */
.main-board {padding: 5rem 3% 0;}

/* Ä«Æä24 °øÁö»çÇ× °Ô½ÃÆÇ ÃßÃ⠰Խù° ½ºÅ¸ÀÏ Àû¿ë */
.board_output_11_tr td:nth-child(2) a {font-size: 1.95rem;}

}


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

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

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å Àüü ¿µ¿ª */
.main-visual {margin-top: 70px;}
.main-visual .swiper .swiper-slide {height: 100%; padding-bottom: 125%;}
.main-visual .swiper .swiper-slide .slide-content {position: absolute; left: 0; top: 0;}
.main-visual .swiper .swiper-slide .pc {display: none;}
.main-visual .swiper .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 2% !important;}
.slide-title {padding: 0 2rem;}
.slide-title .main-tit {font-size: 6.5rem;}
.slide-title .main-tit span {display: block;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ÆäÀÌÁö ¹Ù·Î°¡±â ¹è³Ê ¿µ¿ª */
.main-pagebanner {padding: 0 3%;}
.pagebanner-box .pagebanner-list .banner-item {width: 48.5%;}
.pagebanner-box .pagebanner-list .banner-item:nth-of-type(-n+2) {margin-bottom: 3%;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ -  º£½ºÆ® ¿ì¼ö ¸Å´ÏÁ® ¿µ¿ª */
.main-bestmanager {padding: 0 3%;}
.bestmanager-box .bestmanager-list .manager-thumb {width: 100%;}
.bestmanager-box .bestmanager-list .manager-thumb:first-child {margin-bottom: 3%;}
.bestmanager-box .bestmanager-list .manager-thumb img {width: 100%;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Áß°íÂ÷ ÆǸŹ®ÀÇ ¿µ¿ª */
.main-product {height: auto; background-size: 320% 90%;}
.product-box {padding: 5rem 5% 2rem;}
.product-box .newproduct-intro .newproduct-img {width: 100%; order: 2; margin-top: 3rem;}
.product-box .newproduct-intro .newproduct-info {width: 100%; order: 1; justify-content: center; text-align: center; padding-left: 0;}
.product-box .newproduct-intro .newproduct-info div.tit {font-size: 2.3rem; line-height: 1.3;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª */
.main-business {padding: 0 3%; margin-top: 15rem;}
.business-box .business-list .area-item {width: 100%; margin-bottom: 5rem;}
.business-box .business-list .area-item:last-child {margin-bottom: 0;}
.business-box .business-list .area-item a .box .item-info h3 {font-size: 3rem;}
.business-box .business-list .area-item a .box .item-info p {font-size: 1.85rem; padding: 0 3rem;}
.business-box .business-list .area-item a .box .item-info p span {display: inline;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °øÁö»çÇ× °Ô½ÃÆÇ ¿µ¿ª */
.main-board {padding: 5rem 3% 0;}

/* Ä«Æä24 °øÁö»çÇ× °Ô½ÃÆÇ ÃßÃ⠰Խù° ½ºÅ¸ÀÏ Àû¿ë */
.board_output_11_tr td:nth-child(2) a {font-size: 1.95rem;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** ¹ÝÀÀÇü¼³Á¤ pc 1024,1250 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å Àüü ¿µ¿ª */
.main-visual {margin-top: 70px;}
.main-visual .swiper .swiper-slide {height: 50rem;}
.main-visual .swiper .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 5% !important;}

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀÌµå ¸ð¹ÙÀÏ¿ë »èÁ¦ */
.main-visual .swiper .swiper-slide .mobile {display: none;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ÆäÀÌÁö ¹Ù·Î°¡±â ¹è³Ê ¿µ¿ª */
.main-pagebanner {padding: 0 3%;}
.pagebanner-box .pagebanner-list .banner-item .box .infotxt p {height: 8rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ -  º£½ºÆ® ¿ì¼ö ¸Å´ÏÁ® ¿µ¿ª */
.main-bestmanager {padding: 0 3%;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Áß°íÂ÷ ÆǸŹ®ÀÇ ¿µ¿ª */
.product-box {padding: 0 3%;}
.product-box .newproduct-intro .newproduct-info div.tit {line-height: 1.2;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª */
.main-business {padding: 0 3%;}
.business-box .business-list .area-item a .box .item-info p span {display: inline;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °øÁö»çÇ× °Ô½ÃÆÇ ¿µ¿ª */
.main-board {padding: 5rem 3% 0;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** ¹ÝÀÀÇü¼³Á¤ PC 1251,1919 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1251px) and (max-width:1919px) {

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀÌµå ¸ð¹ÙÀÏ¿ë »èÁ¦ */
.main-visual .swiper .swiper-slide .mobile {display: none;}

}


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

@media screen and (min-width:1251px) and (max-width:1460px) {

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀÌµå ¸ð¹ÙÀÏ¿ë »èÁ¦ */
.main-visual .swiper .swiper-slide {height: 60rem;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** ¹ÝÀÀÇü¼³Á¤ PC 1920 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1920px) {

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀÌµå ¸ð¹ÙÀÏ¿ë »èÁ¦ */
.main-visual .swiper .swiper-slide .mobile {display: none;}

}