/* maincontents */
.maincontents_box {float: left; width: 100%; background: url(../img/wowweb/images/midd_bg.jpg) repeat-x left top;}
.maincontents_area {margin: 0 auto; width: 100%; max-width: 1000px;}

/* main_visual slide */
.main_visualbox {position: relative; float: left; width: 1000px; max-width: 1000px; overflow: hidden;}
.main_visualbox .swiper-container-1 {position: relative; width: 100%; height: 100%; padding: 0 5px; box-sizing: border-box; margin-left: auto; margin-right: auto; z-index: 1;}
.main_visualbox .swiper-container-1 .swiper-slide {padding-bottom: 390px; background: #fff; /* Center slide text vertically*/ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;
-ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.main_visualbox .swiper-container-1 .swiper-pagination {text-align: left !important; padding: 0 4%;}
.main_visualbox .swiper-container-1 .swiper-pagination-bullet {width: 16px !important; height: 16px !important; display: inline-block; border-radius: 100%; background: rgba(255,255,255,0) !important; border: 1px solid #fff; box-sizing: border-box; outline: none;}
.main_visualbox .swiper-container-1 .swiper-pagination-white .swiper-pagination-bullet-active {background: #fff !important; border: none;}
.main_visualbox .swiper-container-1 .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 30% !important;}

/* main_visual icons */
.main_visualbox .maineffback {position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 390px; background: url(../img/wowweb/images/maineff_ico.png) no-repeat left top; z-index: 2;}

/* middcontents_box */
.middcontents_box {float: left; width: 100%; margin-top: 20px;}
.middcontents_area {margin: 0 auto; width: 100%; max-width: 1000px;}

/* bannbtns */
.bannbtns {float: left; width: 591px; height: 200px; margin-left: 10px;}
.bannbtns ul {float: left; width: 100%;}
.bannbtns ul li {float: left;}
.bannbtns ul li a {position: relative; display: block; width: 156px; height: 200px; transition: all 0.3s ease;}
.bannbtns ul li a img.over {position: relative; opacity: 0; z-index: 1;}
.bannbtns ul li a img {position: absolute; top: 0; left: 0; opacity: 1; z-index: 2;}
.bannbtns ul li a:hover img.over {opacity: 1;}
.bannbtns ul li a:hover img {opacity: 0;}

/* notice */
.customerinfo_box {float: right; width: 370px; margin-right: 10px;}
.notice {float: left; width: 100%; height: 60px;}
.notice .tit {float: left; width: 72px;}
.notice .conarea {float: left; width: 298px;}
.notice .conarea ul {float: left; width: 100%;}
.notice .conarea ul li {float: left; width: 100%;}
.notice .conarea ul li a {display: block; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #a5a5a5; font-weight: 300; text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.notice .conarea ul li a:hover {color: #6eb510; text-decoration: underline;}

/* °øÁö»çÇ× Cafe24 ÃßÃâ¹° */
.notice .conarea ul li .board_output {width: 80% !important;}
.notice .conarea .board_output_11_tr {float: left; width: 88%;}
.notice .conarea .board_output_11_tr td {float: left; width: 100%;}
.notice .conarea .board_output_11_tr td div {float: left; width: 100% !important;}

/* centerinfo */
.centerinfo {float: left; width: 100%; margin-top: 17px;}
.centerinfo .titico {float: left; width: 100%; height: 49px;}
.centerinfo .titico .tit {float: left; width: 278px;}
.centerinfo .titico ul {float: left; width: 92px; margin-top: 6px;}
.centerinfo .titico ul li {float: left; width: 43px;}
.centerinfo .titico ul li:first-child {margin-right: 6px;}
.centerinfo .titico ul li a {display: block; width: 100%; height: 100%;}
.centerinfo .titico ul li a img.over {display: none; opacity: 0;}
.centerinfo .titico ul li a img {display: inline; opacity: 1;}
.centerinfo .titico ul li a:hover img.over {display: inline; opacity: 1;}
.centerinfo .titico ul li a:hover img {display: none; opacity: 0;}
.center_contents {float: left; width: 100%;}
.center_contents .contentimg {float: left; width: 100%;}


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

@media screen and (max-width:359px) {
.maincontents_box {margin-top: 90px;}
.main_visualbox {width: 100%;}
.main_visualbox .swiper-container-1 .swiper-slide {padding-bottom: 220px; background-size: 105% 100% !important;}
.main_visualbox .maineffback {height: 220px; padding: 0 5px; box-sizing: border-box; background: url(../img/wowweb/images/maineff_ico.png) no-repeat center top; background-size: 100% 100%;}

.middcontents_box {padding: 0 2%; box-sizing: border-box; margin-top: 30px;}
.bannbtns {width: 100%; height: auto; margin-left: 0;}
.bannbtns ul li a {width: 100%; height: auto;}
.bannbtns ul li.bannimg {width: 32%; margin-right: 2%;}
.bannbtns ul li.bannimg img {width: 100%;}
.bannbtns ul li.bannlast {margin-right: 0;}
.bannbtns ul li.lineimg {display: none;}

.customerinfo_box {width: 100%; margin-top: 30px; margin-right: 0;}
.centerinfo {margin-top: 20px;}
.centerinfo .titico .tit {width: 75.13513513513514%;}
.centerinfo .titico .tit img {width: 100%;}
.centerinfo .titico {height: auto;}
.centerinfo .titico ul {width: 24.86486486486486%;}
.centerinfo .titico ul li {width: 46.73913043478261%;}
.centerinfo .titico ul li img {width: 100%;}
.centerinfo .titico ul li:first-child {margin-right: 2%;}
.notice .conarea {width: 70%;}
.notice .conarea ul li {width: 100%;}
.notice .conarea ul li a {color: #111;}
.center_contents .contentimg img {width: 100%;}

/* °øÁö»çÇ× Cafe24 ÃßÃâ¹° */
.notice .conarea .board_output_11_tr {width: 68%;}

}


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

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

.maincontents_box {margin-top: 90px;}
.main_visualbox {width: 100%;}
.main_visualbox .swiper-container-1 .swiper-slide {padding-bottom: 240px; background-size: 105% 100% !important;}
.main_visualbox .maineffback {height: 240px; padding: 0 5px; box-sizing: border-box; background: url(../img/wowweb/images/maineff_ico.png) no-repeat center top; background-size: 100% 100%;}

.middcontents_box {padding: 0 2%; box-sizing: border-box; margin-top: 30px;}
.bannbtns {width: 100%; height: auto; margin-left: 0;}
.bannbtns ul li a {width: 100%; height: auto;}
.bannbtns ul li.bannimg {width: 32%; margin-right: 2%;}
.bannbtns ul li.bannimg img {width: 100%;}
.bannbtns ul li.bannlast {margin-right: 0;}
.bannbtns ul li.lineimg {display: none;}

.customerinfo_box {width: 100%; margin-top: 30px; margin-right: 0;}
.centerinfo {margin-top: 20px;}
.centerinfo .titico .tit {width: 75.13513513513514%;}
.centerinfo .titico .tit img {width: 100%;}
.centerinfo .titico {height: auto;}
.centerinfo .titico ul {width: 24.86486486486486%;}
.centerinfo .titico ul li {width: 46.73913043478261%;}
.centerinfo .titico ul li img {width: 100%;}
.centerinfo .titico ul li:first-child {margin-right: 2%;}
.notice .conarea {width: 78%;}
.notice .conarea ul li {width: 100%;}
.notice .conarea ul li a {color: #111;}
.center_contents .contentimg img {width: 100%;}

/* °øÁö»çÇ× Cafe24 ÃßÃâ¹° */
.notice .conarea .board_output_11_tr {width: 80%;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb mobile 400,499 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:400px) and (max-width:499px) {

.main_visualbox .swiper-container-1 .swiper-slide {padding-bottom: 250px;}
.main_visualbox .maineffback {height: 250px;}

}


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

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

.main_visualbox .swiper-container-1 .swiper-slide {padding-bottom: 280px;}
.main_visualbox .maineffback {height: 280px;}

}


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

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

.maincontents_box {margin-top: 90px;}
.main_visualbox {width: 100%;}
.main_visualbox .swiper-container-1 .swiper-slide {padding-bottom: 330px; background-size: 105% 100% !important;}
.main_visualbox .maineffback {height: 330px; padding: 0 5px; box-sizing: border-box; background: url(../img/wowweb/images/maineff_ico.png) no-repeat center top; background-size: 100% 100%;}

.middcontents_box {padding: 0 2%; box-sizing: border-box; margin-top: 30px;}
.bannbtns {width: 100%; height: auto; margin-left: 0;}
.bannbtns ul li a {width: 100%; height: auto;}
.bannbtns ul li.bannimg {width: 32%; margin-right: 2%;}
.bannbtns ul li.bannimg img {width: 100%;}
.bannbtns ul li.bannlast {margin-right: 0;}
.bannbtns ul li.lineimg {display: none;}

.customerinfo_box {width: 100%; margin-top: 30px; margin-right: 0;}
.centerinfo {margin-top: 50px;}
.centerinfo .titico .tit {width: 74%;}
.centerinfo .titico .tit img {width: 100%;}
.centerinfo .titico {height: auto;}
.centerinfo .titico ul {width: 24.86486486486486%; margin-top: 10px;}
.centerinfo .titico ul li {width: 46.73913043478261%;}
.centerinfo .titico ul li img {width: 100%;}
.centerinfo .titico ul li:first-child {margin-right: 5%;}
.notice .conarea {width: 78%; padding-left: 15px;}
.notice .conarea ul li {width: 100%;}
.notice .conarea ul li a {font-size: 18px; color: #111;}
.center_contents .contentimg img {width: 100%;}

/* °øÁö»çÇ× Cafe24 ÃßÃâ¹° */
.notice .conarea .board_output_11_tr {width: 100%;}

}


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

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

.maincontents_box {margin-top: 90px;}
.main_visualbox {width: 100%;}
.main_visualbox .swiper-container-1 .swiper-slide {padding-bottom: 330px; background-size: 105% 100% !important;}
.main_visualbox .maineffback {height: 330px; padding: 0 5px; box-sizing: border-box; background: url(../img/wowweb/images/maineff_ico.png) no-repeat center top; background-size: 100% 100%;}

.middcontents_box {padding: 0 2%; box-sizing: border-box; margin-top: 30px;}
.bannbtns {width: 100%; height: auto; margin-left: 0;}
.bannbtns ul li a {width: 100%; height: auto;}
.bannbtns ul li.bannimg {width: 32%; margin-right: 2%;}
.bannbtns ul li.bannimg img {width: 100%;}
.bannbtns ul li.bannlast {margin-right: 0;}
.bannbtns ul li.lineimg {display: none;}

.customerinfo_box {width: 100%; margin-top: 30px; margin-right: 0;}
.centerinfo {margin-top: 50px;}
.centerinfo .titico .tit {width: 74%;}
.centerinfo .titico .tit img {width: 100%;}
.centerinfo .titico {height: auto;}
.centerinfo .titico ul {width: 24.86486486486486%; margin-top: 10px;}
.centerinfo .titico ul li {width: 46.73913043478261%;}
.centerinfo .titico ul li img {width: 100%;}
.centerinfo .titico ul li:first-child {margin-right: 5%;}
.notice .conarea {width: 78%; padding-left: 15px;}
.notice .conarea ul li {width: 100%;}
.notice .conarea ul li a {font-size: 20px; color: #111;}
.center_contents .contentimg img {width: 100%;}

/* °øÁö»çÇ× Cafe24 ÃßÃâ¹° */
.notice .conarea .board_output_11_tr {width: 100%;}

}


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

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

}


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

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

}


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

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

}