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

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

#wrap {float: left; width: 100%;}
.header {float: left; width: 100%;}
.topbtn_box {display: none;}
.gnbcontent_box {display: none;}

/* mobile_left_togglemenu_common */
html .opened {overflow: hidden;} /* ¿ÞÂÊ ¸Þ´º°¡ ¿ÀÇ嵃 ¶§ html¿¡ Àû¿ëµÇ´Â ¼Ó¼º */
.headertop {position: fixed; top:0; left: 0; width: 100%; height: 65px; background: rgba(255, 255, 255, 0.8); border-bottom: 2px solid #000; z-index: 3000;}
.mobile_gnbbox {float:left; width:100%; height: 65px;}
.mobile_gnbbox h1 {float: left; width: 50%; height: 65px; padding-top: 15px; margin-left: 2.7%;}
.allrighttbtn_area {float: right; width: 100px; margin-top: 10px; margin-right: 2.7%;}
.topbtn_call li {float: left; width: 45px; height: 44px;}
.topbtn_mlist li {float: left; width: 45px; height: 44px; margin-left: 10px;}

.drawer-toggle {top: 0; right: 0;} /* open/closed ¹öÆ° */
#drawer {position: fixed; width: 60%; height: 100%; top: 0; right: -60%; background: #fff; -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: url(../img/wowweb/images/icon_close.png) no-repeat 0 top; 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;}
.drawer_area {float: right; width: 100%; background-color: yellow;}

.memberbox {text-align: center; padding: 10px; background-color: #413f3f; overflow: hidden;}
.member_login {display: inline-block; width: 92px; border: 1px solid #dddddd;}
.member_login a {display: block; color: #fff; font-size: 1.000em; padding: 5px 6px 5px 6px;}
.member_join {display: inline-block; width: 92px; border: 1px solid #dddddd;}
.member_join a {display: block; color: #fff; font-size: 1.000em; padding: 5px 6px 5px 6px;}

#slide_categorymenu {width: 100%; top: 0; right: 0px; z-index: 10000000000; background-color: #f3f3f3;}
#slide_categorymenu .category_top {float: left; width: 100%; height: 45px; font-family: 'NotoSansKR', sans-serif; font-size: 1.250em; text-align: center; border-bottom: 1px solid #e0e1e6;}
#slide_categorymenu ul {width: 100%; height: 100%; background-color: #f3f3f3;}
#slide_categorymenu ul li {width: 100%; height: 45px; background-color: #f3f3f3; line-height: 45px; border-bottom: 1px solid #e0e1e6; overflow: hidden; position: relative; box-sizing:border-box;}
#slide_categorymenu ul li.tt_fr a {padding-left: 15px; cursor: pointer;}
#slide_categorymenu ul li.tt_fr .lotate_v {position: absolute; top: 20px; right: 18px; 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:hover {cursor: pointer;}
#slide_categorymenu ul li.active {background: #000; color: #fff;}
#slide_categorymenu ul li.active a {color: #fff; cursor: pointer;}
#slide_categorymenu ul li a {display: block; cursor: pointer; color: #333333; font-size: 1.250em; font-weight: bold; font-family:"Malgun Gothic","¸¼Àº °íµñ","µ¸¿ò",Dotum,"±¼¸²",Gulim,Sans-serif; 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 {padding: 15px 0 10px; border-top: 1px solid #e0e1e6; background: #ffffff; display: none;}
#slide_categorymenu ul li ul.nav li {background: #ffffff; margin-bottom: 8px; border-bottom: 0; height: 20px; line-height: 20px;}
#slide_categorymenu ul li ul.nav li a {display: block; font-size: 1.125em; font-weight: normal; color: #858585; cursor: pointer; text-decoration: none;}
#slide_categorymenu ul li ul.nav li a:hover {color: #292929; font-weight: bold; cursor: pointer; text-decoration: none;}

/* footer_common */
#footer {float: left; width: 100%; padding-top: 4%; padding-bottom: 4%;}
.foot_quickbox {float: left; width: 100%; margin-bottom: 5%; background-color: #f6f6f6; border-top: 1px solid #e7e4e4; border-bottom: 1px solid #e7e4e4;}
.foot_quickarea {float: left; width: 100%;}
.foot_quickarea ul {margin: 0 auto; width: 76%;}
.foot_quickarea ul li {float: left; height: 50px; line-height: 50px;}
.foot_quickarea ul li a {display: inline-block; font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 1.125em; color: #555454; font-weight: 400;}
.foot_quickarea ul li a:hover {color: #00a2e5; text-decoration: underline;}
.foot_quickline {width: 1px; margin: -1px 4% 0;}

.footer_infobox {margin: 0 auto; width: 100%;}
.footer_infobox h2 {margin: 0 auto; width: 211px;}

.bottombox {float: left; width: 100%; margin-bottom: 10px;}
.address_info_area {float: left; width: 100%; text-align: center;}
.address_info_area ul {display: inline-block; font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 1.063em; color: #5a5959; font-weight: 300; line-height: 20px; letter-spacing: 0.5px;}
.address_info li {margin: 0 auto; width: 80%;}
.address_info li:nth-child(2) {display: none;}
.address_info li:nth-child(4) {display: none;}
.address_info li:nth-child(12) {display: none;}

.copyrightbox li {margin: 0 auto; width: 100%; font-size: 0.813em; padding-top: 1%; padding-bottom: 1%;}
.textbold {color: #171717; font-weight: 500;}

.sns_iconbox {margin: 0 auto; width: 194px;}
.sns_iconarea li {float: left; margin-right: 10px;}
.sns_iconarea li:last-child {margin-right: 0}

}


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

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

#wrap {float: left; width: 100%;}
.header {float: left; width: 100%;}
.topbtn_box {display: none;}
.gnbcontent_box {display: none;}

/* mobile_left_togglemenu_common */
html .opened {overflow: hidden;} /* ¿ÞÂÊ ¸Þ´º°¡ ¿ÀÇ嵃 ¶§ html¿¡ Àû¿ëµÇ´Â ¼Ó¼º */
.headertop {position: fixed; top:0; left: 0; width: 100%; height: 65px; background: rgba(255, 255, 255, 0.8); border-bottom: 2px solid #000; z-index: 3000;}
.mobile_gnbbox {float:left; width:100%; height: 65px;}
.mobile_gnbbox h1 {float: left; width: 50%; height: 65px; padding-top: 15px; margin-left: 2.7%;}
.allrighttbtn_area {float: right; width: 100px; margin-top: 10px; margin-right: 2.7%;}
.topbtn_call li {float: left; width: 45px; height: 44px;}
.topbtn_mlist li {float: left; width: 45px; height: 44px; margin-left: 10px;}

.drawer-toggle {top: 0; right: 0;} /* open/closed ¹öÆ° */
#drawer {position: fixed; width: 60%; height: 100%; top: 0; right: -60%; background: #fff; -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: url(../img/wowweb/images/icon_close.png) no-repeat 0 top; 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;}
.drawer_area {float: right; width: 100%; background-color: yellow;}

.memberbox {text-align: center; padding: 10px; background-color: #413f3f; overflow: hidden;}
.member_login {display: inline-block; width: 92px; border: 1px solid #dddddd;}
.member_login a {display: block; color: #fff; font-size: 1.000em; padding: 5px 6px 5px 6px;}
.member_join {display: inline-block; width: 92px; border: 1px solid #dddddd;}
.member_join a {display: block; color: #fff; font-size: 1.000em; padding: 5px 6px 5px 6px;}

#slide_categorymenu {width: 100%; top: 0; right: 0px; z-index: 10000000000; background-color: #f3f3f3;}
#slide_categorymenu .category_top {float: left; width: 100%; height: 45px; font-family: 'NotoSansKR', sans-serif; font-size: 1.250em; text-align: center; border-bottom: 1px solid #e0e1e6;}
#slide_categorymenu ul {width: 100%; height: 100%; background-color: #f3f3f3;}
#slide_categorymenu ul li {width: 100%; height: 45px; background-color: #f3f3f3; line-height: 45px; border-bottom: 1px solid #e0e1e6; overflow: hidden; position: relative; box-sizing:border-box;}
#slide_categorymenu ul li.tt_fr a {padding-left: 15px; cursor: pointer;}
#slide_categorymenu ul li.tt_fr .lotate_v {position: absolute; top: 20px; right: 18px; 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:hover {cursor: pointer;}
#slide_categorymenu ul li.active {background: #000; color: #fff;}
#slide_categorymenu ul li.active a {color: #fff; cursor: pointer;}
#slide_categorymenu ul li a {display: block; cursor: pointer; color: #333333; font-size: 1.250em; font-weight: bold; font-family:"Malgun Gothic","¸¼Àº °íµñ","µ¸¿ò",Dotum,"±¼¸²",Gulim,Sans-serif; 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 {padding: 15px 0 10px; border-top: 1px solid #e0e1e6; background: #ffffff; display: none;}
#slide_categorymenu ul li ul.nav li {background: #ffffff; margin-bottom: 8px; border-bottom: 0; height: 20px; line-height: 20px;}
#slide_categorymenu ul li ul.nav li a {display: block; font-size: 1.125em; font-weight: normal; color: #858585; cursor: pointer; text-decoration: none;}
#slide_categorymenu ul li ul.nav li a:hover {color: #292929; font-weight: bold; cursor: pointer; text-decoration: none;}

/* footer_common */
#footer {float: left; width: 100%; padding-top: 4%; padding-bottom: 4%;}
.foot_quickbox {float: left; width: 100%; margin-bottom: 5%; background-color: #f6f6f6; border-top: 1px solid #e7e4e4; border-bottom: 1px solid #e7e4e4;}
.foot_quickarea {float: left; width: 100%;}
.foot_quickarea ul {margin: 0 auto; width: 76%;}
.foot_quickarea ul li {float: left; height: 50px; line-height: 50px;}
.foot_quickarea ul li a {display: inline-block; font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 1.125em; color: #555454; font-weight: 400;}
.foot_quickarea ul li a:hover {color: #00a2e5; text-decoration: underline;}
.foot_quickline {width: 1px; margin: -1px 4% 0;}

.footer_infobox {margin: 0 auto; width: 100%;}
.footer_infobox h2 {margin: 0 auto; width: 211px;}

.bottombox {float: left; width: 100%; margin-bottom: 10px;}
.address_info_area {float: left; width: 100%; text-align: center;}
.address_info_area ul {display: inline-block; font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 1.063em; color: #5a5959; font-weight: 300; line-height: 20px; letter-spacing: 0.5px;}
.address_info li {margin: 0 auto; width: 80%;}
.address_info li:nth-child(2) {display: none;}
.address_info li:nth-child(4) {display: none;}
.address_info li:nth-child(12) {display: none;}

.copyrightbox li {margin: 0 auto; width: 100%; font-size: 0.813em; padding-top: 1%; padding-bottom: 1%;}
.textbold {color: #171717; font-weight: 500;}

.sns_iconbox {margin: 0 auto; width: 194px;}
.sns_iconarea li {float: left; margin-right: 10px;}
.sns_iconarea li:last-child {margin-right: 0}

}


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

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

#wrap {float: left; width: 100%;}
.header {float: left; width: 100%;}

.topbtn_box {display: none;}
.gnbcontent_box {display: none;}

/* mobile_left_togglemenu_common */
html .opened {overflow: hidden;} /* ¿ÞÂÊ ¸Þ´º°¡ ¿ÀÇ嵃 ¶§ html¿¡ Àû¿ëµÇ´Â ¼Ó¼º */
.headertop {position: fixed; top: 0; left: 0; width: 100%; height: 112px; background: rgba(255, 255, 255, 0.8); border-bottom: 2px solid #000; z-index: 3000;}
.mobile_gnbbox {float: left; width: 100%; height: 112px;}
.mobile_gnbbox h1 {float: left; width: 40%; padding-top: 25px; margin-left: 2.7%;}
.mobile_logo {float: left; width: 100%; height:}
.allrighttbtn_area {float: right; width: 140px; margin-top: 25px; margin-right: 2.7%;}
.topbtn_call li {float: left; width: 65px; height: 64px;}
.topbtn_mlist li {float: left; width: 65px; height: 64px; margin-left: 10px;}
.drawer-toggle {top: 0; right: 0;} /* open/closed ¹öÆ° */

#drawer {position: fixed; width: 47%; height: 100%; top: 0; right: -60%; background: #fff; -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: url(../img/wowweb/images/icon_close.png) no-repeat 0 top; 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;}
.drawer_area {float: right; width: 100%; background-color: yellow;}
.memberbox {text-align: center; padding: 10px; background-color: #413f3f; overflow: hidden;}
.member_login {display: inline-block; width: 120px; border: 1px solid #dddddd;}
.member_login a {display: block; color: #fff; font-size: 1.250em; padding: 10px 0;}
.member_join {display: inline-block; width: 120px; border: 1px solid #dddddd;}
.member_join a {display: block; color: #fff; font-size: 1.250em; padding: 10px 0;}

#slide_categorymenu {width: 100%; top: 0; right: 0px; z-index: 10000000000; background-color: #f3f3f3;}
#slide_categorymenu .category_top {float: left; width: 100%; height: 45px; font-family: 'NotoSansKR', sans-serif; font-size: 1.250em; text-align: center; border-bottom: 1px solid #e0e1e6;}
#slide_categorymenu ul {width: 100%; height: 100%; background-color: #f3f3f3;}
#slide_categorymenu ul li {width: 100%; height: 55px; background-color: #f3f3f3; line-height: 55px; border-bottom: 1px solid #e0e1e6; overflow: hidden; position: relative; box-sizing:border-box;}
#slide_categorymenu ul li.tt_fr a {padding-left: 30px; cursor: pointer;}
#slide_categorymenu ul li.tt_fr .lotate_v {position: absolute; top: 25px; right: 30px; 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:hover {cursor: pointer;}
#slide_categorymenu ul li.active {background: #000; color: #fff;}
#slide_categorymenu ul li.active a {color: #fff; cursor: pointer;}
#slide_categorymenu ul li a {display: block; cursor: pointer; color: #333333; font-size: 1.625em; 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 {padding: 15px 0 10px; border-top: 1px solid #e0e1e6; background: #ffffff; display: none;}
#slide_categorymenu ul li ul.nav li {background: #ffffff; margin-bottom: 8px; border-bottom: 0; height: 30px; line-height: 30px;}
#slide_categorymenu ul li ul.nav li a {display: block; font-size: 1.375em; font-weight: normal; color: #858585; cursor: pointer; text-decoration: none;}
#slide_categorymenu ul li ul.nav li a:hover {color: #292929; font-weight: bold; cursor: pointer; text-decoration: none;}

/* footer_common */
#footer {float: left; width: 100%; padding-top: 4%; padding-bottom: 4%;}
.foot_quickbox {float: left; width: 100%; margin-bottom: 5%; background-color: #f6f6f6; border-top: 1px solid #e7e4e4; border-bottom: 1px solid #e7e4e4;}
.foot_quickarea {float: left; width: 100%;}
.foot_quickarea ul {margin: 0 auto; width: 48%;}
.foot_quickarea ul li {float: left; height: 50px; line-height: 50px;}
.foot_quickarea ul li a {display: inline-block; font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 1.500em; color: #555454; font-weight: 400;}
.foot_quickarea ul li a:hover {color: #00a2e5; text-decoration: underline;}
.foot_quickline {width: 1px; margin: -1px 4% 0;}

.footer_infobox {margin: 0 auto; width: 100%;}
.footer_infobox h2 {margin: 0 auto; width: 211px;}

.bottombox {float: left; width: 100%; margin-top: 20px; margin-bottom: 10px;}
.address_info_area {float: left; width: 100%; text-align: center;}
.address_info_area ul {display: inline-block; font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 1.500em; color: #8c8888; font-weight: 300; line-height: 30px; letter-spacing: 0.5px;}
.address_info li {margin: 0 auto; width: 100%;}
.address_info li:nth-child(2) {display: none;}
.address_info li:nth-child(4) {display: none;}
.address_info li:nth-child(12) {display: none;}

.copyrightbox li {margin: 0 auto; width: 100%; font-size: 1.063em; padding-top: 1%; padding-bottom: 3%;}
.textbold {color: #171717; font-weight: 500;}

.sns_iconbox {margin: 0 auto; width: 194px;}
.sns_iconarea li {float: left; margin-right: 10px;}
.sns_iconarea li:last-child {margin-right: 0}

}


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

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

#wrap {float: left; width: 100%;}
.header {float: left; width: 100%;}

.topbtn_box {display: none;}
.gnbcontent_box {display: none;}

/* mobile_left_togglemenu_common */
html .opened {overflow: hidden;} /* ¿ÞÂÊ ¸Þ´º°¡ ¿ÀÇ嵃 ¶§ html¿¡ Àû¿ëµÇ´Â ¼Ó¼º */
.headertop {position: fixed; top: 0; left: 0; width: 100%; height: 112px; background: rgba(255, 255, 255, 0.8); border-bottom: 2px solid #000; z-index: 3000;}
.mobile_gnbbox {float: left; width: 100%; height: 112px;}
.mobile_gnbbox h1 {float: left; width: 40%; padding-top: 25px; margin-left: 2.7%;}
.mobile_logo {float: left; width: 100%; height:}
.allrighttbtn_area {float: right; width: 140px; margin-top: 25px; margin-right: 2.7%;}
.topbtn_call li {float: left; width: 65px; height: 64px;}
.topbtn_mlist li {float: left; width: 65px; height: 64px; margin-left: 10px;}
.drawer-toggle {top: 0; right: 0;} /* open/closed ¹öÆ° */

#drawer {position: fixed; width: 47%; height: 100%; top: 0; right: -60%; background: #fff; -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: url(../img/wowweb/images/icon_close.png) no-repeat 0 top; 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;}
.drawer_area {float: right; width: 100%; background-color: yellow;}
.memberbox {text-align: center; padding: 10px; background-color: #413f3f; overflow: hidden;}
.member_login {display: inline-block; width: 120px; border: 1px solid #dddddd;}
.member_login a {display: block; color: #fff; font-size: 1.250em; padding: 10px 0;}
.member_join {display: inline-block; width: 120px; border: 1px solid #dddddd;}
.member_join a {display: block; color: #fff; font-size: 1.250em; padding: 10px 0;}

#slide_categorymenu {width: 100%; top: 0; right: 0px; z-index: 10000000000; background-color: #f3f3f3;}
#slide_categorymenu .category_top {float: left; width: 100%; height: 45px; font-family: 'NotoSansKR', sans-serif; font-size: 1.250em; text-align: center; border-bottom: 1px solid #e0e1e6;}
#slide_categorymenu ul {width: 100%; height: 100%; background-color: #f3f3f3;}
#slide_categorymenu ul li {width: 100%; height: 55px; background-color: #f3f3f3; line-height: 55px; border-bottom: 1px solid #e0e1e6; overflow: hidden; position: relative; box-sizing:border-box;}
#slide_categorymenu ul li.tt_fr a {padding-left: 30px; cursor: pointer;}
#slide_categorymenu ul li.tt_fr .lotate_v {position: absolute; top: 25px; right: 30px; 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:hover {cursor: pointer;}
#slide_categorymenu ul li.active {background: #000; color: #fff;}
#slide_categorymenu ul li.active a {color: #fff; cursor: pointer;}
#slide_categorymenu ul li a {display: block; cursor: pointer; color: #333333; font-size: 1.625em; 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 {padding: 15px 0 10px; border-top: 1px solid #e0e1e6; background: #ffffff; display: none;}
#slide_categorymenu ul li ul.nav li {background: #ffffff; margin-bottom: 8px; border-bottom: 0; height: 30px; line-height: 30px;}
#slide_categorymenu ul li ul.nav li a {display: block; font-size: 1.375em; font-weight: normal; color: #858585; cursor: pointer; text-decoration: none;}
#slide_categorymenu ul li ul.nav li a:hover {color: #292929; font-weight: bold; cursor: pointer; text-decoration: none;}

/* footer_common */
#footer {float: left; width: 100%; padding-top: 4%; padding-bottom: 4%;}
.foot_quickbox {float: left; width: 100%; margin-bottom: 5%; background-color: #f6f6f6; border-top: 1px solid #e7e4e4; border-bottom: 1px solid #e7e4e4;}
.foot_quickarea {float: left; width: 100%;}
.foot_quickarea ul {margin: 0 auto; width: 48%;}
.foot_quickarea ul li {float: left; height: 50px; line-height: 50px;}
.foot_quickarea ul li a {display: inline-block; font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 1.500em; color: #555454; font-weight: 400;}
.foot_quickarea ul li a:hover {color: #00a2e5; text-decoration: underline;}
.foot_quickline {width: 1px; margin: -1px 4% 0;}

.footer_infobox {margin: 0 auto; width: 100%;}
.footer_infobox h2 {margin: 0 auto; width: 211px;}

.bottombox {float: left; width: 100%; margin-top: 20px; margin-bottom: 10px;}
.address_info_area {float: left; width: 100%; text-align: center;}
.address_info_area ul {display: inline-block; font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 1.500em; color: #8c8888; font-weight: 300; line-height: 30px; letter-spacing: 0.5px;}
.address_info li {margin: 0 auto; width: 100%;}
.address_info li:nth-child(2) {display: none;}
.address_info li:nth-child(4) {display: none;}
.address_info li:nth-child(12) {display: none;}

.copyrightbox li {margin: 0 auto; width: 100%; font-size: 1.063em; padding-top: 1%; padding-bottom: 3%;}
.textbold {color: #171717; font-weight: 500;}

.sns_iconbox {margin: 0 auto; width: 194px;}
.sns_iconarea li {float: left; margin-right: 10px;}
.sns_iconarea li:last-child {margin-right: 0}

}


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

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

#wrap {float: left; width: 100%; min-width: 1200px;}
.header {float: left; width: 100%;}
.headertop {display: none;}

/* header_common */
.topbtn_box {float: left; width: 100%; height: 30px; background-color: #f6f6f6; border-bottom: 1px solid #ebebeb; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.topbtn_area {margin:0 auto; width: 1200px;}
.gohomebtn {float: left; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb;}
.gohomebtn a {display: block; width:40px; height: 30px; padding:0 10px; background: #fff url("../img/wowweb/images/icon_home.png") no-repeat center 7px;}
.gohomebtn a:hover {background: #fff url("../img/wowweb/images/icon_home_roll.png") no-repeat center 7px;}
.bookmark {float: left; height: 30px; border-right: 1px solid #ebebeb;}
.bookmark a {display: block; font-family: "µ¸¿ò", dotum, "±¼¸²", Gulim, sans-serif; font-size: 13px; color: #868585; line-height: 32px; padding: 0 14px 0 15px;}
.bookmark a:hover {color: #048ae3; background-color: #fff;}

.toprightbtn_area {float: right; border-right: 1px solid #ebebeb;}
.loginbtn {float: left; height: 30px; border-left: 1px solid #ebebeb;}
.loginbtn a {display: block; font-family: "µ¸¿ò", dotum, "±¼¸²", Gulim, sans-serif; font-size: 13px; color: #868585; line-height: 32px; padding: 0 14px 0 15px;}
.loginbtn a:hover {color: #048ae3; background-color: #fff;}
.joinbtn {float: left; height: 30px; border-left: 1px solid #ebebeb;}
.joinbtn a {display: block; font-family: "µ¸¿ò", dotum, "±¼¸²", Gulim, sans-serif; font-size: 13px; color: #868585; line-height: 32px; padding: 0 14px 0 15px;}
.joinbtn a:hover {color: #048ae3; background-color: #fff;}

/* gnb_common */
.gnbcontent_box {float: left; width: 100%; height: 80px;}
.gnbcontent_area {margin: 0 auto; width: 1200px;}
.logoarea {float: left; width: 210px; margin-top: 18px;}
.gnb_wrap {float: right; width: 850px; height: 80px;}
.gnb {position: absolute; width: 850px; top: 30px; overflow: hidden; z-index: 2;}
.gnb > li {float: left; text-align: center; line-height: 50px; box-sizing: border-box;}
.gnb > li > a {width: 170px; height: 80px; display: block; font-size: 18px; color: #000; font-weight: 500; line-height: 80px; border-right: 0; box-sizing: border-box;}
.gnb > li > a:hover {color: #00a2e5;}
.sub_wrap {height: 0; overflow: hidden;}
.submn li a {display: block; width: 170px; height: 40px; font-size: 14px; color: #616161; font-weight: 400; line-height: 40px; text-align: left; padding-left: 15px; background: #fff url(../img/wowweb/images/submenu_arrow.png) no-repeat 150px 15px; border-bottom: 1px solid #eaeaea; box-sizing: border-box;}
.submn li:last-child a {border: none; border-radius: 0 0 5px 5px;}
.submn li a:hover {color: #fff; background: #00a2e5 url(../img/wowweb/images/submenu_arrow_roll.png) no-repeat 150px 15px;}
.bars {width: 180px; height: 4px; background: #00a2e5; display: block; position: absolute; top: 0px; display: none;}

/* footer_common */
#footer {float: left; width: 100%; height: 350px;}
.foot_quickbox {float: left; width: 100%; margin-bottom: 31px; background-color: #f6f6f6; border-top: 1px solid #e7e4e4; border-bottom: 1px solid #e7e4e4;}
.foot_quickarea {margin: 0 auto; width: 1200px;}
.foot_quickarea ul {margin: 0 auto; width: 350px;}
.foot_quickarea ul li {float: left; height: 50px; line-height: 50px;}
.foot_quickarea ul li a {display: inline-block; font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 15px; color: #555454; font-weight: 400;}
.foot_quickarea ul li a:hover {color: #00a2e5; text-decoration: underline;}
.foot_quickline {width: 1px; margin: -1px 15px 0;}

.footer_infobox {margin: 0 auto; width: 1200px;}
.footer_infobox h2 {margin: 0 auto; width: 211px;}

.bottombox {float: left; width: 1200px; margin-top: 25px; margin-bottom: 30px;}
.address_info_area {float: left; width: 1200px; text-align: center;}
.address_info_area ul {display: inline-block; font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 13px; color: #8c8888; font-weight: 300; line-height: 20px; letter-spacing: 0.5px;}
.address_info_area ul.copyrightbox {width: 100%;}
.address_info li {float: left;}
.address_info li:nth-child(12) {display: none;}
.foot_line {display:inline; width: 1px; margin: -1px 10px 0;}
.textbold {color: #171717; font-weight: 500;}

.sns_iconbox {margin: 0 auto; width: 194px;}
.sns_iconarea li {float: left; margin-right: 10px;}
.sns_iconarea li:last-child {margin-right: 0}

}


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

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

#wrap {float: left; width: 100%; min-width: 1200px;}
.header {float: left; width: 100%;}
.headertop {display: none;}

/* header_common */
.topbtn_box {float: left; width: 100%; height: 30px; background-color: #f6f6f6; border-bottom: 1px solid #ebebeb; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.topbtn_area {margin:0 auto; width: 1200px;}
.gohomebtn {float: left; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb;}
.gohomebtn a {display: block; width:40px; height: 30px; padding:0 10px; background: #fff url("../img/wowweb/images/icon_home.png") no-repeat center 7px;}
.gohomebtn a:hover {background: #fff url("../img/wowweb/images/icon_home_roll.png") no-repeat center 7px;}
.bookmark {float: left; height: 30px; border-right: 1px solid #ebebeb;}
.bookmark a {display: block; font-family: "µ¸¿ò", dotum, "±¼¸²", Gulim, sans-serif; font-size: 13px; color: #868585; line-height: 32px; padding: 0 14px 0 15px;}
.bookmark a:hover {color: #048ae3; background-color: #fff;}

.toprightbtn_area {float: right; border-right: 1px solid #ebebeb;}
.loginbtn {float: left; height: 30px; border-left: 1px solid #ebebeb;}
.loginbtn a {display: block; font-family: "µ¸¿ò", dotum, "±¼¸²", Gulim, sans-serif; font-size: 13px; color: #868585; line-height: 32px; padding: 0 14px 0 15px;}
.loginbtn a:hover {color: #048ae3; background-color: #fff;}
.joinbtn {float: left; height: 30px; border-left: 1px solid #ebebeb;}
.joinbtn a {display: block; font-family: "µ¸¿ò", dotum, "±¼¸²", Gulim, sans-serif; font-size: 13px; color: #868585; line-height: 32px; padding: 0 14px 0 15px;}
.joinbtn a:hover {color: #048ae3; background-color: #fff;}

/* gnb_common */
.gnbcontent_box {float: left; width: 100%; height: 80px;}
.gnbcontent_area {margin: 0 auto; width: 1200px;}
.logoarea {float: left; width: 210px; margin-top: 18px;}
.gnb_wrap {float: right; width: 850px; height: 80px;}
.gnb {position: absolute; width: 850px; top: 30px; overflow: hidden; z-index: 2;}
.gnb > li {float: left; text-align: center; line-height: 50px; box-sizing: border-box;}
.gnb > li > a {width: 170px; height: 80px; display: block; font-size: 18px; color: #000; font-weight: 500; line-height: 80px; border-right: 0; box-sizing: border-box;}
.gnb > li > a:hover {color: #00a2e5;}
.sub_wrap {height: 0; overflow: hidden;}
.submn li a {display: block; width: 170px; height: 40px; font-size: 14px; color: #616161; font-weight: 400; line-height: 40px; text-align: left; padding-left: 15px; background: #fff url(../img/wowweb/images/submenu_arrow.png) no-repeat 150px 15px; border-bottom: 1px solid #eaeaea; box-sizing: border-box;}
.submn li:last-child a {border: none; border-radius: 0 0 5px 5px;}
.submn li a:hover {color: #fff; background: #00a2e5 url(../img/wowweb/images/submenu_arrow_roll.png) no-repeat 150px 15px;}
.bars {width: 180px; height: 4px; background: #00a2e5; display: block; position: absolute; top: 0px; display: none;}

/* footer_common */
#footer {float: left; width: 100%; height: 350px;}
.foot_quickbox {float: left; width: 100%; margin-bottom: 31px; background-color: #f6f6f6; border-top: 1px solid #e7e4e4; border-bottom: 1px solid #e7e4e4;}
.foot_quickarea {margin: 0 auto; width: 1200px;}
.foot_quickarea ul {margin: 0 auto; width: 350px;}
.foot_quickarea ul li {float: left; height: 50px; line-height: 50px;}
.foot_quickarea ul li a {display: inline-block; font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 15px; color: #555454; font-weight: 400;}
.foot_quickarea ul li a:hover {color: #00a2e5; text-decoration: underline;}
.foot_quickline {width: 1px; margin: -1px 15px 0;}

.footer_infobox {margin: 0 auto; width: 1200px;}
.footer_infobox h2 {margin: 0 auto; width: 211px;}

.bottombox {float: left; width: 1200px; margin-top: 25px; margin-bottom: 30px;}
.address_info_area {float: left; width: 1200px; text-align: center;}
.address_info_area ul {display: inline-block; font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 13px; color: #8c8888; font-weight: 300; line-height: 20px; letter-spacing: 0.5px;}
.address_info_area ul.copyrightbox {width: 100%;}
.address_info li {float: left;}
.address_info li:nth-child(12) {display: none;}
.foot_line {display:inline; width: 1px; margin: -1px 10px 0;}
.textbold {color: #171717; font-weight: 500;}

.sns_iconbox {margin: 0 auto; width: 194px;}
.sns_iconarea li {float: left; margin-right: 10px;}
.sns_iconarea li:last-child {margin-right: 0}

}