/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ¸ð¹ÙÀÏ¿ë ÄÁÅÙÃ÷ ¿µ¿ª */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ¸ð¹ÙÀÏ¿ë ¼­ºê ÇÏÀ§¸Þ´º */
.mo-gnbmenu {float: left; width: 100%; margin-top: 1rem;}
.mo-menulist {float: left; width: 100%; padding: 0 1rem;}
.mo-menulist ul {float: left; width: 100%; text-align: center; border-top: 1px solid #dfdede; border-left: 1px solid #dfdede;}
.mo-menulist ul li {float: left; width: 33.3334%;}
.mo-menulist ul li a {display: block; width: 100%; height: 3.4rem; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg); font-size: 1.3rem; color: #252525; text-align: center; line-height: 3.4rem; letter-spacing: -0.08rem; padding: 0 0.5rem; border-right: 1px solid #dfdede; border-bottom: 1px solid #dfdede;}
.mo-menulist ul li.active a {color: #fff; cursor: pointer; background: #1866e2;}

/* ¸ð¹ÙÀÏ¿ë ¼­ºê ÇÏÀ§¸Þ´º ¹è¿­¼ö ¼³Á¤ */
.mo-menulist-1 ul li {width: 100%;} /* ¸Þ´º1°³ ½Ã */
.mo-menulist-2 ul li {width: 50%;}  /* ¸Þ´º2°³ ½Ã */
.mo-menulist-4 ul li {width: 25%;}  /* ¸Þ´º4°³ ½Ã */
.mo-menulist-5 ul li {width: 20%;}  /* ¸Þ´º5°³ ½Ã */


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ¼­ºê ÄÁÅÙÃ÷ °øÅ뿵¿ª */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

/* ¼­ºê sub-visual ¹è°æÀ̹ÌÁö ¿µ¿ª */
.sub-visual {position: relative; width: 100%; height: 38.5rem; background-repeat: no-repeat; background-position: center top; background-size: cover; z-index: 1;}

/* ¼­ºê ´ë¸Þ´º ŸÀÌƲ ¿µ¿ª */
.title-area {position: relative; display: flex; align-items: center; width: 100%; height: 100%;}
.title-area .inner {margin: 0 auto; width: 100%; max-width: 1200px; text-align: center;}
.title-area h2.tittxt {transform: rotate(-0.03deg); font-size: 5rem; color: #fff; font-weight: 700; line-height: 1; text-shadow: 2px 2px 5px rgba(0,0,0,0.6);}

/* ¼­ºê ¸Þ´º ÇÏÀ§¸Þ´º ¸®½ºÆ® ¿µ¿ª */
.sub-navi {float: left; width: 100%; height: 60px; border-bottom: 1px solid #ebebeb; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.sub-navi .inner {display: flex; flex-wrap: wrap; margin: 0 auto; width: 100%; max-width: 1200px;}
.navi-allmenu {float: left; width: 100%;}
.navi-allmenu .navi-home {float: left; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb;}
.navi-allmenu .navi-home a {display: block; width: 6rem; height: 60px; background: url("../img/wowweb/images/sub_icon_home.png") no-repeat center;}
.navi-allmenu .navi-submenu {float: left; position: relative;}

.subnavi-set {float: left; position: relative;}
.subnavi-set .topnav-damenu {float: left; width: auto; height: 60px; transform: rotate(-0.03deg); font-size: 1.6rem; color: #373636; font-weight: 400; line-height: 60px; padding: 0 8rem 0 2rem;}
.subnavi-set .topnav {float: left; width: 24rem; height: 60px; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb;}
.subnavi-set .topnav a {display: block; transform: rotate(-0.03deg); font-size: 1.6rem; color: #1866e2; font-weight: 700; line-height: 60px; letter-spacing: 0.1rem; padding: 0 3rem 0 2rem; background: url("../img/wowweb/images/sub_menu_arrow.png") no-repeat 90% center;}
.subnavi-set .topnav a:hover {color: #1d2087;}
.subnavi-set .subnav {position: absolute; z-index: 3; left: 0; top: 59px; background: #fff; border: 1px solid #ebebeb; border-top:0px; display: none;}
.subnavi-set .subnav li a {display: block; width: 23.8rem; transform: rotate(-0.03deg); font-size: 1.4rem; color:#565656; font-weight: 400; padding: 0.8rem 0 0.8rem 2rem; text-align: left; border-top: 1px solid #ebebeb; box-sizing:border-box; transition: all 0.3s ease;}
.subnavi-set .subnav li a:hover {width: 23.8rem; color: #000; font-weight: 500; text-align: left; background: #eee;}

/* ¼­ºêÆäÀÌÁö ÄÁÅÙÃ÷ ¿µ¿ª */
.subpage-contents {float: left; width: 100%; margin-top: 5rem;}
.subpage-contents .titbar-txt {position: relative; display: block; width: 100%; text-align: center; margin-bottom: 5rem;}
.subpage-contents .titbar-txt p {transform: rotate(-0.03deg); font-size: 4rem; color: #3c3c3c; font-weight: 500; line-height: 1; letter-spacing: -0.06rem;}
.subpage-contents .page-common {float: left; width: 100%;}
.subpage-contents .page-common .page-prepare img {width: 100%;}

.page-common {width: 100%;}
.page-common .page-info {width: 100%; text-align: center; margin-top: 5rem;}
.page-common .page-info div.tit {transform: rotate(-0.03deg); font-size: 2.5rem; color: #161616; font-weight: 500; line-height: 1.3; margin-bottom: 2rem; word-break: keep-all;}
.page-common .page-info p {transform: rotate(-0.03deg); font-size: 1.5rem; color: #393939; font-weight: 400; line-height: 1.5; letter-spacing: -0.08rem; word-break: keep-all; margin-top: 3rem;}

/* ¼­ºêÆäÀÌÁö ÆùÆ® °øÅë ¼Ó¼º  */
.page-common .page-toptit {transform: rotate(-0.03deg); font-size: 3rem; color: #000; font-weight: 600; line-height: 1.35; letter-spacing: -0.025rem; word-break: keep-all;}
.page-common .page-content p {transform: rotate(-0.03deg); font-size: 1.8rem; color: #2a2a2a; font-weight: 500; line-height: 1.65; letter-spacing: -0.01rem; word-break: keep-all;}
.page-common .page-img {width: 100%; border-radius: 1rem; overflow: hidden;}
.page-common .page-img img {max-width: 100%;}


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

/* ȸ»ç¼Ò°³ - s01 Àλ縻 */
.page-greeting {width: 100%;}
.page-greeting .topimg {margin-bottom: 6rem;}
.page-greeting .page-content {text-align: center; margin-top: 3rem;}
.page-greeting .page-toptit {width: 100%; text-align: center;}
.page-greeting .tit {transform: rotate(-0.03deg); font-size: 2.8rem; color: #000; line-height: 1.35; letter-spacing: -0.025rem; word-break: keep-all; margin-top: 5rem;}
.page-greeting .tit strong {font-weight: 600;}
.page-greeting .infographics {display: flex; justify-content: center; width: 100%; text-align: center; margin: 5rem 0;}
.page-greeting .infographics .page-img {width: 85rem;}
.page-greeting .page-content p:nth-of-type(3) {margin-top: 3.5rem;}

/* ȸ»ç¼Ò°³ - s02 ¿À½Ã´Â±æ */
.page-location {width: 100%;}
.page-location .page-info {margin-top: 0;}
.map-canves {position: relative; width: 100%;}
.map-canves .map {width: 100%; border: 1px solid #e8e7e7; overflow: hidden;}
.map-canves .naverbtn {position: absolute; top: 1rem; right: 1rem; width: 18rem; height: 5rem;}
.map-canves .naverbtn a {display: block; width: 100%; height: 100%; font-size: 1.6rem; color: #fff; font-weight: 500; line-height: 4.9rem; text-align: center; background-color: #39b54a; border: 1px solid #548d06; box-shadow: 0 4px 10px rgba(0,0,0,0.4); transition: all 0.3s ease;}
.map-canves .naverbtn a:hover {color: #39b54a; background-color: #fff; border: 1px solid #39b54a;}
.location-info {float: left; width: 100%;}
.location-info ul {display: flex; justify-content: space-between; width: 100%; padding: 1rem 0; border-bottom: 1px solid #d7d7d7;}
.location-info ul li {float: left;}
.location-info ul li:nth-child(1) {width: 10%; height: 3.4rem; transform: rotate(-0.03deg); font-size: 1.5rem; color: #fff; font-weight: 500; text-align: center; line-height: 3.4rem; margin-right: 1.5rem; background-color: #a6a6a6;}
.location-info ul li:nth-child(2) {width: 88%; transform: rotate(-0.03deg); font-size: 1.5rem; color: #606060; font-weight: 400; margin-top: 0.6rem;}
.location-info ul li.addresstxt {color: #000; font-weight: 500;}

/* »ç¾÷¼Ò°³ - s01, s02, s03 ·»Æ®, ¸®½º, ÇҺΠ*/
.page-business {width: 100%;}
.page-business .page-toptit {width: 100%; text-align: center; margin-bottom: 5.5rem;}
.page-business .business-tit {width: 100%;}
.page-business .business-tit .tit-sign {display: flex; justify-content: center; flex-wrap: wrap; width: 100%; text-align: center;}
.page-business .business-tit .tit-sign .sign-left {display: block; width: 3.1rem; height: 2.4rem; margin-right: 1.5rem; background-image: url("../img/wowweb/business/images/sign_left.png"); background-repeat: no-repeat; background-position: left top; background-size: cover;}
.page-business .business-tit .tit-sign .sign-right {display: block; width: 3.1rem; height: 2.4rem; margin-left: 1.5rem; background-image: url("../img/wowweb/business/images/sign_right.png"); background-repeat: no-repeat; background-position: left top; background-size: cover;}
.page-business .business-tit .tit-sign .sign-txt {transform: rotate(-0.03deg); font-size: 2.8rem; color: #1866e2; font-weight: 600; line-height: 1.35; word-break: keep-all; margin-top: 0.5rem;}

.page-business .business-wrap {width: 100%; margin-top: 4rem;}
.page-business .business-info {display: flex; flex-wrap: wrap; width: 100%;}
.page-business .business-info .left {width: 39.16667%}
.page-business .business-info .right {width: 60.83333%; padding-left: 5%;}
.page-business .business-info .right .box {display: flex; justify-content: center; flex-direction: column; align-items: center; flex-wrap: wrap; height: 100%;}
.page-business .business-info .right .box p:first-child {margin-bottom: 3.5rem;}

/* ÁÖ¿ä°ü°è»ç - s01 ÁÖ¿ä°ü°è»ç */
.page-partner {width: 100%;}
.page-partner .topimg {margin-bottom: 6rem;}
.page-partner .page-content {text-align: center;}

.relative-wrap {width: 100%; margin-top: 6rem;}
.relative-wrap .relative-list {width: 100%;}
.relative-wrap .relative-list ul {display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem 1rem; width: 100%;}
.relative-wrap .relative-list ul li {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; height: 9rem; border: 1px solid #e1e1e1;}
.relative-wrap .relative-list ul li img {max-width: 100%; max-height: 100%;}

.maker-wrap {width: 100%; padding-top: 4rem; margin-top: 4rem; border-top: 1px solid #e6e5e5;}
.maker-wrap .maker-list {width: 100%;}
.maker-wrap .maker-list ul {display: grid; grid-template-columns: repeat(8, 1fr); gap: 0 0; width: 100%; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1;}
.maker-wrap .maker-list ul li {display: flex; justify-content: center; flex-wrap: wrap; width: 100%; height: auto; padding: 2rem 1rem; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
.maker-wrap .maker-list ul li img {max-width: 100%; max-height: 100%;}
.maker-wrap .maker-list ul li p {width: 100%; text-align: center; transform: rotate(-0.03deg); font-size: 1.4rem; color: #111111; font-weight: 500; letter-spacing: -0.025rem; margin-top: 1rem;}

/* Á¦ÈÞ Á¦¾È - s01 Á¦ÈÞ Á¦¾È */
.page-cooperate {width: 100%; text-align: center;}
.page-cooperate .page-toptit {width: 100%; text-align: center;}
.page-cooperate .page-subtxt span {display: inline-flex; align-items: center; flex-wrap: wrap; transform: rotate(-0.03deg); font-size: 3rem; color: #fff; font-weight: 700; letter-spacing: -0.025rem; padding: 0.6rem 2rem 0.8rem; margin: 1.5rem 0; background-color: #1866e2;}
.page-cooperate .page-subtxt p {width: 100%; transform: rotate(-0.03deg); font-size: 3rem; color: #000; font-weight: 600; line-height: 1.35; letter-spacing: -0.025rem; word-break: keep-all;}
.page-cooperate .cooperate-wrap {width: 100%; margin-top: 6rem;}
.page-cooperate .cooperate-wrap .map-canvas {width: 100%; height: 48rem;}
.page-cooperate .cooperate-wrap .company-info {display: flex; flex-wrap: wrap; width: 100%; margin-top: 7rem;}
.page-cooperate .cooperate-wrap .company-info .left {width: 50%; padding-right: 5rem;}
.page-cooperate .cooperate-wrap .company-info .right {width: 50%; padding-right: 5rem;}

.page-cooperate .cooperate-wrap .company-info .tit-box {position: relative; width: 100%; text-align: left;}
.page-cooperate .cooperate-wrap .company-info .tit-box span {display: inline-flex; align-items: center; flex-wrap: wrap; font-family: "Saira", sans-serif; transform: rotate(-0.03deg); font-size: 2.2rem; color: #fff; font-weight: 600; line-height: 1.35; letter-spacing: -0.025rem; padding: 0.5rem 2rem; background-color: #1d2087;}
.page-cooperate .cooperate-wrap .company-info .tit-box:before {position: absolute; top: 50%; left: 0; content: ""; width: 100%; height: 1px; background-color: #e2e2e2;}
.page-cooperate .cooperate-wrap .company-info .box {display: flex; width: 100%; margin-top: 3rem;}
.page-cooperate .cooperate-wrap .company-info .box .p-ico {display: inline-flex; width: 7.2rem; height: 7.2rem; margin-right: 3rem;}
.page-cooperate .cooperate-wrap .company-info .box .p-ico img {width: 100%;}
.page-cooperate .cooperate-wrap .company-info .box .contact-info {margin-top: 0.2rem;}
.page-cooperate .cooperate-wrap .company-info .box .traffic-info {text-align: left;}
.page-cooperate .cooperate-wrap .company-info .box .traffic-info strong {display: flex; transform: rotate(-0.03deg); font-size: 2rem; color: #2a2a2a; font-weight: 600; line-height: 1.1; letter-spacing: -0.025rem; margin-bottom: 1rem;}
.page-cooperate .cooperate-wrap .company-info .box .traffic-info strong span {display: inline-flex; font-size: 1.4rem; color: #5f5e5e; margin-top: 0.4rem; margin-right: 1rem;}

/* ä¿ë - s01 ä¿ë¾È³» */
.page-recruit {width: 100%;}
.page-recruit .page-toptit {width: 100%; text-align: center;}
.page-recruit .recruit-wrap {display: flex; flex-wrap: wrap; width: 100%; margin-top: 6rem;}
.page-recruit .recruit-wrap .left {width: 55%; padding-right: 6rem;}
.page-recruit .recruit-wrap .left .con-tit {width: 100%; transform: rotate(-0.03deg); font-size: 2.1rem; color: #111111; font-weight: 700; line-height: 1.4; letter-spacing: -0.01rem; word-break: keep-all;}
.page-recruit .recruit-wrap .left .page-content strong {display: flex;  transform: rotate(-0.03deg); font-size: 2.1rem; color: #111111; font-weight: 700; line-height: 1.4; letter-spacing: -0.01rem; word-break: keep-all; margin-top: 2.5rem;}
.page-recruit .recruit-wrap .left .page-content strong.fonteng {font-family: "Saira", sans-serif; font-size: 2.3rem; font-weight: 700;}
.page-recruit .recruit-wrap .left .page-content ul {margin-top: 1rem;}
.page-common .page-recruit .recruit-wrap .left .page-content ul li p {padding-left: 2.7rem;}
.page-common .page-recruit .recruit-wrap .left .page-content ul li p:before {position: absolute; top: 0.8rem; left: 0; content: ""; width: 1.7rem; height: 1.4rem; background-image: url(../img/wowweb/images/page_ico_check.png); background-repeat: no-repeat; background-position: left top; background-size: 1.7rem 1.4rem;}
.page-board {margin-top: 6rem;}

.contact-info {margin-top: 1rem;}
.contact-info .infotxt {display: flex; align-items: center; flex-wrap: wrap; width: 100%; margin-bottom: 0.5rem;}
.contact-info .infotxt:last-child {margin-bottom: 0;}
.contact-info .infotxt .ico {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 3rem; height: 3rem; margin-right: 0.5rem;}
.contact-info .infotxt .ico i img {max-width: 100%; max-height: 100%;}
.contact-info .infotxt span {font-family: "Saira", sans-serif; transform: rotate(-0.03deg); font-size: 1.8rem; color: #2a2a2a; font-weight: 600; line-height: 1; letter-spacing: -0.01rem;}
.page-recruit .recruit-wrap .right {width: 45%;}

/* °³ÀÎÁ¤º¸¾È³» - ÀÌ¿ë¾à°ü ¹× °³ÀÎÁ¤º¸Ã³¸®¹æħ ½ºÅ¸ÀÏ */
.page-userinfo {width: 100%;}
.member-usebox {width: 100%; padding: 2rem 4rem; background-color: #fff; border: 1px solid #eee; border-top: 2px solid #000;}
.member-usebox .member-usearea {transform: rotate(-0.04deg); white-space: pre-line;}
.member-usebox .member-usearea p {font-size: 1.5rem; color: #5e5d5d; font-weight: 400; line-height: 1.5; letter-spacing: -0.06rem; word-break: keep-all;}
.member-usebox .member-usearea p strong {font-size: 1.8rem; color: #1866e2; font-weight: 700;}
.member-usebox .member-usearea p span.txtpoint {color: #000; font-weight: 700;}


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

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

/* ¼­ºêÆäÀÌÁö ÆùÆ® °øÅë ¼Ó¼º  */
.page-common .page-content p {line-height: 1.5;}

/* ¼­ºê sub-visual ¹è°æÀ̹ÌÁö ¿µ¿ª */
.sub-visual {height: 22rem; margin-top: 70px;}
.title-area {padding-top: 0;}
.title-area h2.tittxt {font-size: 4rem;}

/* ¼­ºê ¸Þ´º ÇÏÀ§¸Þ´º ¸®½ºÆ® ¿µ¿ª */
.sub-navi {display: none;}

/* ¼­ºêÆäÀÌÁö ÄÁÅÙÃ÷ ¿µ¿ª */
.subpage-contents .titbar-txt {margin-bottom: 4rem;}
.subpage-contents .titbar-txt p {font-size: 3rem;}
.subpage-contents .page-common {padding: 0 1rem;} 

/* ȸ»ç¼Ò°³ - s01 Àλ縻 */
.page-common .page-toptit {font-size: 2.8rem;}
.page-common .page-info div.tit {font-size: 1.8rem;}
.page-common .page-info p {word-break: keep-all;}
.page-common .page-info .sign {font-size: 1.8rem;}
.page-greeting .page-content p br:nth-of-type(2), .page-greeting .page-content p br:nth-of-type(4) {display: none;}
.page-greeting .tit {font-size: 2.6rem;}

/* ȸ»ç¼Ò°³ - s02 ¿À½Ã´Â±æ */
.map-canves .map {height: 400px;}
.map-canves .map img {margin-top: -150px; margin-left: -420px;}
.map-canves .naverbtn {width: 14rem; height: 3.5rem;}
.map-canves .naverbtn a {font-size: 1.4rem; line-height: 3.4rem;}
.location-info ul li:nth-child(1) {width: 18%; font-size: 1.3rem;}
.location-info ul li:nth-child(2) {width: 80%; font-size: 1.4rem;}

/* »ç¾÷¼Ò°³ - s01, s02, s03 ·»Æ®, ¸®½º, ÇҺΠ*/
.page-business {float: left;}
.page-business .page-toptit br {display: none;}
.page-business .business-tit .tit-sign .sign-left {margin-right: 0;}
.page-business .business-tit .tit-sign .sign-right {margin-left: 0;}
.page-business .business-tit .tit-sign .sign-txt {font-size: 2.6rem; margin: 1rem 0;}
.page-business .business-tit .tit-sign .sign-txt br {display: none;}
.page-business .business-info .left {width: 100%}
.page-business .business-info .right {width: 100%; padding-top: 3rem; padding-left: 0;}

/* ÁÖ¿ä°ü°è»ç - s01 ÁÖ¿ä°ü°è»ç */
.page-partner .page-content p br {display: none;}
.relative-wrap .relative-list ul {grid-template-columns: repeat(3, 1fr);}
.relative-wrap .relative-list ul li {height: 6rem;}
.maker-wrap .maker-list ul {grid-template-columns: repeat(5, 1fr);}
.maker-wrap .maker-list ul li {padding: 1rem 1rem;}

/* Á¦ÈÞ Á¦¾È - s01 Á¦ÈÞ Á¦¾È */
.page-cooperate .page-subtxt span {font-size: 2.2rem;}
.page-cooperate .page-subtxt p {font-size: 2.2rem;}
.page-cooperate .cooperate-wrap .company-info .left {width: 100%; padding-right: 0;}
.page-cooperate .cooperate-wrap .company-info .right {width: 100%; padding-right: 0; margin-top: 5rem;}
.page-cooperate .cooperate-wrap .company-info .box .p-ico {width: 5rem; height: 5rem; margin-right: 1.5rem;}
.page-cooperate .cooperate-wrap .company-info .box .contact-info {width: 80%;}
.page-cooperate .cooperate-wrap .company-info .box .contact-info p {font-size: 1.65rem;}
.page-cooperate .cooperate-wrap .company-info .box .traffic-info {width: 80%;}
.page-cooperate .cooperate-wrap .company-info .box .traffic-info p {font-size: 1.65rem;}

/* ä¿ë - s01 ä¿ë¾È³» */
.page-recruit .page-toptit br {display: none;}
.page-recruit .recruit-wrap .left {width: 100%; padding-right: 0; order: 2;}
.page-recruit .recruit-wrap .right {width: 100%; order: 1; margin-bottom: 6rem;}
.contact-info .infotxt .ico {margin-right: 1.5rem;}

/* °³ÀÎÁ¤º¸¾È³» - ÀÌ¿ë¾à°ü ¹× °³ÀÎÁ¤º¸Ã³¸®¹æħ ½ºÅ¸ÀÏ */
.member-usebox {padding: 2rem;}
.member-usebox .member-usearea p {font-size: 1.3rem;}

}


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

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

/* ¼­ºêÆäÀÌÁö ÆùÆ® °øÅë ¼Ó¼º  */
.page-common .page-content p {line-height: 1.5;}

/* ¼­ºê sub-visual ¹è°æÀ̹ÌÁö ¿µ¿ª */
.sub-visual {height: 22rem; margin-top: 70px;}
.title-area {padding-top: 0;}
.title-area h2.tittxt {font-size: 4rem;}

/* ¼­ºê ¸Þ´º ÇÏÀ§¸Þ´º ¸®½ºÆ® ¿µ¿ª */
.sub-navi {display: none;}

/* ¼­ºêÆäÀÌÁö ÄÁÅÙÃ÷ ¿µ¿ª */
.subpage-contents .titbar-txt {margin-bottom: 4rem;}
.subpage-contents .titbar-txt p {font-size: 3rem;}
.subpage-contents .page-common {padding: 0 1rem;} 

/* ȸ»ç¼Ò°³ - s01 Àλ縻 */
.page-common .page-toptit {font-size: 2.8rem;}
.page-common .page-info div.tit {font-size: 1.8rem;}
.page-common .page-info p {word-break: keep-all;}
.page-common .page-info .sign {font-size: 1.8rem;}
.page-greeting .page-content p br:nth-of-type(2), .page-greeting .page-content p br:nth-of-type(4) {display: none;}
.page-greeting .tit {font-size: 2.6rem;}

/* ȸ»ç¼Ò°³ - s02 ¿À½Ã´Â±æ */
.map-canves .map {height: 400px;}
.map-canves .map img {margin-top: -100px; margin-left: -420px;}
.map-canves .naverbtn {width: 14rem; height: 3.5rem;}
.map-canves .naverbtn a {font-size: 1.4rem; line-height: 3.4rem;}
.location-info ul li:nth-child(1) {width: 18%; font-size: 1.3rem;}
.location-info ul li:nth-child(2) {width: 80%; font-size: 1.4rem;}

/* »ç¾÷¼Ò°³ - s01, s02, s03 ·»Æ®, ¸®½º, ÇҺΠ*/
.page-business {float: left;}
.page-business .page-toptit br {display: none;}
.page-business .business-tit .tit-sign .sign-left {margin-right: 0;}
.page-business .business-tit .tit-sign .sign-right {margin-left: 0;}
.page-business .business-tit .tit-sign .sign-txt {font-size: 2.6rem; margin: 1rem 0;}
.page-business .business-tit .tit-sign .sign-txt br {display: none;}
.page-business .business-info .left {width: 100%}
.page-business .business-info .right {width: 100%; padding-top: 3rem; padding-left: 0;}

/* ÁÖ¿ä°ü°è»ç - s01 ÁÖ¿ä°ü°è»ç */
.page-partner .page-content p br {display: none;}
.relative-wrap .relative-list ul {grid-template-columns: repeat(3, 1fr);}
.relative-wrap .relative-list ul li {height: 6rem;}
.maker-wrap .maker-list ul {grid-template-columns: repeat(5, 1fr);}
.maker-wrap .maker-list ul li {padding: 1rem 1rem;}

/* Á¦ÈÞ Á¦¾È - s01 Á¦ÈÞ Á¦¾È */
.page-cooperate .page-subtxt span {font-size: 2.2rem;}
.page-cooperate .page-subtxt p {font-size: 2.2rem;}
.page-cooperate .cooperate-wrap .company-info .left {width: 100%; padding-right: 0;}
.page-cooperate .cooperate-wrap .company-info .right {width: 100%; padding-right: 0; margin-top: 5rem;}
.page-cooperate .cooperate-wrap .company-info .box .p-ico {width: 5rem; height: 5rem; margin-right: 1.5rem;}
.page-cooperate .cooperate-wrap .company-info .box .contact-info {width: 80%;}
.page-cooperate .cooperate-wrap .company-info .box .contact-info p {font-size: 1.65rem;}
.page-cooperate .cooperate-wrap .company-info .box .traffic-info {width: 80%;}
.page-cooperate .cooperate-wrap .company-info .box .traffic-info p {font-size: 1.65rem;}

/* ä¿ë - s01 ä¿ë¾È³» */
.page-recruit .page-toptit br {display: none;}
.page-recruit .recruit-wrap .left {width: 100%; padding-right: 0; order: 2;}
.page-recruit .recruit-wrap .right {width: 100%; order: 1; margin-bottom: 6rem;}
.contact-info .infotxt .ico {margin-right: 1.5rem;}

/* °³ÀÎÁ¤º¸¾È³» - ÀÌ¿ë¾à°ü ¹× °³ÀÎÁ¤º¸Ã³¸®¹æħ ½ºÅ¸ÀÏ */
.member-usebox {padding: 2rem;}

}


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

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

/* ¸ð¹ÙÀÏ¿ë ¼­ºê ÇÏÀ§¸Þ´º */
.mo-menulist ul li a {height: 5rem; font-size: 1.5rem; line-height: 5rem;}

/* ¼­ºê sub-visual ¹è°æÀ̹ÌÁö ¿µ¿ª */
.sub-visual {height: 38rem; margin-top: 70px;}
.title-area {padding-top: 0;}

/* ¼­ºê ¸Þ´º ÇÏÀ§¸Þ´º ¸®½ºÆ® ¿µ¿ª */
.sub-navi {display: none;}

/* ¼­ºêÆäÀÌÁö ÄÁÅÙÃ÷ ¿µ¿ª */
.subpage-contents .page-common {padding: 0 3rem;}

/* ȸ»ç¼Ò°³ - s02 ¿À½Ã´Â±æ */
.map-canves .map img {margin-left: -200px;}

/* »ç¾÷¼Ò°³ - s01, s02, s03 ·»Æ®, ¸®½º, ÇҺΠ*/
.page-business {float: left;}
.page-business .business-tit .tit-sign .sign-left {margin-right: 0;}
.page-business .business-tit .tit-sign .sign-right {margin-left: 0;}
.page-business .business-tit .tit-sign .sign-txt {margin: 1rem 0;}
.page-business .business-tit .tit-sign .sign-txt br {display: none;}
.page-business .business-info .left {width: 100%}
.page-business .business-info .right {width: 100%; padding-top: 3rem; padding-left: 0;}

/* ÁÖ¿ä°ü°è»ç - s01 ÁÖ¿ä°ü°è»ç */
.relative-wrap .relative-list ul {grid-template-columns: repeat(3, 1fr);}
.maker-wrap .maker-list ul {grid-template-columns: repeat(6, 1fr);}

/* Á¦ÈÞ Á¦¾È - s01 Á¦ÈÞ Á¦¾È */
.page-cooperate .cooperate-wrap .company-info .left {width: 100%; padding-right: 0;}
.page-cooperate .cooperate-wrap .company-info .right {width: 100%; padding-right: 0; margin-top: 5rem;}

/* ä¿ë - s01 ä¿ë¾È³» */
.page-recruit .recruit-wrap .left {width: 100%; padding-right: 0; order: 2;}
.page-recruit .recruit-wrap .right {width: 100%; order: 1; margin-bottom: 6rem;}
.contact-info .infotxt .ico {margin-right: 1.5rem;}

/* °³ÀÎÁ¤º¸¾È³» - ÀÌ¿ë¾à°ü ¹× °³ÀÎÁ¤º¸Ã³¸®¹æħ ½ºÅ¸ÀÏ */
.member-usebox {padding: 2rem;}

}


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

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

/* ¸ð¹ÙÀÏ¿ë ¼­ºê ÇÏÀ§¸Þ´º */
.mo-menulist ul li a {height: 5rem; font-size: 1.5rem; line-height: 5rem;}

/* ¼­ºê sub-visual ¹è°æÀ̹ÌÁö ¿µ¿ª */
.sub-visual {height: 38rem; margin-top: 70px;}
.title-area {padding-top: 0;}

/* ¼­ºê ¸Þ´º ÇÏÀ§¸Þ´º ¸®½ºÆ® ¿µ¿ª */
.sub-navi {display: none;}

/* ¼­ºêÆäÀÌÁö ÄÁÅÙÃ÷ ¿µ¿ª */
.subpage-contents .page-common {padding: 0 3rem;}

/* ȸ»ç¼Ò°³ - s05 ¿À½Ã´Â±æ */
.map-canves .map img {margin-left: -200px;}

/* »ç¾÷¼Ò°³ - s01, s02, s03 ·»Æ®, ¸®½º, ÇҺΠ*/
.page-business {float: left;}
.page-business .business-tit .tit-sign .sign-left {margin-right: 0;}
.page-business .business-tit .tit-sign .sign-right {margin-left: 0;}
.page-business .business-tit .tit-sign .sign-txt {margin: 1rem 0;}
.page-business .business-tit .tit-sign .sign-txt br {display: none;}
.page-business .business-info .left {width: 100%}
.page-business .business-info .right {width: 100%; padding-top: 3rem; padding-left: 0;}

/* ÁÖ¿ä°ü°è»ç - s01 ÁÖ¿ä°ü°è»ç */
.relative-wrap .relative-list ul {grid-template-columns: repeat(3, 1fr);}
.maker-wrap .maker-list ul {grid-template-columns: repeat(6, 1fr);}

/* Á¦ÈÞ Á¦¾È - s01 Á¦ÈÞ Á¦¾È */
.page-cooperate .cooperate-wrap .company-info .left {width: 100%; padding-right: 0;}
.page-cooperate .cooperate-wrap .company-info .right {width: 100%; padding-right: 0; margin-top: 5rem;}

/* ä¿ë - s01 ä¿ë¾È³» */
.page-recruit .recruit-wrap .left {width: 100%; padding-right: 0; order: 2;}
.page-recruit .recruit-wrap .right {width: 100%; order: 1; margin-bottom: 6rem;}
.contact-info .infotxt .ico {margin-right: 1.5rem;}

/* °³ÀÎÁ¤º¸¾È³» - ÀÌ¿ë¾à°ü ¹× °³ÀÎÁ¤º¸Ã³¸®¹æħ ½ºÅ¸ÀÏ */
.member-usebox {padding: 3rem;}

}


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

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

/* ¸ð¹ÙÀÏ¿ë ¼­ºê¸Þ´º */
.mo-gnbmenu {display: none;}

/* ¼­ºê sub-visual ¹è°æÀ̹ÌÁö ¿µ¿ª */
.sub-visual {margin-top: 70px;}
.title-area {padding-top: 0;}

/* ¼­ºêÆäÀÌÁö ÄÁÅÙÃ÷ ¿µ¿ª */
.subpage-contents .page-common {padding: 0 1rem;}

}


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

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

/* ¸ð¹ÙÀÏ¿ë ¼­ºê¸Þ´º */
.mo-gnbmenu {display: none;}

}