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

/* ¸ð¹ÙÀÏ¿ë ¼­ºê ÇÏÀ§¸Þ´º */
.mo-gnbmenu {float: left; width: 100%; margin-bottom: 2rem;}
.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: #1c9a1f;}

/* ¸ð¹ÙÀÏ¿ë ¼­ºê ÇÏÀ§¸Þ´º ¹è¿­¼ö ¼³Á¤ */
.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°³ ½Ã */


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ¼­ºêÆäÀÌÁö °øÅ뿵¿ª */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

/* ¼­ºê ´ë¸Þ´º ŸÀÌƲ ¿µ¿ª */
.title-area {position: relative; display: flex; align-items: center; text-align: center; width: 100%; height: 100%;}
.title-area .inner {margin: 0 auto; width: 100%; max-width: 1200px; text-align: center;}
.title-area .tit-main {transform: rotate(-0.03deg); font-size: 4rem; font-weight: 600; color: #fff; letter-spacing: 0.1rem; line-height: 1; margin-bottom: 2rem; text-shadow: 2px 8px 10px rgba(0,0,0,0.2);}
.title-area .tit-sub {transform: rotate(-0.03deg); font-size: 1.8rem; font-weight: 500; color: #fff; letter-spacing: -0.08rem; line-height: 1; margin-top: 0.5rem;}

/* ¼­ºêÆäÀÌÁö ·¹À̾ƿô °øÅë ¹× ÆäÀÌÁö¸í ¿µ¿ª */
.sec-sub {position: relative; float: left; width: 100%; margin-top: 5rem;}
.sec-sub .inner {margin: 0 auto; width: 100%; max-width: 1200px;}
.subpage-common {display: flex; justify-content: space-between; width: 100%; margin-bottom: 6rem;}

/* ¼­ºêÆäÀÌÁö ÁÂÃø ÇÏÀ§¸Þ´º ¸®½ºÆ® ¿µ¿ª */
.left-menu {width: 21.6667%;}
.left-menu .menu-title {width: 100%; height: 7.5rem; text-align: center; background-color: #00a86a;}
.left-menu .menu-title span {transform: rotate(-0.03deg); font-size: 2.4rem; color: #fff; font-weight: 500; line-height: 7.5rem;}
.left-menu .sub-gnb {float: left; width: 100%; margin-top: 1rem; margin-bottom: 2rem;}
.left-menu .sub-gnb ul {float: left; width: 100%; border: 1px solid #e2e2e2; border-bottom: 0;}
.left-menu .sub-gnb ul li {float: left; width: 100%; border-bottom: 1px solid #d7d7d7;}
.left-menu .sub-gnb ul li a {display: block; width: 100%; height: 5rem; transform: rotate(-0.03deg); font-size: 1.5rem; color: #908f8f; font-weight: 400; line-height: 5rem; padding-left: 1.5rem; background-image: url("../img/wowweb/images/menu_bullet.png"); background-repeat: no-repeat; background-position: 92% center; transition: all 0.3s ease;}
.left-menu .sub-gnb ul li a:hover {color: #00a86a; font-weight: 500; background-color: #f9f9f9; background-image: url("../img/wowweb/images/menu_bullet_roll.png"); background-repeat: no-repeat; background-position: 92% center;}
.left-menu .sub-gnb ul li.active a {color: #00a86a; font-weight: 500; background-image: url("../img/wowweb/images/menu_bullet_roll.png");}

/* ¼­ºêÆäÀÌÁö ÁÂÃø °í°´¼¾ÅÍ */
.left-menu .left-customer {float: left; width: 100%; margin-top: 1rem; border: 1px solid #e6e3e3;}
.left-menu .left-customer .call-center {width: 100%; padding: 2rem; background-color: #f9f9f9; background-image: url("../img/wowweb/images/sub_call_icon.png"); background-repeat: no-repeat; background-position: 92% 2rem;}
.left-menu .left-customer .call-center .call {width: 100%; transform: rotate(-0.03deg);}
.left-menu .left-customer .call-center .call span {font-size: 1.7rem; color: #111; font-weight: 700; line-height: 1.1;}
.left-menu .left-customer .call-center .call .number {font-size: 2.2rem; color: #00a86a; font-weight: 700; line-height: 1.1; letter-spacing: -0.08rem; margin-top: 0.8rem;}
.left-menu .left-customer .call-center .call p {font-size: 1.2rem; color: #252525; font-weight: 400; line-height: 1.1; letter-spacing: -0.08rem; margin-top: 0.8rem;}
.left-menu .left-customer .call-center .email {width: 100%; font-size: 1.4rem; color: #fff; font-weight: 400; text-align: center; letter-spacing: 0.02rem; padding: 0.5rem 0; margin-top: 0.5rem; background: #00a96a;}
.left-menu .left-customer .call-center .time {width: 100%; transform: rotate(-0.03deg); margin-top: 1rem;}
.left-menu .left-customer .call-center .time p {font-size: 1.4rem; color: #5a5959; font-weight: 400; line-height: 1.1; letter-spacing: -0.06rem;}

/* ¼­ºêÆäÀÌÁö ÁÂÃø ´ÜÃà¾ÆÀÌÄÜ */
.left-menu .left-shortcut {float: left; width: 100%; margin-top: 2rem;}
.left-menu .left-shortcut .topimg {width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 1rem;}
.left-menu .left-shortcut .topimg img {width: 100%;}
.left-menu .left-shortcut ul {display: flex; justify-content: space-between;}

.left-menu .left-shortcut ul li {width: 47%;}
/*.left-menu .left-shortcut ul li {width: 30.76923076923077%;}*/

.left-menu .left-shortcut ul li a {display: block; width: 100%; height: 100%; text-align: center; padding: 1rem 0; border: 1px solid #eae8e8; border-radius: 1rem; box-shadow: 2px 5px 8px rgba(0,0,0,0.1);}
.left-menu .left-shortcut ul li a i {display: block; margin-bottom: 0.8rem;}
.left-menu .left-shortcut ul li a p {transform: rotate(-0.03deg); font-size: 1.4rem; color: #111; font-weight: 500; line-height: 1.1;}
.left-menu .left-shortcut .webhard {width: 100%; transform: rotate(-0.03deg); font-size: 1.25rem; color: #878686; font-weight: 500; line-height: 1; text-align: center; letter-spacing: -0.04rem; margin-top: 2rem;}

/* ¼­ºêÆäÀÌÁö ¿ìÃø Àüü ¿µ¿ª */
.right-contents {width: 75%;}

/* ¼­ºêÆäÀÌÁö ŸÀÌƲ ¿µ¿ª */
.page-titlebar {width: 100%; height: 9rem; margin-bottom: 5rem;}
.page-titlebar .page-navi {display: block; width: 100%;}
.page-titlebar .page-navi .tittxt {float: left; width: 100%; transform: rotate(-0.03deg); font-size: 2.5rem; color: #262525; font-weight: 700; line-height: 1; letter-spacing: -0.04rem;}
.page-titlebar .navitxt {float: left; width: 100%; height: 4rem; font-size: 1.3rem; color: #747373; font-weight: 300; line-height: 3.8rem; padding: 0 1.5rem; margin-top: 2rem; border: 1px solid #e2e2e2;}
.page-titlebar .navitxt span {font-family: "µ¸¿ò", dotum, sans-serif; margin: 0 0.5rem;}
.page-titlebar .navitxt a i.homeico {margin-right: 0.5rem; vertical-align: 0.1rem;}
.page-titlebar .navitxt strong {color: #00a86a; font-weight: 700;}

/* ¼­ºêÆäÀÌÁö ÄÁÅÙÃ÷ °øÅë ¿µ¿ª */
.page-contents {width: 100%;}
.page-contents .page-common {width: 100%;}
.page-contents .page-common .page-img {width: 100%;}
.page-contents .page-common .page-img img {width: 100%;}
.page-contents .page-common .page-info {width: 100%; margin-top: 3rem;}
.page-contents .page-common .page-info div.tit {transform: rotate(-0.04deg); font-size: 2.5rem; color: #161616; font-weight: 500; line-height: 1.3; margin-bottom: 2rem; word-break: keep-all;}
.page-contents .page-common .page-info p {transform: rotate(-0.04deg); font-size: 1.5rem; color: #393939; font-weight: 400; line-height: 1.5; margin-top: 3rem;}


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

/* ȸ»ç¼Ò°³ - s01 ³ª¹«¿Í°£ÆÇ ¼Ò°³  */
.page-greeting {width: 100%;}
.page-greeting .page-info .sign {width: 100%; transform: rotate(-0.04deg); font-size: 2rem; color: #111; font-weight: 500; text-align: right; margin-top: 4rem;}
.page-greeting .page-info .txt-box {width: 100%; margin-bottom: 3rem;}
.page-greeting .page-info .txt-box .tittxt {height: 3.5rem; padding-left: 6.5rem; background-image: url("../img/wowweb/company/images/bullet_img.jpg"); background-repeat: no-repeat; background-position: left center; background-size: 5.5rem 3.5rem;}
.page-greeting .page-info .txt-box .tittxt span {transform: rotate(-0.03deg); font-size: 2.5rem; color: #249b46; font-weight: 700; line-height: 3rem;}
.page-greeting .page-info .txt-box p {margin-top: 1rem;}
.page-greeting .page-info .txt-box ul {width: 100%; margin-top: 1rem;}
.page-greeting .page-info .txt-box ul li {width: 100%;}
.page-greeting .page-info .txt-box ul li span {display: inline-block; width: 1rem; font-size: 1.5rem;}
.page-greeting .page-info .txt-box ul li p {display: inline-block; width: 88%; margin-top: 0;}
.page-contents .page-common .page-endimg {width: 100%; text-align: center; margin-top: 3rem;}

/* ȸ»ç¼Ò°³ - s02 ¿À½Ã´Â±æ */
.page-location {width: 100%;}
.map-canves {position: relative; width: 100%;}
.map-canves .map {width: 100%;}
.map-canves .map img {width: 100%;}
.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.04deg); 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.04deg); font-size: 1.5rem; color: #606060; font-weight: 400; margin-top: 0.6rem;}
.location-info ul li.addresstxt {color: #000; font-weight: 500;}

/* Á¦ÀÛ°úÁ¤ - s01 Á¦ÀÛ°úÁ¤¾È³» */
.page-process {width: 100%;}
.page-process .txt-box {width: 100%; margin-bottom: 3rem;}
.page-process .txt-box2 {margin-top: 6rem;}
.page-process .txt-box .tittxt {height: 3.5rem; padding-left: 6.5rem; background-image: url("../img/wowweb/company/images/bullet_img.jpg"); background-repeat: no-repeat; background-position: left center; background-size: 5.5rem 3.5rem;}
.page-process .txt-box .tittxt span {transform: rotate(-0.03deg); font-size: 2.5rem; color: #249b46; font-weight: 700; line-height: 3rem;}
.page-process .txt-box p {transform: rotate(-0.04deg); font-size: 1.5rem; color: #393939; font-weight: 400; line-height: 1.5; margin-top: 1rem;}
.page-process .txt-box .process-img {width: 100%; margin-top: 2rem;}
.page-process .txt-box .process-img img {width: 100%;}

.page-process .txt-box .features {width: 100%; margin-top: 2rem;}
.page-process .txt-box .features .features-info {float: left; width: 66%; padding-right: 1rem;}
.page-process .txt-box .features .features-info li {width: 100%;}
.page-process .txt-box .features .features-info li span {display: inline-block; width: 0.8rem; height: 0.8rem; margin-top: 1.8rem; margin-right: 0.5rem; background: #7db604; vertical-align: top;}
.page-process .txt-box .features .features-info li p {display: inline-block; width: 88%; transform: rotate(-0.03deg); font-size: 1.8rem; line-height: 1.3; letter-spacing: -0.08rem; word-break: keep-all;}
.page-process .txt-box .features .features-img {position: relative; float: left; width: 30%; margin-top: -4rem;}
.page-process .txt-box .features .features-img img {width: 31.5rem;}

/* °³ÀÎÁ¤º¸¾È³» - ÀÌ¿ë¾à°ü ¹× °³ÀÎÁ¤º¸Ã³¸®¹æħ ½ºÅ¸ÀÏ */
.page-userinfo {width: 100%;}
.member-usebox {float: left; width: 100%; padding: 1rem; background-color: #eee; border-top: 2px solid #000; border-bottom: 1px solid #ddd;}
.member-usearea {float: left; transform: rotate(-0.04deg); font-size: 1.6rem; color: #5e5d5d; font-weight: 400; line-height: 1.4; white-space: pre-line; text-align: justify; letter-spacing: -0.06rem; background-color: #fff; padding: 2rem; border: 1px solid #ccc;}
.member-usearea p {float: left; margin-top: -2rem; font-size: 1.4rem; color: #5e5d5d; letter-spacing: -0.06rem;}


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

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

/* ¸ð¹ÙÀÏ¿ë ¼­ºê ÇÏÀ§¸Þ´º */
.mo-gnbmenu {margin-bottom: 3rem;}

/* ¼­ºê sub-visual ¹è°æÀ̹ÌÁö ¿µ¿ª */
.sub-visual {height: 100%; padding: 15% 0; margin-top: 7rem;}
.title-area .tit-main {font-size: 3rem; margin-bottom: 1rem;}
.title-area .tit-sub {font-size: 1.5rem;}

.sec-sub {margin-top: 1rem;}
.subpage-common {float: left; display: block;}
.left-menu {display: none;}
.right-contents {float: left; width: 100%; padding: 0 1rem;}
.page-titlebar {float: left; height: auto; text-align: center; border-bottom: 0;}
.page-titlebar .page-navi {display: block;}
.page-titlebar .page-navi .navitxt {display: none;}
.page-titlebar .page-navi .tittxt {font-size: 2.4rem;}
.page-titlebar p {line-height: 1.3; word-break: keep-all;}

/* ȸ»ç¼Ò°³ - s01 ³ª¹«¿Í°£ÆÇ ¼Ò°³ */
.page-contents .page-common .page-info div.tit {font-size: 1.8rem;}
.page-contents .page-common .page-info p {word-break: keep-all;}
.page-contents .page-common .page-info .sign {font-size: 1.8rem;}
.page-contents .page-common .page-endimg img {width: 100%;}
.page-greeting .page-info .txt-box .tittxt {padding-left: 5.5rem; background-size: 5rem 3rem;}
.page-greeting .page-info .txt-box .tittxt span {font-size: 2rem; line-height: 3.2rem;}

/* ȸ»ç¼Ò°³ - s05 ¿À½Ã´Â±æ */
.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%;}

/* Á¦ÀÛ°úÁ¤ - s01 Á¦ÀÛ°úÁ¤¾È³» */
.page-process .txt-box {float: left;}
.page-process .txt-box2 {margin-top: 1rem; margin-bottom: 0;}
.page-process .txt-box .tittxt {padding-left: 5.5rem; background-size: 5rem 3rem;}
.page-process .txt-box .tittxt span {font-size: 2rem; line-height: 3.2rem;}
.page-process .txt-box .features {margin-top: 0;}
.page-process .txt-box .features .features-info {width: 100%; padding-right: 0;}
.page-process .txt-box .features .features-info li p {width: 92%; font-size: 1.6rem;}
.page-process .txt-box .features .features-img {width: 100%; margin-top: 2rem;}

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

}


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

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

/* ¸ð¹ÙÀÏ¿ë ¼­ºê ÇÏÀ§¸Þ´º */
.mo-gnbmenu {margin-bottom: 3rem;}

/* ¼­ºê sub-visual ¹è°æÀ̹ÌÁö ¿µ¿ª */
.sub-visual {float: left; height: 100%; padding: 15% 0; margin-top: 7rem;}
.title-area .tit-main {font-size: 2.8rem; margin-bottom: 1rem;}
.title-area .tit-sub {font-size: 1.4rem;}

.sec-sub {margin-top: 1rem;}
.subpage-common {float: left; display: block;}
.left-menu {display: none;}
.right-contents {float: left; width: 100%; padding: 0 1rem;}
.page-titlebar {float: left; height: auto; text-align: center; border-bottom: 0;}
.page-titlebar .page-navi {display: block;}
.page-titlebar .page-navi .navitxt {display: none;}
.page-titlebar .page-navi .tittxt {font-size: 2.4rem;}
.page-titlebar p {line-height: 1.3; word-break: keep-all;}

/* ȸ»ç¼Ò°³ - s01 ³ª¹«¿Í°£ÆÇ ¼Ò°³ */
.page-contents .page-common .page-info div.tit {font-size: 1.8rem;}
.page-contents .page-common .page-info p {word-break: keep-all;}
.page-contents .page-common .page-info .sign {font-size: 1.8rem;}
.page-contents .page-common .page-endimg img {width: 100%;}
.page-greeting .page-info .txt-box .tittxt {padding-left: 5.5rem; background-size: 5rem 3rem;}
.page-greeting .page-info .txt-box .tittxt span {font-size: 2rem; line-height: 3.2rem;}

/* ȸ»ç¼Ò°³ - s05 ¿À½Ã´Â±æ */
.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%;}

/* Á¦ÀÛ°úÁ¤ - s01 Á¦ÀÛ°úÁ¤¾È³» */
.page-process .txt-box {float: left;}
.page-process .txt-box2 {margin-top: 1rem; margin-bottom: 0;}
.page-process .txt-box .tittxt {padding-left: 5.5rem; background-size: 5rem 3rem;}
.page-process .txt-box .tittxt span {font-size: 2rem; line-height: 3.2rem;}
.page-process .txt-box .features {margin-top: 0;}
.page-process .txt-box .features .features-info {width: 100%; padding-right: 0;}
.page-process .txt-box .features .features-info li p {width: 92%; font-size: 1.6rem;}
.page-process .txt-box .features .features-img {width: 100%; margin-top: 2rem;}

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

}


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

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

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

/* ¼­ºê sub-visual ¹è°æÀ̹ÌÁö ¿µ¿ª */
.sub-visual {height: 100%; padding: 15% 0; margin-top: 7rem;}

.sec-sub {margin-top: 1rem;}
.subpage-common {float: left; display: block;}
.left-menu {display: none;}
.right-contents {float: left; width: 100%; padding: 0 1rem;}
.page-titlebar {float: left; height: auto; text-align: center; border-bottom: 0;}
.page-titlebar .page-navi {display: block;}
.page-titlebar .page-navi .navitxt {display: none;}

.right-contents {width: 100%; padding: 0 1rem;}
.page-titlebar {float: left; height: auto; text-align: center; border-bottom: 0;}
.page-titlebar .page-navi {display: block;}
.page-titlebar .page-navi .navitxt {display: none;}

/* Á¦ÀÛ°úÁ¤ - s01 Á¦ÀÛ°úÁ¤¾È³» */
.page-process .txt-box {float: left;}
.page-process .txt-box .features .features-img {width: 34%;}
.page-process .txt-box .features .features-img img {width: 100%;}

}


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

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

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

/* ¼­ºê sub-visual ¹è°æÀ̹ÌÁö ¿µ¿ª */
.sub-visual {height: 100%; padding: 15% 0; margin-top: 7rem;}

.sec-sub {margin-top: 1rem;}
.subpage-common {float: left; display: block;}
.left-menu {display: none;}
.right-contents {float: left; width: 100%; padding: 0 1rem;}
.page-titlebar {float: left; height: auto; text-align: center; border-bottom: 0;}
.page-titlebar .page-navi {display: block;}
.page-titlebar .page-navi .navitxt {display: none;}

.right-contents {width: 100%; padding: 0 1rem;}
.page-titlebar {float: left; height: auto; text-align: center; border-bottom: 0;}
.page-titlebar .page-navi {display: block;}
.page-titlebar .page-navi .navitxt {display: none;}

/* Á¦ÀÛ°úÁ¤ - s01 Á¦ÀÛ°úÁ¤¾È³» */
.page-process .txt-box {float: left;}
.page-process .txt-box .features .features-img {width: 34%;}
.page-process .txt-box .features .features-img img {width: 100%;}

}


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

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

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

/* ȸ»ç¼Ò°³ - s03 ȸ»ç¿¬Çõ */
.page-history .history-area {background: none;}

}


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

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

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

}