/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ¸ÞÀÎ ÄÁÅÙÃ÷ °øÅë 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%;}
.main-board {margin-top: 6rem;}


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

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀÌµå ¹× ¹Ù·Î°¡±â¹è³Ê ¿µ¿ª */
.main-slidebanner {position: relative; width: 100%;}

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å Àüü ¿µ¿ª */
.main-visual {position: relative; width: 100%; z-index: 1;}
.main-visual .swiper {width: 100%; height: 100%;}
.main-visual .swiper .swiper-slide {height: 77rem; 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: table; width: 100%; height: 100%;}

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å pagina ½ºÅ¸ÀÏ Àû¿ë */
.main-visual .swiper .swiper-pagination-bullet {width: 1.6rem !important; height: 1.6rem !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: #fff !important; border: none;}
.main-visual .swiper .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 26% !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: 3%; width: auto; color: #fff;}
.main-visual .swiper .swiper-button-next, .swiper-rtl .swiper-button-prev {right: 3%; 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(-90%);}
.slide-title .main-tit {transform: rotate(-0.03deg); font-size: 5rem; color: #fff; font-weight: 700; line-height: 1.2; letter-spacing: -0.08rem; text-align: center; word-break: keep-all; text-shadow: 2px 3px 5px rgba(0,0,0,0.6);}
.slide-title .sub-tit {transform: rotate(-0.03deg); font-size: 2rem; color: #fff; font-weight: 500; line-height: 1.2; letter-spacing: -0.08rem; text-align: center; word-break: keep-all; margin-top: 1rem; text-shadow: 2px 3px 5px rgba(0,0,0,0.6);}

/* ¸ÞÀÎ ½½¶óÀ̵å ÄÁÅÙÃ÷ ¹Ù·Î°¡±â¹è³Ê ¿µ¿ª */
.banner-box {position: absolute; bottom: 0; left: 0; float: left; width: 100%; z-index: 2;}
.banner-box .banner-area {width: 100%;}
.banner-box .banner-area .inner {margin: 0 auto; width: 100%; max-width: 1200px;}
.banner-contents {display: flex; flex-wrap: wrap;}
.banner-contents .banner-item {width: 25%; height: 18.5rem;}
.banner-contents .banner-item a {position: relative; display: block; width: 100%; height: 100%; text-align: center; transition: all 0.3s ease;}
.banner-contents .banner-item a .box {position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
.banner-contents .banner-item a .box .typebann {width: 100%;}
.banner-contents .banner-item a .box .typebann div.ico {width: 100%;}
.banner-contents .banner-item a .box .typebann div.ico img {width: 5.7rem; height: 5.7rem;}
.banner-contents .banner-item a .box .typebann span.subject {display: inline-block; width: 100%; font-size: 1.9rem; color: #fff; font-weight: 500; margin-top: 1.5rem;}
.banner-contents .banner-item a .box .typebann p {width: 100%; font-size: 1.3rem; font-weight: 400; line-height: 1.2; word-break: keep-all;}

/* ¸ÞÀÎ ½½¶óÀ̵å ÄÁÅÙÃ÷ ¹Ù·Î°¡±â¹è³Ê ¿µ¿ª - ¿¹¿Üó¸® */
.banner-contents .banner-item a.bannbox1 {background: rgba(139,190,52,0.7); border-top: 5px solid #8bbe34;}
.banner-contents .banner-item a.bannbox2 {background: rgba(91,182,48,0.7); border-top: 5px solid #5bb630;}
.banner-contents .banner-item a.bannbox3 {background: rgba(17,141,42,0.7); border-top: 5px solid #118d2a;}

.banner-contents .banner-item a.bannbox1 .box .typebann p { color: #fff;}
.banner-contents .banner-item a.bannbox2 .box .typebann p { color: #fff;}
.banner-contents .banner-item a.bannbox3 .box .typebann p { color: #fff;}
.banner-contents .banner-item a.bannbox4 .box .typebann p { color: #fff;}

.banner-contents .banner-item a.bannbox1:hover {background: #8bbe34;}
.banner-contents .banner-item a.bannbox2:hover {background: #5bb630;}
.banner-contents .banner-item a.bannbox3:hover {background: #118d2a;}
.banner-contents .banner-item a.bannbox4:hover {background: #0a6823;}
.banner-contents .banner-item a:hover .box .typebann p {color: #fff;}

/* ¸ÞÀÎ ½½¶óÀ̵å ÄÁÅÙÃ÷ °í°´¼¾ÅÍ ¿¹¿ÜÃß°¡ */
.banner-contents .banner-item .bannbox4 {position: relative; height: 100%; text-align: center; background: rgba(10,104,35,0.7); border-top: 5px solid #0a6823; transition: all 0.3s ease;} 
.banner-contents .banner-item .bannbox4:hover {background: #0a6823;}
.banner-contents .banner-item .bannbox4 .box {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; padding: 0 2rem;}
.banner-contents .banner-item .bannbox4 .box .typebann span.subject {display: inline-block; width: 100%; transform: rotate(-0.03deg); font-size: 1.9rem; color: #fff; font-weight: 500; margin-bottom: 0.5rem;}
.banner-contents .banner-item .bannbox4 .box .typebann .telcall {font-size: 3rem; color: #f7f606; font-weight: 500; line-height: 1.2;}
.banner-contents .banner-item .bannbox4 .box .typebann p {width: 100%; transform: rotate(-0.03deg); font-size: 1.25rem; color: #fff; font-weight: 400; line-height: 1.2; letter-spacing: -0.08rem; word-break: keep-all; margin-bottom: 1rem;}
.banner-contents .banner-item .bannbox4 .box .typebann .email {width: 100%; font-size: 1.3rem; color: #fff; font-weight: 500; padding: 0.5rem 0; background: #59ba47;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Çüź° Á¦Ç°¼Ò°³ ¿µ¿ª */
.main-product {width: 100%; margin-top: 4.5rem;}
.product-list {width: 100%;}
.product-list ul {display: flex; justify-content: space-between;}
.product-list ul li {width: 23.75%;}
.product-list ul li a {display: block; width: 100%; height: 100%;}
.product-list ul li a .item-thumb {border-radius: 1rem; overflow: hidden;}
.product-list ul li a .item-thumb img {width: 100%; height: 100%; transform: scale(1); -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.product-list ul li a p {transform: rotate(-0.04deg); font-size: 1.8rem; color: #272727; font-weight: 500; text-align: center; padding-top: 1.5rem;}
.product-list ul li a:hover .item-thumb img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.product-list ul li a:hover p {color: #3ba703;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °Ô½ÃÆÇ ÃßÃâ ¹× °í°´¼¾ÅÍ ¿µ¿ª */
.main-customer {width: 100%; margin-top: 3rem; background-color: #e5e5e5; border-top: 1px solid #d7d7d7;}
.customer-box {width: 100%; display: flex; flex-wrap: wrap;}
.customer-box .board-area {width: 50%; height: 8rem;}
.customer-box .board-area .tit {float: left; width: 20%; height: 100%; text-align: center; background-color: #aadc21;}
.customer-box .board-area .tit span {display: inline-block;font-size: 1.7rem; color: #fff; font-weight: 500; line-height: 8rem;}
.customer-box .board-area .post-list {float: left; width: 80%; height: 100%; line-height: 7.8rem; padding: 0 2rem;}

/* °øÁö»çÇ× °Ô½ÃÆÇ ÃßÃ⠰Խù° ½ºÅ¸ÀÏ Àû¿ë */
.board_output_11_tr {width: 100%; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg); border-top: 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: 88%; text-align: left;}
.board_output_11_tr td:nth-child(2) a {font-size: 1.5rem; color: #7b7b7b; font-weight: 500; padding-left: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.board_output_11_tr td:nth-child(2) a:hover {color: #1c9a1f; text-decoration: underline;}
.board_output_11_tr td:nth-child(2) a:after {position: absolute; top: 50%; left: 0; display: inline-block; content: ""; width: 0.4rem; height: 0.4rem; background-color: #888787; border-radius: 100%; vertical-align: -0.1rem;}

.customer-box .inquiry-area {width: 50%; height: 8rem;}
.customer-box .inquiry-area .tit {float: left; width: 20%; height: 100%; text-align: center; background-color: #1c9a1f;}
.customer-box .inquiry-area .tit span {display: inline-block; font-size: 1.7rem; color: #fff; font-weight: 500; line-height: 8rem;}
.customer-box .inquiry-area .customer-info {display: flex; justify-content: space-between; align-items: center; width: 80%; height: 100%; padding: 0 2rem;}
.customer-box .inquiry-area .customer-info .call-number {transform: rotate(-0.04deg); font-size: 2.8rem; color: #9b2e7b; font-weight: 700; letter-spacing: -0.08rem;}
.customer-box .inquiry-area .customer-info .call-number a {color: #3ba703;}
.customer-box .inquiry-area .customer-info .business-hours {transform: rotate(-0.04deg);}
.customer-box .inquiry-area .customer-info .business-hours ul li {font-size: 1.5rem; color: #4e4d4d; font-weight: 400; letter-spacing: -0.08rem;}
.customer-box .inquiry-area .customer-info .business-hours ul li strong {color: #191919; font-weight: 500;}
.customer-box .inquiry-area .customer-info .business-hours ul li span {display: inline-block; width: 1.3rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ¹Ù·Î°¡±â ¹öÆ° ¿µ¿ª */
.main-shortcuts {border-top: 1px solid #d7d7d7;}
.shortcuts-btns {width: 100%;}
.shortcuts-btns ul {width: 100%; display: flex; flex-wrap: wrap; height: 7.5rem;}
.shortcuts-btns ul li {width: 25%; padding-left: 3rem; border-right: 1px solid #d7d7d7; transition: all 0.3s ease;}
.shortcuts-btns ul li:first-child {border-left: 1px solid #d7d7d7;}
.shortcuts-btns ul li a {display: block; width: 100%; height: 100%;}
.shortcuts-btns ul li a span {font-size: 1.7rem; color: #605f5f; font-weight: 400; letter-spacing: -0.08rem; line-height: 7.5rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ¹Ù·Î°¡±â ¹öÆ° ¿µ¿ª - ¿¹¿Üó¸® */
.shortcuts-btns ul li.sh-btn1 {background-image: url("../img/wowweb/images/foot_quick01.png"); background-repeat: no-repeat; background-position: 88% center; background-size: 2.9rem 3.3rem;}
.shortcuts-btns ul li.sh-btn2 {background-image: url("../img/wowweb/images/foot_quick02.png"); background-repeat: no-repeat; background-position: 88% center; background-size: 3.3rem 3.3rem;}
.shortcuts-btns ul li.sh-btn3 {background-image: url("../img/wowweb/images/foot_quick03.png"); background-repeat: no-repeat; background-position: 88% center; background-size: 3.4rem 3.3rem;}
.shortcuts-btns ul li.sh-btn4 {background-image: url("../img/wowweb/images/foot_quick04.png"); background-repeat: no-repeat; background-position: 88% center; background-size: 2rem 3.3rem;}
.shortcuts-btns ul li.sh-btn1:hover {background-color: #f9f9f9; background-image: url("../img/wowweb/images/foot_quick01_roll.png");}
.shortcuts-btns ul li.sh-btn2:hover {background-color: #f9f9f9; background-image: url("../img/wowweb/images/foot_quick02_roll.png");}
.shortcuts-btns ul li.sh-btn3:hover {background-color: #f9f9f9; background-image: url("../img/wowweb/images/foot_quick03_roll.png");}
.shortcuts-btns ul li.sh-btn4:hover {background-color: #f9f9f9; background-image: url("../img/wowweb/images/foot_quick04_roll.png");}
.shortcuts-btns ul li.sh-btn1:hover a span {color: #0b8703; font-weight: 500;}
.shortcuts-btns ul li.sh-btn2:hover a span {color: #0b8703; font-weight: 500;}
.shortcuts-btns ul li.sh-btn3:hover a span {color: #0b8703; font-weight: 500;}
.shortcuts-btns ul li.sh-btn4:hover a span {color: #0b8703; font-weight: 500;}


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

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

.sec-slide-main {margin-top: 7.2rem;}

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

/* ¸ÞÀÎ ½½¶óÀ̵å ÄÁÅÙÃ÷ ¹Ù·Î°¡±â¹è³Ê ¿µ¿ª */
.banner-box {position: static;}
.banner-contents .banner-item {width: 50%;}
.banner-contents .banner-item a .box .typebann {padding: 0 1rem;}
.banner-contents .banner-item a.bannbox1 {background: #8bbe34;}
.banner-contents .banner-item a.bannbox2 {background: #5bb630;}
.banner-contents .banner-item a.bannbox3 {background: #118d2a;}
.banner-contents .banner-item .bannbox4 {background: #0a6823;}
.banner-contents .banner-item a .box .typebann span.subject {font-size: 1.8rem;}
.banner-contents .banner-item a .box .typebann p {font-size: 1.35rem;}

.banner-contents .banner-item .bannbox4 .box {padding: 0 1rem;}
.banner-contents .banner-item .bannbox4 .box .typebann span.subject {font-size: 1.7rem; letter-spacing: -0.1rem;}
.banner-contents .banner-item .bannbox4 .box .typebann .telcall {font-size: 2.2rem; letter-spacing: -0.08rem; margin-bottom: 0.5rem;}
.banner-contents .banner-item .bannbox4 .box .typebann p {font-size: 1.2rem;}
.banner-contents .banner-item .bannbox4 .box .typebann .email {font-size: 1.25rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Çüź° Á¦Ç°¼Ò°³ ¿µ¿ª */
.product-list {padding: 0 1rem;}
.product-list ul {display: block;}
.product-list ul li {float: left; width: 48%; margin-bottom: 2rem;}
.product-list ul li:nth-of-type(2n+2) {float: right;}
.product-list ul li:nth-of-type(3), .product-list ul li:nth-of-type(4) {margin-bottom: 0;}
.product-list ul li a p {font-size: 1.6rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °Ô½ÃÆÇ ÃßÃâ ¹× °í°´¼¾ÅÍ ¿µ¿ª */
.customer-box .board-area {width: 100%;}
.customer-box .board-area .tit span {font-size: 1.5rem;}
.board_output_11_tr td:nth-child(2) {width: auto;}

.customer-box .inquiry-area {width: 100%; height: auto; border-top: 1px solid #d7d4d4;}
.customer-box .inquiry-area .tit span {font-size: 1.5rem;}
.customer-box .inquiry-area .customer-info {float: left; flex-wrap: wrap; padding: 1rem 2rem;}
.customer-box .inquiry-area .customer-info .call-number {width: 100%; font-size: 2.6rem; line-height: 1; margin-bottom: 0.5rem;}
.customer-box .inquiry-area .customer-info .business-hours {width: 100%; line-height: 1;}
.customer-box .inquiry-area .customer-info .business-hours ul li {font-size: 1.35rem; line-height: 1.2;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ¹Ù·Î°¡±â ¹öÆ° ¿µ¿ª */
.shortcuts-btns ul {height: auto;}
.shortcuts-btns ul li {width: 50%; padding-left: 1.5rem; border-right: 0;}
.shortcuts-btns ul li.sh-btn1 {border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; border-left: 0;}
.shortcuts-btns ul li.sh-btn2 {border-bottom: 1px solid #d7d7d7; background-size: 3rem 3rem;}
.shortcuts-btns ul li.sh-btn3 {border-right: 1px solid #d7d7d7; background-size: 3rem 2.9rem;}
.shortcuts-btns ul li a span {font-size: 1.6rem;}

}


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

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

.sec-slide-main {margin-top: 7.2rem;}

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

/* ¸ÞÀÎ ½½¶óÀ̵å ÄÁÅÙÃ÷ ¹Ù·Î°¡±â¹è³Ê ¿µ¿ª */
.banner-box {position: static;}
.banner-contents .banner-item {width: 50%;}
.banner-contents .banner-item a .box .typebann {padding: 0 1rem;}
.banner-contents .banner-item a.bannbox1 {background: #8bbe34;}
.banner-contents .banner-item a.bannbox2 {background: #5bb630;}
.banner-contents .banner-item a.bannbox3 {background: #118d2a;}
.banner-contents .banner-item .bannbox4 {background: #0a6823;}
.banner-contents .banner-item a .box .typebann span.subject {font-size: 1.8rem;}
.banner-contents .banner-item a .box .typebann p {font-size: 1.35rem;}

.banner-contents .banner-item .bannbox4 .box {padding: 0 1rem;}
.banner-contents .banner-item .bannbox4 .box .typebann span.subject {font-size: 1.7rem; letter-spacing: -0.1rem;}
.banner-contents .banner-item .bannbox4 .box .typebann .telcall {font-size: 2.2rem; letter-spacing: -0.08rem; margin-bottom: 0.5rem;}
.banner-contents .banner-item .bannbox4 .box .typebann p {font-size: 1.2rem;}
.banner-contents .banner-item .bannbox4 .box .typebann .email {font-size: 1.25rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Çüź° Á¦Ç°¼Ò°³ ¿µ¿ª */
.product-list {padding: 0 1rem;}
.product-list ul {display: block;}
.product-list ul li {float: left; width: 48%; margin-bottom: 2rem;}
.product-list ul li:nth-of-type(2n+2) {float: right;}
.product-list ul li:nth-of-type(3), .product-list ul li:nth-of-type(4) {margin-bottom: 0;}
.product-list ul li a p {font-size: 1.6rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °Ô½ÃÆÇ ÃßÃâ ¹× °í°´¼¾ÅÍ ¿µ¿ª */
.customer-box .board-area {width: 100%;}
.customer-box .board-area .tit span {font-size: 1.5rem;}
.board_output_11_tr td:nth-child(2) {width: auto;}

.customer-box .inquiry-area {width: 100%; height: auto; border-top: 1px solid #d7d4d4;}
.customer-box .inquiry-area .tit span {font-size: 1.5rem;}
.customer-box .inquiry-area .customer-info {float: left; flex-wrap: wrap; padding: 1rem 2rem;}
.customer-box .inquiry-area .customer-info .call-number {width: 100%; font-size: 2.6rem; line-height: 1; margin-bottom: 0.5rem;}
.customer-box .inquiry-area .customer-info .business-hours {width: 100%; line-height: 1;}
.customer-box .inquiry-area .customer-info .business-hours ul li {font-size: 1.35rem; line-height: 1.2;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ¹Ù·Î°¡±â ¹öÆ° ¿µ¿ª */
.shortcuts-btns ul {height: auto;}
.shortcuts-btns ul li {width: 50%; padding-left: 1.5rem; border-right: 0;}
.shortcuts-btns ul li.sh-btn1 {border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; border-left: 0;}
.shortcuts-btns ul li.sh-btn2 {border-bottom: 1px solid #d7d7d7; background-size: 3rem 3rem;}
.shortcuts-btns ul li.sh-btn3 {border-right: 1px solid #d7d7d7; background-size: 3rem 2.9rem;}
.shortcuts-btns ul li a span {font-size: 1.6rem;}

}


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

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

.sec-slide-main {margin-top: 7.2rem;}

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

/* ¸ÞÀÎ ½½¶óÀ̵å ÄÁÅÙÃ÷ ¹Ù·Î°¡±â¹è³Ê ¿µ¿ª */
.banner-box {position: static;}
.banner-contents .banner-item {width: 50%; height: 20rem;}
.banner-contents .banner-item a .box .typebann {padding: 0 1rem;}
.banner-contents .banner-item a.bannbox1 {background: #8bbe34;}
.banner-contents .banner-item a.bannbox2 {background: #5bb630;}
.banner-contents .banner-item a.bannbox3 {background: #118d2a;}
.banner-contents .banner-item .bannbox4 {background: #0a6823;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Çüź° Á¦Ç°¼Ò°³ ¿µ¿ª */
.product-list {padding: 0 2rem;}
.product-list ul {display: block;}
.product-list ul li {float: left; width: 48%; margin-bottom: 3rem;}
.product-list ul li:nth-of-type(2n+2) {float: right;}
.product-list ul li:nth-of-type(3), .product-list ul li:nth-of-type(4) {margin-bottom: 0;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °Ô½ÃÆÇ ÃßÃâ ¹× °í°´¼¾ÅÍ ¿µ¿ª */
.customer-box .board-area {width: 100%;}
.customer-box .inquiry-area {width: 100%; height: auto; border-top: 1px solid #d7d4d4;}
.customer-box .inquiry-area .customer-info .call-number {width: 100%; line-height: 1;}
.customer-box .inquiry-area .customer-info .business-hours {width: 100%;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ¹Ù·Î°¡±â ¹öÆ° ¿µ¿ª */
.shortcuts-btns ul {height: auto;}
.shortcuts-btns ul li {width: 50%; border-right: 0;}
.shortcuts-btns ul li.sh-btn1 {border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; border-left: 0; background-size: 3.2rem 3.6rem;}
.shortcuts-btns ul li.sh-btn2 {border-bottom: 1px solid #d7d7d7;}
.shortcuts-btns ul li.sh-btn3 {border-right: 1px solid #d7d7d7;}

}


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

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

.sec-slide-main {margin-top: 7.2rem;}

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

/* ¸ÞÀÎ ½½¶óÀ̵å ÄÁÅÙÃ÷ ¹Ù·Î°¡±â¹è³Ê ¿µ¿ª */
.banner-box {position: static;}
.banner-contents .banner-item {width: 50%; height: 20rem;}
.banner-contents .banner-item a .box .typebann {padding: 0 1rem;}
.banner-contents .banner-item a.bannbox1 {background: #8bbe34;}
.banner-contents .banner-item a.bannbox2 {background: #5bb630;}
.banner-contents .banner-item a.bannbox3 {background: #118d2a;}
.banner-contents .banner-item .bannbox4 {background: #0a6823;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Çüź° Á¦Ç°¼Ò°³ ¿µ¿ª */
.product-list {padding: 0 2rem;}
.product-list ul {display: block;}
.product-list ul li {float: left; width: 48%; margin-bottom: 3rem;}
.product-list ul li:nth-of-type(2n+2) {float: right;}
.product-list ul li:nth-of-type(3), .product-list ul li:nth-of-type(4) {margin-bottom: 0;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °Ô½ÃÆÇ ÃßÃâ ¹× °í°´¼¾ÅÍ ¿µ¿ª */
.customer-box .board-area {width: 100%;}
.customer-box .inquiry-area {width: 100%; height: auto; border-top: 1px solid #d7d4d4;}
.customer-box .inquiry-area .customer-info .call-number {width: 100%; line-height: 1;}
.customer-box .inquiry-area .customer-info .business-hours {width: 100%;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ¹Ù·Î°¡±â ¹öÆ° ¿µ¿ª */
.shortcuts-btns ul {height: auto;}
.shortcuts-btns ul li {width: 50%; border-right: 0;}
.shortcuts-btns ul li.sh-btn1 {border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; border-left: 0; background-size: 3.2rem 3.6rem;}
.shortcuts-btns ul li.sh-btn2 {border-bottom: 1px solid #d7d7d7;}
.shortcuts-btns ul li.sh-btn3 {border-right: 1px solid #d7d7d7;}

}