/* Layout Common */
#wrap {float: left; width: 100%; height: 100%; background-color: #000;}
#header {float: left; width: 100%;}
#contents {float: left; width: 100%;}
#footer {float: left; width: 100%;}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Mobile Contents */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* mobile_mnav */
.headertop {position: fixed; width: 100%; height: 80px; background: #000; z-index: 20;}
.mobile_gnb {float: left; width: 100%; padding: 0 2%; box-sizing: border-box;}
.mobile_gnb h1 {float: left; width: 250px; margin-top: 20px;}
.mo_rightbtn {float: right;}
.mo_topbtn {float: left; margin-top: 15px;}
.mo_topbtn li {float: left; width: 50px; height: 50px;}
.mo_topbtn li:first-child {margin-right: 10px;}

/* mobile gnb_togglemenu common */
html .opened {overflow: hidden;} /* ¿ÞÂÊ ¸Þ´º°¡ ¿ÀÇ嵃 ¶§ html¿¡ Àû¿ëµÇ´Â ¼Ó¼º */
.drawer-toggle {float: left;} /* open/closed ¹öÆ° */
#drawer {position: fixed; width: 70%; height: 100%; top: 0; right: -70%; background: #616161; -webkit-transition: .3s; transition: .3s; overflow: hidden; z-index: 10000000000;} /* ¿ÀÇ½à ³ªÅ¸³ª´Â drawer ű×. closed »óÅ¿¡¼­ È­¸é ¹Û¿¡ À§Ä¡ÇÏ°í open½Ã¿¡ ³ªÅ¸³­´Ù. */
#drawer.opened {right: 0; box-shadow: 5px 5px 15px 1.5px rgba(0, 0, 0, 0.2); display: block;} /* left¼Ó¼ºÀÌ -(width)px ¶ó¼­ È­¸é ¹Û¿¡ ÀÖ°í left¸¦ 0À¸·Î ¹Ù²ã¼­ È­¸é¿¡ ³ªÅ¸³­´Ù.  */
#blocker {display: none; background: rgba(0, 0, 0, 0.8); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999;} /* drawer open ½Ã ¹è°æ ¾îµÓ°Ô Çϱâ */ 
#blocker.opened {display: block; background: rgba(0, 0, 0, 0.8) url(../img/wowweb/images/toggle_ico_close.png) no-repeat 18% 20px;}

.drawer_area {float: right; width: 100%;}
.memberbox {font-family: "Noto Sans KR", sans-serif; text-align: center; padding: 20px 0; background-color: #000; overflow: hidden;}
.member_login {display: inline-block; width: 40%; margin-right: 1%;}
.member_login a {display: block; width: 100%; color: #fff; font-size: 15px; padding: 5px 0; border: 1px solid #535456; transition: all 0.3s ease;}
.member_login a:hover {background-color: #0097a9; border: 1px solid #0097a9;}
.member_join {display: inline-block; width: 40%;}
.member_join a {display: block; width: 100%; color: #fff; font-size: 15px; padding: 5px 0; border: 1px solid #535456; transition: all 0.3s ease;}
.member_join a:hover {background-color: #0097a9; border: 1px solid #0097a9;}

#slide_categorymenu {width: 100%; top: 0; right: 0px; font-family: "Noto Sans KR", sans-serif; z-index: 10000000000;}
#slide_categorymenu ul {width: 100%; height: 100%; background: #202020;} /* ¸Þ´ºÀüü¼½»ó */
#slide_categorymenu ul li {width: 100%; height: 60px; line-height: 60px; border-bottom: 1px solid #3c3c3c; overflow: hidden; position: relative; box-sizing: border-box;}
#slide_categorymenu ul li.tt_fr a {padding-left: 20px; cursor: pointer;}
#slide_categorymenu ul li.tt_fr .lotate_v {position: absolute; top: 28px; right: 20px; width: 10px; height: 6px; display: block;}
#slide_categorymenu ul li.tt_fr .lotate_none {position: absolute; top: 20px; right: 18px; width: 9px; height: 8px; display: block;-ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ transform: rotate(-90deg);}
#slide_categorymenu ul li.tt_fr .lotate_none img {vertical-align: top;}
#slide_categorymenu ul li.tt_fr .lotate_v img {vertical-align: top;}
#slide_categorymenu ul li.tt_fr .lotate_v_180 {-ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg);}
#slide_categorymenu ul li.active {background: #582d19; color: #fff !important;}
#slide_categorymenu ul li.active a {color: #fff; cursor: pointer;}
#slide_categorymenu ul li a {display: block; cursor: pointer; color: #fff; font-size: 16px; font-weight: 500; text-decoration: none; cursor: pointer;}
#slide_categorymenu ul li span {color: #dd042b; font-size: 11px; font-weight: bold; margin-left: 11px;}
#slide_categorymenu ul li ul.nav {background: #fff; display: none;}
#slide_categorymenu ul li ul.nav li {border-bottom: 1px solid #ebeaea; height: 50px; line-height: 50px;}
#slide_categorymenu ul li ul.nav li a {display: block; font-size: 15px; font-weight: normal; color: #3d3d3d; cursor: pointer; transition: all 0.3s ease;}
#slide_categorymenu ul li ul.nav li a:hover {color: #fff; font-weight: bold; background-color: #8a939d; cursor: pointer; text-decoration: none;}

/* mobile_call common */
.mobile_call {float: left; width: 100%; margin: 20px 0;}
.mobile_call_area {float: left; width: 100%; padding: 0 2%; box-sizing: border-box;}
.mobile_call_area ul {float: left; width: 100%; height: 100%; padding: 4% 0 4% 40px; box-sizing: border-box; background: url(../img/wowweb/images/m_call_bg.jpg) no-repeat; background-size: 100% 100%;}
.mobile_call_area ul li a {display: inline-block; width: 100%; height: 100%; font-family: "NanumSquare", sans-serif; font-size: 22px; color: #fff; font-weight: 700;}
.mobile_call_area ul li span.tit {display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 20px; font-weight: 300; margin-right: 10px;}

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

/* aside */
.aside_box {float: left; width: 100%; height: 90px;}
.aside_area {margin: 0 auto; width: 100%; max-width: 1200px;}
.logobox {float: left;}
.logo {float: left; width: 297px; height: 43px; margin-top: 24px;}

.topbtn_link {float: right; margin-top: 36px;}
.topbtn_link ul {float: left; margin-top: 5px;}
.topbtn_link ul li {position: relative; float: left; margin-right: 20px;}
.topbtn_link ul li::before {position: absolute; top: 2px; left: 0; content: ""; width: 5px; height: 1px; background: #626060;}
.topbtn_link ul li a {display: block; font-family: "Nanum Gothic", sans-serif; font-size: 12px; color: #8d8c8c; font-weight: 700; line-height: 12px; padding: 0 10px;}
.topbtn_link ul li a:hover {color: #d24b0c; text-decoration: underline;}
.btn_reserve {float: left;}
.btn_reserve a {display: block; width: 100%; font-family: "Nanum Gothic", sans-serif; font-size: 12px; color: #fff; font-weight: 700; padding: 3px 5px; background: #451a03; box-sizing: border-box; transition: all 0.3s ease;}
.btn_reserve a:hover {background: #ab440b;}

/* page-header ½ºÅ©·Ñ½Ã ¸Þ´º°íÁ¤ */
.page-header {background: #fff; z-index: 99999;}
.page-header.sticky {position: fixed; top: 0; z-index: 99999;}

/* gnball_box */
#gnball_box {float: left; width: 100%; height: 50px; background-color: #582d19;}
.gnball_area {margin: 0 auto; width: 100%; max-width: 1200px;}

/* gnb_menu */
.gnb_wrap {float: left; height: 50px;}
.gnb {float: left; height: 50px; line-height: 50px; overflow: hidden;}
.gnb > li {float: left;}
.gnb > li > a {display: block; width: auto; padding: 0 10px; font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #fff; font-weight: 500; text-align: left; transition: all 0.3s ease;}
.gnb > li > a::after {display: inline-block; content: ""; height: 14px; margin: 0 10px 0 30px; border-right: 1px solid #2a0f01; border-left: 1px solid #633c23; vertical-align: -1px;}
.gnb > li:last-child > a::after {border: 0;}
.gnb li:hover > a {color: #f99d0d;}
.sub_wrap {position: absolute; height: 0; overflow: hidden; z-index: 2;}
.sub {float: left; background-color: rgba(0,0,0,0.6); -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
-webkit-transition: opacity .25s ease .1s; -moz-transition: opacity .25s ease .1s; -o-transition: opacity .25s ease .1s; -ms-transition: opacity .25s ease .1s; transition: opacity .25s ease .1s;}
.sub li a {display: block; width: 120px; height: 40px; font-family: "Noto Sans KR", sans-serif; font-size: 14px; color: #e3e3e3; font-weight: 300; padding: 0 20px; line-height: 40px; border-bottom: 1px solid rgba(255,255,255,0.2); transition: all 0.3s ease;}
.sub li:last-child a {border: none;}
.sub li a:hover {color: #fff; background: rgba(0,0,0,0.9);}
.sub li:last-child a:hover {-webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;}
.bars {display: none;}

.reserve_guide {float: right; height: 50px; padding: 0 20px; background: #30190f;}
.reserve_guide li {float: left;}
.reserve_guide li.tit {float: left; font-family: "Noto Sans KR", sans-serif; font-size: 14px; color: #94745f; font-weight: 500; line-height: 49px; margin-right: 20px;}
.reserve_guide li.btn_guide {float: left; margin-top: 11px;}
.reserve_guide li.btn_guide a {display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #c6734f; font-weight: 300; padding: 3px 10px; border: 1px solid #7d4127; transition: all 0.3s ease;}
.reserve_guide li.btn_guide a span {font-size: 11px; padding-left: 5px; margin-left: 10px; border-left: 1px solid #7d4127; vertical-align: 1px;}
.reserve_guide li.btn_guide a:hover {color: #f9c40c; border: 1px solid #e49e7d;}

/* service */
.service_box {float: left; width: 100%; height: 60px; margin-top: 20px; background: #1d1d1d;}
.service_area {margin: 0 auto; width: 100%; max-width: 1200px;}

/* boardtype */
.boardtype {float: left; width: 50%;}
.board_title {float: left; font-family: "Noto Sans KR", sans-serif; font-size: 16px; color: #8b5339; font-weight: 700; line-height: 60px; margin-right: 20px;}
.board_contents {float: left; width: 70%;}
.boardlist {width: 100%; height: 30px; margin-top: 15px; overflow: hidden;}
.rolling {position: relative; width: 100%; height: auto;}
.rolling li {width:100%; height: 30px; line-height: 30px;}
.rolling li a {display: block; font-family: "Noto Sans KR", sans-serif; font-size: 14px; color: #7e7d7d; font-weight: 300; text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; transition: all 0.3s ease;}
.rolling li a:hover {color: #db855e; text-decoration: underline;}
.board_btnmore {float: right; padding-right: 10px; box-sizing: border-box; margin-top: 20px;}
.board_btnmore li a {display: block; font-family: "Noto Sans KR", sans-serif; font-size: 14px; color: #7e7d7d; font-weight: 300;}

/* ct_center */
.ct_center {float: left; width: 50%; padding-left: 15px; box-sizing: border-box;}
.center_contents {float: left; margin-top: 15px;}
.center_contents li {float: left; height: 30px; line-height: 30px; font-family: "Noto Sans KR", sans-serif; font-size: 14px; color: #7e7d7d; font-weight: 300; margin-right: 20px;}
.center_contents li:first-child::after {display: inline-block; content: ""; width: 1px; height: 14px; margin-left: 20px; background: #4f4f50; vertical-align: -1px;}
.center_contents li span {color: #fff; margin-left: 10px;}

/* footer */
.footer_infobox {margin: 0 auto; width: 100%; max-width: 1200px;}
.bottombox {float: left; width: 100%; margin-top: 40px;}

/* address_info */
.address_box {float: left; width: 100%;}
.address_box h3 {float: left; width: 234px; height: 35px; margin-top: 15px; margin-right: 40px;}
.address_infobox {float: left; width: 70%;}
.address_info {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; text-align: left;}
.address_info li {display: inline; font-size: 13px; color: #5e5d5d; font-weight: 400; line-height: 22px; margin-right: 15px;}
.address_info li a {color: #5e5d5d;}
.address_info li.copyright {display: inline-block; width: 100%;}

/* user_memberbox */
.user_memberbox {float: left; width: 100%; margin: 30px 0 40px;}
.user_memberarea {margin: 0 auto; width: 100%; max-width: 1200px;}
.user_memberbtn li {float: left; width: 390px; margin-right: 15px;}
.user_memberbtn li:last-child {margin-right: 0;}
.user_memberbtn li a {display: block; width: 100%; height: 40px; font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 14px; color: #666666; font-weight: 500; text-align: center; line-height: 38px; border: 1px solid #3f3f3f; box-sizing: border-box;} 
.user_memberbtn li a:hover {color: #fff; border: 1px solid #fff; transition: all 0.5s ease;}

/* gototop */
div.gototop {position: absolute; top: 0; left: 0; z-index: 99999999;}
a.top {position: fixed; right: 20px; bottom: 20px; display: table; width: 50px; height: 50px; font-family: "Noto Sans KR", sans-serif !important;  color: #fff; text-align: center; line-height: 50px; background: #414141; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; display: none; opacity: .8;}
a.top:hover {background: #582d19; opacity: 1;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb mobile 359 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

.aside_box {display: none;}
#gnball_box {display: none;}

.headertop {height: 70px;}
.mobile_gnb h1 {width: 200px; margin-top: 20px;}
.mo_topbtn li {width: 40px; height: 40px;}
.memberbox {padding: 10px 0;}
.member_login a {font-size: 14px;}
.member_join a {font-size: 14px;}

#slide_categorymenu ul li {height: 50px; line-height: 50px;}
#slide_categorymenu ul li a {font-size: 15px;}
#slide_categorymenu ul li.tt_fr .lotate_v {top: 22px;}
#slide_categorymenu ul li ul.nav li {height: 40px; line-height: 40px;}
#slide_categorymenu ul li ul.nav li a {font-size: 14px;}

.service_box {height: auto; margin-top: 15px;}
.boardtype {width: 100%; padding: 0 2%; box-sizing: border-box; border-bottom: 1px solid #414040;}
.board_title {font-size: 14px; margin-right: 10px;}
.board_title2 {line-height: 30px;}
.board_contents {width: 60%;}
.board_btnmore {padding-right: 0;}
.board_btnmore li a {font-size: 13px;}
.rolling li a {width: 50%;}

.ct_center {width: 100%; padding: 3% 2%;}
.center_contents {margin-top: 0;}
.center_contents li {font-size: 13px; color: #929292; letter-spacing: -1px; margin-right: 10px;}
.center_contents li:first-child::after {margin-left: 10px;}
.center_contents li span {margin-left: 5px;}

.mobile_call_area ul {padding: 3.4% 0 3.4% 40px;}
.mobile_call_area ul li a {font-size: 18px;}
.mobile_call_area ul li span.tit {font-size: 17px;}

.bottombox {padding: 0 2%; box-sizing: border-box; margin-top: 0;}
.address_box h3 {width: 200px; margin-top: 0; margin-right: 0; margin-bottom: 10px;}
.address_box h3 img {width: 100%;}
.address_infobox {width: 100%;}
.address_info li {font-size: 14px; color: #7c7c7c; word-break: keep-all;}
.address_info li:nth-of-type(1) {display: inline-block; width: 100%; margin-right: 0;}
.address_info li:nth-of-type(5) {display: inline-block; width: 100%; margin-right: 0;}
.address_info li.copyright {font-size: 12px; margin-right: 0;}

/* user_memberbox */
.user_memberbox {float: left; width: 100%; margin: 20px 0 30px;}
.user_memberarea {float: left; width: 100%;}
.user_memberbtn li {float: left; width: 33.33333333333333%; margin-right: 0;}
.user_memberbtn li a {display: block; width: 100%; height: 30px; font-family: "Noto Sans KR", sans-serif; font-size: 12px; color: #666666; font-weight: 500; text-align: center; line-height: 28px; border: 1px solid #3f3f3f; border-right: 0; box-sizing: border-box;} 
.user_memberbtn li:last-child a {border-right: 1px solid #3f3f3f;}
.user_memberbtn li a:hover {color: #fff; border: 1px solid #fff; transition: all 0.5s ease;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb mobile 360,719 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:360px) and (max-width:719px) {
.aside_box {display: none;}
#gnball_box {display: none;}

.service_box {height: auto; margin-top: 15px;}
.boardtype {width: 100%; padding: 0 2%; box-sizing: border-box; border-bottom: 1px solid #414040;}
.board_title {margin-right: 10px;}
.board_title2 {line-height: 30px;}
.board_contents {width: 60%;}
.board_btnmore {padding-right: 0;}
.rolling li a {width: 60%;}

.ct_center {width: 100%; padding: 3% 2%;}
.center_contents {margin-top: 0;}
.center_contents li {font-size: 15px; color: #929292; letter-spacing: -1px; margin-right: 10px;}
.center_contents li:first-child::after {margin-left: 10px;}
.center_contents li span {margin-left: 5px;}

.bottombox {padding: 0 2%; box-sizing: border-box; margin-top: 0;}
.address_box h3 {width: 200px; margin-top: 0; margin-right: 0; margin-bottom: 10px;}
.address_box h3 img {width: 100%;}
.address_infobox {width: 100%;}
.address_info li {font-size: 14px; color: #7c7c7c; word-break: keep-all;}
.address_info li:nth-of-type(1) {display: inline-block; width: 100%; margin-right: 0;}
.address_info li:nth-of-type(5) {display: inline-block; width: 100%; margin-right: 0;}
.address_info li.copyright {font-size: 12px; margin-right: 0;}

/* user_memberbox */
.user_memberbox {float: left; width: 100%; margin: 20px 0 30px;}
.user_memberarea {float: left; width: 100%;}
.user_memberbtn li {float: left; width: 33.33333333333333%; margin-right: 0;}
.user_memberbtn li a {display: block; width: 100%; height: 30px; font-family: "Noto Sans KR", sans-serif; font-size: 12px; color: #666666; font-weight: 500; text-align: center; line-height: 28px; border: 1px solid #3f3f3f; border-right: 0; box-sizing: border-box;} 
.user_memberbtn li:last-child a {border-right: 1px solid #3f3f3f;}
.user_memberbtn li a:hover {color: #fff; border: 1px solid #fff; transition: all 0.5s ease;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb mobile 360,399 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:360px) and (max-width:399px) {
.mobile_gnb h1 {width: 220px; margin-top: 22px;}
.center_contents li {margin-right: 7px;}
.center_contents li:first-child::after {margin-left: 7px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_mobile 500,640 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:500px) and (max-width:640px) {

.mobile_call_area ul {padding: 5% 0 5% 50px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb tablet 720,767 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

.aside_box {display: none;}
#gnball_box {display: none;}

.mobile_gnb h1 {width: 270px; margin-top: 18px;}
#drawer {width: 50%; right: -50%;}
#blocker.opened {background: rgba(0, 0, 0, 0.8) url(../img/wowweb/images/toggle_ico_close.png) no-repeat 40% 20px;}
#slide_categorymenu ul li.tt_fr a {padding-left: 35px;}
#slide_categorymenu ul li.tt_fr .lotate_v {right: 35px;}

.service_box {height: auto; margin-top: 15px;}
.boardtype {width: 100%; padding: 0 2%; box-sizing: border-box; border-bottom: 1px solid #414040;}
.board_title {font-size: 20px; margin-right: 10px;}
.board_title2 {line-height: 30px;}
.board_contents {width: 70%;}
.rolling li a {font-size: 16px;}
.board_btnmore {padding-right: 0;}

.ct_center {width: 100%; padding: 3% 2%;}
.center_contents {margin-top: 0;}
.center_contents li {font-size: 18px; color: #929292; letter-spacing: -1px; margin-right: 20px;}
.center_contents li:first-child::after {margin-left: 20px;}
.center_contents li span {margin-left: 10px;}

.mobile_call_area ul {padding: 4% 0 4% 80px;}
.mobile_call_area ul li a {font-size: 30px;}
.mobile_call_area ul li span.tit {font-size: 28px;}

.bottombox {padding: 0 2%; box-sizing: border-box; margin-top: 0;}
.address_box h3 {width: 234px; margin-top: 0; margin-right: 0; margin-bottom: 10px;}
.address_box h3 img {width: 100%;}
.address_infobox {width: 100%;}
.address_info li {font-size: 16px; color: #7c7c7c; line-height: 28px; word-break: keep-all;}
.address_info li:nth-of-type(1) {display: inline-block; width: 100%; margin-right: 0;}
.address_info li:nth-of-type(5) {display: inline-block; width: 100%; margin-right: 0;}
.address_info li.copyright {font-size: 15px; margin-right: 0;}

/* user_memberbox */
.user_memberbox {float: left; width: 100%; margin: 20px 0 30px;}
.user_memberarea {float: left; width: 100%;}
.user_memberbtn li {float: left; width: 33.33333333333333%; margin-right: 0;}
.user_memberbtn li a {display: block; width: 100%; height: 50px; font-family: "Noto Sans KR", sans-serif; font-size: 14px; color: #666666; font-weight: 500; text-align: center; line-height: 48px; border: 1px solid #3f3f3f; border-right: 0; box-sizing: border-box;} 
.user_memberbtn li:last-child a {border-right: 1px solid #3f3f3f;}
.user_memberbtn li a:hover {color: #fff; border: 1px solid #fff; transition: all 0.5s ease;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb tablet 768,1023 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

.aside_box {display: none;}
#gnball_box {display: none;}

.mobile_gnb h1 {width: 270px; margin-top: 18px;}
#drawer {width: 50%; right: -50%;}
#blocker.opened {background: rgba(0, 0, 0, 0.8) url(../img/wowweb/images/toggle_ico_close.png) no-repeat 40% 20px;}
#slide_categorymenu ul li.tt_fr a {padding-left: 35px;}
#slide_categorymenu ul li.tt_fr .lotate_v {right: 35px;}

.service_box {height: auto; margin-top: 15px;}
.boardtype {width: 100%; padding: 0 2%; box-sizing: border-box; border-bottom: 1px solid #414040;}
.board_title {font-size: 20px; margin-right: 10px;}
.board_title2 {line-height: 30px;}
.board_contents {width: 70%;}
.rolling li a {font-size: 16px;}
.board_btnmore {padding-right: 0;}

.ct_center {width: 100%; padding: 3% 2%;}
.center_contents {margin-top: 0;}
.center_contents li {font-size: 18px; color: #929292; letter-spacing: -1px; margin-right: 20px;}
.center_contents li:first-child::after {margin-left: 20px;}
.center_contents li span {margin-left: 10px;}

.mobile_call_area ul {padding: 4% 0 4% 80px;}
.mobile_call_area ul li a {font-size: 30px;}
.mobile_call_area ul li span.tit {font-size: 28px;}

.bottombox {padding: 0 2%; box-sizing: border-box; margin-top: 0;}
.address_box h3 {width: 234px; margin-top: 0; margin-right: 0; margin-bottom: 10px;}
.address_box h3 img {width: 100%;}
.address_infobox {width: 100%;}
.address_info li {font-size: 16px; color: #7c7c7c; line-height: 28px; word-break: keep-all;}
.address_info li:nth-of-type(1) {display: inline-block; width: 100%; margin-right: 0;}
.address_info li:nth-of-type(5) {display: inline-block; width: 100%; margin-right: 0;}
.address_info li.copyright {font-size: 15px; margin-right: 0;}

/* user_memberbox */
.user_memberbox {float: left; width: 100%; margin: 20px 0 30px;}
.user_memberarea {float: left; width: 100%;}
.user_memberbtn li {float: left; width: 33.33333333333333%; margin-right: 0;}
.user_memberbtn li a {display: block; width: 100%; height: 50px; font-family: "Noto Sans KR", sans-serif; font-size: 14px; color: #666666; font-weight: 500; text-align: center; line-height: 48px; border: 1px solid #3f3f3f; border-right: 0; box-sizing: border-box;} 
.user_memberbtn li:last-child a {border-right: 1px solid #3f3f3f;}
.user_memberbtn li a:hover {color: #fff; border: 1px solid #fff; transition: all 0.5s ease;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb pc 1024,1279 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

.headertop {display: none;}
.mobile_call {display: none;}

.gnb > li > a {padding: 0 5px;}
.gnb > li > a::after {margin: 0 5px 0 15px;}

.board_title {font-size: 15px; line-height: 62px; letter-spacing: -1px; margin-right: 10px;}
.ct_center {padding-left: 10px;}
.center_contents li:first-child::after {display: none;}
.center_contents li {margin-right: 10px;}
.center_contents li span {margin-left: 5px;}

.user_memberbtn li {width: 32.5% /*390px*/; margin-right: 1.25% /*15px*/;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb pc 1280 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

.headertop {display: none;}
.mobile_call {display: none;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb pc 1920 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

.headertop {display: none;}
.mobile_call {display: none;}

}