/* ¸ÞÀκñÁÖ¾óÀ̹ÌÁö ½½¶óÀ̵å */
.main_visualbox {position: relative; width: 100%; height: 100vh; overflow: hidden;}
.main_visualarea {float: left; width: 100%; height: 100%;} /* Pc È­¸é ¸ÂÃß±â */
.main_visualbox .swiper-container-1 {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.main_visualbox .swiper-container-1 .swiper-slide {text-align: center; background-position: center top !important; background-size: cover !important; /* 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-slide .slider-container {margin: 0 auto; width: 100%; max-width: 1200px;}
.main_visualbox .swiper-container-1 .swiper-slide .slider-container .slider-title {display: inline-block; font-family: "Gmarket Sans", sans-serif; transform: rotate(-0.03deg); margin-top: 30px; opacity: 1;}
.swiper-slide-active.slide-1 .slider-title {animation: fadeInUp 1.5s;}
.swiper-slide-active.slide-2 .slider-title {animation: fadeInUp 1.5s;}
.swiper-slide-active.slide-3 .slider-title {animation: fadeInUp 1.5s;}
.swiper-slide-active.slide-4 .slider-title {animation: fadeInUp 1.5s;}
.swiper-slide-active.slide-5 .slider-title {animation: fadeInUp 1.5s;}

/* ¸ÞÀκñÁÖ¾óÀ̹ÌÁö ½½¶óÀ̵å ÅؽºÆ® ½ºÅ¸ÀÏ */
.pension-name {font-size: 36px; color: #fff; font-weight: 700; line-height: 38px; text-shadow: 3px 2px 5px rgba(0,0,0,0.4); margin-bottom: 15px;}
.slogan-txt {font-size: 56px; color: #fff; font-weight: 700; line-height: 58px; margin-bottom: 10px; text-shadow: 3px 2px 5px rgba(0,0,0,0.4);}
.tit-bullet {display: inline-block; width: 30px; height: 1px; margin: 25px 0 28px; background: #fff;}
.sub-txt {font-size: 28px; color: #fff; font-weight: 400; line-height: 30px; text-shadow: 2px 2px 2px rgba(0,0,0,0.2);}
.sub-txt span {font-family: "Gmarket Sans", sans-serif; transform: rotate(-0.03deg); font-size: 34px; font-weight: 500; line-height: 44px; margin: 0 4px; vertical-align: -5px;}

.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.4) !important; border: 1px solid #fff; 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-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 5% !important;}
.main_visualbox .swiper-container-1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: url("../img/wowweb/images/rolling_slide_prev.png") !important; left: 1%; right: auto;}
.main_visualbox .swiper-container-1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url("../img/wowweb/images/rolling_slide_next.png") !important; right: 1%; left: auto;}
.main_visualbox .swiper-container-1 .mainprev, .mainnext {width: 50px !important; height: 50px !important; background-size: 50px 50px !important; outline: none;}

/* Áß°£¹Ù·Î°¡±â ¹è³Ê */
.midd-banner {float: left; width: 100%;}
.bann-item {float: left; width: 25%; text-align: center;}
.item-contents {float: left; width: 100%; height: auto;}
.item-contents .titletxt {font-family: "Gmarket Sans", sans-serif; transform: rotate(-0.03deg); font-size: 36px; color: #fff; font-weight: 700; letter-spacing: -1px; text-shadow: 2px 2px 5px #000; opacity: 0.8;}
.item-contents span.subtitle {display: block; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.03deg); font-size: 16px; color: #fff; font-weight: 400; text-shadow: 1px 1px 2px #000; line-height: 22px; margin-top: -10px;}
.item-contents span.subtitle2 {display: block; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.03deg); font-size: 22px; color: #fff; font-weight: 500; text-shadow: 1px 1px 2px #000; line-height: 22px; letter-spacing: -0.5px; margin-top: -10px;}
.item-contents span.subtitle3 {display: block; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.03deg); font-size: 14px; color: #fff; font-weight: 400; text-shadow: 1px 1px 2px #000; line-height: 22px; margin-top: -10px;}

.bann-thumb a {display: block; width: 100%;}
.thumb-img {position: relative; width: 100%; height: auto; background-color: #fff; overflow: hidden;}
.thumb-img div.bimg img {width: 100%; height: auto;}
.thumb-img .subjecttxt {position: absolute; width: 100%; bottom: 10%;}

/* Áß°£¹Ù·Î°¡±â ¹è³Ê Img_rollover_action */
.actionImg3 .hover {position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.9); width: 100%; height: 100%; color: #efefef; text-align: center; padding: 10%;
 opacity:0; transition:opacity .3s ease-out; -webkit-transition:opacity .3s ease-out; -moz-transition:opacity .3s ease-out;}
.actionImg3 .hover .line1 {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top: 1px solid #ee111a; border-bottom: 1px solid #ee111a;
 opacity:0; transform:scale(0,1); -webkit-transform:scale(0,1); -moz-transform:scale(0,1); transition:transform .4s ease-out .2s,opacity .4s ease-out; -webkit-transition:-webkit-transform .4s ease-out .2s,opacity .4s ease-out; -moz-transition:-moz-transform .4s ease-out .2s,opacity .4s ease-out;}
.actionImg3 .hover .line2 {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-left: 1px solid #ee111a; border-right: 1px solid #ee111a;
 opacity:0; transform:scale(1,0); -webkit-transform:scale(1,0); -moz-transform:scale(1,0); transition:transform .4s ease-out .2s,opacity .4s ease-out; -webkit-transition:-webkit-transform .4s ease-out .2s,opacity .4s ease-out; -moz-transition:-moz-transform .4s ease-out .2s,opacity .4s ease-out;}
.actionImg3 .hover .sub_tit {padding-top: 6%; color: #fff; font-size: 15px; transform:translate3d(0,-10px,0); -webkit-transform:translate3d(0,-10px,0); -moz-transform:translate3d(0,-10px,0);
 opacity:0; transition:transform .5s ease-out .2s,opacity .5s ease-out .3s; -webkit-transition:-webkit-transform .5s ease-out .2s,opacity .5s ease-out .3s; -moz-transition:-moz-transform .5s ease-out .2s,opacity .5s ease-out .3s;}
.actionImg3:hover .hover {opacity: 1; border: 1px solid #000;}
.actionImg3:hover .hover .sub_tit{opacity:1; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0);}
.actionImg3:hover .line1{transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); opacity:1;}
.actionImg3:hover .line2{transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); opacity:1;}
.hovertitletxt {font-size: 35px; font-weight: 700;}
.hoversubtxt {font-size: 14px; font-weight: 300; line-height: 14px;}
.viewbtn {margin: 0 auto; width: 50%; height: 40px; line-height: 38px; letter-spacing: -0.5px; margin-top: 25px; border: 1px solid #fff;}
.viewbtn:hover {background: #9f0000; border: 1px solid #9f0000;}


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

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

/* ¸ÞÀκñÁÖ¾óÀ̹ÌÁö ½½¶óÀ̵å */
.main_visualbox {height: 100%;}
.main_visualarea {height: 540px;}
.mainprev, .mainnext {display: none;}

/* ¸ÞÀκñÁÖ¾óÀ̹ÌÁö ½½¶óÀ̵å ÅؽºÆ® ½ºÅ¸ÀÏ */
.main_visualbox .swiper-container-1 .swiper-slide .slider-container .slider-title {margin-top: 100px;}
.pension-name {font-size: 18px; line-height: 20px;}
.slogan-txt {font-size: 26px; line-height: 28px; letter-spacing: -1px;}
.tit-bullet {margin: 15px 0 18px;}
.sub-txt {font-size: 14px; line-height: 18px;}
.sub-txt span {font-size: 18px;}

/* Áß°£¹Ù·Î°¡±â ¹è³Ê */
.bann-item {width: 100%;}
.item-contents .titletxt {font-size: 28px;}

/* Áß°£¹Ù·Î°¡±â ¹è³Ê Img_rollover_action */
.actionImg3 .hover {padding: 5% 10%;}
.actionImg3 .hover .sub_tit {padding-top: 0;}

}


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

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

/* ¸ÞÀκñÁÖ¾óÀ̹ÌÁö ½½¶óÀ̵å */
.main_visualbox {height: 100%;}
.main_visualarea {height: 540px;}
.mainprev, .mainnext {display: none;}

/* ¸ÞÀκñÁÖ¾óÀ̹ÌÁö ½½¶óÀ̵å ÅؽºÆ® ½ºÅ¸ÀÏ */
.main_visualbox .swiper-container-1 .swiper-slide .slider-container .slider-title {margin-top: 70px;}
.pension-name {font-size: 20px; line-height: 22px;}
.slogan-txt {font-size: 28px; line-height: 30px; letter-spacing: -1px;}
.tit-bullet {margin: 15px 0 18px;}
.sub-txt {font-size: 16px; line-height: 20px;}
.sub-txt span {font-size: 24px;}

/* Áß°£¹Ù·Î°¡±â ¹è³Ê */
.bann-item {width: 100%;}
.item-contents .titletxt {font-size: 30px;}

/* Áß°£¹Ù·Î°¡±â ¹è³Ê Img_rollover_action */
.actionImg3 .hover .sub_tit {padding-top: 0;}
.hovertitletxt {font-size: 30px;}

}


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

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

/* Áß°£¹Ù·Î°¡±â ¹è³Ê Img_rollover_action */
.actionImg3 .hover .sub_tit {padding-top: 4.2%;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb mobile 500,599 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

/* Áß°£¹Ù·Î°¡±â ¹è³Ê Img_rollover_action */
.actionImg3 .hover .sub_tit {padding-top: 6.5%;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb mobile 600,719 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

/* Áß°£¹Ù·Î°¡±â ¹è³Ê Img_rollover_action */
.actionImg3 .hover .sub_tit {padding-top: 12%;}

}


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

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

/* ¸ÞÀκñÁÖ¾óÀ̹ÌÁö ½½¶óÀ̵å ÅؽºÆ® ½ºÅ¸ÀÏ */
.pension-name {font-size: 28px; line-height: 30px;}
.slogan-txt {font-size: 42px; line-height: 44px;}
.sub-txt {font-size: 20px; line-height: 22px;}

/* Áß°£¹Ù·Î°¡±â ¹è³Ê */
.bann-item {width: 50%;}

/* Áß°£¹Ù·Î°¡±â ¹è³Ê Img_rollover_action */
.actionImg3 .hover .sub_tit {padding-top: 0; margin-top: -5px;}

}


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

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

/* ¸ÞÀκñÁÖ¾óÀ̹ÌÁö ½½¶óÀ̵å ÅؽºÆ® ½ºÅ¸ÀÏ */
.pension-name {font-size: 28px; line-height: 30px;}
.slogan-txt {font-size: 42px; line-height: 44px;}
.sub-txt {font-size: 20px; line-height: 22px;}

/* Áß°£¹Ù·Î°¡±â ¹è³Ê */
.bann-item {width: 50%;}

/* Áß°£¹Ù·Î°¡±â ¹è³Ê Img_rollover_action */
.actionImg3 .hover .sub_tit {padding-top: 0;}

}


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

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

.bann-item {width: 50%;}

/* Áß°£¹Ù·Î°¡±â ¹è³Ê Img_rollover_action */
.actionImg3 .hover .sub_tit {padding-top: 7%;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** JNY pc 1280,1919 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

/* Áß°£¹Ù·Î°¡±â ¹è³Ê Img_rollover_action */
.actionImg3 .hover {padding: 7% 3%;}
.actionImg3 .hover .sub_tit {padding-top: 0;}
.hovertitletxt {font-size: 30px;}

}


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

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

}