/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ¼­ºê»ó´Ü ¹× °øÅë ¿µ¿ª */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ·¹À̾ƿô °øÅë */
.sec-sub {position: relative; float: left; width: 100%;}
.sec-sub .inner {position: relative; display: block; margin: 0 auto; width: 100%; max-width: 1280px;}

/* ¼­ºê »ó´Ü ºñÁÖ¾ó ¹× ¸Þ´º¸í ¿µ¿ª */
.sec-sub-visual {position: relative; float: left; width: 100%; height: 0; padding-bottom: 25%; overflow: hidden;}
.sec-sub-visual:before {position: absolute; z-index: 1; top: 0; right: 0; content: ""; width: 83.3334%; height: 100%; background-color: #000;}

/* ¼­ºê »ó´Ü ¸Þ´º¸í ¿µ¿ª */
.pagemenu-common {position: absolute; top: 50%; width: 100%; z-index: 3;}
.pagemenu-common .inner {position: relative; margin: 0 auto; width: 100%; max-width: 1280px;}
.pagemenu-common h2 {font-family: "Saira", sans-serif; transform: rotate(-0.04deg); font-size: 6rem; color: #fff; line-height: 1; letter-spacing: -0.08rem; text-shadow: 2px 4px 8px rgba(0,0,0,0.2);}

/* ¼­ºê »ó´Ü ºñÁÖ¾ó ¿µ¿ª */
.visual-img {position: relative; float: left; width: 83.3334%; height: 0; padding-bottom: 20.83334%; z-index: 2;}
.visual-img img {position: absolute; top: 0; left: 0; width: 100%;}

.subpage-contents {position: relative; float: left; width: 100%;}
.page-common {position: relative; float: left; width: 100%;}

/* ¼­ºê ¿ìÃø Äü¹öÆ° Çܹö°Å ¹öÆ° ¿µ¿ª */
#quick-fixbox {position: fixed; top: 0; right: 0; width: 26.6rem; height: 100%; z-index: 1000000; -webkit-transition: .3s; transition: .3s; transition: 0.5s all;} /*index=7*/
#quick-fixbox.active {right: -21rem; display: block;}

/* ¼­ºê ¿ìÃø Äü¹öÆ° ¿µ¿ª */
.quick-btns {position: relative; float: left; width: 5.6rem; height: 100%;}
#quickToggle {float: left; width: 4rem; height: 4rem; background: none;}
.quick-menu {position: absolute; bottom: 10rem; float: left; width: 4rem; height: 4rem; cursor: pointer;}
.quick-menu .hamburger {display: inline-block; padding: 0.7rem 1rem; background-color: #000; border: 1px solid #000; border-radius: 50px; box-shadow: 3px 3px 12px rgba(0,0,0,0.08);}
.quick-menu .hamburger .line {width: 20px; height: 2px; background-color: #fff; display: block; margin: 5px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.quick-menu .hamburger:hover {cursor: pointer;}
#quickmotion.is-active .line:nth-child(2) {opacity: 0;}  /* translateY(7px) > height: 2px + margin: 5px 0 == 7px Ȑ̉ */
#quickmotion.is-active .line:nth-child(1) {-webkit-transform: translateY(7px) rotate(45deg); -ms-transform: translateY(7px) rotate(45deg); -o-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg);}
#quickmotion.is-active .line:nth-child(3) {-webkit-transform: translateY(-7px) rotate(-45deg); -ms-transform: translateY(-7px) rotate(-45deg); -o-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg);}

/* ¼­ºê ¿ìÃø Äü¹öÆ° ÄÁÅÙÃ÷ ¿µ¿ª */
#quick-container {position: relative; float: left; width: 21rem; height: 100%; background-color: #000; background-image: url("../images/bg_patton.jpg"); background-repeat: repeat; background-position: left top;}
#quick-container .company-btns {position: relative; float: left; width: 100%; margin-top: 21rem; padding-left: 3rem;}
#quick-container .company-btns .btnitem {float: left; width: 15rem; margin-bottom: 4rem;}
#quick-container .company-btns .btnitem h3 {display: inline-block; width: 100%; font-family: "Saira", sans-serif; transform: rotate(-0.04deg); font-size: 1.7rem; color: #bcbbbb; font-weight: 700; line-height: 1; letter-spacing: -0.06rem;}
#quick-container .company-btns .btnitem .btnbox {display: inline-block; width: 15rem; margin-top: 1rem;}
#quick-container .company-btns .btnitem .btnbox a {position: relative; display: block; width: 100%; height: 3.8rem; padding: 0 1.5rem; border: 2px solid #5b5b5b;}
#quick-container .company-btns .btnitem .btnbox a span {display: inline-block; font-family: "Saira", sans-serif; transform: rotate(-0.04deg); font-size: 1.5rem; color: #fff; font-weight: 700; line-height: 3.6rem; margin-right: 2rem;}
#quick-container .company-btns .btnitem .btnbox a i {position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%); width: 0.5rem; height: 1rem; font-style: normal;}
#quick-container .company-btns .btnitem .btnbox a:hover {background-color: #ca2127; border: 2px solid #ca2127; transition: all 0.3s ease-in-out;}
#quick-container .company-btns .btnitem .btnbox a:hover span {color: #fff; transition: all 0.3s ease-in-out;}
#quick-container #logo-circle {width: 13rem; height: 13rem;}
#quick-container #logo-circle .logomark {width: 6rem; height: 6rem;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ¼­ºêÆäÀÌÁö ÄÁÅÙÃ÷ ¿µ¿ª - About Us */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* About Us Layout */
.page-weare {position: relative; float: left; width: 100%; margin-top: 20rem;}
.page-weare:before {position: absolute; top: 65rem; left: 0; content: ""; width: 100%; height: 27rem; background-color: #f6f6f6;}
.page-corevalue {position: relative; float: left; width: 100%; margin-top: 28rem;}
.page-corevalue .inner:before {position: absolute; top: 0; right: 0; content: ""; width: 35rem; height: 81rem; background-image: url("../about/images/about_value_bg.jpg"); background-repeat: no-repeat;}
.page-mission {position: relative; float: left; width: 100%; padding: 10rem 0; margin-top: 25rem; background-color: #f6f6f6;}
.page-organization {position: relative; float: left; width: 100%; margin-top: 20rem;}
.page-partners {position: relative; float: left; width: 100%; padding: 10rem 0 38rem; margin-top: 20rem; background-color: #f6f6f6;} /*ÁÂ¿ì ½½¶óÀÌµå ³ôÀÌ Á¶Àý*/
.page-partners .inner {position: static;} /*ÁÂ¿ì ½½¶óÀ̵å ÃʱâÈ­*/
.page-overview {position: relative; float: left; width: 100%; padding-top: 20rem; overflow: hidden;}

/* ŸÀÌƲ °øÅë */
.title-common {position: relative; width: 100%; margin-bottom: 7rem;}
.title-common div.shadow-txt {position: absolute; top: -9.6rem; left: 0; width: 100%; z-index: 1;}
.title-common div.shadow-txt span.txt1 {position: absolute; top: 0; left: 0; font-family: "Saira", sans-serif; transform: rotate(-0.04deg); font-size: 10rem; color: #fff; font-weight: 900; text-shadow: -1px 0 #efeded, 0 1px #efeded, 1px 0 #efeded, 0 -1px #efeded;} /*ÅؽºÆ® ¶óÀÎÁÖ±â Àû¿ë*/
.title-common div.shadow-txt span.txt2 {position: absolute; top: 0; left: 0; font-family: "Saira", sans-serif; transform: rotate(-0.04deg); font-size: 10rem; color: #fff; font-weight: 900; text-shadow: 2px 4px 8px rgba(0,0,0,0.05);} /*ÅؽºÆ® ±×¸²ÀÚ È¿°úÀû¿ë*/
.title-common div.shadow-txt span.txt-opacity {color: #f6f6f6;}
.title-common span.eng {position: relative; z-index: 2; font-family: "Saira", sans-serif; transform: rotate(-0.04deg); font-size: 2.2rem; color: #252525; font-weight: 500; line-height: 1; letter-spacing: -0.08rem;}
.title-common h3 {font-family: "s-core-dream-heavy", sans-serif; transform: rotate(-0.04deg); font-size: 6.4rem; color: #000; line-height: 1.2; letter-spacing: -0.08rem; word-break: keep-all; margin-top: 1.5rem; margin-left: -0.2rem;}
.title-common p {font-family: "s-core-dream-light", sans-serif; transform: rotate(-0.04deg); font-size: 2.9rem; color: #000; line-height: 1.35; letter-spacing: -0.08rem; word-break: keep-all; margin-top: 4rem;}
.title-common p strong {font-family: "s-core-dream-heavy", sans-serif;}

/* About Us - ¿ì¸®´Â */
.weare-box {position: relative; float: left; width: 100%; padding: 5rem 0; background-color: #000; background-image: url("../about/images/about_weare_bg.jpg"); background-repeat: no-repeat;}
.weare-box .info-box {float: left; width: 33.3334%; transform: rotate(-0.04deg); text-align: center; padding: 4rem 0; border-right: 1px solid #6f6f6f;}
.weare-box .info-box:last-child {border-right: 0;}
.weare-box .info-box .tit {font-family: "Gmarket Sans", sans-serif; font-size: 3rem; color: #fff; font-weight: 700; letter-spacing: -0.08rem; margin-bottom: 2.5rem;}
.weare-box .info-box .tit-kor {font-family: "Gmarket Sans", sans-serif; font-size: 2.5rem; color: #fff; font-weight: 700; letter-spacing: -0.08rem;}
.weare-box .info-box p {font-family: "Gmarket Sans", sans-serif; font-size: 1.8rem; color: #c8c7c7; line-height: 1.5; letter-spacing: -0.08rem; margin-top: 1rem}
.weare-box .info-box .number {font-family: "Gmarket Sans", sans-serif; font-size: 2.1rem; color: #bdbcbc; margin-top: 3.5rem; margin-bottom: 1rem;}
.weare-box .info-box .number span.counter {font-size: 6.5rem; color: #fff; font-weight: 500; margin-right: 0.5rem; vertical-align: 5px;}
.weare-box .info-box .tit-stxt {font-family: "Gmarket Sans", sans-serif; font-size: 1.65rem; color: #c8c7c7; line-height: 1.1; letter-spacing: -0.08rem;}

/* About Us - ½½·Î°Ç */
.corevalue-box {position: relative; float: left; width: 100%;}
.corevalue-box ul {float: left; width: 100%;}
.corevalue-box ul li {float: left; width: 28.125%; margin-right: 2.34375%; box-shadow: 5px 8px 16px rgba(0,0,0,0.10);}
.corevalue-box ul li figure {position: relative; float: left; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;}
.corevalue-box ul li figure .thumbimg {float: left; width: 100%;}
.corevalue-box ul li figure .thumbimg img {width: 100%; height: 100%; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.corevalue-box ul li:hover figure img, .corevalue-box ul li:focus figure img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.corevalue-box ul li .value-info {float: left; width: 100%; height: 0; text-align: center; padding: 0 5.5556% 26rem; background-color: #fff; border: 1px solid #eaeaea; border-top: 0;}
.corevalue-box ul li .value-info .value-subject {display: inline-block; height: 7.8rem; margin-top: 3rem; margin-bottom: 2.4rem; font-family: "Saira", sans-serif; transform: rotate(-0.04deg); font-size: 3.2rem; color: #464646; font-weight: 500; line-height: 1.2; letter-spacing: -0.1rem; word-break: keep-all;}
.corevalue-box ul li .value-info .value-subject strong {color: #000; font-weight: 700;}
.corevalue-box ul li .value-info p {font-family: "s-core-dream-medium", sans-serif; transform: rotate(-0.04deg); font-size: 1.8rem; color: #787878; line-height: 1.35; letter-spacing: -0.1rem; word-break: keep-all;}
.corevalue-box ul li .value-info p strong {color: #000;}

/* About Us - ¿ì¸®ÀÇ ¹Ì¼ÇÀº */
.mission-box {position: relative; float: left; width: 100%;}
.mission-box ul {float: left; width: 100%;}
.mission-box ul li {float: left; width: 31.5625%; margin-right: 2.65625%;}
.mission-box ul li:last-child {margin-right: 0;}
.mission-box ul li figure {position: relative; float: left; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;}
.mission-box ul li figure .thumbimg {float: left; width: 100%;}
.mission-box ul li figure .thumbimg img {width: 100%; height: 100%; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.mission-box ul li:hover figure img, .corevalue-box ul li:focus figure img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.mission-box ul li .mission-info {float: left; width: 100%; text-align: left; padding-top: 4rem;}
.mission-box ul li .mission-info .mission-subject {display: inline-block; margin-bottom: 2.4rem; transform: rotate(-0.04deg); font-size: 3.5rem; color: #000000; font-weight: 700; line-height: 1; letter-spacing: -0.1rem;}
.mission-box ul li .mission-info p {font-family: "s-core-dream-medium", sans-serif; transform: rotate(-0.04deg); font-size: 1.8rem; color: #787878; line-height: 1.35; letter-spacing: -0.1rem; word-break: keep-all; padding-right: 3rem;}

/* About Us - Á¶Á÷µµ */
.organization-box {position: relative; float: left; width: 100%; background-image: url("../about/images/about_organ_bg.jpg"); background-repeat: no-repeat; background-position: 4.7rem 6.4rem; background-size: 30.15625%;}
.organization-box .organ-ceo {position: relative; float: left; width: 100%;}
.organization-box .organ-ceo .ceoimg {margin: 0 auto; width: 20.8rem; height: 19.9rem;}
.organization-box .organ-ceo .ceoimg img {width: 100%;}
.organization-box .organ-ceo:after {position: absolute; top: 19.9rem; left: 50%; content: ""; width: 0.1rem; height: 21.3rem; background: #707070;} /* ¶óÀμ± */
.organization-box .part-team1 {position: relative; float: left; width: 100%; text-align: right; margin-top: -4.5rem;}
.organization-box .part-team1:after {position: absolute; top: 14.8rem; left: 50%; content: ""; width: 25.2%; height: 1px; background: #707070; z-index: 1;} /* ¶óÀμ± */
.organization-box .part-team1 .itemteam {position: relative; display: inline-block; width: 26.875%; margin-right: 6rem; z-index: 2;}
.organization-box .part-team1 .itemteam span {display: inline-block; width: 100%; height: 7rem; text-align: center; font-family: "Saira", sans-serif; transform: rotate(-0.04deg); font-size: 2.8rem; color: #1f1f1f; font-weight: 500; line-height: 6.9rem; letter-spacing: -0.1rem; background-color: #fff; border: 1px solid #343333; box-shadow: 14px 14px 18px rgba(0,0,0,0.10);}
.organization-box .part-team1 .itemteam ul {display: inline-block; width: 100%; text-align: left; margin-bottom: 1.5rem;}
.organization-box .part-team1 .itemteam ul li {float: left; width: 100%; font-family: "s-core-dream-medium", sans-serif; transform: rotate(-0.04deg); font-size: 2rem; color: #787878; letter-spacing: -0.02rem; margin-bottom: 0.5rem;}
.organization-box .part-team2 {position: relative; float: left; width: 100%; font-size: 0; margin-top: 7rem;}
.organization-box .part-team2:after {position: absolute; top: 3.7rem; left: 1rem; content: ""; width: 90%; height: 1px; background: #707070; z-index: 1;} /* ¶óÀμ± */
.organization-box .part-team2 .itemteam {position: relative; display: inline-block; width: 26.875%; margin-right: 9.609375%; z-index: 2;}
.organization-box .part-team2 .itemteam:last-child {margin-right: 0;}
.organization-box .part-team2 .itemteam span {display: inline-block; width: 100%; height: 7rem; text-align: center; font-family: "Saira", sans-serif; transform: rotate(-0.04deg); font-size: 2.8rem; color: #1f1f1f; font-weight: 500; line-height: 6.9rem; letter-spacing: -0.1rem; background-color: #fff; border: 1px solid #343333; box-shadow: 14px 14px 18px rgba(0,0,0,0.10);}
.organization-box .part-team2 .itemteam ul {display: inline-block; width: 100%; text-align: left; margin-top: 2rem;}
.organization-box .part-team2 .itemteam ul li {float: left; width: 100%; font-family: "s-core-dream-medium", sans-serif; transform: rotate(-0.04deg); font-size: 2rem; color: #787878; letter-spacing: -0.02rem; margin-top: 0.5rem;}

/* About Us - Ŭ¶óÀ̾ðÆ® ¹× ÆÄÆ®³Ê»ç */
.partners-box {position: absolute; bottom: 0; left: 0; float: left; width: 100%; padding: 0 0 8rem; background-color: #f6f6f6;}
.partners-box .swiper {width: 100%; height: 100%; padding-bottom: 3rem;}
.partners-box .swiper .swiper-wrapper {transition-timing-function: linear;}
.partners-box .swiper .swiper-slide {background-color: #fff; border-radius: 1rem; overflow: hidden; border: 1px solid #f2f1f1; box-shadow: 10px 10px 12px rgba(0,0,0,0.02);}
.partners-box .swiper .swiper-slide img {width: 100%; height: 100%;}

/* About Us - ȸ»ç°³¿ä Á¤º¸ */
.overview-box {position: relative; float: left; width: 100%; height: 100%;}
.overview-box .company-img {position: relative; float: left; width: 50%; height: 100%;}
.overview-box .company-img img {width: 100%;}
.overview-box .company-info {position: absolute; top: 0; right: 0; float: left; width: 50%; height: 100%;}
.overview-box .company-info .box {position: relative; float: left; width: 100%; height: 100%; padding-left: 7.03125%; overflow: hidden;}
.overview-box .company-info .box ul {position: absolute; top: 50%; float: left; width: 100%; transform: translateY(calc(-50%));}
.overview-box .company-info .box ul li {float: left; width: 100%; font-size: 0; margin-bottom: 2rem;}
.overview-box .company-info .box ul li div.tit-name {display: inline-block; width: 17%; font-family: "s-core-dream-bold", sans-serif; transform: rotate(-0.03deg); font-size: 2rem; color: #939292; line-height: 1.3; letter-spacing: -0.08rem; vertical-align: top;}
.overview-box .company-info .box ul li div.tit-name span.gap {display: inline-block; width: 1rem;}
.overview-box .company-info .box ul li div.tit-name span.gap2 {display: inline-block; width: 4rem;}
.overview-box .company-info .box ul li p {display: inline-block; width: 83%; font-family: "s-core-dream-medium", sans-serif; transform: rotate(-0.03deg); font-size: 2rem; color: #000; line-height: 1.3; letter-spacing: -0.08rem; word-break: keep-all; vertical-align: top;}
.overview-box .company-info .box ul li p.engtxt {font-family : "Noto Sans KR", sans-serif; font-size: 2.1rem; font-weight: 400; letter-spacing: -0.1rem; margin-top: -0.2rem;}
.overview-box .company-info .box ul li p.engtxt span.line {display: inline-block; width: 1px; height: 15px; margin: 0 0.8rem; background-color: #acacac;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ¼­ºêÆäÀÌÁö ÄÁÅÙÃ÷ ¿µ¿ª - Service */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Service Layout */
.page-service {position: relative; float: left; width: 100%; margin-top: 20rem;}
.page-process {position: relative; float: left; width: 100%; margin-top: 20rem;}
.page-commonservice {position: relative; float: left; width: 100%; margin-top: 20rem;}
.sub-titlearea {margin: 0 auto; width: 100%; max-width: 1280px;}

/* Service - ¼­ºñ½º ¾È³» */
.cont-service {width: 100%;}
.cont-service .swiper {width: 100%; height: 100%;}
.service-tab {margin: 0 auto; width: 100%; max-width: 1306px;}
.service-tab .cont-tab {float: left; width: 100%; margin-bottom: 5rem;}
.service-tab .cont-tab a {float: left; width: 25%; padding: 1.3rem;}
.service-tab .cont-tab a .tab-area {position: relative; display: block; width: 100%; height: 30rem; text-align: center; background-color: #fff; border-radius: 2.6rem; box-shadow: 16px 16px 26px rgba(0,0,0,0.1);}
.service-tab .cont-tab a .tab-area .box {position: absolute; top: 50%; transform: translateY(-50%);}
.service-tab .cont-tab a .tab-area .box i {display: inline-block; width: auto; height: 8.3rem;}
.service-tab .cont-tab a .tab-area .box i img.ico-off {display: inline; transition: all 0.3s ease-in-out;}
.service-tab .cont-tab a .tab-area .box i img.ico-on {display: none; transition: all 0.3s ease-in-out;}
.service-tab .cont-tab a .tab-area .box i img {width: 100%; height: 100%;}
.service-tab .cont-tab a .tab-area .box span {display: inline-block; width: 100%; margin-top: 4.5rem; font-family: "Saira", sans-serif; transform: rotate(-0.04deg); font-size: 2.2rem; color: #292929; font-weight: 700; line-height: 1; letter-spacing: -0.08rem;}
.service-tab .cont-tab a .tab-area .box p {display: inline-block; width: 100%; margin-top: 1.5rem; font-family: "s-core-dream-bold", sans-serif; transform: rotate(-0.03deg); font-size: 2.4rem; color: #1d1d1d; line-height: 1; letter-spacing: -0.08rem;}

.service-tab .cont-tab a:hover .tab-area {background-color: #f9f9f9;}

/* Service - ÅǹöÆ° ¼±Åýà ½ºÅ¸ÀÏ */
.service-tab .cont-tab a.active .tab-area .box i img.ico-off {display: none;}
.service-tab .cont-tab a.active .tab-area .box i img.ico-on {display: inline;}
.service-tab .cont-tab a.active .tab-bg1 {background-color: #cc1f25; transition: all 0.3s ease-in-out;}
.service-tab .cont-tab a.active .tab-bg2 {background-color: #4f44d2; transition: all 0.3s ease-in-out;}
.service-tab .cont-tab a.active .tab-bg3 {background-color: #017acf; transition: all 0.3s ease-in-out;}
.service-tab .cont-tab a.active .tab-bg4 {background-color: #f1ab01; transition: all 0.3s ease-in-out;}
.service-tab .cont-tab a.active .tab-area .box span {color: #fff; transition: all 0.3s ease-in-out;}
.service-tab .cont-tab a.active .tab-area .box p {color: #fff; transition: all 0.3s ease-in-out;}

/* Service - ÅǹöÆ° ¼­ºñ½º ³»¿ë ½ºÅ¸ÀÏ */
.cont-service .swiper .swiper-slide {width: 100%; background-color: #fff;}
.cont-service .swiper .swiper-slide .service-info {width: 100%; padding: 10rem 0;}
.cont-service .swiper .swiper-slide .service-bg1 {background-color: #cc1f25;}
.cont-service .swiper .swiper-slide .service-bg2 {background-color: #4f44d2;}
.cont-service .swiper .swiper-slide .service-bg3 {background-color: #017acf;}
.cont-service .swiper .swiper-slide .service-bg4 {background-color: #f1ab01;}
.cont-service .swiper .swiper-slide .service-info .infobox {position: relative; margin: 0 auto; width: 100%; max-width: 1280px; display: flex; flex-wrap: wrap; z-index: 1;}
.cont-service .swiper .swiper-slide .service-info .infobox .left-img {position: relative; width: 50%; height: 100%;}
.cont-service .swiper .swiper-slide .service-info .infobox .left-img img {width: 100%; box-shadow: 20px 20px 20px rgba(0,0,0,0.1);}
.cont-service .swiper .swiper-slide .service-info .infobox .right-contents {position: absolute; top: 0; right: 0; width: 50%; height: 100%;}
.cont-service .swiper .swiper-slide .service-info .infobox .right-contents .infoarea {position: relative; width: 100%; height: 100%; padding-top: 4rem; padding-left: 9.375%; overflow: hidden;}
.cont-service .swiper .swiper-slide .service-info .infobox .right-contents .infoarea span {font-family: "Saira", sans-serif; transform: rotate(-0.04deg); font-size: 5.5rem; color: #fff; font-weight: 700; line-height: 1; letter-spacing: -0.08rem;}
.cont-service .swiper .swiper-slide .service-info .infobox .right-contents .infoarea p {font-family: "s-core-dream-light", sans-serif; transform: rotate(-0.03deg); font-size: 1.9rem; color: #fff; line-height: 1.5; letter-spacing: -0.08rem; word-break: keep-all; margin-top: 3.5rem;}
.cont-service .swiper .swiper-slide .service-info .infobox .right-contents .infoarea p strong {font-family: "s-core-dream-heavy", sans-serif;}
.cont-service .swiper .swiper-slide .service-info .infobox .right-contents .infoarea ul {width: 100%; padding-left: 30%; margin-top: 8rem;}
.cont-service .swiper .swiper-slide .service-info .infobox .right-contents .infoarea ul li {margin-bottom: 2rem; font-family: "s-core-dream-medium", sans-serif; transform: rotate(-0.03deg); font-size: 2.6rem; color: #fff; line-height: 1; letter-spacing: -0.08rem;}
.cont-service .swiper .swiper-slide .service-info .infobox .subimg {position: absolute; bottom: 5rem; left: 50%; margin-left: -16rem; z-index: 1;}
.cont-service .swiper .swiper-slide .service-info .infobox .subimg img {width: 100%; box-shadow: 20px 20px 20px rgba(0,0,0,0.2);}

/* Service - Á¦ÀÛ ÁøÇà ÀýÂ÷ */
.process-box {position: relative; float: left; width: 100%;}
.process-box .process-wrap {float: left; width: 100%; padding: 13rem 0; background-image: url("../service/images/process_bg.jpg"); background-repeat: no-repeat; background-size: cover;}
.process-box .process-wrap ul {margin: 0 auto; width: 100%; max-width: 1280px; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; border-top: 1px solid #5a5a5a; border-left: 1px solid #5a5a5a;}
.process-box .process-wrap ul li {position: relative; float: left; width: 25%; height: 100%; text-align: center; padding: 4rem 0; border-right: 1px solid #5a5a5a; border-bottom: 1px solid #5a5a5a;}
.process-box .process-wrap ul li .cover-bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(204,31,37,0.2); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); opacity: 0; transition: all 0.3s ease-in-out;}
.process-box .process-wrap ul li .order-number {display: inline-block; width: 100%; margin-bottom: 2.4rem;}
.process-box .process-wrap ul li .order-number span {display: inline-block; width: 4.6rem; height: 4.6rem; font-family: "s-core-dream-bold", sans-serif; transform: rotate(-0.04deg); font-size: 2rem; color: #fff; line-height: 4.6rem; letter-spacing: -0.04rem; background-color: #cc1f25; border-radius: 50px;}
.process-box .process-wrap ul li i {position: relative; display: inline-block; width: auto; z-index: 2;}
.process-box .process-wrap ul li i img {width: 100%;}
.process-box .process-wrap ul li span.tit {display: inline-block; width: 100%; margin: 2rem 0 1.2rem 0; font-family: "s-core-dream-bold", sans-serif; transform: rotate(-0.04deg); font-size: 2.2rem; color: #fff; line-height: 1; letter-spacing: -0.04rem;}
.process-box .process-wrap ul li p {transform: rotate(-0.04deg); font-size: 1.6rem; color: #b1b0b0; font-weight: 400; line-height: 1.4; letter-spacing: -0.04rem;}
.process-box .process-wrap ul li:hover .cover-bg {opacity: 1;}

/* Service - Ưº° ¼­ºñ½º */
.commonservice-box {position: relative; float: left; width: 100%;}
.commonservice-box .commonservice-wrap {margin: 0 auto; width: 100%; max-width: 1280px; display: flex; align-items: stretch; justify-content: space-between; flex-direction: row; flex-flow: row wrap;}
.commonservice-box .commonservice-wrap .container {position: relative; width: calc((100% - 8rem) / 3); padding-bottom: 4rem;}
.commonservice-box .commonservice-wrap .container-2:before {content: ""; position: absolute; top: 47%; left: -8.2%; width: 2.6rem; height: 0.1rem; background-color: #e8e5e5;}
.commonservice-box .commonservice-wrap .container-3:before {content: ""; position: absolute; top: 47%; left: -8.2%; width: 2.6rem; height: 0.1rem; background-color: #e8e5e5;}
.commonservice-box .commonservice-wrap .container-5:before {content: ""; position: absolute; top: 47%; left: -8.2%; width: 2.6rem; height: 0.1rem; background-color: #e8e5e5;}
.commonservice-box .commonservice-wrap .container-6:before {content: ""; position: absolute; top: 47%; left: -8.2%; width: 2.6rem; height: 0.1rem; background-color: #e8e5e5;}
.commonservice-box .commonservice-wrap .container-4 {padding-bottom: 0;}
.commonservice-box .commonservice-wrap .container-5 {padding-bottom: 0;}
.commonservice-box .commonservice-wrap .container-6 {padding-bottom: 0;}

.commonservice-box .commonservice-wrap .container .special-area {width: 100%; overflow: hidden; position: relative; text-align: center; padding: 5rem 0 4.5rem; background: #fff; border: 1px solid #e8e5e5;}
.commonservice-box .commonservice-wrap .container .special-area i {position: relative; display: inline-block; width: auto; z-index: 2;}
.commonservice-box .commonservice-wrap .container .special-area i img {width: 100%;}
.commonservice-box .commonservice-wrap .container .special-area div.title {display: inline-block; width: 100%; margin: 3rem 0 2.2rem 0;}
.commonservice-box .commonservice-wrap .container .special-area div.title span.tit {display: inline-block; font-family: "s-core-dream-medium", sans-serif; transform: rotate(-0.03deg); font-size: 3rem; color: #000; line-height: 1; letter-spacing: -0.04rem;}
.commonservice-box .commonservice-wrap .container .special-area div.title span.tit strong {font-family: "s-core-dream-heavy", sans-serif;}
.commonservice-box .commonservice-wrap .container .special-area div.title span.benefits {display: inline-block; margin-left: 1rem; font-family: "s-core-dream-bold", sans-serif; transform: rotate(-0.03deg); font-size: 2.2rem; color: #fff; line-height: 1; padding: 0.5rem 1rem; background-color: #cc1f25; border-radius: 0.4rem; vertical-align: 0.4rem;}
.commonservice-box .commonservice-wrap .container .special-area p {font-family: "s-core-dream-medium", sans-serif; transform: rotate(-0.03deg); font-size: 1.8rem; color: #5a5959; line-height: 1.4; letter-spacing: -0.08rem;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ¼­ºêÆäÀÌÁö ÄÁÅÙÃ÷ ¿µ¿ª - Work Portfolio */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Work Portfolio Layout */
.page-portfolio {position: relative; float: left; width: 100%; margin-top: 20rem;}
.page-portfolio .inner {position: static;} /*ÁÂ¿ì ½½¶óÀ̵å ÃʱâÈ­*/

/* Work Portfolio - ½½¶óÀ̵å */
.portfolio-slide {position: absolute; top: 30rem; left: 0; width: 100%;}
.portfolio-slide .swiper {width: 100%; height: 100%; padding-bottom: 6rem;}
.portfolio-slide .swiper .swiper-slide {text-align:center; box-shadow: 10px 10px 20px rgba(0,0,0,0.2); border-radius: 1.5rem; overflow: hidden; -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;}
.portfolio-slide .swiper .swiper-slide .site-box {position: relative; float: left; width: 100%; height: 100%;}
.portfolio-slide .swiper .swiper-slide .site-box .workimg {position: relative; display: block; width: 100%; height: 100%; z-index: 1;}
.portfolio-slide .swiper .swiper-slide .site-box .workimg img {width: 100%; height: 100%; image-rendering: -webkit-optimize-contrast; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /*À̹ÌÁö ½ºÄÉÀϸµ Å©±âº¯°æ½Ã ÃÖÀûÈ­ */}
.portfolio-slide .swiper .swiper-slide .site-box figcaption {opacity: 0; position: absolute; content: ""; z-index: 2; top: calc(50%); left: 0; width: 100%; height: 60%; text-align: left; padding: 16rem 3rem 0; background-image: -webkit-linear-gradient(top, transparent 0%, #000 100%); background-image: linear-gradient(to bottom, transparent 0%, #000 100%); backdrop-filter: blur(1px); -webkit-backdrop-filter: blur(1px);} /*ÇÊÅÍÈ¿°úÀû¿ë*/
.portfolio-slide .swiper .swiper-slide .site-box figcaption div.site-name {display: inline-block; width: 100%; font-family: "s-core-dream-bold", sans-serif; transform: rotate(-0.03deg); font-size: 2.4rem; color: #fff; line-height: 1; letter-spacing: -0.02rem; overflow: hidden; text-shadow: 4px 4px 8px rgba(0,0,0,0.8); text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: keep-all;}
.portfolio-slide .swiper .swiper-slide .site-box figcaption span.type {display: inline-block; transform: rotate(-0.03deg); font-size: 1.4rem; color: #fff; font-weight: 300; line-height: 1; margin-top: 1rem;}
.portfolio-slide .swiper .swiper-slide .site-box .site-link {opacity: 0; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); width: 6.4rem; height: 6.4rem; background-color: #ca2127; border-radius: 50px; z-index: 3; transition: all 0.3s ease-in-out;}
.portfolio-slide .swiper .swiper-slide .site-box .site-link a {display: block; width: 100%; height: 100%; text-align: center;}
.portfolio-slide .swiper .swiper-slide .site-box .site-link a i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); float: left; width: 2.4rem; height: 2.4rem; font-style: normal; margin: 0; padding: 0;}
.portfolio-slide .swiper .swiper-slide .site-box .site-link a i img {width: 100%;}

/* Work Portfolio - ½½¶óÀ̵å Àüȯ ¼±Åýà »çÀÌÆ®Á¤º¸ È¿°ú */
.portfolio-slide .swiper .swiper-slide-active .site-box figcaption {opacity: 1; transition: all 0.5s ease-in-out;}
.portfolio-slide .swiper .swiper-slide-active .site-box figcaption div.site-name {padding-top: 2rem; transition: all 0.5s ease-in-out;}
.portfolio-slide .swiper .swiper-slide-active .site-box .site-link {cursor: pointer;}
.portfolio-slide .swiper .swiper-slide-active:hover {cursor: pointer;}
.portfolio-slide .swiper .swiper-slide-active:hover .site-box .site-link {opacity: 1; top: 50%;}

/* Work Portfolio - ½½¶óÀ̵å ÆäÀÌ¡ pagination */
.portfolio-slide .swiper .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0 !important;}
.portfolio-slide .swiper .swiper-pagination {text-align: center !important;}
.portfolio-slide .swiper .swiper-pagination-bullet {width: 1.3rem !important; height: 1.3rem !important; opacity: 0.1 !important;}
.portfolio-slide .swiper .swiper-pagination-bullet-active {background: #ca2127 !important; opacity: 1 !important;}

/* Work Portfolio - ½½¶óÀ̵å button ½ºÅ¸ÀÏ Àû¿ë - button ¿ÜºÎ»©±â */
.portfolio-slide .swiper .swiper-button-prev, .swiper-rtl .swiper-button-next {background: #fff url("../work/images/work_prev.png") no-repeat !important; background-position: left top !important; top: initial; bottom: 0.15rem; left: 50%; right: auto; transform: translatex(-14rem) !important;}
.portfolio-slide .swiper .swiper-button-next, .swiper-rtl .swiper-button-prev {background: #fff url("../work/images/work_next.png") no-repeat !important; background-position: left top !important; top: initial; bottom: 0.15rem; left: 50%; right: auto; transform: translatex(13rem) !important;}
.portfolio-slide .swiper .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {display: none;}
.portfolio-slide .swiper .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {display: none;}
.portfolio-slide .swiper .workprev, .portfolio-slide .swiper .worknext {width: 0.8rem !important; height: 1.6rem !important; background-size: 0.8rem 1.6rem !important; z-index: 12 !important; outline: none;}

/* Work Portfolio - ¸®½ºÆ® */
.portfolio-box {position: relative; float: left; width: 100%; margin-top: 60rem;}
.portfolio-box .project-list {position: relative; float: left; width: 100%; margin-top: 5rem; margin-bottom: 3rem; border-top: 1px solid #eee;}
.portfolio-box .project-list .list-item {float: left; width: 100%; border-bottom: 1px solid #eee;}
.portfolio-box .project-list .list-item a {display: table; width: 100%; padding: 3rem 0;}
.portfolio-box .project-list .list-item a .listtype {position: relative; display: table-cell; vertical-align: middle; width: 28%; padding-left: 2rem;}
.portfolio-box .project-list .list-item a .listtype .date {font-family: "Saira", sans-serif; transform: rotate(-0.04deg); font-size: 4rem; color: #ccc; font-weight: 400; line-height: 1; letter-spacing: -0.1rem;}
.portfolio-box .project-list .list-item a .listtype .type {font-family: "Saira", sans-serif; transform: rotate(-0.04deg); font-size: 1.8rem; color: #252525; font-weight: 500; line-height: 1; letter-spacing: -0.1rem; margin-top: 1rem;}
.portfolio-box .project-list .list-item a .listtype .type span {display: block; line-height: 1.2;}
.portfolio-box .project-list .list-item a .site-state {position: relative; display: table-cell; vertical-align: middle; width: 72%; transform: rotate(-0.04deg);}
.portfolio-box .project-list .list-item a .site-state span.complete {display: inline-block; width: 12rem; margin-right: 2rem; font-family: "s-core-dream-regular", sans-serif; font-size: 2.4rem; color: #fff; line-height: 1; letter-spacing: -0.1rem; text-align: center; padding: 1.3rem 1.5rem 1rem; background-color: #a1a1a1; border-radius: 0.8rem;} /*»óÅÂÇ¥½Ã - Á¦ÀÛ¿Ï·á*/
.portfolio-box .project-list .list-item a .site-state span.progress {display: inline-block; width: 12rem; margin-right: 2rem; font-family: "s-core-dream-regular", sans-serif; font-size: 2.4rem; color: #fff; line-height: 1; letter-spacing: -0.1rem; text-align: center; padding: 1.3rem 1.5rem 1rem; background-color: #ca2127; border-radius: 0.8rem; animation: stateItem 1s ease-in-out infinite alternate;} /*»óÅÂÇ¥½Ã - ÁøÇàÁß*/
.portfolio-box .project-list .list-item a .site-state p {display: inline-block; font-family: "s-core-dream-extrabold", sans-serif; font-size: 3rem; color: #252525; line-height: 1; letter-spacing: -0.1rem;}
.portfolio-box .project-list .list-item a:hover {background-color: #f6f6f6; -webkit-transition: background 0.5s, color 0.5s; transition: background 0.5s, color 0.5s;}

/* ÁøÇà»óÅ - ÁøÇàÁß ¿òÁ÷ÀÌ´Â ¾Ö´Ï¸ÞÀÌ¼Ç È¿°ú */
@-webkit-keyframes stateItem{
	0%{transform:translate(0,15%);}
	100%{transform:translate(0,-15%);}
}

@keyframes stateItem{
	0%{transform:translate(0,15%);}
	100%{transform:translate(0,-15%);}
}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ¼­ºêÆäÀÌÁö ÄÁÅÙÃ÷ ¿µ¿ª - Contact */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Contact Layout */
.page-contents {position: relative; float: left; width: 100%; margin-top: 20rem;}
.page-formwrap {position: relative; float: left; width: 100%; margin-top: 20rem;}

/* Contact - ȸ»ç ¿¬¶ôó Á¤º¸ ½ºÅ¸ÀÏ */
.contactinfo-box {position: relative; float: left; width: 100%;}
.contactinfo-box .box-wrap {display: flex; align-items: stretch; justify-content: space-between; flex-direction: row; flex-flow: row wrap; width: 100%;}
.contactinfo-box .box-wrap .contact-item .box-contents {width: 100%; margin-top: 2rem;}
.contactinfo-box .box-wrap .contact-item .box-contents a {display: block; width: 100%; height: 100%;}
.contactinfo-box .box-wrap .contact-item .box-contents span {font-family: "Saira", sans-serif; transform: rotate(-0.04deg); font-size: 2.8rem; color: #000; font-weight: 700; line-height: 1; letter-spacing: -0.1rem;}
.contactinfo-box .box-wrap .contact-item .box-contents .con-address {display: inline-block; width: 100%; margin-top: 0.7rem;}
.contactinfo-box .box-wrap .contact-item .box-contents .con-address span {font-family: "s-core-dream-medium", sans-serif; font-size: 1.9rem; letter-spacing: -0.1rem;}
.contactinfo-box .box-wrap .contact-item .box-contents p {font-family: "s-core-dream-medium", sans-serif; font-size: 1.8rem; color: #252525; line-height: 1; letter-spacing: -0.1rem; margin-top: 1.5rem;}

/* Contact - ±¸±ÛÁöµµ ¿¬µ¿ */
.contactinfo-box .box-mapinfo {position: relative; float: left; width: 100%; margin-top: 5rem;}
.contactinfo-box .box-mapinfo .map-canvas {float: left; width: 100%; height: 500px; border: 1px solid #ccc; overflow: hidden;}
.contactinfo-box .box-mapinfo .map-info {position: absolute; top: 1rem; left: 1rem; width: auto; height: auto; padding: 3rem;  background-color: #3d3d3d;}
.contactinfo-box .box-mapinfo .map-info .company-name {float: left; width: 100%; font-family: "s-core-dream-heavy", sans-serif; transform: rotate(-0.04deg); font-size: 2.2rem; color: #fff; letter-spacing: -0.08rem; margin-bottom: 1rem;}
.contactinfo-box .box-mapinfo .map-info ul li {font-family: "s-core-dream-medium", sans-serif; transform: rotate(-0.04deg); font-size: 1.8rem; color: #fff; letter-spacing: -0.08rem;}
.contactinfo-box .box-mapinfo .map-info ul li.tit {font-family: "Saira", sans-serif; transform: rotate(-0.04deg); font-size: 2.2rem; font-weight: 700;}

/* Contact - ÀÔ·ÂÆû ½ºÅ¸ÀÏ */
.contact-box {position: relative; float: left; width: 100%;}
.contact-box .sec-form {margin-bottom: 8rem;}
.contact-box .sec-form div.numeng {font-family: "Saira", sans-serif; transform: rotate(-0.03deg); font-size: 2rem; color: #c9c8c8; font-weight: 500; line-height: 1;}
.contact-box .sec-form div.tittxt {position: relative; display: inline-block; width: auto; font-family: "s-core-dream-heavy", sans-serif; transform: rotate(-0.03deg); font-size: 3rem; color: #111; font-weight: 700; line-height: 1.3; letter-spacing: -0.08rem; padding: 0 1rem; margin: 1rem 0 4rem;}
.contact-box .sec-form div.tittxt:after {position: absolute; display: block; content: ""; bottom: -0.3rem; right: 0; width: 100%; height: 40%; background-color: #f12c33; z-index: -1;} /* Æ÷ÀÎÆ® ³ë¶õ»ö ÆùÆ®¶óÀÎ */

.contact-box .sec-form .flxbox {display: flex; flex-flow: row wrap;}
.contact-box .sec-form .flxbox .field {width: 28%; margin: 0 9rem 4rem 0; position: relative;}
.contact-box .sec-form .flxbox .field-m {margin: 0 9rem 0 0;}
.contact-box .sec-form .flxbox .field:nth-child(3n) {margin: 0 0 2% 0;}
.contact-box .sec-form .flxbox .field input {width: 100%; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.03deg); font-size: 1.8rem; color: #111; padding: 1.3rem 3rem; border: 0; border-bottom: 2px solid #e7e7e7;}
.contact-box .sec-form .flxbox .field input:focus {border-bottom: 2px solid #ca2127; transition: border 0.5s ease;} /*focus ½ºÅ¸ÀÏ ÁöÁ¤*/
.contact-box .sec-form .flxbox .field span.bullet {position: absolute; display: block; content: '*'; top: 0.2rem; left: 0.5rem; font-size: 1.8rem; color: #ff0000; z-index: 2;}
.contact-box .sec-form .flxbox .field input::placeholder {font-size: 1.8rem; color: #b7b7b7;} /*Input placeholder ÅؽºÆ® ½ºÅ¸ÀÏ ÁöÁ¤*/
.contact-box .sec-form .radio {display: flex; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.03deg);}
.contact-box .sec-form .radio input {overflow: hidden; display: none; width: 0; height: 0; border: 0 none; font-size: 0; line-height: 0; clip: rect(0 0 0 0); opacity: 0;}
.contact-box .sec-form .radio .type-label {width: 24%; border: 2px solid #efefef; font-size: 1.8rem; color: #5f5f5f; font-weight: 500; text-align: center; padding: 2rem 0; margin-right: 4rem; transition: all 0.3s; cursor: pointer; border-radius: 0.8rem; box-shadow: 0 5px 18px rgba(0,0,0,0.08);}
.contact-box .sec-form .radio input:checked + label {color: #fff; background: #ca2127; border: 2px solid #ca2127;}
.contact-box .sec-form .flxbox2 {display: flex; flex-flow: row wrap;}
.contact-box .sec-form .flxbox2 select {width: 28%; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.03deg); font-size: 1.8rem; color: #858585; padding: 1.3rem 3rem; margin-right: 3rem; border: 0; border-bottom: 2px solid #d4d4d4;}
.contact-box .sec-form .flxbox2 select {appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; background: #fff url("../images/select_arrow.png") no-repeat right center;}
.contact-box .sec-form .flxbox2 input {overflow: hidden; display: none; width: 0px; height: 0px; border: 0 none; font-size: 0; line-height: 0; clip: rect(0 0 0 0); opacity: 0;}
.contact-box .sec-form .flxbox2 .unde-label {width: 24%; border: 2px solid #efefef; font-size: 1.8rem; color: #5f5f5f; font-weight: 500; text-align: center; padding: 2rem 0; margin-right: 1.7rem; transition: all 0.3s; cursor: pointer; border-radius: 0.8rem; box-shadow: 0 5px 18px rgba(0,0,0,0.08);}
.contact-box .sec-form .flxbox2 input:checked + label {color: #fff; background: #ca2127; border: 2px solid #ca2127;}
.contact-box .sec-form .flxbox3 {display: flex; flex-flow: row wrap;}
.contact-box .sec-form .flxbox3 .field {width: 28%; margin: 0 9rem 0 0; position: relative;}
.contact-box .sec-form .flxbox3 .field input {width: 100%; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.03deg); font-size: 1.8rem; color: #111; padding: 1.3rem 3rem; border: 0; border-bottom: 2px solid #e7e7e7;}
.contact-box .sec-form .flxbox3 .field input:focus {border-bottom: 2px solid #ca2127; transition: border 0.5s ease;} /*focus ½ºÅ¸ÀÏ ÁöÁ¤*/
.contact-box .sec-form .flxbox3 .field input::placeholder {font-size: 1.8rem; color: #b7b7b7;} /*Input placeholder ÅؽºÆ® ½ºÅ¸ÀÏ ÁöÁ¤*/
.contact-box .sec-form .flxbox4 {display: flex; flex-flow: row wrap;}
.contact-box .sec-form .flxbox4 .field {width: 100%;}
.contact-box .sec-form .flxbox4 .field textarea {width: 100%; height: 22rem; padding: 2rem; font-family: "Noto Sans KR", sans-serif; font-size: 1.8rem; color: #858585; line-height: 28px; border: 2px solid #e7e7e7;}
.contact-box .sec-form .flxbox4 .field textarea:focus {border: 2px solid #ca2127; transition: border 0.5s ease;} /*focus ½ºÅ¸ÀÏ ÁöÁ¤*/
.contact-box .sec-form .flxbox4 .field textarea::placeholder {font-size: 1.8rem; color: #b7b7b7;} /*textarea placeholder ÅؽºÆ® ½ºÅ¸ÀÏ ÁöÁ¤*/
.contact-box .sec-form .file-wrap {display: flex; flex-flow: row wrap;}
.contact-box .sec-form .file-wrap .field {width: 100%;}

/* Contact - ÆÄÀÏ÷ºÎ µðÀÚÀκ¯°æ */
.contact-box .sec-form .file-wrap .field input.upload-text {float: left; width: 32%; height: 5.5rem; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.03deg); font-size: 1.8rem; color: #858585; line-height: 1; padding: 0 3px; border: 0; border-bottom: 2px solid #e7e7e7;} /* ÀбâÀü¿ë ÀÎDzÅؽºÆ® */
.contact-box .sec-form .file-wrap .field div.upload-btn_wrap {position: relative; float: left; width: 15rem; height: 5.5rem; margin-left: 1rem;} /* ¹öÆ°Å׵θ® °¨½Ñ div */
.contact-box .sec-form .file-wrap .field div.upload-btn_wrap button {display: block; width: 15rem; height: 5.5rem; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.03deg); font-size: 1.6rem; color: #fff; font-weight: 500; background: #333; border: 1px solid #333; border-radius: 0.8rem;}
.contact-box .sec-form .file-wrap .field div.upload-btn_wrap input.input-file {position: absolute; top: 0; right: 0; width: 15rem; height: 5.5rem; cursor: pointer; opacity: 0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -moz-opacity:0;} /* ÆÄÀÏã±â Æû Åõ¸íÇÏ°Ô */

/* Contact - °³ÀÎÁ¤º¸ ¼öÁýµ¿ÀÇ */
.contact-box .personal-info {float: left; width: 100%; margin-bottom: 8rem;}
.contact-box .personal-info .agree-title {float: left; width: 100%; font-family: "s-core-dream-bold", sans-serif; font-size: 2rem; color: #111; margin-bottom: 2rem;}
.contact-box .personal-info .agree-box {float: left; width: 100%; height: 22rem; padding: 3rem 0 3rem; overflow-y: auto; background: #f7f6f6;}
.contact-box .personal-info .agree-box .in {padding-left: 4rem;}
.contact-box .personal-info .agree-box .in .txt {margin-top: 2rem;}
.contact-box .personal-info .agree-box .in .txt:nth-child(1) {margin-top: 0;}
.contact-box .personal-info .agree-box .in .txt p {transform: rotate(-0.03deg); font-size: 1.6rem; color: #666; font-weight: 400;}
.contact-box .personal-info .agree-box .in .txt p strong {color: #111; font-weight: 500;}
.contact-box .personal-info .agree-check {float: left; width: 100%; text-align: right; margin-top: 2rem;}
.contact-box .personal-info .agree-check label {transform: rotate(-0.03deg); font-size: 1.6rem; color: #666; font-weight: 400;}
.contact-box .personal-info .agree-check label input.checkbox {width: 2rem; height: 2rem; margin-right: 0.5rem; vertical-align: -0.4rem;}

/* Contact - ½ÅûÇϱ⠹öÆ° ½ºÅ¸ÀÏ */
.contact-box .requset-btns {float: left; width: 100%; text-align: center; padding-top: 5rem; border-top: 1px solid #e7e7e7;}
.contact-box .requset-btns .submit_btn {display: inline-block; width: 30rem; transform: rotate(-0.04deg); font-size: 2.2rem; color: #fff; font-weight: 700; padding: 2.5rem 0 2.5rem; background: #ca2127; border: 1px solid #ca2127; border-radius: 1.2rem; transition: all 0.5s ease;}
.contact-box .requset-btns .submit_btn:hover {color: #ca2127; background: #fff; border: 1px solid #ca2127;}

/* ´õ¹ÌÆäÀÌ¡ ½ºÅ¸ÀÏ */
.paging-wrap {display: inline-block; width: 100%; margin-top: 2rem; text-align: center; font-size: 0;}
.paging-wrap a.paging {display: inline-block; font-size: 1.7rem; color: #656565; font-weight: 400; letter-spacing: 0; text-align: center; padding: 1.7rem;}
.paging-wrap a.both-box {display: inline-block; padding: 1.7rem 2.2rem; height: 5.1rem; font-size: 0; line-height: 0;}
.paging-wrap a.both-box img {vertical-align: 0.1rem;}
.paging-wrap span.both-box {cursor: pointer; display: inline-block; padding: 1.7rem 2.2rem; height: 5.1rem; font-size: 0; line-height: 0;}
.paging-wrap span.both-box img {vertical-align: 0.1rem;}
.paging-wrap span.selbox {background: #fff; border: 2px solid #ca2127; font-size: 1.7rem; color: #ca2127; padding: 1.2rem 1.5rem;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ¼­ºêÆäÀÌÁö ÄÁÅÙÃ÷ ¿µ¿ª - News */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* News Layout */
.page-news {position: relative; float: left; width: 100%; margin-top: 20rem;}

/* News - °Ô½ÃÆÇ ÇüÅ */
.news-box {position: relative; float: left; width: 100%;}
.news-box .news-top {display: flex; align-items: center; justify-content: space-between; flex-direction: row; margin-bottom: 4rem;}
.news-box .news-top .list-total {font-family: "s-core-dream-medium", sans-serif; transform: rotate(-0.03deg); font-size: 2rem; color: #252525;}
.news-box .news-top .list-total span {font-family: "s-core-dream-extrabold", sans-serif; color: #ca2127;}
.news-box .news-top .search-box {position: relative; display: flex; align-items: center; justify-content: flex-start; flex-direction: row;}
.news-box .news-top .search-box select.formselect {float: left; width: 20rem; height: 6rem; font-family: 'Noto Sans KR',sans-serif; font-size: 1.7rem; color: #646464; font-weight: 400; letter-spacing: -0.06rem; padding-left: 3rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #d8d8d8; border-radius: 0; background: url("../images/ico_select_arrow.png") no-repeat 93% 55%;}
.news-box .news-top .search-box input.forminput {position: relative; width: 40rem; height: 6rem; font-size: 1.7rem; color: #646464; font-weight: 400; letter-spacing: -0.06rem; padding-left: 3rem; border: 1px solid #d8d8d8; border-left: 0;}
.news-box .news-top .search-box input.forminput:focus {border: 1px solid #ca2127; transition: border 0.5s ease;} /*focus ½ºÅ¸ÀÏ ÁöÁ¤*/
.news-box .news-top .search-box input.btn-submit {position: absolute; top: 50%; right: 2rem; transform: translateY(-50%); width: 2.3rem; height: 2.3rem; font-size: 0; background-image: url("../images/btn_search.png"); background-repeat: no-repeat; background-size: contain; background-position: center; background-color: transparent;}

.news-box .news-list {width: 100%; display: flex !important; align-items: stretch; justify-content: space-between; flex-direction: row; flex-flow: row wrap;}
.news-box .news-list .list-item {position: relative; width: calc((100% - 6rem) / 3); /*°¡·Î Á¿ì30px, 3°³¹Ú½º*/ padding: 4rem 4rem; margin-bottom: 3rem; border: 1px solid #e8e8e8; transition: all 0.5s ease;}
.news-box .news-list .list-item:hover {border: 1px solid #111;}
.news-box .news-list .list-item .subject {display: block; width: 100%; height: 5.5rem;}
.news-box .news-list .list-item .subject a {display: block; width: 100%; height: 100%; font-family: "s-core-dream-bold", sans-serif; transform: rotate(-0.03deg); font-size: 2rem; color: #111; letter-spacing: -0.02rem; line-height: 1.4; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; text-overflow: ellipsis;}
.news-box .news-list .list-item .subject a:hover {color: #ca2127; text-decoration: underline;}
.news-box .news-list .list-item p {margin: 1rem 0 3rem; transform: rotate(-0.03deg); font-size: 1.6rem; color: #5f5e5e; font-weight: 300; letter-spacing: -0.06rem; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; text-overflow: ellipsis;}
.news-box .news-list .list-item span.date {font-size: 1.65rem; color: #5f5e5e; font-weight: 300; letter-spacing: -0.02rem; line-height: 1;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** ¹ÝÀÀÇü¼³Á¤ Jny Mobile 359 ¾ÆÀÌÆù ÃÖ¼Ò 320px ±âÁØ *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

/* ·¹À̾ƿô °øÅë */
.sec-sub .inner {padding: 0 2rem;}

/* ¼­ºê »ó´Ü ¸Þ´º¸í ¹× ºñÁÖ¾ó À̹ÌÁö ¿µ¿ª */
.sec-sub-visual {padding-bottom: 50%;}
.sec-sub-visual:before {display: none;}
.pagemenu-common {text-align: center; top: 47%;}
.pagemenu-common h2 {font-size: 3.5rem;}
.visual-img {width: 180%; padding-bottom: 100%;}
.sub-visual01 img {height: 50%; margin-left: -15rem;}
.sub-visual02 img {height: 50%; margin-left: -20rem;}
.sub-visual03 img {height: 50%; margin-left: -5rem;}
.sub-visual04 img {height: 50%; margin-left: -20rem;}
.sub-visual05 img {height: 50%; margin-left: -20rem;}

/* ¼­ºê ¿ìÃø Äü¹öÆ° Çܹö°Å ¹öÆ° ¿µ¿ª */
#quick-fixbox {display: none;}

/* About Us Layout */
.page-weare {margin-top: 10rem;}
.page-weare:before {display: none;}
.page-corevalue {margin-top: 10rem;}
.page-mission {margin-top: 10rem;}
.page-organization {margin-top: 10rem;}
.page-partners {padding: 10rem 0 30rem; margin-top: 10rem;}
.page-overview {padding-top: 10rem;}

/* ŸÀÌƲ °øÅë */
.title-common {margin-bottom: 4rem;}
.title-common div.shadow-txt {top: -4.2rem;}
.title-common div.shadow-txt span.txt1 {font-size: 5rem;}
.title-common div.shadow-txt span.txt2 {font-size: 5rem;}
.title-common span.eng {font-size: 1.8rem;}
.title-common h3 {font-size: 5rem;}
.title-common p {font-size: 2.2rem; margin-top: 3rem;}
.title-common p br {display: none;}

/* About Us - ¿ì¸®´Â */
.weare-box {padding: 0 2rem; background-image: url("../about/images/m_about_weare_bg.jpg"); background-size: cover;}
.weare-box .info-box {width: 100%; padding: 3rem 0 2.7rem; border-right: 0; border-bottom: 1px solid #6f6f6f;}
.weare-box .info-box .tit {font-size: 2.5rem; margin-bottom: 1rem;}
.weare-box .info-box .tit-kor {font-size: 2.2rem;}
.weare-box .info-box p {font-size: 1.6rem;}
.weare-box .info-box .number {margin-top: 2rem; margin-bottom: 0;}
.weare-box .info-box .number span.counter {font-size: 5rem; vertical-align: 3px;}
.weare-box .info-box .tit-stxt {font-size: 1.5rem;}

/* About Us - ½½·Î°Ç */
.page-corevalue .inner:before {display: none;}
.corevalue-box ul li {width: 100%; margin-right: 0; margin-bottom: 2rem;}
.corevalue-box ul li:nth-of-type(2) .value-info .value-subject {height: auto;}
.corevalue-box ul li:last-child {margin-bottom: 0;}
.corevalue-box ul li .value-info {height: auto; padding: 0 5.5556% 3rem;}
.corevalue-box ul li .value-info .value-subject {font-size: 3rem; margin-bottom: 2rem;}
.corevalue-box ul li .value-info p {font-size: 1.7rem;}

/* About Us - ¿ì¸®ÀÇ ¹Ì¼ÇÀº */
.mission-box ul li {width: 100%; margin-right: 0; margin-bottom: 5rem;}
.mission-box ul li:last-child {margin-bottom: 0;}
.mission-box ul li .mission-info {padding-top: 3rem;}
.mission-box ul li .mission-info .mission-subject {font-size: 3rem; margin-bottom: 1.5rem;}
.mission-box ul li .mission-info p {font-size: 1.7rem;}

/* About Us - Á¶Á÷µµ */
.organization-box {background-position: left 18rem; background-size: 40%;}
.organization-box .organ-ceo .ceoimg {width: 17rem; height: auto;}
.organization-box .organ-ceo:after {top: 16rem;}
.organization-box .part-team1 {margin-top: 0;}
.organization-box .part-team1:after {top: 11.2rem;}
.organization-box .part-team1 .itemteam {width: 40%; margin-right: 0;}
.organization-box .part-team1 .itemteam ul {margin-bottom: 1rem;}
.organization-box .part-team1 .itemteam ul li {font-size: 1.4rem; letter-spacing: -0.1rem;}
.organization-box .part-team1 .itemteam span {height: 5rem; font-size: 1.8rem; line-height: 4.9rem;}
.organization-box .part-team2 {margin-top: 4rem;}
.organization-box .part-team2 .itemteam {width: 100%; margin-right: 0; margin-bottom: 2rem;}
.organization-box .part-team2 .itemteam span {height: 6rem; font-size: 2.4rem; line-height: 5.9rem;}
.organization-box .part-team2 .itemteam ul {margin-top: 1.5rem;}
.organization-box .part-team2 .itemteam ul li {font-size: 1.8rem;}
.organization-box .part-team2 .itemteam:last-child {margin-bottom: 0;}

/* About Us - Ŭ¶óÀ̾ðÆ® ¹× ÆÄÆ®³Ê»ç */
.partners-box .swiper {padding-bottom: 1rem;}

/* About Us - ȸ»ç°³¿ä Á¤º¸ */
.overview-box .company-img {width: 100%;}
.overview-box .company-info {position: static; width: 100%;} /*position ÃʱâÈ­*/
.overview-box .company-info .box {padding-left: 0; margin-top: 4rem;}
.overview-box .company-info .box ul {position: static; top: 0; all: unset;} /*position ÃʱâÈ­, ¸ðµç ¼Ó¼º ÃʱâÈ­ all: unset;*/
.overview-box .company-info .box ul li {margin-bottom: 1rem;}
.overview-box .company-info .box ul li div.tit-name {width: 24%; font-size: 1.8rem;}
.overview-box .company-info .box ul li div.tit-name span.gap2 {width: 3.8rem;}
.overview-box .company-info .box ul li p {width: 76%; font-size: 1.8rem;}

/* Service Layout */
.page-service {margin-top: 10rem;}
.page-process {margin-top: 10rem;}
.page-commonservice {margin-top: 10rem;}
.sub-titlearea {padding: 0 2rem;}

/* Service - ¼­ºñ½º ¾È³» */
.service-tab {overflow: auto;}
.service-tab .cont-tab {width: 180%; padding: 0 1rem; margin-bottom: 3rem;}
.service-tab .cont-tab a {width: 25%; padding: 0.5rem;}
.service-tab .cont-tab a .tab-area {height: 18rem;}
.service-tab .cont-tab a .tab-area .box {width: 100%;}
.service-tab .cont-tab a .tab-area .box i {height: 5rem;}
.service-tab .cont-tab a .tab-area .box span {font-size: 1.7rem; margin-top: 2rem;}
.service-tab .cont-tab a .tab-area .box p {font-size: 1.8rem; margin-top: 1rem;}

/* Service - ÅǹöÆ° ¼­ºñ½º ³»¿ë ½ºÅ¸ÀÏ */
.cont-service .swiper .swiper-slide .service-info {padding: 5rem 2rem 4rem;}
.cont-service .swiper .swiper-slide .service-info .infobox .left-img {width: 70%;}
.cont-service .swiper .swiper-slide .service-info .infobox .right-contents {position: static; width: 100%;} /*position ÃʱâÈ­*/
.cont-service .swiper .swiper-slide .service-info .infobox .subimg {top: 15%; bottom: initial; width: 40%; left: initial; right: 0; margin-left: 0;}
.cont-service .swiper .swiper-slide .service-info .infobox .right-contents .infoarea {padding-top: 3rem; padding-left: 0;}
.cont-service .swiper .swiper-slide .service-info .infobox .right-contents .infoarea span {font-size: 4rem;}
.cont-service .swiper .swiper-slide .service-info .infobox .right-contents .infoarea p {height: 9.5rem; font-size: 1.7rem; margin-top: 1rem;}
.cont-service .swiper .swiper-slide .service-info .infobox .right-contents .infoarea ul {padding-left: 0; margin-top: 3rem;}
.cont-service .swiper .swiper-slide .service-info .infobox .right-contents .infoarea ul li {float: left; width: 33.3334%; font-size: 1.8rem; margin-bottom: 1rem;}

/* Service - Á¦ÀÛ ÁøÇà ÀýÂ÷ */
.process-box .process-wrap {padding: 5rem 2rem;}
.process-box .process-wrap ul li {width: 50%; padding: 2rem 0;}
.process-box .process-wrap ul li .order-number {margin-bottom: 2rem;}
.process-box .process-wrap ul li .order-number span {width: 4rem; height: 4rem; font-size: 1.6rem; line-height: 4rem;}
.process-box .process-wrap ul li i img {width: 70%;}
.process-box .process-wrap ul li span.tit {font-size: 1.8rem;}
.process-box .process-wrap ul li p {font-size: 1.4rem; word-break: keep-all; padding: 0 1rem;}
.process-box .process-wrap ul li p br {display: none;}

/* Service - Ưº° ¼­ºñ½º */
.commonservice-box {padding: 0 2rem;}
.commonservice-box .commonservice-wrap .container {width: 100%; padding-bottom: 2rem;}
.commonservice-box .commonservice-wrap .container .special-area i img {width: 80%;}

/* Work Portfolio Layout */
.page-portfolio {margin-top: 10rem;}

/* Work Portfolio - ½½¶óÀ̵å */
.portfolio-slide {top: 24rem;}
.portfolio-box {margin-top: 55rem;}
.portfolio-slide .swiper .swiper-slide .site-box figcaption {padding: 10rem 2rem 0;}
.portfolio-slide .swiper .swiper-slide .site-box figcaption div.site-name {font-size: 2rem;}
.portfolio-slide .swiper .swiper-slide .site-box figcaption span.type {font-size: 1.3rem;}
.portfolio-slide .swiper .swiper-button-next, .swiper-rtl .swiper-button-prev {bottom: 0.2rem;}
.portfolio-slide .swiper .swiper-button-prev, .swiper-rtl .swiper-button-next {bottom: 0.2rem;}

/* Work Portfolio - ¸®½ºÆ® */
.portfolio-box .project-list .list-item a .listtype {padding-left: 0;}
.portfolio-box .project-list .list-item a .listtype .date {font-size: 1.8rem;}
.portfolio-box .project-list .list-item a .listtype .type {font-size: 1.6rem;}
.portfolio-box .project-list .list-item a .listtype .type span {word-break: keep-all;}
.portfolio-box .project-list .list-item a .site-state span.progress {width: 8rem; font-size: 1.5rem; padding: 1.1rem 1rem 0.8rem;}
.portfolio-box .project-list .list-item a .site-state span.complete {width: 8rem; font-size: 1.5rem; padding: 1.1rem 1rem 0.8rem;}
.portfolio-box .project-list .list-item a .site-state p {width: 100%; font-size: 2rem; line-height: 1.3; word-break: keep-all; margin-top: 1rem;}

/* Contact Layout */
.page-contents {margin-top: 10rem;}
.page-formwrap {margin-top: 10rem;}

/* Contact - ȸ»ç ¿¬¶ôó Á¤º¸ ½ºÅ¸ÀÏ */
.contactinfo-box .box-wrap .contact-item {margin-bottom: 3rem;}
.contactinfo-box .box-wrap .contact-item:last-child {margin-bottom: 0;}
.contactinfo-box .box-wrap .contact-item .box-contents span {font-size: 3.2rem;}
.contactinfo-box .box-wrap .contact-item .box-contents .con-address span {font-size: 1.7rem;}
.contactinfo-box .box-wrap .contact-item .box-contents p {margin-top: 1rem;}

/* Contact - ±¸±ÛÁöµµ ¿¬µ¿ */
.contactinfo-box .box-mapinfo .map-canvas {height: 400px;}
.contactinfo-box .box-mapinfo .map-info {padding: 2rem;}
.contactinfo-box .box-mapinfo .map-info .company-name {font-size: 2rem;}
.contactinfo-box .box-mapinfo .map-info ul li.tit {font-size: 2rem;}
.contactinfo-box .box-mapinfo .map-info ul li {font-size: 1.4rem;}

/* Contact - ÀÔ·ÂÆû ½ºÅ¸ÀÏ */
.contact-box .sec-form {margin-bottom: 5rem;}
.contact-box .sec-form div.numeng {font-size: 1.6rem;}
.contact-box .sec-form div.tittxt {font-size: 2.2rem;}
.contact-box .sec-form .flxbox .field {width: 47%; margin: 0 2.3rem 2rem 0;}
.contact-box .sec-form .flxbox .field:nth-child(2n+2) {margin: 0 0 2rem 0;}
.contact-box .sec-form .flxbox .field:nth-child(3n) {margin: 0 2.3rem 2rem 0;}
.contact-box .sec-form .flxbox .field input {font-size: 1.5rem; padding: 1.3rem 1.5rem;}
.contact-box .sec-form .radio {flex-flow: wrap; justify-content: space-between;}
.contact-box .sec-form .radio .type-label {width: 49%; font-size: 1.6rem; margin-right: 0; margin-bottom: 1rem;}
.contact-box .sec-form .flxbox2 {flex-flow: initial; justify-content: space-between;}
.contact-box .sec-form .flxbox2 select {width: 70%; padding: 1.3rem 1.5rem;}
.contact-box .sec-form .flxbox2 .unde-label {width: 30%; margin-right: 0;}
.contact-box .sec-form .flxbox3 .field {width: 48%; margin: 0 4% 0 0;}
.contact-box .sec-form .flxbox3 .field:nth-child(2n) {margin: 0;}
.contact-box .sec-form .flxbox3 .field input {font-size: 1.5rem; padding: 1.3rem 1.5rem;}
.contact-box .sec-form .flxbox4 .field textarea {line-height: 1.3;}

/*Input placeholder ÅؽºÆ® ½ºÅ¸ÀÏ ÁöÁ¤*/
.contact-box .sec-form .flxbox .field input::placeholder {font-size: 1.5rem; color: #b7b7b7;}
.contact-box .sec-form .flxbox3 .field input::placeholder {font-size: 1.5rem; color: #b7b7b7;}
.contact-box .sec-form .flxbox4 .field textarea::placeholder {font-size: 1.5rem; color: #b7b7b7;}

/* Contact - ÆÄÀÏ÷ºÎ µðÀÚÀκ¯°æ */
.contact-box .sec-form .file-wrap {flex-flow: initial; justify-content: space-between;}
.contact-box .sec-form .file-wrap .field input.upload-text {width: 60%; font-size: 1.6rem;}
.contact-box .sec-form .file-wrap .field div.upload-btn_wrap {margin-left: 3%;}

/* Contact - °³ÀÎÁ¤º¸ ¼öÁýµ¿ÀÇ */
.contact-box .personal-info .agree-box {height: 22.5rem; padding: 2rem 0 2rem;}
.contact-box .personal-info .agree-box .in {padding: 0 1.5rem;}
.contact-box .personal-info .agree-box .in .txt p {font-size: 1.5rem; line-height: 1.35; letter-spacing: -0.08rem;}

/* Contact - ½ÅûÇϱ⠹öÆ° ½ºÅ¸ÀÏ */
.contact-box .requset-btns .submit_btn {width: 20rem; font-size: 1.8rem; padding: 2rem 0 2rem;}

/* News Layout */
.page-news {margin-top: 10rem;}

/* News - °Ô½ÃÆÇ ÇüÅ */
.news-box .news-top {display: initial; width: 100%;}
.news-box .news-top .list-total {width: 100%; font-size: 1.8rem; margin-bottom: 1rem;}
.news-box .news-top .search-box {width: 100%; display: initial;}
.news-box .news-top .search-box select.formselect {width: 35% !important; height: 5rem; font-size: 1.5rem; padding-left: 1rem;}
.news-box .news-top .search-box input.forminput {position: static; width: 65% !important; height: 5rem; font-size: 1.5rem; padding-left: 1rem;}

.news-box .news-list {margin-top: 3rem;}
.news-box .news-list .list-item {width: 100%; padding: 3rem 3rem; margin-bottom: 2rem;}
.news-box .news-list .list-item .subject {height: auto;}
.news-box .news-list .list-item p {margin: 1rem 0 2rem;}

/* ´õ¹ÌÆäÀÌ¡ ½ºÅ¸ÀÏ */
.paging-wrap span.selbox {padding: 0.5rem 1.2rem;}
.paging-wrap a.paging {font-size: 1.6rem; padding: 1.2rem;}

}


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

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

/* ·¹À̾ƿô °øÅë */
.sec-sub .inner {padding: 0 2rem;}

/* ¼­ºê »ó´Ü ¸Þ´º¸í ¹× ºñÁÖ¾ó À̹ÌÁö ¿µ¿ª */
.sec-sub-visual {padding-bottom: 50%;}
.sec-sub-visual:before {display: none;}
.pagemenu-common {text-align: center; top: 47%;}
.pagemenu-common h2 {font-size: 3.5rem;}
.visual-img {width: 180%; padding-bottom: 100%;}
.sub-visual01 img {height: 50%; margin-left: -15rem;}
.sub-visual02 img {height: 50%; margin-left: -20rem;}
.sub-visual03 img {height: 50%; margin-left: -5rem;}
.sub-visual04 img {height: 50%; margin-left: -20rem;}
.sub-visual05 img {height: 50%; margin-left: -20rem;}

/* ¼­ºê ¿ìÃø Äü¹öÆ° Çܹö°Å ¹öÆ° ¿µ¿ª */
#quick-fixbox {display: none;}

/* About Us Layout */
.page-weare {margin-top: 10rem;}
.page-weare:before {display: none;}
.page-corevalue {margin-top: 10rem;}
.page-mission {margin-top: 10rem;}
.page-organization {margin-top: 10rem;}
.page-partners {padding: 10rem 0 26rem; margin-top: 10rem;}
.page-overview {padding-top: 10rem;}

/* ŸÀÌƲ °øÅë */
.title-common {margin-bottom: 4rem;}
.title-common div.shadow-txt {top: -4.2rem;}
.title-common div.shadow-txt span.txt1 {font-size: 5rem;}
.title-common div.shadow-txt span.txt2 {font-size: 5rem;}
.title-common span.eng {font-size: 1.8rem;}
.title-common h3 {font-size: 5rem;}
.title-common p {font-size: 2.2rem; margin-top: 3rem;}
.title-common p br {display: none;}

/* About Us - ¿ì¸®´Â */
.weare-box {padding: 0 2rem; background-image: url("../about/images/m_about_weare_bg.jpg"); background-size: cover;}
.weare-box .info-box {width: 100%; padding: 3rem 0 2.7rem; border-right: 0; border-bottom: 1px solid #6f6f6f;}
.weare-box .info-box .tit {font-size: 2.5rem; margin-bottom: 1rem;}
.weare-box .info-box .tit-kor {font-size: 2.2rem;}
.weare-box .info-box p {font-size: 1.6rem;}
.weare-box .info-box .number {margin-top: 2rem; margin-bottom: 0;}
.weare-box .info-box .number span.counter {font-size: 5rem; vertical-align: 3px;}
.weare-box .info-box .tit-stxt {font-size: 1.5rem;}

/* About Us - ½½·Î°Ç */
.page-corevalue .inner:before {display: none;}
.corevalue-box ul li {width: 100%; margin-right: 0; margin-bottom: 2rem;}
.corevalue-box ul li:nth-of-type(2) .value-info .value-subject {height: auto;}
.corevalue-box ul li:last-child {margin-bottom: 0;}
.corevalue-box ul li .value-info {height: auto; padding: 0 5.5556% 3rem;}
.corevalue-box ul li .value-info .value-subject {font-size: 3rem; margin-bottom: 2rem;}
.corevalue-box ul li .value-info p {font-size: 1.7rem;}

/* About Us - ¿ì¸®ÀÇ ¹Ì¼ÇÀº */
.mission-box ul li {width: 100%; margin-right: 0; margin-bottom: 5rem;}
.mission-box ul li:last-child {margin-bottom: 0;}
.mission-box ul li .mission-info {padding-top: 3rem;}
.mission-box ul li .mission-info .mission-subject {font-size: 3rem; margin-bottom: 1.5rem;}
.mission-box ul li .mission-info p {font-size: 1.7rem;}

/* About Us - Á¶Á÷µµ */
.organization-box {background-position: left 18rem; background-size: 40%;}
.organization-box .organ-ceo .ceoimg {width: 17rem; height: auto;}
.organization-box .organ-ceo:after {top: 16rem;}
.organization-box .part-team1 {margin-top: 0;}
.organization-box .part-team1:after {top: 11.2rem;}
.organization-box .part-team1 .itemteam {width: 40%; margin-right: 0;}
.organization-box .part-team1 .itemteam ul {margin-bottom: 1rem;}
.organization-box .part-team1 .itemteam ul li {font-size: 1.4rem; letter-spacing: -0.1rem;}
.organization-box .part-team1 .itemteam span {height: 5rem; font-size: 1.8rem; line-height: 4.9rem;}
.organization-box .part-team2 {margin-top: 4rem;}
.organization-box .part-team2 .itemteam {width: 100%; margin-right: 0; margin-bottom: 2rem;}
.organization-box .part-team2 .itemteam span {height: 6rem; font-size: 2.4rem; line-height: 5.9rem;}
.organization-box .part-team2 .itemteam ul {margin-top: 1.5rem;}
.organization-box .part-team2 .itemteam ul li {font-size: 1.8rem;}
.organization-box .part-team2 .itemteam:last-child {margin-bottom: 0;}

/* About Us - Ŭ¶óÀ̾ðÆ® ¹× ÆÄÆ®³Ê»ç */
.partners-box .swiper {padding-bottom: 1rem;}

/* About Us - ȸ»ç°³¿ä Á¤º¸ */
.overview-box .company-img {width: 100%;}
.overview-box .company-info {position: static; width: 100%;} /*position ÃʱâÈ­*/
.overview-box .company-info .box {padding-left: 0; margin-top: 4rem;}
.overview-box .company-info .box ul {position: static; top: 0; all: unset;} /*position ÃʱâÈ­, ¸ðµç ¼Ó¼º ÃʱâÈ­ all: unset;*/
.overview-box .company-info .box ul li {margin-bottom: 1rem;}
.overview-box .company-info .box ul li div.tit-name {width: 24%; font-size: 1.8rem;}
.overview-box .company-info .box ul li div.tit-name span.gap2 {width: 3.8rem;}
.overview-box .company-info .box ul li p {width: 76%; font-size: 1.8rem;}

/* Service Layout */
.page-service {margin-top: 10rem;}
.page-process {margin-top: 10rem;}
.page-commonservice {margin-top: 10rem;}
.sub-titlearea {padding: 0 2rem;}

/* Service - ¼­ºñ½º ¾È³» */
.service-tab {overflow: auto;}
.service-tab .cont-tab {width: 180%; padding: 0 1rem; margin-bottom: 3rem;}
.service-tab .cont-tab a {width: 25%; padding: 0.5rem;}
.service-tab .cont-tab a .tab-area {height: 18rem;}
.service-tab .cont-tab a .tab-area .box {width: 100%;}
.service-tab .cont-tab a .tab-area .box i {height: 5rem;}
.service-tab .cont-tab a .tab-area .box span {font-size: 1.7rem; margin-top: 2rem;}
.service-tab .cont-tab a .tab-area .box p {font-size: 1.8rem; margin-top: 1rem;}

/* Service - ÅǹöÆ° ¼­ºñ½º ³»¿ë ½ºÅ¸ÀÏ */
.cont-service .swiper .swiper-slide .service-info {padding: 5rem 2rem 4rem;}
.cont-service .swiper .swiper-slide .service-info .infobox .left-img {width: 70%;}
.cont-service .swiper .swiper-slide .service-info .infobox .right-contents {position: static; width: 100%;} /*position ÃʱâÈ­*/
.cont-service .swiper .swiper-slide .service-info .infobox .subimg {top: 15%; bottom: initial; width: 40%; left: initial; right: 0; margin-left: 0;}
.cont-service .swiper .swiper-slide .service-info .infobox .right-contents .infoarea {padding-top: 3rem; padding-left: 0;}
.cont-service .swiper .swiper-slide .service-info .infobox .right-contents .infoarea span {font-size: 4rem;}
.cont-service .swiper .swiper-slide .service-info .infobox .right-contents .infoarea p {height: 9.5rem; font-size: 1.7rem; margin-top: 1rem;}
.cont-service .swiper .swiper-slide .service-info .infobox .right-contents .infoarea ul {padding-left: 0; margin-top: 3rem;}
.cont-service .swiper .swiper-slide .service-info .infobox .right-contents .infoarea ul li {float: left; width: 33.3334%; font-size: 1.8rem; margin-bottom: 1rem;}

/* Service - Á¦ÀÛ ÁøÇà ÀýÂ÷ */
.process-box .process-wrap {padding: 5rem 2rem;}
.process-box .process-wrap ul li {width: 50%; padding: 2rem 0;}
.process-box .process-wrap ul li .order-number {margin-bottom: 2rem;}
.process-box .process-wrap ul li .order-number span {width: 4rem; height: 4rem; font-size: 1.6rem; line-height: 4rem;}
.process-box .process-wrap ul li i img {width: 70%;}
.process-box .process-wrap ul li span.tit {font-size: 1.8rem;}
.process-box .process-wrap ul li p {font-size: 1.4rem; word-break: keep-all; padding: 0 1rem;}
.process-box .process-wrap ul li p br {display: none;}

/* Service - Ưº° ¼­ºñ½º */
.commonservice-box {padding: 0 2rem;}
.commonservice-box .commonservice-wrap .container {width: 100%; padding-bottom: 2rem;}
.commonservice-box .commonservice-wrap .container .special-area i img {width: 80%;}

/* Work Portfolio Layout */
.page-portfolio {margin-top: 10rem;}

/* Work Portfolio - ½½¶óÀ̵å */
.portfolio-slide {top: 24rem;}
.portfolio-box {margin-top: 48rem;}
.portfolio-slide .swiper .swiper-slide .site-box figcaption {padding: 10rem 2rem 0;}
.portfolio-slide .swiper .swiper-slide .site-box figcaption div.site-name {font-size: 2rem;}
.portfolio-slide .swiper .swiper-slide .site-box figcaption span.type {font-size: 1.3rem;}

/* Work Portfolio - ¸®½ºÆ® */
.portfolio-box .project-list .list-item a .listtype {padding-left: 0;}
.portfolio-box .project-list .list-item a .listtype .date {font-size: 1.8rem;}
.portfolio-box .project-list .list-item a .listtype .type {font-size: 1.6rem;}
.portfolio-box .project-list .list-item a .listtype .type span {word-break: keep-all;}
.portfolio-box .project-list .list-item a .site-state span.progress {width: 8rem; font-size: 1.5rem; padding: 1.1rem 1rem 0.8rem;}
.portfolio-box .project-list .list-item a .site-state span.complete {width: 8rem; font-size: 1.5rem; padding: 1.1rem 1rem 0.8rem;}
.portfolio-box .project-list .list-item a .site-state p {width: 100%; font-size: 2rem; line-height: 1.3; word-break: keep-all; margin-top: 1rem;}

/* Contact Layout */
.page-contents {margin-top: 10rem;}
.page-formwrap {margin-top: 10rem;}

/* Contact - ȸ»ç ¿¬¶ôó Á¤º¸ ½ºÅ¸ÀÏ */
.contactinfo-box .box-wrap .contact-item {margin-bottom: 3rem;}
.contactinfo-box .box-wrap .contact-item:last-child {margin-bottom: 0;}
.contactinfo-box .box-wrap .contact-item .box-contents span {font-size: 3.2rem;}
.contactinfo-box .box-wrap .contact-item .box-contents .con-address span {font-size: 1.7rem;}
.contactinfo-box .box-wrap .contact-item .box-contents p {margin-top: 1rem;}

/* Contact - ±¸±ÛÁöµµ ¿¬µ¿ */
.contactinfo-box .box-mapinfo .map-canvas {height: 400px;}
.contactinfo-box .box-mapinfo .map-info {padding: 2rem;}
.contactinfo-box .box-mapinfo .map-info .company-name {font-size: 2rem;}
.contactinfo-box .box-mapinfo .map-info ul li.tit {font-size: 2rem;}
.contactinfo-box .box-mapinfo .map-info ul li {font-size: 1.4rem;}

/* Contact - ÀÔ·ÂÆû ½ºÅ¸ÀÏ */
.contact-box .sec-form {margin-bottom: 5rem;}
.contact-box .sec-form div.numeng {font-size: 1.6rem;}
.contact-box .sec-form div.tittxt {font-size: 2.2rem;}
.contact-box .sec-form .flxbox .field {width: 47%; margin: 0 2.3rem 2rem 0;}
.contact-box .sec-form .flxbox .field:nth-child(2n+2) {margin: 0 0 2rem 0;}
.contact-box .sec-form .flxbox .field:nth-child(3n) {margin: 0 2.3rem 2rem 0;}
.contact-box .sec-form .flxbox .field input {font-size: 1.5rem; padding: 1.3rem 1.5rem;}
.contact-box .sec-form .radio {flex-flow: wrap; justify-content: space-between;}
.contact-box .sec-form .radio .type-label {width: 49%; font-size: 1.6rem; margin-right: 0; margin-bottom: 1rem;}
.contact-box .sec-form .flxbox2 {flex-flow: initial; justify-content: space-between;}
.contact-box .sec-form .flxbox2 select {width: 70%; padding: 1.3rem 1.5rem;}
.contact-box .sec-form .flxbox2 .unde-label {width: 30%; margin-right: 0;}
.contact-box .sec-form .flxbox3 .field {width: 48%; margin: 0 4% 0 0;}
.contact-box .sec-form .flxbox3 .field:nth-child(2n) {margin: 0;}
.contact-box .sec-form .flxbox3 .field input {font-size: 1.5rem; padding: 1.3rem 1.5rem;}
.contact-box .sec-form .flxbox4 .field textarea {line-height: 1.3;}

/*Input placeholder ÅؽºÆ® ½ºÅ¸ÀÏ ÁöÁ¤*/
.contact-box .sec-form .flxbox .field input::placeholder {font-size: 1.5rem; color: #b7b7b7;}
.contact-box .sec-form .flxbox3 .field input::placeholder {font-size: 1.5rem; color: #b7b7b7;}
.contact-box .sec-form .flxbox4 .field textarea::placeholder {font-size: 1.5rem; color: #b7b7b7;}

/* Contact - ÆÄÀÏ÷ºÎ µðÀÚÀκ¯°æ */
.contact-box .sec-form .file-wrap {flex-flow: initial; justify-content: space-between;}
.contact-box .sec-form .file-wrap .field input.upload-text {width: 60%; font-size: 1.6rem;}
.contact-box .sec-form .file-wrap .field div.upload-btn_wrap {margin-left: 3%;}

/* Contact - °³ÀÎÁ¤º¸ ¼öÁýµ¿ÀÇ */
.contact-box .personal-info .agree-box {height: 22.5rem; padding: 2rem 0 2rem;}
.contact-box .personal-info .agree-box .in {padding: 0 1.5rem;}
.contact-box .personal-info .agree-box .in .txt p {font-size: 1.5rem; line-height: 1.35; letter-spacing: -0.08rem;}

/* Contact - ½ÅûÇϱ⠹öÆ° ½ºÅ¸ÀÏ */
.contact-box .requset-btns .submit_btn {width: 20rem; font-size: 1.8rem; padding: 2rem 0 2rem;}

/* News Layout */
.page-news {margin-top: 10rem;}

/* News - °Ô½ÃÆÇ ÇüÅ */
.news-box .news-top {display: initial; width: 100%;}
.news-box .news-top .list-total {width: 100%; font-size: 1.8rem; margin-bottom: 1rem;}
.news-box .news-top .search-box {width: 100%; display: initial;}
.news-box .news-top .search-box select.formselect {width: 35% !important; height: 5rem; font-size: 1.5rem; padding-left: 1rem;}
.news-box .news-top .search-box input.forminput {position: static; width: 65% !important; height: 5rem; font-size: 1.5rem; padding-left: 1rem;}

.news-box .news-list {margin-top: 3rem;}
.news-box .news-list .list-item {width: 100%; padding: 3rem 3rem; margin-bottom: 2rem;}
.news-box .news-list .list-item .subject {height: auto;}
.news-box .news-list .list-item p {margin: 1rem 0 2rem;}

/* ´õ¹ÌÆäÀÌ¡ ½ºÅ¸ÀÏ */
.paging-wrap span.selbox {padding: 0.5rem 1.2rem;}
.paging-wrap a.paging {font-size: 1.6rem; padding: 1.2rem;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** ¹ÝÀÀÇü¼³Á¤ Jny Mobile 360,399 ¿¹¿Üó¸® *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

/* ŸÀÌƲ °øÅë */
.title-common div.shadow-txt {top: -4.2rem;}
.title-common div.shadow-txt span.txt1 {font-size: 5.2rem;}
.title-common div.shadow-txt span.txt2 {font-size: 5.2rem;}

/* About Us Layout */
.page-partners {padding: 10rem 0 28rem;}

/* About Us - Á¶Á÷µµ */
.organization-box .part-team1:after {top: 10.8rem;}

}


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

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

/* ·¹À̾ƿô °øÅë */
.sec-sub .inner {padding: 0 2rem;}

/* ¼­ºê »ó´Ü ºñÁÖ¾ó ¹× ¸Þ´º¸í ¿µ¿ª */
.sec-sub-visual {padding-bottom: 32%;}
.sec-sub-visual:before {width: 88%;}

/* ¼­ºê »ó´Ü ¸Þ´º¸í ¿µ¿ª */
.pagemenu-common h2 {font-size: 5rem; padding: 0 2rem; text-align: center;}

/* ¼­ºê »ó´Ü ºñÁÖ¾ó ¿µ¿ª */
.visual-img {width: 88%; padding-bottom: 26%;}
.visual-img img {height: 100%;}

/* ¼­ºê ¿ìÃø Äü¹öÆ° Çܹö°Å ¹öÆ° ¿µ¿ª */
#quick-fixbox {display: none;}

/* ŸÀÌƲ °øÅë */
.title-common div.shadow-txt {top: -7.4rem;}
.title-common div.shadow-txt span.txt1 {font-size: 8rem;}
.title-common div.shadow-txt span.txt2 {font-size: 8rem;}
.title-common p br {display: none;}

/* About Us Layout */
.page-weare {margin-top: 10rem;}
.page-weare:before {height: 20rem;}
.page-corevalue {margin-top: 18rem;}
.page-mission {margin-top: 10rem;}
.page-organization {margin-top: 10rem;}
.page-partners {padding: 10rem 0 26rem; margin-top: 10rem;}
.page-overview {padding-top: 10rem;}

/* About Us - ¿ì¸®´Â */
.weare-box {background-size: cover;}
.weare-box .info-box .tit {font-size: 2.5rem; margin-bottom: 1rem;}
.weare-box .info-box .tit-kor {font-size: 2.2rem;}
.weare-box .info-box p {font-size: 1.6rem;}
.weare-box .info-box .number {margin-top: 2rem; margin-bottom: 0;}
.weare-box .info-box .number span.counter {font-size: 5rem; vertical-align: 3px;}
.weare-box .info-box .tit-stxt {font-size: 1.5rem;}

/* About Us - ½½·Î°Ç */
.page-corevalue .inner:before {width: 20rem;}
.corevalue-box ul li {width: 31%; margin-right: 1%;}
.corevalue-box ul li .value-info .value-subject {height: auto; font-size: 2.5rem; margin-top: 2rem; margin-bottom: 2rem;}
.corevalue-box ul li .value-info p {font-size: 1.7rem;}

/* About Us - ¿ì¸®ÀÇ ¹Ì¼ÇÀº */
.mission-box ul li .mission-info .mission-subject {font-size: 2.5rem; margin-bottom: 1.5rem;}
.mission-box ul li .mission-info p {font-size: 1.7rem;}

/* About Us - Á¶Á÷µµ */
.organization-box .part-team1:after {top: 13.8rem;}
.organization-box .part-team1 .itemteam {width: 30%;}
.organization-box .part-team1 .itemteam span {font-size: 2.2rem;}
.organization-box .part-team1 .itemteam ul li {font-size: 1.7rem;}
.organization-box .part-team2 .itemteam {width: 30%; margin-right: 5%;}
.organization-box .part-team2 .itemteam span {font-size: 2.2rem; line-height: 7rem;}
.organization-box .part-team2 .itemteam ul li {font-size: 1.7rem;}

/* About Us - Ŭ¶óÀ̾ðÆ® ¹× ÆÄÆ®³Ê»ç */
.page-partners {padding: 10rem 0 30rem;}

/* About Us - ȸ»ç°³¿ä Á¤º¸ */
.overview-box .company-img {width: 100%;}
.overview-box .company-info {position: static; width: 100%;} /*position ÃʱâÈ­*/
.overview-box .company-info .box {padding-left: 0; margin-top: 4rem;}
.overview-box .company-info .box ul {position: static; top: 0; all: unset;} /*position ÃʱâÈ­, ¸ðµç ¼Ó¼º ÃʱâÈ­ all: unset;*/
.overview-box .company-info .box ul li {margin-bottom: 1rem;}

/* Service Layout */
.page-service {margin-top: 10rem;}
.page-process {margin-top: 10rem;}
.page-commonservice {margin-top: 10rem;}
.sub-titlearea {padding: 0 2rem;}

/* Service - ¼­ºñ½º ¾È³» */
.service-tab {overflow: auto;}
.service-tab .cont-tab {width: 150%; margin-bottom: 3rem;}
.service-tab .cont-tab a .tab-area {height: 24rem;}
.service-tab .cont-tab a .tab-area .box span {margin-top: 2rem;}

/* Service - ÅǹöÆ° ¼­ºñ½º ³»¿ë ½ºÅ¸ÀÏ */
.cont-service .swiper .swiper-slide .service-info {padding: 5rem 2rem;}
.cont-service .swiper .swiper-slide .service-info .infobox .left-img {width: 70%;}
.cont-service .swiper .swiper-slide .service-info .infobox .right-contents {position: static; width: 100%;} /*position ÃʱâÈ­*/
.cont-service .swiper .swiper-slide .service-info .infobox .right-contents .infoarea {padding-top: 3rem; padding-left: 0;}
.cont-service .swiper .swiper-slide .service-info .infobox .right-contents .infoarea ul {padding-left: 0; margin-top: 3rem;}
.cont-service .swiper .swiper-slide .service-info .infobox .right-contents .infoarea ul li {float: left; width: 33.3334%; margin-bottom: 1rem;}
.cont-service .swiper .swiper-slide .service-info .infobox .subimg {top: 20%; bottom: initial; width: 40%; left: initial; right: 0; margin-left: 0;}

/* Service - Á¦ÀÛ ÁøÇà ÀýÂ÷ */
.process-box .process-wrap {padding: 5rem 2rem;}
.process-box .process-wrap ul li {width: 50%;}

/* Service - Ưº° ¼­ºñ½º */
.commonservice-box {padding: 0 2rem;}
.commonservice-box .commonservice-wrap .container {width: calc((100% - 5rem) / 3);}
.commonservice-box .commonservice-wrap .container-2:before {left: -9%; width: 2rem;}
.commonservice-box .commonservice-wrap .container-3:before {left: -9%; width: 2rem;}
.commonservice-box .commonservice-wrap .container-5:before {left: -9%; width: 2rem;}
.commonservice-box .commonservice-wrap .container-6:before {left: -9%; width: 2rem;}
.commonservice-box .commonservice-wrap .container .special-area {height: 100%; min-height: 32.8rem; padding: 3rem 0 2.5rem;}
.commonservice-box .commonservice-wrap .container .special-area i img {width: 80%;}
.commonservice-box .commonservice-wrap .container .special-area div.title span.tit {width: 100%; font-size: 2.2rem;}
.commonservice-box .commonservice-wrap .container .special-area div.title span.benefits {margin-top: 1rem;}
.commonservice-box .commonservice-wrap .container .special-area p {font-size: 1.7rem; padding: 0 2rem; word-break: keep-all;}
.commonservice-box .commonservice-wrap .container .special-area p br {display: none;}

/* Work Portfolio Layout */
.page-portfolio {margin-top: 10rem;}

/* Work Portfolio - ½½¶óÀ̵å */
.portfolio-slide .swiper .swiper-slide .site-box figcaption {padding: 14rem 2rem 0;}

/* Work Portfolio - ¸®½ºÆ® */
.portfolio-box .project-list .list-item a .site-state p {width: 100%; line-height: 1.3; word-break: keep-all; margin-top: 1.5rem;}

/* Contact Layout */
.page-contents {margin-top: 10rem;}
.page-formwrap {margin-top: 10rem;}

/* Contact - ȸ»ç ¿¬¶ôó Á¤º¸ ½ºÅ¸ÀÏ */
.contactinfo-box .box-wrap .contact-item {width: 50%;}
.contactinfo-box .box-wrap .contact-item:last-child {width: 100%; margin-top: 3rem;}

/* Contact - ÀÔ·ÂÆû ½ºÅ¸ÀÏ */
.contact-box .sec-form .flxbox .field {width: 48%; margin: 0 4% 2rem 0;}
.contact-box .sec-form .flxbox .field:nth-child(2n+2) {margin: 0 0 2rem 0;}
.contact-box .sec-form .flxbox .field:nth-child(3n) {margin: 0 4% 2rem 0;}
.contact-box .sec-form .radio .type-label {margin-right: 2.2rem;}
.contact-box .sec-form .radio .type-label:last-child {margin-right: 0;}
.contact-box .sec-form .flxbox2 {flex-flow: initial; justify-content: space-between;}
.contact-box .sec-form .flxbox2 select {width: 70%; padding: 1.3rem 1.5rem;}
.contact-box .sec-form .flxbox2 .unde-label {width: 30%; margin-right: 0;}
.contact-box .sec-form .flxbox3 .field {width: 48%; margin: 0 4% 0 0;}
.contact-box .sec-form .flxbox3 .field:nth-child(2n) {margin: 0;}
.contact-box .sec-form .flxbox4 .field textarea::placeholder {font-size: 1.6rem;} /*textarea placeholder ÅؽºÆ® ½ºÅ¸ÀÏ ÁöÁ¤*/

/* Contact - ÆÄÀÏ÷ºÎ µðÀÚÀκ¯°æ */
.contact-box .sec-form .file-wrap {flex-flow: initial; justify-content: space-between;}
.contact-box .sec-form .file-wrap .field input.upload-text {width: 60%;}
.contact-box .sec-form .file-wrap .field div.upload-btn_wrap {margin-left: 3%;}

/* News Layout */
.page-news {margin-top: 10rem;}

/* News - °Ô½ÃÆÇ ÇüÅ */
.news-box .news-top {display: block; width: 100%;}
.news-box .news-top .list-total {width: 100%; margin-bottom: 1rem;}
.news-box .news-top .search-box {width: 100%; display: initial;}
.news-box .news-top .search-box select.formselect {width: 35% !important;}
.news-box .news-top .search-box input.forminput {position: static; width: 65% !important;}
.news-box .news-list .list-item {width: calc((100% - 4rem) / 3);}

}


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

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

/* ·¹À̾ƿô °øÅë */
.sec-sub .inner {padding: 0 2rem;}

/* ¼­ºê »ó´Ü ºñÁÖ¾ó ¹× ¸Þ´º¸í ¿µ¿ª */
.sec-sub-visual {padding-bottom: 32%;}
.sec-sub-visual:before {width: 88%;}

/* ¼­ºê »ó´Ü ¸Þ´º¸í ¿µ¿ª */
.pagemenu-common h2 {font-size: 5rem; padding: 0 2rem; text-align: center;}

/* ¼­ºê »ó´Ü ºñÁÖ¾ó ¿µ¿ª */
.visual-img {width: 88%; padding-bottom: 26%;}
.visual-img img {height: 100%;}

/* ¼­ºê ¿ìÃø Äü¹öÆ° Çܹö°Å ¹öÆ° ¿µ¿ª */
#quick-fixbox {display: none;}

/* ŸÀÌƲ °øÅë */
.title-common div.shadow-txt {top: -7.4rem;}
.title-common div.shadow-txt span.txt1 {font-size: 8rem;}
.title-common div.shadow-txt span.txt2 {font-size: 8rem;}
.title-common p br {display: none;}

/* About Us Layout */
.page-weare {margin-top: 10rem;}
.page-weare:before {height: 20rem;}
.page-corevalue {margin-top: 18rem;}
.page-mission {margin-top: 10rem;}
.page-organization {margin-top: 10rem;}
.page-partners {padding: 10rem 0 26rem; margin-top: 10rem;}
.page-overview {padding-top: 10rem;}

/* About Us - ¿ì¸®´Â */
.weare-box {background-size: cover;}
.weare-box .info-box .tit {font-size: 2.5rem; margin-bottom: 1rem;}
.weare-box .info-box .tit-kor {font-size: 2.2rem;}
.weare-box .info-box p {font-size: 1.6rem;}
.weare-box .info-box .number {margin-top: 2rem; margin-bottom: 0;}
.weare-box .info-box .number span.counter {font-size: 5rem; vertical-align: 3px;}
.weare-box .info-box .tit-stxt {font-size: 1.5rem;}

/* About Us - ½½·Î°Ç */
.page-corevalue .inner:before {width: 20rem;}
.corevalue-box ul li {width: 31%; margin-right: 1%;}
.corevalue-box ul li .value-info .value-subject {height: auto; font-size: 2.5rem; margin-top: 2rem; margin-bottom: 2rem;}
.corevalue-box ul li .value-info p {font-size: 1.7rem;}

/* About Us - ¿ì¸®ÀÇ ¹Ì¼ÇÀº */
.mission-box ul li .mission-info .mission-subject {font-size: 2.5rem; margin-bottom: 1.5rem;}
.mission-box ul li .mission-info p {font-size: 1.7rem;}

/* About Us - Á¶Á÷µµ */
.organization-box .part-team1:after {top: 13.8rem;}
.organization-box .part-team1 .itemteam {width: 30%;}
.organization-box .part-team1 .itemteam span {font-size: 2.2rem;}
.organization-box .part-team1 .itemteam ul li {font-size: 1.7rem;}
.organization-box .part-team2 .itemteam {width: 30%; margin-right: 5%;}
.organization-box .part-team2 .itemteam span {font-size: 2.2rem; line-height: 7rem;}
.organization-box .part-team2 .itemteam ul li {font-size: 1.7rem;}

/* About Us - Ŭ¶óÀ̾ðÆ® ¹× ÆÄÆ®³Ê»ç */
.page-partners {padding: 10rem 0 30rem;}

/* About Us - ȸ»ç°³¿ä Á¤º¸ */
.overview-box .company-img {width: 100%;}
.overview-box .company-info {position: static; width: 100%;} /*position ÃʱâÈ­*/
.overview-box .company-info .box {padding-left: 0; margin-top: 4rem;}
.overview-box .company-info .box ul {position: static; top: 0; all: unset;} /*position ÃʱâÈ­, ¸ðµç ¼Ó¼º ÃʱâÈ­ all: unset;*/
.overview-box .company-info .box ul li {margin-bottom: 1rem;}

/* Service Layout */
.page-service {margin-top: 10rem;}
.page-process {margin-top: 10rem;}
.page-commonservice {margin-top: 10rem;}
.sub-titlearea {padding: 0 2rem;}

/* Service - ¼­ºñ½º ¾È³» */
.service-tab {overflow: auto;}
.service-tab .cont-tab {width: 140%; margin-bottom: 3rem;}
.service-tab .cont-tab a .tab-area {height: 24rem;}
.service-tab .cont-tab a .tab-area .box span {margin-top: 2rem;}

/* Service - ÅǹöÆ° ¼­ºñ½º ³»¿ë ½ºÅ¸ÀÏ */
.cont-service .swiper .swiper-slide .service-info {padding: 5rem 2rem;}
.cont-service .swiper .swiper-slide .service-info .infobox .left-img {width: 70%;}
.cont-service .swiper .swiper-slide .service-info .infobox .right-contents {position: static; width: 100%;} /*position ÃʱâÈ­*/
.cont-service .swiper .swiper-slide .service-info .infobox .right-contents .infoarea {padding-top: 3rem; padding-left: 0;}
.cont-service .swiper .swiper-slide .service-info .infobox .right-contents .infoarea ul {padding-left: 0; margin-top: 3rem;}
.cont-service .swiper .swiper-slide .service-info .infobox .right-contents .infoarea ul li {float: left; width: 33.3334%; margin-bottom: 1rem;}
.cont-service .swiper .swiper-slide .service-info .infobox .subimg {top: 20%; bottom: initial; width: 40%; left: initial; right: 0; margin-left: 0;}

/* Service - Á¦ÀÛ ÁøÇà ÀýÂ÷ */
.process-box .process-wrap {padding: 5rem 2rem;}
.process-box .process-wrap ul li {width: 50%;}

/* Service - Ưº° ¼­ºñ½º */
.commonservice-box {padding: 0 2rem;}
.commonservice-box .commonservice-wrap {display: flex; align-items: stretch; justify-content: space-between; flex-direction: row; flex-flow: row wrap;}
.commonservice-box .commonservice-wrap .container {width: calc((100% - 6rem) / 3); padding-bottom: 3rem;}
.commonservice-box .commonservice-wrap .container-2:before {left: -2.6rem; width: 2.2rem;}
.commonservice-box .commonservice-wrap .container-3:before {left: -2.6rem; width: 2.2rem;}
.commonservice-box .commonservice-wrap .container-5:before {left: -2.6rem; width: 2.2rem;}
.commonservice-box .commonservice-wrap .container-6:before {left: -2.6rem; width: 2.2rem;}
.commonservice-box .commonservice-wrap .container:nth-child(3n) {padding-right: 0;}
.commonservice-box .commonservice-wrap .container .special-area {height: 100%; min-height: 33.2rem; padding: 3rem 0 3rem;}
.commonservice-box .commonservice-wrap .container .special-area i img {width: 80%;}
.commonservice-box .commonservice-wrap .container .special-area div.title span.tit {width: 100%; font-size: 2.2rem;}
.commonservice-box .commonservice-wrap .container .special-area div.title span.benefits {margin-top: 1rem;}
.commonservice-box .commonservice-wrap .container .special-area p {font-size: 1.7rem; padding: 0 2rem; word-break: keep-all;}
.commonservice-box .commonservice-wrap .container .special-area p br {display: none;}

/* Work Portfolio Layout */
.page-portfolio {margin-top: 10rem;}

/* Work Portfolio - ½½¶óÀ̵å */
.portfolio-slide .swiper .swiper-slide .site-box figcaption {padding: 14rem 2rem 0;}

/* Work Portfolio - ¸®½ºÆ® */
.portfolio-box .project-list .list-item a .site-state p {width: 100%; line-height: 1.3; word-break: keep-all; margin-top: 1.5rem;}

/* Contact Layout */
.page-contents {margin-top: 10rem;}
.page-formwrap {margin-top: 10rem;}

/* Contact - ȸ»ç ¿¬¶ôó Á¤º¸ ½ºÅ¸ÀÏ */
.contactinfo-box .box-wrap .contact-item {width: 50%;}
.contactinfo-box .box-wrap .contact-item:last-child {width: 100%; margin-top: 3rem;}

/* Contact - ÀÔ·ÂÆû ½ºÅ¸ÀÏ */
.contact-box .sec-form .flxbox .field {width: 48%; margin: 0 4% 2rem 0;}
.contact-box .sec-form .flxbox .field:nth-child(2n+2) {margin: 0 0 2rem 0;}
.contact-box .sec-form .flxbox .field:nth-child(3n) {margin: 0 4% 2rem 0;}
.contact-box .sec-form .radio .type-label {margin-right: 2.2rem;}
.contact-box .sec-form .radio .type-label:last-child {margin-right: 0;}
.contact-box .sec-form .flxbox2 {flex-flow: initial; justify-content: space-between;}
.contact-box .sec-form .flxbox2 select {width: 70%; padding: 1.3rem 1.5rem;}
.contact-box .sec-form .flxbox2 .unde-label {width: 30%; margin-right: 0;}
.contact-box .sec-form .flxbox3 .field {width: 48%; margin: 0 4% 0 0;}
.contact-box .sec-form .flxbox3 .field:nth-child(2n) {margin: 0;}
.contact-box .sec-form .flxbox4 .field textarea::placeholder {font-size: 1.6rem;} /*textarea placeholder ÅؽºÆ® ½ºÅ¸ÀÏ ÁöÁ¤*/

/* Contact - ÆÄÀÏ÷ºÎ µðÀÚÀκ¯°æ */
.contact-box .sec-form .file-wrap {flex-flow: initial; justify-content: space-between;}
.contact-box .sec-form .file-wrap .field input.upload-text {width: 60%;}
.contact-box .sec-form .file-wrap .field div.upload-btn_wrap {margin-left: 3%;}

/* News Layout */
.page-news {margin-top: 10rem;}

/* News - °Ô½ÃÆÇ ÇüÅ */
.news-box .news-top {display: block; width: 100%;}
.news-box .news-top .list-total {width: 100%; margin-bottom: 1rem;}
.news-box .news-top .search-box {width: 100%; display: initial;}
.news-box .news-top .search-box select.formselect {width: 35% !important;}
.news-box .news-top .search-box input.forminput {position: static; width: 65% !important;}
.news-box .news-list .list-item {width: calc((100% - 4rem) / 3);}

}


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

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

/* ·¹À̾ƿô °øÅë */
.sec-sub .inner {padding: 0 2rem;}

/* ¼­ºê »ó´Ü ¸Þ´º¸í ¹× ºñÁÖ¾ó À̹ÌÁö ¿µ¿ª */
.pagemenu-common .inner {padding: 0 2rem;}

/* Work Portfolio - ½½¶óÀ̵å */
.portfolio-slide .swiper .swiper-slide .site-box figcaption {padding: 10rem 2rem 0;}
.portfolio-slide .swiper .swiper-slide .site-box figcaption div.site-name {font-size: 2rem;}
.portfolio-box {margin-top: 54rem;}

/* ¼­ºê ¿ìÃø °íÁ¤ ÆÐÅÏ ÄÁÅÙÃ÷ ¿µ¿ª - ¿øÇü ÅؽºÆ® */
.quick-fixbox #logo-circle text {font-size: 5rem;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** ¹ÝÀÀÇü¼³Á¤ Jny PC 1280,1299 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

/* ·¹À̾ƿô °øÅë */
.sec-sub .inner {max-width: 1200px;}

/* ¼­ºê ¿ìÃø °íÁ¤ ÆÐÅÏ ÄÁÅÙÃ÷ ¿µ¿ª - ¿øÇü ÅؽºÆ® */
.quick-fixbox #logo-circle text {font-size: 5rem;}

/* ¼­ºê »ó´Ü ¸Þ´º¸í ¹× ºñÁÖ¾ó À̹ÌÁö ¿µ¿ª */
.sec-sub-visual {padding-bottom: 27%;}
.pagemenu-common .inner {max-width: 1200px;}
.visual-img {width: 90%;}

}


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

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

}