/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* PC Contents */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */



/* iframe */


.map-responsive{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.map-responsive iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}



/* subvisual common */
.sub-visual {position: relative; float: left; width: 100%; height: 380px; background: url("../img/wowweb/images/sub_visual01.jpg") no-repeat center top; background-size: cover;}
.sub-visual02 {background: url("../img/wowweb/images/sub_visual02.jpg") no-repeat center top; background-size: cover;}
.sub-visual03 {background: url("../img/wowweb/images/sub_visual03.jpg") no-repeat center top; background-size: cover;}
.sub-visual04 {background: url("../img/wowweb/images/sub_visual04.jpg") no-repeat center top; background-size: cover;}
.sub-visual05 {background: url("../img/wowweb/images/sub_visual05.jpg") no-repeat center top; background-size: cover;}
.pagetit-txt {float: left; width: 100%; text-align: center;}
.pagetit-txt .txtname {font-family: "Gmarket Sans", sans-serif; transform: rotate(-0.03deg); font-size: 48px; font-weight: 700; color: #fff; line-height: 48px; text-shadow: 2px 1px 10px rgba(0,0,0,0.6); padding-top: 11%;}

/* subpage-menu common */
.subpage-menu {float: left; width: 100%; margin-top: 50px;}
.pagemenu-tab {margin: 0 auto; width: 100%; max-width: 1200px;}
.pagemenu-tab ul {float: left; width: 100%; text-align: center;}
.pagemenu-tab ul li {display: inline-block; width: auto; margin-left: -4px;}
.pagemenu-tab ul li a {display: inline-block; width: 100%; height: 100%; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.03deg); font-size: 16px; color: #6f6f6f; font-weight: 400; line-height: 19px; padding: 12px 24px; background: #fff; border: 1px solid #dfdede;}

/* subpage-menu ·Ñ¿À¹ö ¹× ¼±Åýà ½ºÅ¸ÀÏ */
.pagemenu-tab ul li a:hover {color: #000; background: #f6f6f6; transition: all 0.3s ease;}
.pagemenu-tab ul li.on a {color: #fff; background: #9f0000; border: 1px solid #9f0000;}

/* subpage-common ¼­ºêÆäÀÌÁö °øÅë */
.subpage-common {float: left; width: 100%; padding-top: 50px; margin-bottom: 50px;}
.subpage-inner {margin: 0 auto; width: 100%; max-width: 1200px;}
.subpage-title {float: left; width: 100%;}
.subpage-title ul {float: left; width: 100%; text-align: center;}
.subpage-title ul li.title-txt {display: inline-block; font-family: "Gmarket Sans", sans-serif; transform: rotate(-0.04deg); font-size: 40px; color: #111; font-weight: 500; line-height: 42px; margin-bottom: 30px;}

/* ¼­ºêÆäÀÌÁö ³»¿ë °øÅë */
.subpage-contents {float: left; width: 100%;}

/* sub01 Àλ縻 */
.greeting-title {float: left; width: 100%; margin-bottom: 30px;}
.greeting-title li {font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.03deg); font-size: 30px; color: #3c3c3c; font-weight: 500; text-align: center; line-height: 35px;}
.greeting-img {float: left; width: 100%;}
.greeting-img li {float: left; width: 48.75%;}
.greeting-img li img {width: 100%;}
.greeting-img li:nth-child(2) {float: right;}
.greeting-subtxt {float: left; width: 100%; text-align: center; margin-top: 30px; word-break: keep-all;}
.greeting-subtxt p {display: inline-block; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg); font-size: 18px; color: #3c3c3c; font-weight: 300; text-align: center; line-height: 28px;}
.greeting-subtxt span {display: inline-block; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg); font-size: 24px; color: #e75712; font-weight: 500; margin-top: 30px;}

/* sub02 ã¾Æ¿À½Ã´Â±æ */
.location-title {float: left; width: 100%; margin-bottom: 30px;}
.location-title li {font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.03deg); font-size: 30px; color: #3c3c3c; font-weight: 500; text-align: center; line-height: 35px;}
.map-img {position: relative; float: left; width: 100%;}
.map-img div.map {float: left; width: 100%; height: 665px; border: 1px solid #e8e7e7; overflow: hidden;}
.map-img span.btnnaver {position: absolute; top: 20px; right: 20px; height: 40px; background: #00a651; transition: all 0.3s ease;}
.map-img span.btnnaver a {display: block; font-family: "Noto Sans KR", sans-serif; font-size: 17px; color: #fff; font-weight: 400; line-height: 40px; padding: 0 18px;}
.map-img span.btnnaver:hover {background: #111;}
.location-subtxt {float: left; width: 100%; text-align: center; padding: 30px 0; border-bottom: 1px solid #dedede;}
.location-subtxt span {font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.03deg); font-size: 20px; color: #3c3c3c; font-weight: 400; line-height: 24px; letter-spacing: -0.5px; word-break: keep-all;}
.traffic-infobox {float: left; width: 100%; margin-top: 30px;}
.way-info {float: left; width: 50%;}
.way-info .tit {display: inline-block; height: 54px; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.03deg); font-size: 25px; color: #ec4d01; font-weight: 500; line-height: 54px; padding-left: 70px; background: #fff url("../img/wowweb/sub/images/traffic_icon1.png") no-repeat left top;}
.way-info .stxt {display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #646363; font-weight: 300; padding-right: 50px; margin-top: 20px; word-break: keep-all;}
.way-info2 .tit {background: #fff url("../img/wowweb/sub/images/traffic_icon2.png") no-repeat left top;}

/* member_usebox */
.member_usebox {float: left; width: 100%; padding: 7px; background-color: #eeeeee; border-top: 2px solid #000; border-bottom: 1px solid #dddddd; box-sizing: border-box;}
.member_usearea {float: left; font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #757575; font-weight: 400; line-height: 22px; white-space: pre-line; text-align: justify; letter-spacing: -0.7px; background-color: #fff; box-sizing: border-box; padding: 10px; border: 1px solid #dddddd;}
.member_usearea p {float: left; margin-top: -20px;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_mobile 359 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

/* subvisual common */
.sub-visual {height: 220px;}
.pagetit-txt .txtname {font-size: 30px; line-height: 32px; padding-top: 140px;}

/* subpage-menu common */
.pagemenu-tab ul li a {font-size: 14px; line-height: 16px; padding: 8px 10px;}

/* subpage-common ¼­ºêÆäÀÌÁö °øÅë */
.subpage-common {padding-top: 30px;}
.subpage-title ul li.title-txt {font-size: 32px; line-height: 34px; margin-bottom: 10px;}

/* ¼­ºêÆäÀÌÁö ³»¿ë °øÅë */
.subpage-contents {padding: 0 3%;}

/* sub01 Àλ縻 */
.greeting-title li {font-size: 18px; line-height: 20px; letter-spacing: -0.5px;}
.greeting-img li {width: 100%;}
.greeting-img li:first-child {margin-bottom: 3%;}
.greeting-subtxt p {font-size: 15px; line-height: 22px;}
.greeting-subtxt span {font-size: 18px;}

/* sub02 ã¾Æ¿À½Ã´Â±æ */
.location-title li {font-size: 18px; line-height: 20px; letter-spacing: -0.5px;}
.map-img div.map {height: 400px;}
.map-img div.map img {margin-top: -100px; margin-left: -380px;}
.location-subtxt span {font-size: 16px;}
.way-info {width: 100%;}
.way-info .tit {font-size: 20px;}
.way-info .stxt {padding-right: 0;}
.way-info2 {margin-top: 30px;}

.member_usearea {font-size: 12px; line-height: 18px; padding: 14px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_mobile 360,719 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

/* subvisual common */
.sub-visual {height: 260px;}
.pagetit-txt .txtname {font-size: 36px; line-height: 37px; padding-top: 160px;}

/* subpage-menu common */
.pagemenu-tab ul li a {font-size: 16px; line-height: 17px; padding: 8px 18px;}

/* subpage-common ¼­ºêÆäÀÌÁö °øÅë */
.subpage-common {padding-top: 30px;}
.subpage-title ul li.title-txt {font-size: 32px; line-height: 34px; margin-bottom: 10px;}

/* ¼­ºêÆäÀÌÁö ³»¿ë °øÅë */
.subpage-contents {padding: 0 3%;}

/* sub01 Àλ縻 */
.greeting-title li {font-size: 20px; line-height: 28px;}
.greeting-img li {width: 100%;}
.greeting-img li:first-child {margin-bottom: 3%;}
.greeting-subtxt p {font-size: 16px; line-height: 24px;}
.greeting-subtxt span {font-size: 20px;}

/* sub02 ã¾Æ¿À½Ã´Â±æ */
.location-title li {font-size: 20px; line-height: 28px;}
.map-img div.map {height: 400px;}
.map-img div.map img {margin-top: -100px; margin-left: -380px;}
.location-subtxt span {font-size: 17px;}
.way-info {width: 100%;}
.way-info .tit {font-size: 20px;}
.way-info .stxt {padding-right: 0;}
.way-info2 {margin-top: 30px;}

.member_usearea {font-size: 12px; line-height: 18px; padding: 10px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_tablet 720,767 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

/* subvisual common */
.sub-visual {height: 360px;}
.pagetit-txt .txtname {padding-top: 200px;}

/* ¼­ºêÆäÀÌÁö ³»¿ë °øÅë */
.subpage-contents {padding: 0 3%;}

/* sub02 ã¾Æ¿À½Ã´Â±æ */
.location-subtxt span {line-height: 28px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_tablet 768,1023 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

/* subvisual common */
.sub-visual {height: 360px;}
.pagetit-txt .txtname {padding-top: 200px;}

/* ¼­ºêÆäÀÌÁö ³»¿ë °øÅë */
.subpage-contents {padding: 0 3%;}

/* sub02 ã¾Æ¿À½Ã´Â±æ */
.location-subtxt span {line-height: 28px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_pc 1024,1279 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_pc 1280,1919 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_pc 1920 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

}