/* Layout Common */ /* Àüü °¡·Î»çÀÌÁî 720px ±âÁØ */
#wrap {float: left; width: 100%; background: #fff;}
#header {float: left; width: 100%;}
#contents {float: left; width: 100%;}
#footer {float: left; width: 100%; background: #191919;}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* mobile gnb common */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.top-contents {position: fixed; top: 0; left: 0; width: 100%; height: 65px; background: #000; box-shadow: 1px 1px 12px rgba(0,0,0,0.3); z-index: 10000000;}
.top-contents h1 {float: left; width: 170px;}
.top-contents .topion_call {float: right; width: 70px;}

/* main m_gnball */
#m_gnball {position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000000;} /*670px ±âÁØ*/
#m_gnball nav {float: left; width: 100%; padding: 0 3.472223% 3.472223%;}
.m_gnb {float: left; width: 100%;}
.m_gnb ul li {float: left; width: 23.13432835820896%; height: 24.62686567164179%;}
.m_gnb ul li:nth-of-type(1) {margin-right: 2.238805970149254%;}
.m_gnb ul li:nth-of-type(2) {margin-right: 2.985074626865672%;}
.m_gnb ul li:nth-of-type(3) {margin-right: 2.238805970149254%;}
.m_gnb ul li a {display: block; width: 100%; height: 100%;}

/* sub m_gnball */
#m_gnballsub {float: left; width: 100%; margin-top: 65px; background: #1b1a1a;}
#m_gnballsub nav {float: left; width: 100%; padding: 3.472223%;}
.m_gnbsub {float: left; width: 100%;}
.m_gnbsub ul li {float: left; width: 23.13432835820896%;}
.m_gnbsub ul li:nth-of-type(1) {margin-right: 2.238805970149254%;}
.m_gnbsub ul li:nth-of-type(2) {margin-right: 2.985074626865672%;}
.m_gnbsub ul li:nth-of-type(3) {margin-right: 2.238805970149254%;}
.m_gnbsub ul li a {display: block; width: 100%; height: 100%;}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* mobile footer common */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.footqucik ul {float: left; width: 100%; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.footqucik ul li {float: left; width: 25%;}
.footqucik ul li a {display: block; width: 100%; height: 100%;}

/* ÇÏ´Ü È¸¿ø°¡ÀÔ ¹öÆ°µé */
.footinfo {float: left; width: 100%; padding: 30px 0 10px;}
.memberbtn {float: left; width: 100%; text-align: center;}
.memberbtn ul li {display: inline-block; margin: 0 2px;}
.memberbtn ul li a {display: block; width: 100%; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg); font-size: 1.35rem; color: #777777; text-align: center; line-height: 1.4rem; padding: 7px; border: 1px solid #3c3c3c;}

/* ÇÏ´Ü È¸»çÁ¤º¸ */
.addressinfo {float: left; width: 100%; text-align: center; padding: 30px 2% 0;}
.addressinfo li {display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 1.4rem; color: #636363; line-height: 22px; letter-spacing: -0.06rem; margin: 0 5px; word-break: keep-all;}
.addressinfo li span {color: #a2a0a0;}
.addressinfo li span.addline {color: #353535; vertical-align: 1px;}

/* ÇÏ´Ü Ä«ÇǶóÀÌÆ® */
.copyright {float: left; width: 100%; padding-bottom: 30px;}
.copyright ul li {font-size: 1.3rem; color: #636363; text-align: center; letter-spacing: -0.08rem;}
.copyright ul li span {color: #a2a0a0;}


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

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

.addressinfo li {line-height: 20px;}

}


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

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

.addressinfo li {line-height: 26px;}

}


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

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

.addressinfo li {line-height: 30px;}

}