.maincontents_box {float: left; width: 100%; margin-top: 46px;}
.maincontents_area {margin: 0 auto; width: 100%; max-width: 1000px;}

/* leftbanner */
.leftbanner {float: left; width: 170px;}
.bannitem {position: relative; float: left; width: 100%; height: 220px; overflow: hidden;}
.bannitem:last-child {margin-right: 0;}
.bannitem a {display: block; width: 100%; height: 100%; font-family: "Noto Sans KR", sans-serif;}
.bannitem a figure {float: left; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;}
.bannitem a figure .thumbimg {width: 100%; height: 100%;}
.bannitem a figure .thumbimg img {width: 100%; height: 100%; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.bannitem a .covershadow {position: absolute; top: 0; right: -100px; width: 80%; height: 100%; background-image: -webkit-linear-gradient(left, transparent 0%, #000 100%); background-image: linear-gradient(to right, transparent 0%, #000 100%); z-index: 2;}
.bannitem a .iteminfo {position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #fff; font-weight: 500; text-align: left; line-height: 40px; padding: 0 10px; box-sizing: border-box; background: rgba(0,0,0,0.4); transition: all 0.5s ease;}
.bannitem a .iteminfo span {display: inline-block; font-size: 14.5px; color: #fff; font-weight: 300; margin-left: 7px; vertical-align: 1px;}

/* ¹è³Ê ·Ñ¿À¹öÈ¿°ú */
.bannitem a:hover figure img, .bannitem a:focus figure img {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.bannitem a:hover .iteminfo {background: rgba(0,0,0,0.6);}

/* main_visual slide */
.main_visualbox {float: left; display: block; width: 500px; max-width: 500px;}
.main_visualbox .main_visualarea {position: relative; float: left; width: 100%; overflow: hidden;}
.main_visualbox .main_visualarea .swiper-container-1 {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.main_visualbox .main_visualarea .swiper-container-1 .swiper-slide {padding-bottom: 440px; background: #fff; -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 .main_visualarea .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 .main_visualarea .swiper-container-1 .swiper-pagination-white .swiper-pagination-bullet-active {background: #fff !important; border: none;}
.main_visualbox .main_visualarea .swiper-container-1 .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 5% !important;}

/* rightslogan */
.rightslogan {float: left; width: 330px; height: 440px; background: url(../img/wowweb/images/slogan_bg.jpg) no-repeat left top;}
.slogantxt {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; padding: 65px 0 0 50px; box-sizing: border-box;}
.slogantxt .txt1 {float: left; width: 100%; font-size: 20px; color: #fff; font-weight: 500; line-height: 30px; letter-spacing: -0.5px;}
.slogantxt .txt1 b {font-size: 24px; font-weight: 700;}
.slogantxt .txt2 {float: left; width: 100%; font-size: 24px; color: #edff99; font-weight: 500; line-height: 24px; letter-spacing: -0.5px; margin-top: 30px;}
.slogantxt .txt2 b {font-size: 30px; color: #ffff00; font-weight: 700;}

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

/* bannbtns */
.bannbtns {float: left; width: 218px; height: 140px; padding-top: 3px; background: url(../img/wowweb/images/conshortcut_1.jpg) no-repeat left top;}
.bannbtns a {display: block; width: 100%; height: 100%; font-family: "Noto Sans KR", sans-serif;}
.bannbtns a span {display: inline-block; font-family: "NanumSquare", sans-serif; font-size: 19px; color: #363636; font-weight: 800; line-height: 19px; margin-bottom: 10px;}
.bannbtns a p {font-size: 13px; color: #6e6d6d; font-weight: 300; line-height: 15px; letter-spacing: -0.8px;}
.bannbtns2 {padding-left: 15px; background: url(../img/wowweb/images/conshortcut_2.jpg) no-repeat left top; box-sizing: border-box;}

/* ·Ñ¿À¹öÈ¿°ú */
.bannbtns a:hover span {color: #6eb511;}
.bannbtns a:hover p {color: #6eb511; text-decoration: underline;}

.customerinfo_box {float: right; width: 540px;}
.notice {float: left; width: 100%; height: 31px; font-family: "Noto Sans KR", sans-serif; border-bottom: 1px solid #d6d4d4;}
.notice .tit {float: left; font-size: 16px; color: #363535; font-weight: 700; line-height: 16px; margin-top: 4px;}
.notice .conarea {float: left; width: 70%; margin-top: 3px; margin-left: 15px;}
.notice .conarea a {display: block; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #6a6a6a; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.notice .conarea a:hover {color: #6eb510; text-decoration: underline;}
.notice .more {float: right; width: 39px; margin-top: 3px;}

.centerinfo {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; margin-top: 17px;}
.centerinfo .tit {float: left; height: 27px; font-size: 16px; color: #363535; font-weight: 700; line-height: 16px;}
.center_contents {float: left; width: 100%;}
.center_contents .ico {float: left; width: 60px;}
.center_contents .callnumber {float: left; width: 180px; height: 65px; padding: 10px; box-sizing: border-box; background: #a6c50c;}
.center_contents .callnumber span {display: inline-block; width: 100%; font-size: 19px; color: #fff; font-weight: 700; line-height: 22px; letter-spacing: -0.3px; text-align: center;}
.center_contents .bankinfo {float: left; width: 285px; margin-left: 15px;}
.center_contents .bankinfo ul {float: left; width: 100%;}
.center_contents .bankinfo ul li {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif;}
.center_contents .bankinfo ul li.account {font-size: 17px; color: #2b2a2a; font-weight: 500; line-height: 17px;}
.center_contents .bankinfo ul li.account span {color: #fc9003;}
.center_contents .bankinfo ul li.bankcon {font-size: 15px; color: #525151; font-weight: 300; line-height: 15px; margin-top: 5px;}
.center_contents .bankinfo ul li.eamil {font-size: 14px; color: #757474; font-weight: 400; line-height: 14px; margin-top: 10px;}


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

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

.maincontents_box {padding: 0 2%; box-sizing: border-box; margin-top: 90px;}
.leftbanner {width: 100%;}
.bannitem {width: 50%;}

.main_visualbox {width: 100%;}
.main_visualbox .main_visualarea .swiper-container-1 .swiper-slide {padding-bottom: 340px; background-size: 110% 100% !important;}

.rightslogan {width: 100%; height: 350px; background: url(../img/wowweb/images/slogan_bg.jpg) no-repeat left -100px; background-size: 100% 140%;}
.slogantxt {padding: 65px 0 0 30px;}

.middcontents_box {padding: 0 2%; box-sizing: border-box; margin-top: 30px;}
.bannbtns {width: 100%; height: 140px; background: url(../img/wowweb/images/conshortcut_1.jpg) no-repeat right bottom;}
.bannbtns2 {padding-top: 20px; padding-left: 0; margin-top: 20px; background: url(../img/wowweb/images/conshortcut_2.jpg) no-repeat right bottom; border-top: 1px dotted #ccc;}
.bannbtns a p {font-size: 14.5px; line-height: 18px; padding-right: 42%; box-sizing: border-box; word-break: keep-all;}
.bannbtns a p br {display: none;}

.customerinfo_box {width: 100%; margin-top: 30px;}
.notice .conarea {width: 64%; margin-left: 10px;}
.notice .conarea .board_output_11_tr td {float: left; width: 70%;}
.notice .conarea .board_output_11_tr td div {float: left; width: 100% !important;}

.center_contents .ico {width: 17%; margin-right: 5%;}
.center_contents .ico img {width: 100%;}
.center_contents .callnumber {width: 70%;}
.center_contents .callnumber span {font-size: 21px;}
.center_contents .bankinfo {width: 100%; margin-top: 10px; margin-left: 0;}

}


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

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

.maincontents_box {padding: 0 2%; box-sizing: border-box; margin-top: 90px;}
.leftbanner {width: 100%;}
.bannitem {width: 50%;}

.main_visualbox {width: 100%;}
.main_visualbox .main_visualarea .swiper-container-1 {width: 100%;}
.main_visualbox .main_visualarea .swiper-container-1 .swiper-slide {padding-bottom: 370px; background-size: 110% 100% !important;}

.rightslogan {width: 100%; height: 350px; background: url(../img/wowweb/images/slogan_bg.jpg) no-repeat left -100px; background-size: 100% 140%;}

.middcontents_box {padding: 0 2%; box-sizing: border-box; margin-top: 30px;}
.bannbtns {width: 50%; background-size: 100% 100%;}
.bannbtns a p {line-height: 16px; padding-right: 18%; box-sizing: border-box; word-break: keep-all;}
.bannbtns a p br {display: none;}

.customerinfo_box {width: 100%; margin-top: 30px;}
.notice .conarea {width: 64%; margin-left: 10px;}
.notice .conarea .board_output_11_tr td {float: left; width: 82%;}
.notice .conarea .board_output_11_tr td div {float: left; width: 100% !important;}

.center_contents .ico {width: 17%; margin-right: 5%;}
.center_contents .ico img {width: 100%;}
.center_contents .callnumber {width: 70%;}
.center_contents .callnumber span {font-size: 21px;}
.center_contents .bankinfo {width: 100%; margin-top: 30px; margin-left: 0;}
.center_contents .bankinfo ul li.account {font-size: 18px; line-height: 19px;}
.center_contents .bankinfo ul li.bankcon {font-size: 18px; line-height: 19px; margin-top: 9px;}
.center_contents .bankinfo ul li.eamil {font-size: 16px; line-height: 18px;}

}


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

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

}


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

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

.main_visualbox .swiper-container-1 .swiper-slide {padding-bottom: 440px;}

}


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

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

.maincontents_box {padding: 0 2%; box-sizing: border-box; margin-top: 100px;}
.leftbanner {width: 23%;}

.main_visualbox {width: 50%;}
.main_visualbox .swiper-container-1 {width: 100%;}
.main_visualbox .swiper-container-1 .swiper-slide {background-size: 120% 100% !important;}

.rightslogan {width: 27%;}
.slogantxt {padding: 50px 20px 0;}
.slogantxt .txt1 {font-size: 16px; line-height: 24px;}
.slogantxt .txt1 br {display: none;}
.slogantxt .txt2 {font-size: 20px; line-height: 28px;}
.slogantxt .txt2 b {font-size: 25px;}

.middcontents_box {padding: 0 2%; box-sizing: border-box; margin-top: 40px;}
.bannbtns {width: 50%; height: 220px; background-size: 100% 100%;}
.bannbtns a span {font-size: 24px;}
.bannbtns a p {font-size: 18px; line-height: 22px;}

.customerinfo_box {width: 100%; margin-top: 40px;}
.notice {height: 45px;}
.notice .tit {font-size: 24px; line-height: 24px;}
.notice .conarea a {font-size: 18px;}
.notice .more {margin-top: 7px;}
.centerinfo {margin-top: 30px;}
.centerinfo .tit {font-size: 24px; line-height: 24px;}
.center_contents {margin-top: 20px;}
.center_contents .callnumber {width: 35%; height: 80px;}
.center_contents .callnumber span {font-size: 22px; line-height: 28px;}
.center_contents .bankinfo {width: 50%;}
.center_contents .bankinfo ul li.account {font-size: 19px; line-height: 19px;}
.center_contents .bankinfo ul li.bankcon {font-size: 19px; line-height: 19px; margin-top: 9px;}
.center_contents .bankinfo ul li.eamil {font-size: 18px; line-height: 18px;}

}


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

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

.maincontents_box {padding: 0 2%; box-sizing: border-box; margin-top: 100px;}
.leftbanner {width: 23%;}

.main_visualbox {width: 50%;}
.main_visualbox .swiper-container-1 {width: 100%;}
.main_visualbox .swiper-container-1 .swiper-slide {background-size: 120% 100% !important;}

.rightslogan {width: 27%;}
.slogantxt {padding: 50px 20px 0;}
.slogantxt .txt1 {font-size: 16px; line-height: 24px;}
.slogantxt .txt1 br {display: none;}
.slogantxt .txt2 {font-size: 20px; line-height: 28px;}
.slogantxt .txt2 b {font-size: 25px;}

.middcontents_box {padding: 0 2%; box-sizing: border-box; margin-top: 40px;}
.bannbtns {width: 50%; height: 240px; background-size: 100% 100%;}
.bannbtns a span {font-size: 24px;}
.bannbtns a p {font-size: 18px; line-height: 22px;}

.customerinfo_box {width: 100%; margin-top: 40px;}
.notice {height: 45px;}
.notice .tit {font-size: 24px; line-height: 24px;}
.notice .conarea a {font-size: 18px;}
.notice .more {margin-top: 7px;}
.centerinfo {margin-top: 30px;}
.centerinfo .tit {font-size: 24px; line-height: 24px;}
.center_contents {margin-top: 20px;}
.center_contents .callnumber {width: 35%; height: 80px;}
.center_contents .callnumber span {font-size: 22px; line-height: 28px;}
.center_contents .bankinfo {width: 50%;}
.center_contents .bankinfo ul li.account {font-size: 19px; line-height: 19px;}
.center_contents .bankinfo ul li.bankcon {font-size: 19px; line-height: 19px; margin-top: 9px;}
.center_contents .bankinfo ul li.eamil {font-size: 18px; line-height: 18px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** 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) {

}