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

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

/* ¸ÞÀÎ ÄÁÅÙÃ÷º° ŸÀÌƲ °øÅë */
.title-common {position: relative; width: 100%; height: 6rem; text-align: left; padding-top: 0.5rem;}
.title-common .tit-kor {display: inline-block; font-family: "s-core-dream-extrabold", sans-serif; transform: rotate(-0.03deg); font-size: 5.4rem; color: #111; letter-spacing: -0.08rem; line-height: 1; margin-left: -0.2rem; margin-right: 2.5rem;}
.title-common .tit-subtxt {display: inline-block; transform: rotate(-0.03deg); font-size: 2rem; color: #4b4a4a; font-weight: 300; letter-spacing: -0.08rem; line-height: 1.5; word-break: keep-all;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷º° ŸÀÌƲ °øÅë ¿¹¿Üó¸® */
.title-common2 {height: auto; padding-left: 6rem; padding-top: 7rem;}
.title-common2 .tit-subtxt2 {display: block; line-height: 1.4; margin-top: 3rem;}
.title-common .tit-morebtn {position: absolute; top: 1.3rem; right: 0; display: flex; flex-wrap: wrap; align-items: center; width: auto; height: 2.4rem;}
.title-common .tit-morebtn a {display: block; height: 100%;}
.title-common .tit-morebtn a span {display: inline-block; transform: rotate(-0.03deg); font-size: 1.55rem; color: #898989; font-weight: 400; margin-right: 2rem; vertical-align: top;}
.title-common .tit-morebtn a i {display: inline-block; width: 2.4rem; height: 2.4rem; vertical-align: top;}
.title-common .tit-morebtn a i img {width: 100%; height: 100%; vertical-align: top; transition: all 0.5s ease;}

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


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

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å Àüü ¿µ¿ª */
.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: 94rem; 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%;}

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å pagina ½ºÅ¸ÀÏ Àû¿ë */
.main-visual .paging {position: absolute; bottom: 35%; left: 0; width: 100%;}
.main-visual .swiper .swiper-pagination {margin: 0 auto; width: 100%; max-width: 140rem; bottom: 38% !important; text-align: left !important; left: 50%; transform: translateX(-50%);}
.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: 0 !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-button-prev, .swiper-rtl .swiper-button-next {background-image: url("../img/wowweb/images/rollprev_arrow.png") !important; left: 2%; right: auto;}
.main-visual .swiper-button-next, .swiper-rtl .swiper-button-prev {background-image: url("../img/wowweb/images/rollnext_arrow.png") !important; right: 2%; left: auto;}
.main-visual .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {display: none;}
.main-visual .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {display: none;}
.main-visual .mainprev, .main-visual .mainnext {width: 5rem !important; height: 5rem !important; background-size: 5rem 5rem !important; outline: none;}

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å ŸÀÌƲ ÅؽºÆ® ¿µ¿ª*/
.slide-title {position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-65%);}
.slide-title .titbox {margin: 0 auto; width: 100%; max-width: 140rem;}
.slide-title .titbox .slide-kor {font-family: "s-core-dream-extrabold", sans-serif; font-size: 6.4rem; color: #fff; letter-spacing: -0.08rem; line-height: 1.2; word-break: keep-all; margin-left: -0.5rem; text-shadow: 3px 3px 10px rgba(0,0,0,0.6);}
.slide-title .titbox p {font-family: "s-core-dream-light", sans-serif; font-size: 2rem; color: #fff; letter-spacing: -0.06rem; line-height: 1.3; word-break: keep-all; text-shadow: 3px 3px 10px rgba(0,0,0,0.6); margin-top: 1rem;}

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

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

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ¹Ù·Î°¡±â ¹öÆ° ¿µ¿ª */
.main-shortcutsbtns {position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2;}
.main-shortcutsbtns ul {display: flex; margin: 0 auto; width: 100%; max-width: 140rem;}
.main-shortcutsbtns ul li {position: relative; flex: 1; background: #fff; border-bottom: 1px solid #ebebeb; transition: all 0.3s ease;}
.main-shortcutsbtns ul li a {display: block; width: 100%; height: 100%; padding: 5rem; transition: all 0.3s ease;}
.main-shortcutsbtns ul li a i.ico {display: block; width: auto; height: 3.8rem;}
.main-shortcutsbtns ul li a i.ico img {width: auto; margin-left: 0.2rem;}
.main-shortcutsbtns ul li a .title {position: relative; display: block; width: 100%; margin-top: 2.7rem;}
.main-shortcutsbtns ul li a .title span {font-family: "Saira", sans-serif; font-size: 1.6rem; color: #0092ef; font-weight: 600; letter-spacing: -0.08rem; line-height: 1;}
.main-shortcutsbtns ul li a .title h2 {font-family: "s-core-dream-bold", sans-serif; font-size: 2.3rem; color: #111; letter-spacing: -0.08rem; line-height: 1; margin-top: 1rem;}
.main-shortcutsbtns ul li a .title .morebtn {position: absolute; top: 0 ; right: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 3.7rem; height: 3.7rem; margin-top: 0.7rem; background: #363636; border-radius: 5rem;}
.main-shortcutsbtns ul li a .title .morebtn i {display: inline-block; width: 1.6rem; height: 1.3rem;}
.main-shortcutsbtns ul li a .title .morebtn i img {width: 100%; width: 1.6rem; height: 1.3rem; vertical-align: top;}
.main-shortcutsbtns ul li:after {position: absolute; top: 0; right: 0; content: ""; display: block; width: 1px; height: 100%; background: #ebebeb;}
.main-shortcutsbtns ul li:last-child:after {display: none;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ¹Ù·Î°¡±â ¹öÆ° ¿µ¿ª - ¸¶¿ì½º·Ñ¿À¹ö È¿°ú */
.main-shortcutsbtns ul li:hover {background: #f6f6f6;}
.main-shortcutsbtns ul li a:hover .title .morebtn {background: #0092ef;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª */
.main-business {position: relative; width: 100%;} 
.business-box {position: relative; width: 100%; padding: 6rem;}
.business-box:before {position: absolute; top: 0; left: 0; content: ""; display: block; width: 1px; height: 100%; background: #ebebeb;} /* ¿ÞÂÊ ¶óÀλý¼º */
.business-box:after {position: absolute; top: 0; right: 0; content: ""; display: block; width: 1px; height: 100%; background: #ebebeb;} /* ¿À¸¥ÂÊ ¶óÀλý¼º */
.business-list {width: 100%; display: flex; justify-content: space-between; margin-top: 7.5rem;}
.business-list .itemtype {width: 31.25%;}
.business-list .itemtype a {position: relative; display: block; width: 100%; height: 100%;}
.business-list .itemtype a .item-thumb {position: relative; z-index: 1; width: 100%; overflow: hidden;}
.business-list .itemtype a .item-thumb img.buimg {width: 100%; height: 100%; transform: scale(1); -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.business-list .itemtype a .item-thumb .morebtn {position: absolute; bottom: 1rem; left: 1rem; display: flex; justify-content: center; align-items: center; width: 6.5rem; height: 6.5rem; background: rgba(255,255,255,0.2); border: 1px solid #fff; transition: all 0.6s ease;}
.business-list .itemtype a .item-thumb .morebtn i {display: inline-block; width: 2.6rem; height: 2rem;}
.business-list .itemtype a .item-info {position: relative; width: 100%; padding-top: 3.4rem;}
.business-list .itemtype a .item-info h3 {display: inline-block; width: 100%; font-family: "s-core-dream-bold", sans-serif; transform: rotate(-0.03deg); font-size: 2.6rem; color: #111; letter-spacing: -0.06rem; line-height: 1;}
.business-list .itemtype a .item-info p {transform: rotate(-0.03deg); font-size: 1.7rem; color: #4b4a4a; font-weight: 400; letter-spacing: -0.06rem; line-height: 1.3; word-break: keep-all; padding-top: 1.5rem; padding-right: 5rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª ¸¶¿ì½º ·Ñ¿À¹ö È¿°ú */
.business-list .itemtype a:hover .item-thumb img.buimg {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.business-list .itemtype a:hover .item-thumb .morebtn {background: #0097f5; border: 1px solid #0097f5;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ȸ»ç¼Ò°³ ¿µ¿ª */
.main-company {position: relative; width: 100%;}
.main-company:before {position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 0; padding-bottom: 23.38413032054651%; background: #f6f6f6;}
.company-box {position: relative; display: flex; justify-content: space-between; width: 100%; height: 0; padding-bottom: 38.92857142857143%; background-image: url("../img/wowweb/images/company_bg1.jpg"); background-position: center top; background-size: cover;}
.company-box .thumb-img {position: absolute; top: 10rem; left: 4.285714285714286%; width: 45.71428571428571%; height: 100%;}
.company-box .thumb-img figure {position: relative; float: left; width: 100%; padding: 0; margin: 0;}
.company-box .thumb-img figure img {max-width: 100%;}
.company-box .company-title {position: absolute; top: 10rem; right: 0; width: 50%;}
.company-box .company-title .title-area {width: 100%; padding-left: 10%;}
.company-box .company-title .title-area .tit-txt {font-family: "s-core-dream-extrabold", sans-serif; transform: rotate(-0.03deg); font-size: 5.4rem; color: #fff; letter-spacing: -0.08rem; line-height: 1; padding-top: 7.936507936507937%;}
.company-box .company-title .title-area p.tit-stxt {font-family: "s-core-dream-medium", sans-serif; transform: rotate(-0.03deg); font-size: 2.4rem; color: #fff; letter-spacing: -0.08rem; line-height: 1.5; word-break: keep-all; margin-top: 4rem;}
.company-box .company-title .title-area a.morebtn {display: flex; justify-content: space-between; align-items: center; width: 19rem; height: 5rem; padding: 0 2.5rem; margin-top: 4rem; border: 1px solid #fff; transition: all 0.3s ease;}
.company-box .company-title .title-area a.morebtn span {display: inline-block; transform: rotate(-0.03deg); font-size: 1.5rem; color: #fff; font-weight: 400; letter-spacing: -0.06rem;}
.company-box .company-title .title-area a.morebtn i {display: inline-block; width: 1.5rem; height: 1.2rem;}
.company-box .company-title .title-area a.morebtn i img {width: 100%; vertical-align: top;}
.company-box .company-title .title-area a.morebtn:hover {background: #0092ef; border: 1px solid #0092ef;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °øÁö»çÇ× °Ô½ÃÆÇ ¿µ¿ª */
.main-board {position: relative; width: 100%;}
.board-box {width: 100%; margin-top: 22rem;}
.board-list {width: 100%; margin-top: 7.5rem;}

/* Ä«Æä24 °øÁö»çÇ× °Ô½ÃÆÇ ÃßÃ⠰Խù° ½ºÅ¸ÀÏ Àû¿ë */
.board-list table tr td table.board_output tbody {display: flex; justify-content: space-between; width: 100%;}
.board_output_11_tr {position: relative; width: 22.85714285714286%; padding: 9.2rem 4rem 4rem;}
.board_output_11_tr:before {position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; border: 1px solid #e5e4e4;}
.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;}
.board_output_11_tr td:nth-child(2) a {display: block; width: 100%; height: 100%; transform: rotate(-0.03deg); font-size: 1.9rem; color: #252525; font-weight: 500; line-height: 1.4; letter-spacing: -0.06rem; word-break: keep-all; display: -webkit-box; white-space: break-spaces; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 4rem; transition: all 0.3s ease;}
.board_output_11_tr td:nth-child(3) {transform: rotate(-0.03deg); font-size: 1.5rem; color: #606060; font-weight: 300; letter-spacing: -0.06rem; line-height: 1;}
.board_output_11_tr:after {position: absolute; top: 3rem; left: 0; content: "NOTICE"; width: 10.5rem; height: 2.7rem; font-size: 1.5rem; color: #fff; font-weight: 500; letter-spacing: -0.06rem; line-height: 2.7rem; text-align: center; background: #0097f5;}

/* Ä«Æä24 °øÁö»çÇ× °Ô½ÃÆÇ ÃßÃâ - ¸¶¿ì½º·Ñ¿À¹ö È¿°ú */
.board_output_11_tr:hover:before {border: 1px solid #0097f5; transition: all 0.3s ease;}
.board_output_11_tr td:nth-child(2) a:hover {color: #0097f5; text-decoration: underline;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Çù·Â¾÷ü ¿µ¿ª */
.main-partner {position: relative; float: left; width: 100%; padding: 12rem 0; margin-top: 12rem; background: #f9f9f9;}
.partner-box {position: relative; width: 100%;}
.partner-list {width: 100%; margin-top: 7.5rem;}
.partner-list ul {display: flex; flex-wrap: wrap; border-top: 1px solid #e5e4e4; border-left: 1px solid #e5e4e4;}
.partner-list ul li {width: 20%; height: 13rem; border-right: 1px solid #e5e4e4; border-bottom: 1px solid #e5e4e4;}
.partner-list ul li a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: #fff;}
.partner-list ul li a img {width: 100%; max-width: 23rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °í°´¼¾ÅÍ ¿µ¿ª */
.main-customer {position: relative; width: 100%; height: 89rem;}
.main-customer:after {position: absolute; top: 12rem; right: 0; content: ""; width: 50%; height: 65rem; background-image: url("../img/wowweb/images/customer_bg.jpg"); background-repeat: no-repeat; background-position: left top; z-index: 1;}
.customer-box {position: relative; width: 100%; padding: 12rem 0; z-index: 2;}
.customer-box:before {position: absolute; top: 0; left: 0; content: ""; width: 1px; height: 100%; background: #e5e4e4;}

.customer-box .title-common2 a.morebtn {display: flex; justify-content: space-between; align-items: center; width: 19rem; height: 5.2rem; padding: 0 2.5rem; margin-top: 3.5rem; background: #010820; transition: all 0.3s ease;}
.customer-box .title-common2 a.morebtn span {display: inline-block; transform: rotate(-0.03deg); font-size: 1.5rem; color: #fff; font-weight: 400; letter-spacing: -0.06rem;}
.customer-box .title-common2 a.morebtn i {display: inline-block; width: 1.5rem; height: 1.2rem;}
.customer-box .title-common2 a.morebtn i img {width: 100%; vertical-align: top;}
.customer-box .title-common2 a.morebtn:hover {background: #0092ef;}

.customer-list {display: flex; flex-wrap: wrap; width: 100%; margin-top: 7.8rem; margin-bottom: 6.5rem;}
.customer-list .centerbox {display: inline-block; height: 21rem; padding: 4rem;}
.customer-list .center-tel {width: 23.5rem; background: #0097f5;}
.customer-list .center-email {width: 28.5rem; background: #f1f1f1;}
.customer-list .center-address {width: 53rem; background: -webkit-linear-gradient(left, #07cca6 0%, #0097f5 100%); background: -moz-linear-gradient(left, #07cca6 0%, #0097f5 100%); background: linear-gradient(to right, #07cca6 0%, #0097f5 100%);}
.customer-list .centerbox i {display: inline-block; width: auto; height: 4rem; margin-bottom: 4.5rem;}
.customer-list .centerbox div.tit {font-family: "Saira", sans-serif; transform: rotate(-0.03deg); font-size: 2rem; color: #fff; font-weight: 700; line-height: 1; letter-spacing: -0.08rem;}
.customer-list .centerbox p {font-family: "s-core-dream-medium", sans-serif; transform: rotate(-0.03deg); font-size: 1.4rem; color: #fff; line-height: 1; letter-spacing: -0.06rem; margin-top: 1.3rem;}
.customer-list .centerbox p a {color: #fff;}
.customer-list .center-email div.tit {color: #111;}
.customer-list .center-email p a {color: #111;}


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

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

/* ¸ÞÀÎ ÄÁÅÙÃ÷º° ŸÀÌƲ °øÅë */
.title-common {float: left; width: 100%; height: auto; text-align: center; padding-top: 0;}
.title-common .tit-kor {font-size: 4rem; margin-right: 0; margin-bottom: 2rem;}
.title-common .tit-morebtn {position: static; top: initial; display: inline-block; width: 100%; margin-top: 2rem;}
.title-common .tit-subtxt {display: inline-block; width: 100%; font-size: 1.6rem; line-height: 1.3; letter-spacing: -0.1rem;}
.title-common2 {padding-left: 0;}
.title-common2 .tit-subtxt2 {margin-top: 0;}

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å Àüü ¿µ¿ª */
.main-visual .swiper .swiper-slide {height: 46rem;}
.main-visual .mainprev, .main-visual .mainnext {display: none;}
.main-visual .paging {bottom: 5%;}
.main-visual .swiper .swiper-pagination {text-align: center !important;}
.slide-title {text-align: center; transform: translateY(-35%); padding: 0 4rem;}
.slide-title .titbox .slide-kor {font-size: 3.4rem;}
.slide-title .titbox p {font-size: 1.6rem;}
.slide-title .titbox p br {display: none;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ¹Ù·Î°¡±â ¹öÆ° ¿µ¿ª */
.main-shortcutsbtns {position: static; bottom: initial; left: initial;} /* ÃʱâÈ­ */
.main-shortcutsbtns ul {flex-wrap: wrap;}
.main-shortcutsbtns ul li {width: 50%; flex: none;}
.main-shortcutsbtns ul li a {padding: 2rem;}
.main-shortcutsbtns ul li a .title {margin-top: 1rem;}
.main-shortcutsbtns ul li a .title span {font-size: 1.4rem;}
.main-shortcutsbtns ul li a .title h2 {font-size: 2rem; margin-top: 0.5rem;}
.main-shortcutsbtns ul li a .title .morebtn {width: 2.8rem; height: 2.8rem;}
.main-shortcutsbtns ul li a .title .morebtn i {width: 1.3rem; height: 1rem;}
.main-shortcutsbtns ul li a .title .morebtn i img {width: 100%; height: 100%;}
.main-shortcutsbtns ul li:nth-of-type(2):after {display: none;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª */
.business-box {float: left; padding: 4rem 2rem;}
.business-box:before {display: none;}
.business-box:after {display: none;}
.business-list {flex-wrap: wrap; float: left; margin-top: 3rem;}
.business-list .itemtype {width: 100%; margin-bottom: 3rem;}
.business-list .itemtype:last-child {margin-bottom: 0;}
.business-list .itemtype a .item-info h3 {font-size: 2.4rem;}
.business-list .itemtype a .item-info p {font-size: 1.6rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ȸ»ç¼Ò°³ ¿µ¿ª */
.company-box {height: 70rem; padding-bottom: 0; flex-wrap: wrap;}
.company-box .thumb-img {position: relative; top: 0; left: 0; float: left; width: 100%; height: auto; padding: 0 2rem; margin-top: 5rem;}
.company-box .company-title {position: relative; top: 0; float: left; width: 100%; padding: 0 2rem;}
.company-box .thumb-img figure {height: 30rem; overflow: hidden;}
.company-box .company-title .title-area {text-align: center; padding-left: 0;}
.company-box .company-title .title-area .tit-txt {font-size: 4rem; padding-top: 0;}
.company-box .company-title .title-area p.tit-stxt {font-size: 1.8rem; margin-top: 2rem;}
.company-box .company-title .title-area a.morebtn {display: inline-block; height: auto; padding: 1.3rem 2.5rem;}
.company-box .company-title .title-area a.morebtn i {margin-left: 3rem; vertical-align: -0.15rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °øÁö»çÇ× °Ô½ÃÆÇ ¿µ¿ª */
.board-box {float: left; padding: 0 2rem; margin-top: 8rem;}
.board-list {float: left; margin-top: 3rem;}

/* Ä«Æä24 °øÁö»çÇ× °Ô½ÃÆÇ ÃßÃ⠰Խù° ½ºÅ¸ÀÏ Àû¿ë */
.board-list table tr td table.board_output tbody {flex-wrap: wrap;}
.board_output_11_tr {width: 49%; padding: 6rem 2rem 2rem;}
.board_output_11_tr:nth-of-type(3), .board_output_11_tr:nth-of-type(4) {margin-top: 2%;}
.board_output_11_tr td:nth-child(2) a {font-size: 1.7rem; line-height: 1.3; margin-bottom: 2rem;}
.board_output_11_tr td:nth-child(3) {letter-spacing: 0.02rem;}
.board_output_11_tr:after {top: 2rem; width: auto; height: auto; padding: 0 2rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Çù·Â¾÷ü ¿µ¿ª */
.main-partner {padding: 8rem 0; margin-top: 8rem;}
.partner-box {padding: 0 2rem;}
.partner-list {float: left; margin-top: 3rem;}
.partner-list ul li {width: 50%; height: 7rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °í°´¼¾ÅÍ ¿µ¿ª */
.main-customer {height: auto; padding: 0 2rem; margin-bottom: 8rem;}
.main-customer:after {position: static; top: initial; float: left; width: 100%; height: 0; padding-bottom: 67.7083334%; background-size: cover;}
.customer-box {float: left; padding: 8rem 0 0;}
.customer-box:before {display: none;}
.customer-box .title-common2 a.morebtn {display: inline-block; height: auto; padding: 1.3rem 2.5rem;}
.customer-box .title-common2 a.morebtn i {margin-left: 3rem; vertical-align: -0.15rem;}

.customer-list {float: left; margin-top: 4rem; margin-bottom: 0;}
.customer-list .centerbox {height: auto; padding: 3rem;}
.customer-list .center-tel {width: 100%;}
.customer-list .center-email {width: 100%;}
.customer-list .center-address {width: 100%;}
.customer-list .centerbox i {margin-bottom: 1rem;}
.customer-list .centerbox i img {width: 80%; vertical-align: top;}
.customer-list .centerbox div.tit {display: inline-block; font-size: 2.2rem; vertical-align: -1.3rem;}
.customer-list .centerbox p {font-size: 1.8rem;}
.customer-list .center-address p {line-height: 1.3;}

}


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

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

/* ¸ÞÀÎ ÄÁÅÙÃ÷º° ŸÀÌƲ °øÅë */
.title-common {float: left; width: 100%; height: auto; text-align: center; padding-top: 0;}
.title-common .tit-kor {font-size: 4rem; margin-right: 0; margin-bottom: 2rem;}
.title-common .tit-morebtn {position: static; top: initial; display: inline-block; width: 100%; margin-top: 2rem;}
.title-common .tit-subtxt {display: inline-block; width: 100%; font-size: 1.6rem; line-height: 1.3; letter-spacing: -0.1rem;}
.title-common2 {padding-left: 0;}
.title-common2 .tit-subtxt2 {margin-top: 0;}

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å Àüü ¿µ¿ª */
.main-visual .swiper .swiper-slide {height: 46rem;}
.main-visual .mainprev, .main-visual .mainnext {display: none;}
.main-visual .paging {bottom: 5%;}
.main-visual .swiper .swiper-pagination {text-align: center !important;}
.slide-title {text-align: center; transform: translateY(-35%); padding: 0 4rem;}
.slide-title .titbox .slide-kor {font-size: 3.4rem;}
.slide-title .titbox p {font-size: 1.6rem;}
.slide-title .titbox p br {display: none;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ¹Ù·Î°¡±â ¹öÆ° ¿µ¿ª */
.main-shortcutsbtns {position: static; bottom: initial; left: initial;} /* ÃʱâÈ­ */
.main-shortcutsbtns ul {flex-wrap: wrap;}
.main-shortcutsbtns ul li {width: 50%; flex: none;}
.main-shortcutsbtns ul li a {padding: 2rem;}
.main-shortcutsbtns ul li a .title {margin-top: 1rem;}
.main-shortcutsbtns ul li a .title span {font-size: 1.4rem;}
.main-shortcutsbtns ul li a .title h2 {font-size: 2rem; margin-top: 0.5rem;}
.main-shortcutsbtns ul li a .title .morebtn {width: 2.8rem; height: 2.8rem;}
.main-shortcutsbtns ul li a .title .morebtn i {width: 1.3rem; height: 1rem;}
.main-shortcutsbtns ul li a .title .morebtn i img {width: 100%; height: 100%;}
.main-shortcutsbtns ul li:nth-of-type(2):after {display: none;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª */
.business-box {float: left; padding: 4rem 2rem;}
.business-box:before {display: none;}
.business-box:after {display: none;}
.business-list {flex-wrap: wrap; float: left; margin-top: 3rem;}
.business-list .itemtype {width: 100%; margin-bottom: 5rem;}
.business-list .itemtype:last-child {margin-bottom: 0;}
.business-list .itemtype a .item-info h3 {font-size: 2.4rem;}
.business-list .itemtype a .item-info p {font-size: 1.6rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ȸ»ç¼Ò°³ ¿µ¿ª */
.company-box {height: 70rem; padding-bottom: 0; flex-wrap: wrap;}
.company-box .thumb-img {position: relative; top: 0; left: 0; float: left; width: 100%; height: auto; padding: 0 2rem; margin-top: 5rem;}
.company-box .company-title {position: relative; top: 0; float: left; width: 100%; padding: 0 2rem;}
.company-box .thumb-img figure {height: 30rem; overflow: hidden;}
.company-box .thumb-img figure img {width: 100%;}
.company-box .company-title .title-area {text-align: center; padding-left: 0;}
.company-box .company-title .title-area .tit-txt {font-size: 4rem; padding-top: 0;}
.company-box .company-title .title-area p.tit-stxt {font-size: 1.8rem; margin-top: 2rem;}
.company-box .company-title .title-area a.morebtn {display: inline-block; height: auto; padding: 1.3rem 2.5rem;}
.company-box .company-title .title-area a.morebtn i {margin-left: 3rem; vertical-align: -0.15rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °øÁö»çÇ× °Ô½ÃÆÇ ¿µ¿ª */
.board-box {float: left; padding: 0 2rem; margin-top: 8rem;}
.board-list {float: left; margin-top: 3rem;}

/* Ä«Æä24 °øÁö»çÇ× °Ô½ÃÆÇ ÃßÃ⠰Խù° ½ºÅ¸ÀÏ Àû¿ë */
.board-list table tr td table.board_output tbody {flex-wrap: wrap;}
.board_output_11_tr {width: 49%; padding: 6rem 2rem 2rem;}
.board_output_11_tr:nth-of-type(3), .board_output_11_tr:nth-of-type(4) {margin-top: 2%;}
.board_output_11_tr td:nth-child(2) a {font-size: 1.7rem; line-height: 1.3; margin-bottom: 2rem;}
.board_output_11_tr td:nth-child(3) {letter-spacing: 0.02rem;}
.board_output_11_tr:after {top: 2rem; width: auto; height: auto; padding: 0 2rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Çù·Â¾÷ü ¿µ¿ª */
.main-partner {padding: 8rem 0; margin-top: 8rem;}
.partner-box {padding: 0 2rem;}
.partner-list {float: left; margin-top: 3rem;}
.partner-list ul li {width: 50%; height: 7rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °í°´¼¾ÅÍ ¿µ¿ª */
.main-customer {height: auto; padding: 0 2rem; margin-bottom: 8rem;}
.main-customer:after {position: static; top: initial; float: left; width: 100%; height: 0; padding-bottom: 67.7083334%; background-size: cover;}
.customer-box {float: left; padding: 8rem 0 0;}
.customer-box:before {display: none;}
.customer-box .title-common2 a.morebtn {display: inline-block; height: auto; padding: 1.3rem 2.5rem;}
.customer-box .title-common2 a.morebtn i {margin-left: 3rem; vertical-align: -0.15rem;}
.customer-list {float: left; margin-top: 4rem; margin-bottom: 0;}
.customer-list .centerbox {height: auto; padding: 3rem;}
.customer-list .center-tel {width: 100%;}
.customer-list .center-email {width: 100%;}
.customer-list .center-address {width: 100%;}
.customer-list .centerbox i {margin-bottom: 1rem;}
.customer-list .centerbox i img {width: 80%; vertical-align: top;}
.customer-list .centerbox div.tit {display: inline-block; font-size: 2.2rem; vertical-align: -1.3rem;}
.customer-list .centerbox p {font-size: 1.8rem;}
.customer-list .center-address p {line-height: 1.3;}

}


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

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

/* ¸ÞÀÎ ÄÁÅÙÃ÷º° ŸÀÌƲ °øÅë */
.title-common {float: left; width: 100%; height: auto; text-align: center; padding-top: 0;}
.title-common .tit-kor {margin-right: 0; margin-bottom: 2rem;}
.title-common .tit-morebtn {position: static; top: initial; display: inline-block; width: 100%; margin-top: 2rem;}
.title-common .tit-subtxt {display: inline-block; width: 100%;}
.title-common2 {padding-left: 0;}
.title-common2 .tit-subtxt2 {margin-top: 0;}

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å Àüü ¿µ¿ª */
.main-visual .swiper .swiper-slide {height: 70rem;}
.main-visual .paging {bottom: 5%;}
.main-visual .swiper .swiper-pagination {text-align: center !important;}
.slide-title {text-align: center; padding: 0 4rem; transform: translateY(-45%);}
.slide-title .titbox .slide-kor {font-size: 5.4rem;}
.slide-title .titbox p {font-size: 1.8rem; line-height: 1.4;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ¹Ù·Î°¡±â ¹öÆ° ¿µ¿ª */
.main-shortcutsbtns {position: static; bottom: initial; left: initial;} /* ÃʱâÈ­ */
.main-shortcutsbtns ul {flex-wrap: wrap;}
.main-shortcutsbtns ul li {width: 50%; flex: none;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª */
.business-box {float: left; padding: 6rem 5rem;}
.business-box:before {display: none;}
.business-box:after {display: none;}
.business-list {flex-wrap: wrap; float: left; margin-top: 3rem;}
.business-list .itemtype {width: 100%; margin-bottom: 5rem;}
.business-list .itemtype:last-child {margin-bottom: 0;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ȸ»ç¼Ò°³ ¿µ¿ª */
.company-box {height: 100rem; padding-bottom: 0; flex-wrap: wrap;}
.company-box .thumb-img {position: relative; top: 0; left: 0; float: left; width: 100%; height: auto; padding: 0 5rem; margin-top: 5rem;}
.company-box .company-title {position: relative; top: 0; float: left; width: 100%; padding: 0 5rem;}
.company-box .thumb-img figure {height: 50rem; overflow: hidden;}
.company-box .thumb-img figure img {width: 100%;}
.company-box .company-title .title-area {text-align: center; padding-left: 0;}
.company-box .company-title .title-area .tit-txt {padding-top: 0;}
.company-box .company-title .title-area a.morebtn {display: inline-block; height: auto; padding: 1.3rem 2.5rem;}
.company-box .company-title .title-area a.morebtn i {margin-left: 3rem; vertical-align: -0.15rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °øÁö»çÇ× °Ô½ÃÆÇ ¿µ¿ª */
.board-box {float: left; padding: 0 5rem; margin-top: 8rem;}
.board-list {float: left; margin-top: 5rem;}

/* Ä«Æä24 °øÁö»çÇ× °Ô½ÃÆÇ ÃßÃ⠰Խù° ½ºÅ¸ÀÏ Àû¿ë */
.board-list table tr td table.board_output tbody {flex-wrap: wrap;}
.board_output_11_tr {width: 49%;}
.board_output_11_tr:nth-of-type(3), .board_output_11_tr:nth-of-type(4) {margin-top: 2%;}
.board_output_11_tr td:nth-child(3) {letter-spacing: 0.02rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Çù·Â¾÷ü ¿µ¿ª */
.main-partner {padding: 8rem 0; margin-top: 8rem;}
.partner-box {padding: 0 5rem;}
.partner-list {float: left; margin-top: 5rem;}
.partner-list ul li {width: 50%;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °í°´¼¾ÅÍ ¿µ¿ª */
.main-customer {height: auto; padding: 0 2rem; margin-bottom: 8rem;}
.customer-box:before {display: none;}
.main-customer:after {top: 35rem; height: 60rem; background-size: cover;}
.customer-box {float: left; padding: 8rem 0 6rem;}
.customer-box .title-common2 a.morebtn {display: inline-block; height: auto; padding: 1.3rem 2.5rem;}
.customer-box .title-common2 a.morebtn i {margin-left: 3rem; vertical-align: -0.15rem;}
.customer-list {float: left; margin-top: 15rem;}
.customer-list .center-email {width: 29.5rem;}

}


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

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

/* ¸ÞÀÎ ÄÁÅÙÃ÷º° ŸÀÌƲ °øÅë */
.title-common {float: left; width: 100%; height: auto; text-align: center; padding-top: 0;}
.title-common .tit-kor {margin-right: 0; margin-bottom: 2rem;}
.title-common .tit-morebtn {position: static; top: initial; display: inline-block; width: 100%; margin-top: 2rem;}
.title-common .tit-subtxt {display: inline-block; width: 100%;}
.title-common2 {padding-left: 0;}
.title-common2 .tit-subtxt2 {margin-top: 0;}

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å Àüü ¿µ¿ª */
.main-visual .swiper .swiper-slide {height: 70rem;}
.main-visual .paging {bottom: 5%;}
.main-visual .swiper .swiper-pagination {text-align: center !important;}
.slide-title {text-align: center; padding: 0 4rem; transform: translateY(-45%);}
.slide-title .titbox .slide-kor {font-size: 5.4rem;}
.slide-title .titbox p {font-size: 1.8rem; line-height: 1.4;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ¹Ù·Î°¡±â ¹öÆ° ¿µ¿ª */
.main-shortcutsbtns {position: static; bottom: initial; left: initial;} /* ÃʱâÈ­ */
.main-shortcutsbtns ul {flex-wrap: wrap;}
.main-shortcutsbtns ul li {width: 50%; flex: none;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª */
.business-box {float: left; padding: 6rem 5rem;}
.business-box:before {display: none;}
.business-box:after {display: none;}
.business-list {flex-wrap: wrap; float: left; margin-top: 3rem;}
.business-list .itemtype {width: 100%; margin-bottom: 5rem;}
.business-list .itemtype:last-child {margin-bottom: 0;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ȸ»ç¼Ò°³ ¿µ¿ª */
.company-box {height: 100rem; padding-bottom: 0; flex-wrap: wrap;}
.company-box .thumb-img {position: relative; top: 0; left: 0; float: left; width: 100%; height: auto; padding: 0 5rem; margin-top: 5rem;}
.company-box .company-title {position: relative; top: 0; float: left; width: 100%; padding: 0 5rem;}
.company-box .thumb-img figure {height: 50rem; overflow: hidden;}
.company-box .thumb-img figure img {width: 100%;}
.company-box .company-title .title-area {text-align: center; padding-left: 0;}
.company-box .company-title .title-area .tit-txt {padding-top: 0;}
.company-box .company-title .title-area a.morebtn {display: inline-block; height: auto; padding: 1.3rem 2.5rem;}
.company-box .company-title .title-area a.morebtn i {margin-left: 3rem; vertical-align: -0.15rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °øÁö»çÇ× °Ô½ÃÆÇ ¿µ¿ª */
.board-box {float: left; padding: 0 5rem; margin-top: 8rem;}
.board-list {float: left; margin-top: 5rem;}

/* Ä«Æä24 °øÁö»çÇ× °Ô½ÃÆÇ ÃßÃ⠰Խù° ½ºÅ¸ÀÏ Àû¿ë */
.board-list table tr td table.board_output tbody {flex-wrap: wrap;}
.board_output_11_tr {width: 49%;}
.board_output_11_tr:nth-of-type(3), .board_output_11_tr:nth-of-type(4) {margin-top: 2%;}
.board_output_11_tr td:nth-child(3) {letter-spacing: 0.02rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Çù·Â¾÷ü ¿µ¿ª */
.main-partner {padding: 8rem 0; margin-top: 8rem;}
.partner-box {padding: 0 5rem;}
.partner-list {float: left; margin-top: 5rem;}
.partner-list ul li {width: 50%;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °í°´¼¾ÅÍ ¿µ¿ª */
.main-customer {height: auto; padding: 0 2rem; margin-bottom: 8rem;}
.customer-box:before {display: none;}
.main-customer:after {top: 35rem; height: 60rem; background-size: cover;}
.customer-box {float: left; padding: 8rem 0 6rem;}
.customer-box .title-common2 a.morebtn {display: inline-block; height: auto; padding: 1.3rem 2.5rem;}
.customer-box .title-common2 a.morebtn i {margin-left: 3rem; vertical-align: -0.15rem;}
.customer-list {float: left; margin-top: 15rem;}
.customer-list .center-tel {width: 25rem;}
.customer-list .center-email {width: 35rem;}
.customer-list .center-address {width: 60rem;}

}


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

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

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

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å Àüü ¿µ¿ª */
.main-visual .swiper-button-next, .swiper-rtl .swiper-button-prev {right: 2rem;}
.main-visual .swiper-button-prev, .swiper-rtl .swiper-button-next {left: 2rem;}
.main-visual .swiper .swiper-pagination {padding: 0 10rem;}
.slide-title {padding: 0 10rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ¹Ù·Î°¡±â ¹öÆ° ¿µ¿ª */
.main-shortcutsbtns ul {padding: 0 2rem;}
.main-shortcutsbtns ul li a {padding: 3rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª */
.main-business {padding: 0 2rem;}
.business-box {padding: 3rem;}
.business-list {margin-top: 4rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ȸ»ç¼Ò°³ ¿µ¿ª */
.company-box .company-title .title-area .tit-txt {font-size: 5rem;}
.company-box .thumb-img {left: 2rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °øÁö»çÇ× °Ô½ÃÆÇ ¿µ¿ª */
.board-box {padding: 0 2rem;}
.board-list {margin-top: 4rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - Çù·Â¾÷ü ¿µ¿ª */
.partner-box {padding: 0 2rem;}
.partner-list {margin-top: 4rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - °í°´¼¾ÅÍ ¿µ¿ª */
.customer-box {padding: 12rem 2rem;}

}


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

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

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ȸ»ç¼Ò°³ ¿µ¿ª */
.company-box .company-title .title-area p.tit-stxt {font-size: 2rem; margin-top: 3rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - »ç¾÷¼Ò°³ ¿µ¿ª */
.business-list .itemtype a .item-info p br {display: none;}

}


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

@media screen and (min-width:1280px) and (max-width:1289px) {
.sec-main .inner {max-width: 138rem;}

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å Àüü ¿µ¿ª */
.main-visual .swiper-button-prev, .swiper-rtl .swiper-button-next {left: 2rem;}
.main-visual .swiper-button-next, .swiper-rtl .swiper-button-prev {right: 2rem;}
.main-visual .swiper .swiper-pagination {max-width: 120rem;}
.slide-title .titbox {max-width: 120rem;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ - ¹Ù·Î°¡±â ¹öÆ° ¿µ¿ª */
.main-shortcutsbtns ul {max-width: 138rem;}

}


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

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

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å Àüü ¿µ¿ª */
.main-visual .swiper-button-prev, .swiper-rtl .swiper-button-next {left: 2rem;}
.main-visual .swiper-button-next, .swiper-rtl .swiper-button-prev {right: 2rem;}
.main-visual .swiper .swiper-pagination {padding: 0 10rem;}
.slide-title .titbox {padding: 0 10rem;}

}


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

@media screen and (min-width:1441px) and (max-width:1610px) {

/* ¸ÞÀÎ ºñÁÖ¾ó ½½¶óÀ̵å Àüü ¿µ¿ª */
.main-visual .swiper .swiper-pagination {max-width: 120rem;}
.slide-title .titbox {max-width: 120rem;}

}