/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Mobile Contents */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* submenutab_common */
.sub_menutab {float: left; width: 100%;}
.submntabcon {float: left; width: 100%; text-align: center;}
.smntabbtn {float: left; width: 100%;}
.smntab {float: left; width: 50%;}
.smntab a {display: inline-block; width: 100%; height: 45px; font-family: "Noto Sans KR", sans-serif; font-size: 16px; color: #625f5f; line-height: 45px; text-align: center; letter-spacing: -0.5px; background-color: #fff; border-right: 1px solid 
#dfdede; border-bottom: 1px solid #dfdede; box-sizing:border-box;}
.smntab:last-child a {border-right: 0;}
.smntab_active a {color: #fff; background-color: #f26927; cursor: pointer;}

/* ¸Þ´º°¹¼öº° CSS */
.smntab_mn1 {width: 100%;}
.smntab_mn3 {width: 33.3334%;}
.smntab_mn4 {width: 25%;}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* PC Contents */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* subvisual */
.subvisual_box {float: left; width: 100%; height: 270px; background: url(../img/wowweb/images/sub_visual01.jpg) no-repeat center; background-size: cover;}
.sub_visual02 {background: url(../img/wowweb/images/sub_visual02.jpg) no-repeat center; background-size: cover;}
.sub_visual03 {background: url(../img/wowweb/images/sub_visual03.jpg) no-repeat center; background-size: cover;}
.sub_visual04 {background: url(../img/wowweb/images/sub_visual04.jpg) no-repeat center; background-size: cover;}
.sub_visual05 {background: url(../img/wowweb/images/sub_visual05.jpg) no-repeat center; background-size: cover;}
.sub_visual06 {background: url(../img/wowweb/images/sub_visual06.jpg) no-repeat center; background-size: cover;}
.subvisual_area {margin: 0 auto; width: 100%; max-width: 1200px;}

/* contentbox */
.contentbox {margin: 0 auto; width: 100%; max-width: 1200px;}

/* leftcon */
.sub_leftcon {float: left; width: 21.6667%; margin-top: 30px;}
.subtop_titlebox {float: left; width: 100%; height: 75px; text-align: center; margin-bottom: 10px; background-color: #313131;}
.subtop_titletxt {color: #fff; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg); font-size: 22px; font-weight: 500; line-height: 75px; letter-spacing: -0.8px;}
.sub_leftmenu {float: left; width: 100%; margin-bottom: 20px; border: 1px solid #e2e2e2; box-sizing:border-box;}
.leftmenu_all {float: left; width: 100%;}
.leftmenu_all li {float: left; width: 100%; cursor: pointer; border-bottom: 1px solid #d7d7d7; box-sizing:border-box;}
.leftmenu_all li a {display: block; height: 50px; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg); font-size: 15px; color: #908f8f; font-weight: 400; line-height: 50px; padding-left: 15px; background: url("../img/wowweb/images/menu_bullet.png") no-repeat 90% center;}
.leftmenu_all li a:hover {color: #f26927; font-weight: 500; background:url("../img/wowweb/images/menu_bullet_roll.png") no-repeat 90% center;}
.leftmenu_all li:last-child {border: 0;}
.leftmenu_all li.active a {color: #f26927; font-weight: 500; background:url("../img/wowweb/images/menu_bullet_roll.png") no-repeat 90% center;}

/* leftmenu_customer */
.leftmenu_customer {float: left; width: 100%; height: auto; margin-bottom: 10px; background-color: #f9f9f9; border: 1px solid #e6e3e3; box-sizing:border-box;}
.call_center {font-family: "Noto Sans KR", sans-serif; padding: 20px 10px; background:url("../img/wowweb/images/sub_call_icon.png") no-repeat 195px 26px;}
.customer_title {font-size: 16px; color: #2b2a2a; font-weight: 500;}
.customer_call {font-size: 20px; color: #f26927; font-weight: 700; letter-spacing: -0.5px;}
.customer_stxt {font-size: 12px; color: #7d7c7c; font-weight: 400; letter-spacing: -0.5px; margin-bottom: 5px;}
.customer_email {display: inline-block; width: 100%; font-size: 13px; color: #fff; font-weight: 500; text-align: center; letter-spacing: 0.8px; padding: 5px 0; margin-bottom: 5px; background: #09ae59;}
.customer_email strong {color: #ff0000;}
.customer_time {transform: rotate(-0.04deg); font-size: 16px; color: #7d7c7c; font-weight: 400; line-height: 18px; letter-spacing: 0.5px;}

/* leftbtns */
.leftbtns {float: left; width: 100%; margin-bottom: 30px;}
.leftbtns .topimg {float: left; width: 100%; border-bottom: 1px solid #e6e2e2;}
.leftbtns .topimg img {width: 100%;}
.leftbtns ul {float: left; width: 100%; margin-top: 10px;}
.leftbtns ul li {float: left; width: 48%; height: 100px;}
.leftbtns ul li:last-child {float: right;}
.leftbtns ul li a {display: inline-block; width: 100%; height: 100%; font-family: "Noto Sans KR", sans-serif; text-align: center; padding-top: 15px; border: 1px solid #eae8e8; box-shadow: 3px 3px 5px rgba(0,0,0,0.05); border-radius: 10px; box-sizing:border-box;}
.leftbtns ul li a i {display: inline-block; width: auto; height: 46px;}
.leftbtns ul li a span {display: inline-block; width: 100%; font-size: 14px; color: #3d3c3c; font-weight: 700; line-height: 15px; letter-spacing: -0.3px; margin-top: 10px;}
.leftbtns ul li a:hover {border: 1px solid #09ae59;}
.leftbtns ul li a:hover span {color: #09ae59;}
.leftbtns .webhard_info {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #3d3c3c; font-weight: 300; letter-spacing: -0.2px; text-align: center; margin-top: 10px;}

/* rightcon */
.sub_rightcon {float: right; width: 75%; margin-top: 30px; margin-bottom: 50px;}
.sub_titlebar_area {float: left; width: 100%; margin-bottom: 30px;}
.sub_titlebar_txt {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg); font-size: 26px; color: #262525; font-weight: 700; margin-bottom: 15px;}

/* sub_gnbnavi */
.sub_gnbnavi {float: left; width: 100%; height: 40px; font-family: "µ¸¿ò", dotum, sans-serif; font-size: 12px; border: 1px solid #e2e2e2; box-sizing:border-box;}
.gnbnavi_txt {margin-top: 12px; margin-left: 15px; color: #747373;}
.home_icon {margin-right: 5px; vertical-align: 1px;}
.gnbnavi_active {color: #f26927; font-weight: bold;}

/* subpage_content */
.subpage_content_box {float: left; width: 100%;}
.subpage_area {float: left; width: 100%;}
.subpage_con {float: left; width: 100%;}

/* ÆäÀÌÁö»ó´Ü Å¸ÀÌÆ² */
.sub_contxt {float: left; width: 100%;}
.sub_contxt p.page_title {font-family: "Noto Sans KR", sans-serif; font-size: 25px; color: #161616; font-weight: 400; line-height: 32px; margin-bottom: 20px;}

/* ÀÎ»ç¸» */
.sub_contitleimg {float: left; width: 100%;}
.sub_contitleimg li img {width: 100%;}
.sub_contxt {float: left; width: 100%; margin-top: 30px;}
.sub_contxt p.page_con {font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg); font-size: 16px; color: #585858; font-weight: 400; line-height: 23px; margin-top: 20px;}

/* ¿À½Ã´Â±æ */
.sub_location_map {float: left; width: 100%; margin-top: 10px;}
.sub_location_map li img {width: 100%;}
.location_infobox {float: left; width: 100%;}
.location_infobox ul {float: left; width: 100%; padding: 10px 0; border-bottom: 1px solid #d7d7d7;}
.location_infobox ul li {float: left;}
.location_infobox ul li:nth-child(1) {width: 7.083334%; height: 34px; font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #fff; font-weight: 500; text-align: center; line-height: 34px; margin-right: 15px; background-color: #a6a6a6;}
.location_infobox ul li:nth-child(2) {width: 90%; font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #606060; font-weight: 400; margin-top: 6px;}
.location_infobox ul li.addresstxt {color: #000; font-weight: 500;}

/* member_usebox */
.member_usebox {float: left; width: 100%; padding: 10px; background-color: #eee; 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: rgb(117, 117, 117); font-weight: 400; line-height: 20px; white-space: pre-line; text-align: justify; letter-spacing: -0.5px; background-color: rgb(255, 255, 255); box-sizing: border-box; padding: 20px;
border-width: 1px; border-style: solid; border-color: rgb(221, 221, 221); border-image: initial;}
.member_usearea p {float: left; margin-top: -20px;}

/* ¿ÀÇÁ¶óÀÎ ±¤°í - Àü´ÜÁö °¡°¡È£È£¹èÆ÷, ¾ÆÆÄÆ®°Ô½ÃÆÇ´ëÇà */
.offline-box {float: left; width: 100%;}
.offline-box .title-con {float: left; width: 100%; text-align: center;}
.offline-box .title-con h3 {display: inline-block; width: auto; padding: 10px 15px 8px; background-color: #f26927; border-radius: 10px;}
.offline-box .title-con h3 span {font-family: "s-core-dream-bold", sans-serif; transform: rotate(-0.04deg); font-size: 30px; color: #fff; line-height: 30px;}
.offline-box .title-con span.stxt {display: inline-block; width: 100%; font-family: "s-core-dream-bold", sans-serif; transform: rotate(-0.04deg); font-size: 30px; color: #111; line-height: 31px; letter-spacing: -0.8px; margin-top: 15px;}
.offline-box .title-con .tit-box {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg); padding: 15px 15px; box-sizing: border-box; margin-top: 10px; background-color: #f5f4f4;}
.offline-box .title-con .tit-box p {font-size: 20px; color: #1a1a1a; font-weight: 400; letter-spacing: -0.8px;}

.offline-box .example-list {float: left; width: 100%; margin-top: 40px;}
.offline-box .example-list ul li {float: left; width: 24%; /*216px*/ margin-right: 1.3334%; margin-bottom: 1.3334%;}
.offline-box .example-list ul li:nth-of-type(4n+4) {margin-right: 0;}

.offline-box .basic-info {float: left; width: 100%; margin-top: 50px;}
.offline-box .basic-info .steptit {float: left; width: 100%;}
.offline-box .basic-info .steptit span.bullet {float: left; width: 44px; height: 3px; margin-bottom: 25px; background-color: #f26927;}
.offline-box .basic-info .steptit h4 {float: left; width: 100%; font-family: "s-core-dream-extrabold", sans-serif; transform: rotate(-0.04deg); font-size: 31px; color: #111; line-height: 32px;}
.offline-box .basic-info .steptit h4 strong {font-family: "s-core-dream-black", sans-serif; color: #fa580a;}
.offline-box .basic-info .steptit p {float: left; width: 100%; transform: rotate(-0.04deg); font-size: 18px; color: #1a1a1a; font-weight: 400; line-height: 1.3; letter-spacing: -1px; margin-top: 20px;}
.offline-box .basic-info .leafletlist {float: left; width: 100%; margin-top: 30px;}
.offline-box .basic-info .leafletlist .list-item {float: left; width: 100%; margin-bottom: 10px;}
.offline-box .basic-info .leafletlist .list-item span.num {display: inline-block; width: 30px; height: 30px; font-size: 16px; color: #fff; font-weight: 500; line-height: 28px; text-align: center; margin-right: 10px; background: #f26927; border: 1px solid #f26927; border-radius: 6px; vertical-align: top;}
.offline-box .basic-info .leafletlist .list-item p {display: inline-block; width: 94%; transform: rotate(-0.04deg); font-size: 19px; color: #1a1a1a; font-weight: 400; line-height: 30px; letter-spacing: -1px;}

.offline-box .basictip-info {position: relative; float: left; width: 100%; margin-top: 50px;}
.offline-box .basictip-info2 {margin-top: 0;}
.offline-box .basictip-info .steptit {float: left; width: 100%;}
.offline-box .basictip-info .steptit span.bullet {float: left; width: 44px; height: 3px; margin-bottom: 25px; background-color: #f26927;}
.offline-box .basictip-info .steptit h4 {float: left; width: 100%; font-family: "s-core-dream-extrabold", sans-serif; transform: rotate(-0.04deg); font-size: 31px; color: #111; line-height: 32px;}
.offline-box .basictip-info .steptit h4 strong {font-family: "s-core-dream-black", sans-serif; color: #fa580a;}
.offline-box .basictip-info .leafletlist {float: left; width: 100%; margin-top: 30px;}
.offline-box .basictip-info .leafletlist .list-item {float: left; width: 100%; margin-bottom: 10px;}
.offline-box .basictip-info .leafletlist .list-item span.numcircle {display: inline-block; width: 36px; height: 36px; font-size: 18px; color: #fff; font-weight: 500; line-height: 36px; text-align: center; margin-right: 10px; background: #392993; border: 1px solid #392993; border-radius: 50px; vertical-align: top;}
.offline-box .basictip-info .leafletlist .list-item p {display: inline-block; width: 92%; transform: rotate(-0.04deg); font-size: 26px; color: #1a1a1a; font-weight: 400; line-height: 36px; letter-spacing: -1px;}
.offline-box .basictip-info .leafletlist .list-item p strong {font-family: "s-core-dream-extrabold", sans-serif; font-weight: 700;}
.offline-box .basictip-info .rightbg {position: absolute; top: 80px; right: 0; width: 311px; height: 331px;}
.offline-box .basictip-info .rightbg img {width: 100%;}
.offline-box .basic-info .process {float: left; width: 100%; margin-top: 30px;}

/* ¿ÀÇÁ¶óÀÎ ±¤°í - °Ô¸±¶ó Çö¼ö¸· ±¤°í */
.offline-box .basic-info2 {margin-top: 0;}
.offline-box .banner-list {float: left; width: 100%; margin-top: 40px;}
.offline-box .banner-list ul li {float: left; width: 32.4445%; /*292px*/ margin-right: 1.3334%; margin-bottom: 1.3334%;}
.offline-box .banner-list ul li:nth-of-type(3n+3) {margin-right: 0;}
.offline-box .banner-list ul li .bann-img {float: left; width: 100%;}
.offline-box .banner-list ul li .bann-info {float: left; width: 100%; height: 155px; transform: rotate(-0.04deg); padding: 15px 15px 12px; box-sizing: border-box; /*background-color: #f5f4f4;*/ border: 1px solid #ccc; border-top: 0;}
.offline-box .banner-list ul li .bann-info span {font-family: "s-core-dream-extrabold", sans-serif; font-size: 20px; color: #111; line-height: 1.1; letter-spacing: -0.4px;}
.offline-box .banner-list ul li .bann-info p {font-size: 15px; color: #817f7f; font-weight: 400; line-height: 1.25; letter-spacing: -0.8px; margin-top: 10px;}

.offline-box .basic-info .banner-guide {float: left; width: 100%; margin-top: 40px;}
.offline-box .basic-info .banner-guide .guidebox {float: left; width: 100%;}
.offline-box .basic-info .banner-guide .guidebox2 {margin-top: 40px;}
.offline-box .basic-info .banner-guide .guidebox .guide-img {float: left; width: 50.5556%;}
.offline-box .basic-info .banner-guide .guidebox .guide-info {float: right; display: table; width: 46.6667%; height: 95px;}
.offline-box .basic-info .banner-guide .guidebox2 .guide-info {height: 240px;}

.offline-box .basic-info .banner-guide .guidebox .guide-info .box {display: table-cell; vertical-align: middle; transform: rotate(-0.04deg);}
.offline-box .basic-info .banner-guide .guidebox .guide-info .box span {font-family: "s-core-dream-extrabold", sans-serif; font-size: 22px; color: #111; line-height: 1.1; letter-spacing: -0.4px;}
.offline-box .basic-info .banner-guide .guidebox .guide-info .box p {font-size: 16px; color: #817f7f; font-weight: 400; line-height: 1.25; letter-spacing: -0.8px; margin-top: 5px;}

/* ¿ÀÇÁ¶óÀÎ ±¤°í - ½Å¹®»ðÁö ±¤°í */
.offline-box .basic-info .newspaper-list {float: left; width: 100%; margin-top: 40px;}
.offline-box .basic-info .newspaper-list ul li {float: left; width: 24%; /*216px*/ margin-right: 1.3334%; margin-bottom: 1.3334%;}
.offline-box .basic-info .newspaper-list ul li:nth-of-type(4n+4) {margin-right: 0;}
.offline-box .basic-info .newspaper-list ul li .newspaper-img {float: left; width: 100%; border: 1px solid #e6e6e6; box-sizing: border-box;}
.offline-box .basic-info .newspaper-list ul li .newspaper-info {float: left; width: 100%; height: 140px; transform: rotate(-0.04deg); padding: 15px 15px 12px; box-sizing: border-box; border: 1px solid #e6e6e6; border-top: 0;}
.offline-box .basic-info .newspaper-list ul li .newspaper-info span {font-family: "s-core-dream-extrabold", sans-serif; font-size: 18px; color: #111; line-height: 1.1; letter-spacing: -0.4px;}
.offline-box .basic-info .newspaper-list ul li .newspaper-info p {font-size: 14px; color: #817f7f; font-weight: 400; line-height: 1.25; letter-spacing: -0.2px; margin-top: 5px;}

.offline-box .basic-info .newspaperad-list {float: left; width: 100%; margin-top: 20px;}
.offline-box .basic-info .newspaperad-list .list-item {float: left; width: 100%;}
.offline-box .basic-info .newspaperad-list .list-item span.circle {display: inline-block; width: 7px; height: 7px; background: #f26927; border: 1px solid #f26927; vertical-align: 3px; margin-right: 8px;}
.offline-box .basic-info .newspaperad-list .list-item p {display: inline-block; width: 94%; transform: rotate(-0.04deg); font-size: 19px; color: #1a1a1a; font-weight: 400; line-height: 30px; letter-spacing: -1px;}

.offline-box .basic-info .graph-img {float: left; width: 100%; margin-top: 20px;}
.offline-box .basic-info .papersize {float: left; width: 100%; margin-top: 30px;}
.offline-box .basic-info .papersize .sizebox {float: left; width: 100%;}
.offline-box .basic-info .papersize .sizebox .size-img {float: left; width: 38.4445%;}
.offline-box .basic-info .papersize .sizebox .size-info {float: left; display: table; width: 61.5556%; height: 228px; padding-left: 5.5556%; box-sizing: border-box;}
.offline-box .basic-info .papersize .sizebox .size-info .box {display: table-cell; vertical-align: middle; transform: rotate(-0.04deg);}
.offline-box .basic-info .papersize .sizebox .size-info .box span {font-family: "s-core-dream-extrabold", sans-serif; font-size: 25px; color: #111; line-height: 1.1; letter-spacing: -0.4px;}
.offline-box .basic-info .papersize .sizebox .size-info .box p {font-size: 17px; color: #000; font-weight: 300; line-height: 1.4; letter-spacing: -0.8px; margin-top: 10px;}

/* µðÀÚÀÎ/ÀÎ¼â/ÆÇÃË¹° ±¤°í - Àü´ÜÁö µðÀÚÀÎ Á¦ÀÛ */
.designprint-box {float: left; width: 100%;}
.designprint-box .type-box {float: left; width: 100%; padding-bottom: 40px; margin-bottom: 50px; border-bottom: 1px dashed #ccc;}
.designprint-box .type-box-last {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.designprint-box .type-box .paratit {float: left; width: 100%;}
/*.designprint-box .type-box .paratit span.bullet {float: left; width: 44px; height: 3px; margin-bottom: 25px; background-color: #f26927;}*/
.designprint-box .type-box .paratit h4 {float: left; width: 100%; font-family: "s-core-dream-extrabold", sans-serif; transform: rotate(-0.04deg); font-size: 31px; color: #111; line-height: 32px;}
.designprint-box .type-box .paratit .point-txt {float: left; width: 100%; font-family: "s-core-dream-medium", sans-serif; transform: rotate(-0.04deg); font-size: 22px; color: #000; line-height: 1.3; letter-spacing: -1px; margin-top: 20px;}
.designprint-box .type-box .paratit p {float: left; width: 100%; transform: rotate(-0.04deg); font-size: 16px; color: #50514f; font-weight: 400; line-height: 1.4; letter-spacing: -0.8px; margin-top: 5px; padding: 15px 15px; box-sizing: border-box; background-color: #f5f4f4;}

.designprint-box .type-box .flyerlist {float: left; width: 100%; margin-top: 30px;}
.designprint-box .type-box .flyerlist .list-step {float: left; width: 100%; margin-bottom: 20px;}
.designprint-box .type-box .flyerlist .list-step:last-child {margin-bottom: 0;}
.designprint-box .type-box .flyerlist .list-step span.stepbox {display: inline-block; width: auto; font-family: "s-core-dream-medium", sans-serif; transform: rotate(-0.04deg); font-size: 16px; color: #fff; line-height: 1.1; letter-spacing: -1px; padding: 9px 10px 6px; box-sizing: border-box; background-color: #fa580a; border-radius: 4px;}
.designprint-box .type-box .flyerlist .list-step ul {float: left; width: 100%; margin-top: 10px;}
.designprint-box .type-box .flyerlist .list-step ul li {float: left; width: 100%;}
.designprint-box .type-box .flyerlist .list-step ul li span {display: inline-block; width: 5px; height: 5px; margin-right: 5px; vertical-align: 3px; background-color: #b3b3b3;}
.designprint-box .type-box .flyerlist .list-step ul li p {display: inline-block; width: 96%; transform: rotate(-0.04deg); font-size: 16px; color: #50514f; font-weight: 400; line-height: 1.5; letter-spacing: -0.2px;}

.designprint-box .flyer-item {float: left; width: 100%; margin-top: 30px;}
.designprint-box .flyer-item2 {margin-bottom: 50px;}
.designprint-box .flyer-item3 {margin-top: 50px;}
.designprint-box .flyer-item ul {float: left; width: 100%;}
.designprint-box .flyer-item ul li {float: left; width: 32.4445%; /*292px*/ margin-right: 1.3334%; margin-bottom: 1.3334%; border: 1px solid #eee; box-sizing: border-box;}
.designprint-box .flyer-item ul li:nth-of-type(3n+3) {margin-right: 0;}

.designprint-box .area-line {float: left; width: 100%; margin-bottom: 50px; border-bottom: 1px dashed #ccc;}
.designprint-box .type-area {float: left; width: 100%; margin: 10px 0 30px;}

.designprint-box .type-box .flyerlist .list-step .texture-type {float: left; width: 100%; margin-top: 15px;}
.designprint-box .type-box .flyerlist .list-step .texture-type .texture-item {float: left; width: 50%; margin-bottom: 30px; padding-top: 5px; padding-left: 15px; box-sizing: border-box; border-left: 1px solid #ddd;}
.designprint-box .type-box .flyerlist .list-step .texture-type .texture-item .tit {font-family: "s-core-dream-extrabold", sans-serif; transform: rotate(-0.04deg); font-size: 23px; color: #111; line-height: 1.1; letter-spacing: -0.5px;} 
.designprint-box .type-box .flyerlist .list-step .texture-type .texture-item .tit span {font-size: 16px; color: #7b7a7a;}
.designprint-box .type-box .flyerlist .list-step .texture-type .texture-item .typeinfo {float: left; width: 100%;}
.designprint-box .type-box .flyerlist .list-step .texture-type .texture-item .typeinfo span {display: inline-block; width: 5px; height: 5px; margin-right: 5px; vertical-align: 3px; background-color: #b3b3b3;}
.designprint-box .type-box .flyerlist .list-step .texture-type .texture-item .typeinfo p {display: inline-block; width: 96%; transform: rotate(-0.04deg); font-size: 16px; color: #50514f; font-weight: 400; line-height: 1.2; letter-spacing: -0.2px; margin-top: 10px;}

/* µðÀÚÀÎ/ÀÎ¼â/ÆÇÃË¹° ±¤°í - Çö¼ö¸·/¹è³Ê Á¦ÀÛ */
.designprint-box .placard-banner {float: left; width: 100%; margin-top: 40px;}
.designprint-box .placard-banner div.left {float: left; width: 50%;}
.designprint-box .placard-banner div.right {float: right; width: 46.7778%;}

/* TV¿µ»ó ±¤°í - SK/KT/LG ÀÎÅÍ³ÝTV ±¤°í */
.tvvideo-box {float: left; width: 100%;}
.tvvideo-box .videotit {float: left; width: 100%; margin-bottom: 25px;}
.tvvideo-box .videotit h4 {float: left; width: 100%; font-family: "s-core-dream-extrabold", sans-serif; transform: rotate(-0.04deg); font-size: 31px; color: #111; line-height: 32px;}

.tvvideo-box .video-box {float: left; width: 100%;}
.tvvideo-box .video-box div.left {float: left; width: 48%;}
.tvvideo-box .video-box div.left .video-container {position: relative; float: left; width: 100%; padding-bottom: 56.25%;}
.tvvideo-box .video-box div.left .video-container video {position: absolute; width: 100%; height: 100%;}
.tvvideo-box .video-box div.right {float: right; width: 48%;}
.tvvideo-box .video-box div.right .video-container {position: relative; float: left; width: 100%; padding-bottom: 56.25%;}
.tvvideo-box .video-box div.right .video-container video {position: absolute; width: 100%; height: 100%;}

.tvvideo-box .area-line {float: left; width: 100%; margin: 40px 0; border-bottom: 1px dashed #ccc;}
.tvvideo-box .pdfimg {float: left; width: 100%;}
.tvvideo-box .pdfimg img {width: 100%;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb mobile 359 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width:359px) {

.smntab a {font-size: 14px; letter-spacing: -0.5px;}

.subvisual_box {height: auto; padding-bottom: 30%; margin-top: 65px;}
.sub_leftcon {display: none;}
.sub_rightcon {float: left; width: 100%; margin-top: 0;}
.sub_titlebar_area {text-align: center; margin-top: 20px; margin-bottom: 0;}
.sub_gnbnavi {display: none;}

/* ¼­ºê¿µ¿ª ÁÂ¿ì¿µ¿ª ÁÙÀÌ±â */
.subpage_area {padding: 0 3%; box-sizing:border-box;}
.sub_titlebar_txt {font-size: 24px;}
.sub_contxt p.page_title {font-size: 18px;}
.sub_contxt p.page_con {font-size: 14px; line-height: 1.25;}

/* ³ª¹«¿Í°£ÆÇ ¼Ò°³ */
.pagetit span.bullet {width: 12%;}
.pagetit span.tittxt {font-size: 22px; line-height: 23px;}
.page_contents {font-size: 14px; line-height: 22px;}
.sub_footimg .footimg2 img {width: 100%;}

/* ¿À½Ã´Â±æ */
.location_infobox ul li:nth-child(1) {width: 20%;}
.location_infobox ul li:nth-child(2) {width: 100%; font-size: 13px;}

/* ¿ÀÇÁ¶óÀÎ ±¤°í ÇÏÀ§¸Þ´º ÆäÀÌÁö */
.offline-box .title-con span.stxt {font-size: 24px; line-height: 1.3; word-break: keep-all;}
.offline-box .title-con h3 {padding: 7px 15px 5px;}
.offline-box .title-con h3 span {font-size: 20px;}
.offline-box .title-con .tit-box p {font-size: 15px; line-height: 1.25; word-break: keep-all;}
.offline-box .title-con .tit-box p br:nth-of-type(2) {display: none;}

.offline-box .example-list ul li {width: 49%; margin-right: 0; margin-bottom: 3%;}
.offline-box .example-list ul li:nth-of-type(2n+2) {float: right;}

.offline-box .basic-info .steptit h4 {font-size: 26px; word-break: keep-all;}
.offline-box .basic-info .leafletlist .list-item span.num {width: 24px; height: 24px; font-size: 15px; line-height: 22px;}
.offline-box .basic-info .leafletlist .list-item p {width: 82%; font-size: 15px; line-height: 20px; letter-spacing: -0.8px; word-break: keep-all; margin-top: 2px;}

.offline-box .basictip-info .steptit h4 {font-size: 26px;}
.offline-box .basictip-info .rightbg {position: static; float: left; width: 100%; height: auto; margin-top: 20px;}
.offline-box .basictip-info .leafletlist .list-item span.numcircle {width: 28px; height: 28px; font-size: 16px; line-height: 28px;}
.offline-box .basictip-info .leafletlist .list-item p {width: 82%; font-size: 18px; line-height: 24px; letter-spacing: -0.8px; word-break: keep-all; margin-top: 4px;}

.offline-box .banner-list ul li {width: 100%; margin-right: 0; margin-bottom: 5%;}
.offline-box .banner-list ul li .bann-info {height: auto;}
.offline-box .basic-info .banner-guide .guidebox .guide-img {width: 100%; margin-bottom: 20px;}
.offline-box .basic-info .banner-guide .guidebox .guide-info {width: 100%;}
.offline-box .basic-info .banner-guide .guidebox2 .guide-info {height: auto;}

.offline-box .basic-info .newspaper-list ul li {width: 100%; margin-right: 0; margin-bottom: 5%;}
.offline-box .basic-info .newspaper-list ul li .newspaper-info {height: auto;}
.offline-box .basic-info .newspaperad-list .list-item {margin-bottom: 10px;}
.offline-box .basic-info .newspaperad-list .list-item span.circle {vertical-align: top; margin-top: 7px;}
.offline-box .basic-info .newspaperad-list .list-item p {width: 88%; font-size: 16px; line-height: 1.25;}

.offline-box .basic-info .papersize .sizebox .size-img {width: 100%; margin-bottom: 20px;}
.offline-box .basic-info .papersize .sizebox .size-info {width: 100%; height: auto; padding-left: 0;}

/* µðÀÚÀÎ/ÀÎ¼â/ÆÇÃË¹° ±¤°í ÇÏÀ§¸Þ´º ÆäÀÌÁö */
.designprint-box .type-box .paratit h4 {font-size: 26px;}
.designprint-box .type-box .paratit .point-txt {font-size: 18px; line-height: 1.25; word-break: keep-all;}
.designprint-box .type-box .paratit p {font-size: 15px; line-height: 1.25; word-break: keep-all;}
.designprint-box .type-box .flyerlist .list-step span.stepbox {font-size: 14px;}
.designprint-box .type-box .flyerlist .list-step ul li span {vertical-align: top; margin-top: 8px;}
.designprint-box .type-box .flyerlist .list-step ul li p {width: 92%; font-size: 15px; letter-spacing: -0.8px; line-height: 1.35;}

.designprint-box .flyer-item ul li {width: 49%; margin-right: 0; margin-bottom: 3%;}
.designprint-box .flyer-item ul li:nth-of-type(2n+2) {float: right;}
.designprint-box .type-box .flyerlist .list-step .texture-type .texture-item {width: 100%;}
.designprint-box .type-box .flyerlist .list-step .texture-type .texture-item .tit {font-size: 20px;}
.designprint-box .type-box .flyerlist .list-step .texture-type .texture-item .tit span {font-size: 14px;}
.designprint-box .type-box .flyerlist .list-step .texture-type .texture-item .typeinfo {margin-top: 10px;}
.designprint-box .type-box .flyerlist .list-step .texture-type .texture-item .typeinfo span {vertical-align: top; margin-top: 6px;}
.designprint-box .type-box .flyerlist .list-step .texture-type .texture-item .typeinfo p {width: 92%; font-size: 15px; margin-top: 0;}

.designprint-box .placard-banner div.left {width: 100%; margin-bottom: 20px;}
.designprint-box .placard-banner div.right {width: 100%;}

/* TV¿µ»ó ±¤°í - SK/KT/LG ÀÎÅÍ³ÝTV ±¤°í */
.tvvideo-box .videotit h4 {font-size: 26px;}
.tvvideo-box .video-box div.left {width: 100%; margin-bottom: 20px;}
.tvvideo-box .video-box div.right {width: 100%;}

/* mobile_customer common */
.mobile_customer_box {float: left; width: 100%; margin-bottom: 1.4%;}
.m_customer_callarea {margin: 0 auto; width: 97.22222222222222%;}
.m_customer_callarea ul {float: left; width: 100%; height: auto; background: url(../img/wowweb/images/m_phonecenter_bg.jpg) no-repeat; background-size: 100% 100%;}
.m_customer_callarea ul li a {display: block; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 18px; color: #fff; font-weight: bold; padding: 5% 0 5% 45%; box-sizing:border-box;}

/* member_usebox */
.member_usebox {float: left; width: 100%; padding: 10px; background-color: #eeeeee; border-top: 2px solid #000; border-bottom: 1px solid #dddddd; box-sizing: border-box;}
.member_usearea {float: left; font-size: 13px; color: rgb(117, 117, 117); font-weight: 400; line-height: 18px; white-space: pre-line; text-align: justify; letter-spacing: -0.5px; background-color: rgb(255, 255, 255); box-sizing: border-box; padding: 20px;
border-width: 1px; border-style: solid; border-color: rgb(221, 221, 221); border-image: initial;}
.member_usearea p {float: left; margin-top: -20px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb mobile 360,719 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:360px) and (max-width:719px) {

.subvisual_box {height: auto; padding-bottom: 30%; margin-top: 65px;}
.sub_leftcon {display: none;}
.sub_rightcon {float: left; width: 100%; margin-top: 0;}
.sub_titlebar_area {text-align: center; margin-top: 20px; margin-bottom: 0;}
.sub_gnbnavi {display: none;}

/* ¼­ºê¿µ¿ª ÁÂ¿ì¿µ¿ª ÁÙÀÌ±â */
.subpage_area {padding: 0 3%; box-sizing:border-box;}
.sub_titlebar_txt {font-size: 24px;}
.sub_contxt p.page_title {font-size: 18px;}

/* ÀÎ»ç¸» */
.pagetit span.bullet {width: 12%;}
.pagetit span.tittxt {font-size: 22px; line-height: 23px;}
.page_contents {font-size: 15px; line-height: 24px;}
.sub_footimg .footimg2 img {width: 100%;}

/* ¿À½Ã´Â±æ */
.location_infobox ul li:nth-child(1) {width: 20%;}
.location_infobox ul li:nth-child(2) {width: 75%; letter-spacing: -0.5px;}

/* ¿ÀÇÁ¶óÀÎ ±¤°í ÇÏÀ§¸Þ´º ÆäÀÌÁö */
.offline-box .title-con span.stxt {font-size: 24px; line-height: 1.3; word-break: keep-all;}
.offline-box .title-con h3 span {font-size: 20px;}
.offline-box .title-con .tit-box p {font-size: 16px; line-height: 1.25; word-break: keep-all;}
.offline-box .title-con .tit-box p br:nth-of-type(2) {display: none;}

.offline-box .example-list ul li {width: 49%; margin-right: 0; margin-bottom: 3%;}
.offline-box .example-list ul li:nth-of-type(2n+2) {float: right;}

.offline-box .basic-info .steptit h4 {font-size: 26px; word-break: keep-all;}
.offline-box .basic-info .leafletlist .list-item span.num {width: 24px; height: 24px; font-size: 15px; line-height: 22px;}
.offline-box .basic-info .leafletlist .list-item p {width: 88%; font-size: 16px; line-height: 24px; letter-spacing: -0.8px; word-break: keep-all;}

.offline-box .basictip-info .steptit h4 {font-size: 26px;}
.offline-box .basictip-info .rightbg {position: static; float: left; width: 100%; height: auto; margin-top: 20px;}
.offline-box .basictip-info .leafletlist .list-item span.numcircle {width: 28px; height: 28px; font-size: 16px; line-height: 28px;}
.offline-box .basictip-info .leafletlist .list-item p {width: 86%; font-size: 20px; line-height: 28px; letter-spacing: -0.8px; word-break: keep-all;}

.offline-box .banner-list ul li {width: 100%; margin-right: 0; margin-bottom: 5%;}
.offline-box .banner-list ul li .bann-info {height: auto;}
.offline-box .basic-info .banner-guide .guidebox .guide-img {width: 100%; margin-bottom: 20px;}
.offline-box .basic-info .banner-guide .guidebox .guide-info {width: 100%;}
.offline-box .basic-info .banner-guide .guidebox2 .guide-info {height: auto;}

.offline-box .basic-info .newspaper-list ul li {width: 100%; margin-right: 0; margin-bottom: 5%;}
.offline-box .basic-info .newspaper-list ul li .newspaper-info {height: auto;}
.offline-box .basic-info .newspaperad-list .list-item {margin-bottom: 10px;}
.offline-box .basic-info .newspaperad-list .list-item span.circle {vertical-align: top; margin-top: 7px;}
.offline-box .basic-info .newspaperad-list .list-item p {font-size: 17px; line-height: 1.25;}

.offline-box .basic-info .papersize .sizebox .size-img {width: 100%; margin-bottom: 20px;}
.offline-box .basic-info .papersize .sizebox .size-info {width: 100%; height: auto; padding-left: 0;}

/* µðÀÚÀÎ/ÀÎ¼â/ÆÇÃË¹° ±¤°í ÇÏÀ§¸Þ´º ÆäÀÌÁö */
.designprint-box .type-box .paratit h4 {font-size: 26px;}
.designprint-box .type-box .paratit .point-txt {font-size: 19px; line-height: 1.25; word-break: keep-all;}
.designprint-box .type-box .paratit p {line-height: 1.25; word-break: keep-all;}
.designprint-box .type-box .flyerlist .list-step span.stepbox {font-size: 14px;}
.designprint-box .type-box .flyerlist .list-step ul li span {vertical-align: top; margin-top: 8px;}
.designprint-box .type-box .flyerlist .list-step ul li p {font-size: 15px; letter-spacing: -0.8px; line-height: 1.35;}

.designprint-box .flyer-item ul li {width: 49%; margin-right: 0; margin-bottom: 3%;}
.designprint-box .flyer-item ul li:nth-of-type(2n+2) {float: right;}
.designprint-box .type-box .flyerlist .list-step .texture-type .texture-item {width: 100%;}
.designprint-box .type-box .flyerlist .list-step .texture-type .texture-item .tit {font-size: 20px;}
.designprint-box .type-box .flyerlist .list-step .texture-type .texture-item .tit span {font-size: 14px;}
.designprint-box .type-box .flyerlist .list-step .texture-type .texture-item .typeinfo {margin-top: 10px;}
.designprint-box .type-box .flyerlist .list-step .texture-type .texture-item .typeinfo span {vertical-align: top; margin-top: 6px;}
.designprint-box .type-box .flyerlist .list-step .texture-type .texture-item .typeinfo p {font-size: 15px; margin-top: 0;}

.designprint-box .placard-banner div.left {width: 100%; margin-bottom: 20px;}
.designprint-box .placard-banner div.right {width: 100%;}

/* TV¿µ»ó ±¤°í - SK/KT/LG ÀÎÅÍ³ÝTV ±¤°í */
.tvvideo-box .videotit h4 {font-size: 26px;}
.tvvideo-box .video-box div.left {width: 100%; margin-bottom: 20px;}
.tvvideo-box .video-box div.right {width: 100%;}

/* mobile_customer common */
.mobile_customer_box {float: left; width: 100%; margin-bottom: 1.4%;}
.m_customer_callarea {margin: 0 auto; width: 97.22222222222222%;}
.m_customer_callarea ul {float: left; width: 100%; height: auto; background: url(../img/wowweb/images/m_phonecenter_bg.jpg) no-repeat; background-size: 100% 100%;}
.m_customer_callarea ul li a {display: block; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 20px; color: #fff; font-weight: bold; padding: 4% 0 4% 45%; box-sizing:border-box;}

/* member_usebox */
.member_usebox {float: left; width: 100%; padding: 10px; background-color: #eeeeee; border-top: 2px solid #000; border-bottom: 1px solid #dddddd; box-sizing: border-box;}
.member_usearea {float: left; font-size: 14px; color: rgb(117, 117, 117); font-weight: 400; line-height: 20px; white-space: pre-line; text-align: justify; letter-spacing: -0.5px; background-color: rgb(255, 255, 255); box-sizing: border-box; padding: 20px;
border-width: 1px; border-style: solid; border-color: rgb(221, 221, 221); border-image: initial;}
.member_usearea p {float: left; margin-top: -20px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb tablet 720,767 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:720px) and (max-width:767px) {

.subvisual_box {height: auto; padding-bottom: 30%; margin-top: 100px;}
.sub_leftcon {display: none;}
.sub_rightcon {float: left; width: 100%; margin-top: 0;}
.sub_titlebar_area {text-align: center; margin-top: 20px; margin-bottom: 0;}
.sub_gnbnavi {display: none;}

/* ¼­ºê¿µ¿ª ÁÂ¿ì¿µ¿ª ÁÙÀÌ±â */
.subpage_area {padding: 0 3%; box-sizing:border-box;}
.sub_titlebar_txt {font-size: 30px;}
.sub_contxt p.page_title {font-size: 22px;}

/* ¿À½Ã´Â±æ */
.location_infobox ul li:nth-child(1) {width: 20%;}
.location_infobox ul li:nth-child(2) {width: 75%;}

/* ¿ÀÇÁ¶óÀÎ ±¤°í ÇÏÀ§¸Þ´º ÆäÀÌÁö */
.offline-box .title-con span.stxt {line-height: 1.3; word-break: keep-all;}
.offline-box .title-con .tit-box p {font-size: 18px; line-height: 1.35; word-break: keep-all;}
.offline-box .basic-info .leafletlist .list-item p {width: 90%;}
.offline-box .basictip-info .rightbg {position: static; float: left; width: 100%; height: auto; margin-top: 20px;}
.offline-box .basictip-info .rightbg img {width: 70%;}

.offline-box .banner-list ul li {width: 49%; margin-right: 0;}
.offline-box .banner-list ul li:nth-of-type(2n+2) {float: right;}
.offline-box .basic-info .banner-guide .guidebox .guide-img {width: 100%; margin-bottom: 20px;}
.offline-box .basic-info .banner-guide .guidebox .guide-info {width: 100%;}
.offline-box .basic-info .banner-guide .guidebox2 .guide-info {height: auto;}
.offline-box .basic-info .newspaper-list ul li {width: 49%; margin-right: 0;}
.offline-box .basic-info .newspaper-list ul li:nth-of-type(2n+2) {float: right;}
.offline-box .basic-info .newspaper-list ul li .newspaper-info {height: 106px;}

.offline-box .basic-info .papersize .sizebox .size-img {width: 346px; margin-bottom: 30px;}
.offline-box .basic-info .papersize .sizebox .size-info {width: 100%; height: auto; padding-left: 0;}

/* µðÀÚÀÎ/ÀÎ¼â/ÆÇÃË¹° ±¤°í ÇÏÀ§¸Þ´º ÆäÀÌÁö */
.designprint-box .flyer-item ul li {width: 49%; margin-right: 0; margin-bottom: 3%;}
.designprint-box .flyer-item ul li:nth-of-type(2n+2) {float: right;}
.designprint-box .type-box .flyerlist .list-step .texture-type .texture-item {width: 100%;}

.designprint-box .placard-banner div.left {width: 100%; margin-bottom: 20px;}
.designprint-box .placard-banner div.right {width: 100%;}

/* mobile_customer common */
.mobile_customer_box {float: left; width: 100%; margin-bottom: 1.4%;}
.m_customer_callarea {margin: 0 auto; width: 97.22222222222222%;}
.m_customer_callarea ul {float: left; width: 100%; height: auto; background: url("../img/wowweb/images/m_phonecenter_bg.jpg") no-repeat; background-size: 100% 100%;}
.m_customer_callarea ul li a {display: block; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 2.625em; color: #fff; font-weight: bold; letter-spacing: 1px; padding: 5% 0 4.5% 45%; box-sizing:border-box;}

/* member_usebox */
.member_usebox {float: left; width: 100%; padding: 10px; background-color: #eeeeee; border-top: 2px solid #000; border-bottom: 1px solid #dddddd; box-sizing: border-box;}
.member_usearea {float: left; font-size: 16px; color: rgb(117, 117, 117); font-weight: 400; line-height: 24px; white-space: pre-line; text-align: justify; letter-spacing: -0.5px; background-color: rgb(255, 255, 255); box-sizing: border-box; padding: 20px;
border-width: 1px; border-style: solid; border-color: rgb(221, 221, 221); border-image: initial;}
.member_usearea p {float: left; margin-top: -20px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb tablet 768,1023 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:768px) and (max-width:1023px) {

.subvisual_box {height: auto; padding-bottom: 30%; margin-top: 100px;}
.sub_leftcon {display: none;}
.sub_rightcon {float: left; width: 100%; margin-top: 0;}
.sub_titlebar_area {text-align: center; margin-top: 20px; margin-bottom: 0;}
.sub_gnbnavi {display: none;}

/* ¼­ºê¿µ¿ª ÁÂ¿ì¿µ¿ª ÁÙÀÌ±â */
.subpage_area {padding: 0 3%; box-sizing:border-box;}
.sub_titlebar_txt {font-size: 30px;} 
.sub_contxt p.page_title {font-size: 22px;}

/* ¿À½Ã´Â±æ */
.location_infobox ul li:nth-child(1) {width: 20%;}
.location_infobox ul li:nth-child(2) {width: 75%;}

/* ¿ÀÇÁ¶óÀÎ ±¤°í ÇÏÀ§¸Þ´º ÆäÀÌÁö */
.offline-box .title-con span.stxt {line-height: 1.3; word-break: keep-all;}
.offline-box .title-con .tit-box p {font-size: 18px; line-height: 1.35; word-break: keep-all;}
.offline-box .basic-info .leafletlist .list-item p {width: 90%;}
.offline-box .basictip-info .rightbg {position: static; float: left; width: 100%; height: auto; margin-top: 20px;}
.offline-box .basictip-info .rightbg img {width: 70%;}

.offline-box .banner-list ul li {width: 49%; margin-right: 0;}
.offline-box .banner-list ul li:nth-of-type(2n+2) {float: right;}
.offline-box .banner-list ul li .bann-info {height: 140px;}
.offline-box .basic-info .banner-guide .guidebox .guide-img {width: 100%; margin-bottom: 20px;}
.offline-box .basic-info .banner-guide .guidebox .guide-info {width: 100%;}
.offline-box .basic-info .banner-guide .guidebox2 .guide-info {height: auto;}
.offline-box .basic-info .newspaper-list ul li {width: 49%; margin-right: 0;}
.offline-box .basic-info .newspaper-list ul li:nth-of-type(2n+2) {float: right;}
.offline-box .basic-info .newspaper-list ul li .newspaper-info {height: 106px;}

.offline-box .basic-info .papersize .sizebox .size-img {width: 346px; margin-bottom: 30px;}
.offline-box .basic-info .papersize .sizebox .size-info {width: 100%; height: auto; padding-left: 0;}

/* µðÀÚÀÎ/ÀÎ¼â/ÆÇÃË¹° ±¤°í ÇÏÀ§¸Þ´º ÆäÀÌÁö */
.designprint-box .flyer-item ul li {width: 49%; margin-right: 0; margin-bottom: 3%;}
.designprint-box .flyer-item ul li:nth-of-type(2n+2) {float: right;}
.designprint-box .type-box .flyerlist .list-step .texture-type .texture-item {width: 100%;}

.designprint-box .placard-banner div.left {width: 100%; margin-bottom: 20px;}
.designprint-box .placard-banner div.right {width: 100%;}

/* mobile_customer common */
.mobile_customer_box {float: left; width: 100%; margin-bottom: 1.4%;}
.m_customer_callarea {margin: 0 auto; width: 97.22222222222222%;}
.m_customer_callarea ul {float: left; width: 100%; height: auto; background: url("../img/wowweb/images/m_phonecenter_bg.jpg") no-repeat; background-size: 100% 100%;}
.m_customer_callarea ul li a {display: block; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 2.625em; color: #fff; font-weight: bold; letter-spacing: 1px; padding: 5% 0 4.5% 45%; box-sizing:border-box;}

/* member_usebox */
.member_usebox {float: left; width: 100%; padding: 10px; background-color: #eeeeee; border-top: 2px solid #000; border-bottom: 1px solid #dddddd; box-sizing: border-box;}
.member_usearea {float: left; font-size: 16px; color: rgb(117, 117, 117); font-weight: 400; line-height: 24px; white-space: pre-line; text-align: justify; letter-spacing: -0.5px; background-color: rgb(255, 255, 255); box-sizing: border-box; padding: 20px;
border-width: 1px; border-style: solid; border-color: rgb(221, 221, 221); border-image: initial;}
.member_usearea p {float: left; margin-top: -20px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb pc 1024,1279 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1024px) and (max-width:1279px) {

.sub_menutab {display: none;}
.mobile_customer_box {display: none;}
.call_center {background: url(../img/wowweb/images/sub_call_icon.png) no-repeat 170px 26px;}
.customer_call {letter-spacing: -0.8px;}
.customer_stxt {letter-spacing: -0.8px;}
.leftbtns .webhard_info {font-size: 12px; letter-spacing: -0.5px;}

.offline-box .title-con span.stxt {line-height: 40px; word-break: keep-all;}
.offline-box .banner-list ul li .bann-info p {font-size: 14px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb pc 1280 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1280px) and (max-width:1919px) {

.sub_menutab {display: none;}
.mobile_customer_box {display: none;}

}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb pc 1920 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1920px) {

.sub_menutab {display: none;}
.mobile_customer_box {display: none;}

}