/* ------------------------------------------------------------------------- wowweb_mobile css --------------------------------------------------------------------------------- */
@media screen and (min-width:360px) and (max-width:720px) {

/* mainvisual_slide */
.main_visualbox {float: left; width: 100%; height: 400px; margin-top: 65px; background: #000;}
.swiper-container {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide {font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; background-size: cover; background-position: center;}
.gallery-top {height: 330px; width: 100%;}
.gallery-thumbs {height: 70px; box-sizing: border-box;}
.gallery-thumbs .swiper-slide {height: 100%; opacity: 0.6;}
.gallery-thumbs .swiper-slide-active {opacity: 1;}

.thumb_txtbg {width: 100%; height: 15px; background-color: #cc0001;}
.thumb_txtbg2 {background-color: #056eb9;}
.thumb_txtbg3 {background-color: #f38a01;}
.thumb_txtbg4 {background-color: #f45111;}
.thumb_txtbg span {display: none;}
.slide_txtbox {position: absolute; width: 100%; top: 90px; left: 0; z-index: 10;}
.slide_txtarea {margin: 0 auto; width: 100%;}

.swiper-slide .slide_titleeng {font-size: 15px; color: #fff; font-weight: 400; line-height: 15px; text-align: center; text-shadow: 2px 2px 2px #333; margin-bottom: 10px;}
.swiper-slide .slide_title {font-size: 22px; color: #fff; font-weight: 700; line-height: 22px; text-align: center; text-shadow: 2px 2px 2px #333;}
.swiper-slide .slide_subtitle {font-size: 15px; color: #fff; font-weight: 400; line-height: 20px; text-align: center; text-shadow: 2px 2px 2px #333; margin-top: 10px;}
.swiper-slide .slide_morebtn {margin: 0 auto; width: 125px; margin-top: 30px;}
.swiper-slide .slide_morebtn a {font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; display: inline-block; width: 100%; height: 32px; font-size: 13px; color: #fff; font-weight: 300; line-height: 32px; padding-left: 19px; background: #cc0001 url(../img/wowweb/images/slide_morebtn.png) no-repeat 100px center; box-sizing:border-box; transition: all 0.5s ease;}
.swiper-slide .slide_morebtn a:hover {background: #000 url(../img/wowweb/images/slide_morebtn.png) no-repeat 120px center;}
.swiper-button-prev {display: none;}
.swiper-button-next {display: none;}

/* business_guidebox */
.business_guidebox {float: left; width: 100%; margin-top: 40px;}
.contant_title_box {float: left; width: 100%;}
.contant_title_area .titlebullet {margin: 0 auto; width: 40px; height: 3px; background-color: #252525;}
.contant_title_area .contant_title {font-family: "Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 26px; color: #1b1b1b; line-height: 26px; font-weight: 700; text-align: center; margin-top: 25px;}

.banner_box {float: left; width: 100%; margin-top: 20px;}
.vision_area a {display: block; width: 100%; font-family: "Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif;}
.vision_area a figure {float: left; width: 50%; height: 180px; margin: 0; padding: 0; overflow: hidden;}
.banner_thumb {width: 100%; height: 100%;}
.vision_area a figure .banner_thumb img {width: 100%; height: 100%; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.vision_area a:hover figure img, .vision_area a:focus figure img {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.vision_area .banner_infocon {float: left; width: 50%; height: 180px; font-family: "Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; text-align: center; padding: 20px 15px; background-color: #cc0001; box-sizing:border-box; transition: all 0.5s ease;}
.vision_area .banner_infocon li:nth-child(1) {font-size: 18px; color: #fff; font-weight: 700; line-height: 34px; margin-bottom: 5px;}
.vision_area .banner_infocon li:nth-child(2) {margin: 0 auto; width: 20px; height: 2px; background-color: #fff;}
.vision_area .banner_infocon li:nth-child(3) {font-size: 13px; color: #fff; font-weight: 500; line-height: 16px; letter-spacing: -0.5px; margin-top: 10px;}
.vision_area .banner_infocon li:nth-child(4) {display: none;}
.vision_area .banner_infocon li:nth-child(5) {margin: 0 auto; display: block; width: 80px; height: 28px; font-size: 12px; color: #fff; font-weight: 300; line-height: 26px; text-align: center; margin-top: 20px; background-color: #950001; border: 1px solid #7a0808;}
.vision_area a:hover .banner_infocon {background-color: #0a0a0a;}
.vision_area a:hover .banner_infocon:after {border-right: 15px solid #5b5bdc; transition: all 0.5s ease;}
.vision_area a:hover .banner_infocon li:nth-child(5) {color: #fff; background-color: #474747; border: 1px solid #757575; transition: all 0.5s ease;}
.titlebold {color: #cc0001;}

.business_area {float: left; width: 100%; height: 280px; background: url(../img/wowweb/images/business_bg.jpg) no-repeat center top;}
.business_infobox li {float: left; width: 100%; height: 100%;}
.business_infobox li a {display: block; width: 100%; height: 280px; text-align: center; padding-top: 55px; box-sizing:border-box; transition: all 0.5s ease;}
.business_infobox li a:hover {background-color: rgba(0,0,0,0.4);}
.business_infobox li a img {width: 26%;}
.bann_titletxt {font-size: 20px; color: #fff; font-weight: 600; line-height: 24px; margin-top: 20px; margin-bottom: 10px;}
.bann_subtxt {margin: 0 auto; width: 80%; font-size: 13px; color: #fff; font-weight: 400; line-height: 18px; text-align: center;}
.bann_subtxt br {display: none;}
.bann_morebtn {margin: 0 auto; width: 145px; height: 38px; font-size: 14px; color: #fff; font-weight: 300; line-height: 37px; text-align: center; margin-top: 30px; border: 1px solid #cecece; box-sizing: border-box;}
.business_infobox li a:hover .bann_morebtn {background-color: rgba(0,117,203,0.4); transition: all 0.5s ease;}

/* shortcut_box */
.shortcut_box {float: left; width: 100%;}
.shortcut_bann01 {float: left; width: 50%; height: 270px; text-align: center; background-color: #056eb9;}
.shortcut_bann01 .bannimg img {width: 24%;}
.shortcut_bann02 {background-color: #264b73;}
.shortcut_bann02 .bannimg img {width: 40%;}
.shortcut_bann03 {background-color: #e4850a;}
.shortcut_bann03 .bannimg img {width: 32%;}
.shortcut_bann04 {background-color: #e64e13;}
.shortcut_bann04 .bannimg img {width: 38%;}
.shortcut_bann01 li {float: left; width: 100%; height: 270px;}
.shortcut_bann01 li a {display: block; width: 100%; height: 100%; padding: 40px 15px 0; box-sizing:border-box; transition: all 0.5s ease;}
.shortcut_bann01 li a:hover {background-color: #0a0a0a;}
.shortcut_bann01 li a:hover .bannstxt {color: #fff;}

.banntitle {font-size: 20px; color: #fff; font-weight: 700; line-height: 30px; margin-top: 20px; margin-bottom: 15px;}
.bannbullet {margin: 0 auto; width: 28px; height: 3px; background-color: #fff;}
.bannstxt {font-size: 12px; color: #9ec5e0; font-weight: 400; line-height: 18px; margin-top: 15px;}
.bannstxt2 {color: #a6bbd2;}
.bannstxt3 {color: #f9eebb;}
.bannstxt4 {color: #fdd5c5;}

/* board_exbox */
.board_exbox {float: left; width: 100%;}
.board_exarea {margin: 0 auto; width: 100%;}
.board_type_box {float: left; width: 100%; height: 60px; padding: 0 3% 0 2%; box-sizing:border-box; background-size: 10%; border-bottom: 1px solid #dfdede; border-right: 0;}
.board_type_title {float: left; width: 20%; font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 1.250em; color: #464545; font-weight: 700; line-height: 58px; margin-right: 2%;}
.board_type_area {float: left; width: 61%; /* ÀÚµ¿ÁÙ¹Ù²Þ ¾ÈµÊ_¸»ÁÙÀÓ ¼û±â±â ---> */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* ÀÚµ¿ÁÙ¹Ù²Þ ¾ÈµÊ_¸»ÁÙÀÓ ¼û±â±â */ padding-left: 3%; margin-top: 4.5%; border-left: 1px solid #ccc;}
.board_type_list {width: 100%; height: 30px; overflow: hidden;}

.rolling {position: relative; width: 100%; height: auto;}
.rolling li {width:100%; height: 30px; line-height: 30px;}
.rolling li a {display: block; font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 1.063em; color: #7a7a7a; font-weight: 400;}
.rolling li a:hover {color: #fff; text-decoration: underline;}
.board_btnmore {float: right; margin-top: 15px;}

/* customer_area */
.board_type_box2 {display: none;}

/* call_kakao */
.mobilemain_customer_box {float: left; width: 100%; margin-top: 1.4%; margin-bottom: 1.4%;}
.main_customer_callarea {margin: 0 auto; width: 97.22222222222222%;}
.main_customer_callarea ul {float: left; width: 100%; height: auto; background: url(../img/wowweb/images/m_phonecenter_bg.jpg) no-repeat; background-size: 100% 100%;}
.main_customer_callarea ul li a {display: block; width: 100%; font-family:"³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 1.500em; color: #fff; font-weight: bold; padding: 5% 0 4.5% 45%; box-sizing:border-box;}

.main_customer_kakaotalkarea {margin: 0 auto; width: 97.22222222222222%;}
.main_customer_kakaotalkarea ul {float: left; width: 100%; height: auto; margin-top: 1.4%; background: url(../img/wowweb/images/m_kakaotalk_bg.jpg) no-repeat; background-size: 100% 100%;}
.main_customer_kakaotalkarea ul li a {display: block; width: 100%; font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; color: #000; padding: 3% 0 2.5% 30%; box-sizing:border-box;}
.kakaotalk_title {font-size: 1.125em; font-weight: 400;}
.kakaotalk_id {font-size: 1.625em; font-weight: 700; letter-spacing: 1px;}

}

/* ------------------------------------------------------------------------- wowweb_tablet css --------------------------------------------------------------------------------- */
@media screen and (min-width:768px) and (max-width:1024px) {

/* mainvisual_slide */
.main_visualbox {float: left; width: 100%; height: 530px; margin-top: 112px; background: #000;}
.swiper-container {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide {font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; background-size: cover; background-position: center;}
.gallery-top {height: 430px; width: 100%;}
.gallery-thumbs {height: 100px; box-sizing: border-box;}
.gallery-thumbs .swiper-slide {height: 100%; opacity: 0.6;}
.gallery-thumbs .swiper-slide-active {opacity: 1;}

.thumb_txtbg {width: 100%; height: 15px; background-color: #cc0001;}
.thumb_txtbg2 {background-color: #056eb9;}
.thumb_txtbg3 {background-color: #f38a01;}
.thumb_txtbg4 {background-color: #f45111;}
.thumb_txtbg span {display: none;}
.slide_txtbox {position: absolute; width: 100%; top: 110px; left: 0; z-index: 10;}
.slide_txtarea {margin: 0 auto; width: 100%;}

.swiper-slide .slide_titleeng {font-size: 28px; color: #fff; font-weight: 400; line-height: 28px; text-align: center; text-shadow: 2px 2px 2px #333; margin-bottom: 10px;}
.swiper-slide .slide_title {font-size: 36px; color: #fff; font-weight: 700; line-height: 34px; text-align: center; text-shadow: 2px 2px 2px #333;}
.swiper-slide .slide_subtitle {font-size: 20px; color: #fff; font-weight: 400; line-height: 28px; text-align: center; text-shadow: 2px 2px 2px #333; margin-top: 20px;}
.swiper-slide .slide_morebtn {margin: 0 auto; width: 145px; margin-top: 30px;}
.swiper-slide .slide_morebtn a {font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; display: inline-block; width: 100%; height: 40px; font-size: 14px; color: #fff; font-weight: 300; line-height: 40px; padding-left: 19px; background: #cc0001 url(../images/slide_morebtn.png) no-repeat 120px center; box-sizing:border-box; transition: all 0.5s ease;}
.swiper-slide .slide_morebtn a:hover {background: #000 url(../images/slide_morebtn.png) no-repeat 120px center;}
.swiper-button-prev {display: none;}
.swiper-button-next {display: none;}

/* business_guidebox */
.business_guidebox {float: left; width: 100%; margin-top: 60px;}
.contant_title_box {float: left; width: 100%;}
.contant_title_area .titlebullet {margin: 0 auto; width: 50px; height: 3px; background-color: #252525;}
.contant_title_area .contant_title {font-family: "Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 30px; color: #1b1b1b; line-height: 30px; font-weight: 700; text-align: center; margin-top: 25px;}

.banner_box {float: left; width: 100%; margin-top: 20px;}
.vision_area a {display: block; width: 100%; font-family: "Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif;}
.vision_area a figure {float: left; width: 50%; height: 300px; margin: 0; padding: 0; overflow: hidden;}
.banner_thumb {width: 100%; height: 100%;}
.vision_area a figure .banner_thumb img {width: 100%; height: 100%; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.vision_area a:hover figure img, .vision_area a:focus figure img {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.vision_area .banner_infocon {float: left; width: 50%; height: 300px; font-family: "Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; text-align: center; padding: 35px 15px; background-color: #cc0001; box-sizing:border-box; transition: all 0.5s ease;}
.vision_area .banner_infocon li:nth-child(1) {font-size: 32px; color: #fff; font-weight: 700; line-height: 32px; margin-bottom: 20px;}
.vision_area .banner_infocon li:nth-child(2) {margin: 0 auto; width: 30px; height: 2px; background-color: #fff;}
.vision_area .banner_infocon li:nth-child(3) {font-size: 20px; color: #fff; font-weight: 500; line-height: 20px; letter-spacing: -0.5px; margin-top: 20px;}
.vision_area .banner_infocon li:nth-child(4) {font-size: 14px; color: #fff; font-weight: 300; line-height: 18px; margin-top: 20px;}
.vision_area .banner_infocon li:nth-child(5) {margin: 0 auto; display: block; width: 120px; height: 38px; font-size: 14px; color: #fff; font-weight: 300; line-height: 36px; text-align: center; margin-top: 20px; background-color: #950001; border: 1px solid #7a0808;}
.vision_area a:hover .banner_infocon {background-color: #0a0a0a;}
.vision_area a:hover .banner_infocon:after {border-right: 15px solid #5b5bdc; transition: all 0.5s ease;}
.vision_area a:hover .banner_infocon li:nth-child(5) {color: #fff; background-color: #474747; border: 1px solid #757575; transition: all 0.5s ease;}
.titlebold {color: #cc0001;}

.business_area {float: left; width: 100%; height: 400px; background: url(../img/wowweb/images/business_bg.jpg) no-repeat center top;}
.business_infobox li {float: left; width: 100%; height: 100%;}
.business_infobox li a {display: block; width: 100%; height: 400px; text-align: center; padding-top: 85px; box-sizing:border-box; transition: all 0.5s ease;}
.business_infobox li a:hover {background-color: rgba(0,0,0,0.4);}
.business_infobox li a img {width: 18%;}
.bann_titletxt {font-size: 30px; color: #fff; font-weight: 600; line-height: 24px; margin-top: 30px; margin-bottom: 20px;}
.bann_subtxt {margin: 0 auto; width: 80%; font-size: 18px; color: #fff; font-weight: 400; line-height: 26px; text-align: center;}
.bann_subtxt br {display: none;}
.bann_morebtn {margin: 0 auto; width: 145px; height: 38px; font-size: 14px; color: #fff; font-weight: 300; line-height: 37px; text-align: center; margin-top: 30px; border: 1px solid #cecece; box-sizing: border-box;}
.business_infobox li a:hover .bann_morebtn {background-color: rgba(0,117,203,0.4); transition: all 0.5s ease;}

/* shortcut_box */
.shortcut_box {float: left; width: 100%;}
.shortcut_bann01 {float: left; width: 50%; height: 270px; text-align: center; background-color: #056eb9;}
.shortcut_bann01 .bannimg img {width: 16%;}
.shortcut_bann02 {background-color: #264b73;}
.shortcut_bann02 .bannimg img {width: 24.5%;}
.shortcut_bann03 {background-color: #e4850a;}
.shortcut_bann03 .bannimg img {width: 22%;}
.shortcut_bann04 {background-color: #e64e13;}
.shortcut_bann04 .bannimg img {width: 25%;}
.shortcut_bann01 li {float: left; width: 100%; height: 270px;}
.shortcut_bann01 li a {display: block; width: 100%; height: 100%; padding: 40px 15px 0; box-sizing:border-box; transition: all 0.5s ease;}
.shortcut_bann01 li a:hover {background-color: #0a0a0a;}
.shortcut_bann01 li a:hover .bannstxt {color: #fff;}

.banntitle {font-size: 28px; color: #fff; font-weight: 700; line-height: 30px; margin-top: 20px; margin-bottom: 20px;}
.bannbullet {margin: 0 auto; width: 28px; height: 3px; background-color: #fff;}
.bannstxt {font-size: 15px; color: #9ec5e0; font-weight: 400; line-height: 18px; letter-spacing: -0.5px; margin-top: 20px;}
.bannstxt2 {color: #a6bbd2;}
.bannstxt3 {color: #f9eebb;}
.bannstxt4 {color: #fdd5c5;}

/* board_exbox */
.board_exbox {float: left; width: 100%;}
.board_exarea {margin: 0 auto; width: 100%;}
.board_type_box {float: left; width: 100%; height: 86px; padding: 0 3% 0 2%; box-sizing:border-box; background-size: 10%; border-bottom: 1px solid #dfdede; border-right: 0;}
.board_type_title {float: left; width: 18%; font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 2.375em; color: #464545; font-weight: 700; line-height: 86px; margin-right: 2%;}
.board_type_area {float: left; width: 61%; /* ÀÚµ¿ÁÙ¹Ù²Þ ¾ÈµÊ_¸»ÁÙÀÓ ¼û±â±â ---> */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* ÀÚµ¿ÁÙ¹Ù²Þ ¾ÈµÊ_¸»ÁÙÀÓ ¼û±â±â */ padding-left: 3%; margin-top: 4%; border-left: 1px solid #ccc;}
.board_type_list {width: 100%; height: 30px; overflow: hidden;}

.rolling {position: relative; width: 100%; height: auto;}
.rolling li {width:100%; height: 30px; line-height: 30px;}
.rolling li a {display: block; font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 2.000em; color: #7a7a7a; font-weight: 400;}
.rolling li a:hover {color: #fff; text-decoration: underline;}
.board_btnmore {float: right; margin-top: 25px;}
.board_btnmore li a img {width: 120%;}

/* customer_area */
.board_type_box2 {display: none;}

/* call_kakao */
.mobilemain_customer_box {float: left; width: 100%; margin-top: 1.4%; margin-bottom: 1.4%;}
.main_customer_callarea {margin: 0 auto; width: 97.22222222222222%;}
.main_customer_callarea ul {float: left; width: 100%; height: 110px; background: url(../img/wowweb/images/m_phonecenter_bg.jpg) no-repeat; background-size: 100% 100%;}
.main_customer_callarea ul li a {display: block; width: 100%; font-family:"³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 2.625em; color: #fff; font-weight: bold; letter-spacing: 1px; padding: 5% 0 4.5% 45%; box-sizing:border-box;}

.main_customer_kakaotalkarea {margin: 0 auto; width: 97.22222222222222%;}
.main_customer_kakaotalkarea ul {float: left; width: 100%; height: 135px; margin-top: 1.4%; background: url(../img/wowweb/images/m_kakaotalk_bg.jpg) no-repeat; background-size: 100% 100%;}
.main_customer_kakaotalkarea ul li a {display: block; width: 100%; font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; color: #000; padding: 4% 0 3.5% 30%; box-sizing:border-box;}
.kakaotalk_title {font-size: 1.563em; font-weight: 400;}
.kakaotalk_id {font-size: 3.125em; font-weight: 700; letter-spacing: 1px;}

}

/* --------------------------------------------------------------------------- wowweb_pc css ----------------------------------------------------------------------------------- */
@media screen and (min-width:1280px) {

/* mainvisual_slide */
.main_visualbox {float: left; width: 100%; height: 790px; background: #000; min-width: 1200px;}
.swiper-container {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide {font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; background-size: cover; background-position: center;}
.gallery-top {height: 585px; width: 100%;}
.gallery-thumbs {height: 205px; box-sizing: border-box;}
.gallery-thumbs .swiper-slide {height: 100%; opacity: 0.6;}
.gallery-thumbs .swiper-slide-active {opacity: 1;}

.thumb_txtbg {width: 100%; height: 45px; font-size: 18px; color: #fff; line-height: 43px; text-align: center; background-color: #cc0001;}
.thumb_txtbg2 {background-color: #056eb9;}
.thumb_txtbg3 {background-color: #f38a01;}
.thumb_txtbg4 {background-color: #f45111;}
.slide_txtbox {position: absolute; width: 100%; top: 170px; left: 0; z-index: 10;}
.slide_txtarea {margin: 0 auto; width: 1200px;}

.swiper-slide .slide_titleeng {font-size: 34px; color: #fff; font-weight: 400; line-height: 40px; text-align: center; text-shadow: 2px 2px 2px #333; margin-bottom: 10px;}
.swiper-slide .slide_title {font-size: 44px; color: #fff; font-weight: 700; line-height: 44px; text-align: center; text-shadow: 2px 2px 2px #333;}
.swiper-slide .slide_subtitle {font-size: 20px; color: #fff; font-weight: 400; line-height: 30px; text-align: center; text-shadow: 2px 2px 2px #333; margin-top: 20px;}
.swiper-slide .slide_morebtn {margin: 0 auto; width: 145px; margin-top: 40px;}
.swiper-slide .slide_morebtn a {font-family:"Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; display: inline-block; width: 100%; height: 38px; font-size: 15px; color: #fff; font-weight: 300; line-height: 38px; padding-left: 19px; background: #cc0001 url(../img/wowweb/images/slide_morebtn.png) no-repeat 120px center; box-sizing:border-box; transition: all 0.5s ease;}
.swiper-slide .slide_morebtn a:hover {background: #000 url(../img/wowweb/images/slide_morebtn.png) no-repeat 120px center;}

/* business_guidebox */
.business_guidebox {float: left; width: 100%; margin-top: 60px;}
.contant_title_box {float: left; width: 100%;}
.contant_title_area .titlebullet {margin: 0 auto; width: 50px; height: 3px; background-color: #252525;}
.contant_title_area .contant_title {font-family: "Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 30px; color: #1b1b1b; line-height: 30px; font-weight: 700; text-align: center; margin-top: 25px;}

.banner_box {float: left; width: 100%; margin-top: 33px;}
.vision_area a {display: block; width: 100%; font-family: "Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif;}
.vision_area a figure {float: left; width: 25%; height: 320px; margin: 0; padding: 0; overflow: hidden;}
.banner_thumb {width: 100%; height: 100%;}
.vision_area a figure .banner_thumb img {width: 100%; height: 100%; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.vision_area a:hover figure img, .vision_area a:focus figure img {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.vision_area .banner_infocon {float: left; width: 25%; height: 320px; font-family: "Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; text-align: center; padding: 45px 15px; background-color: #cc0001; box-sizing:border-box; transition: all 0.5s ease;}
.vision_area .banner_infocon li:nth-child(1) {font-size: 30px; color: #fff; font-weight: 700; line-height: 34px; margin-bottom: 15px;}
.vision_area .banner_infocon li:nth-child(2) {margin: 0 auto; width: 36px; height: 3px; background-color: #fff;}
.vision_area .banner_infocon li:nth-child(3) {font-size: 20px; color: #fff; font-weight: 500; line-height: 24px; letter-spacing: -0.5px; margin-top: 15px;}
.vision_area .banner_infocon li:nth-child(4) {font-size: 13px; color: #fff; font-weight: 400; line-height: 18px; margin-top: 15px;}
.vision_area .banner_infocon li:nth-child(5) {margin: 0 auto; display: block; width: 100px; height: 35px; font-size: 13px; color: #fff; font-weight: 300; line-height: 33px; text-align: center; margin-top: 30px; background-color: #950001; border: 1px solid #7a0808;}
.vision_area a:hover .banner_infocon {background-color: #0a0a0a;}
.vision_area a:hover .banner_infocon:after {border-right: 15px solid #5b5bdc; transition: all 0.5s ease;}
.vision_area a:hover .banner_infocon li:nth-child(5) {color: #fff; background-color: #474747; border: 1px solid #757575; transition: all 0.5s ease;}
.titlebold {color: #cc0001;}

.business_area {float: left; width: 50%; height: 320px; background: url(../img/wowweb/images/business_bg.jpg) no-repeat center top;}
.business_infobox li {float: left; width: 100%; height: 100%;}
.business_infobox li a {display: block; width: 100%; height: 320px; text-align: center; padding-top: 55px; box-sizing:border-box; transition: all 0.5s ease;}
.business_infobox li a:hover {background-color: rgba(0,0,0,0.4);}
.bann_titletxt {font-size: 24px; color: #fff; font-weight: 600; line-height: 24px; margin-top: 20px; margin-bottom: 20px;}
.bann_subtxt {font-size: 14px; color: #fff; font-weight: 400; line-height: 20px; text-align: center;}
.bann_morebtn {margin: 0 auto; width: 145px; height: 38px; font-size: 14px; color: #fff; font-weight: 300; line-height: 37px; text-align: center; margin-top: 30px; border: 1px solid #cecece; box-sizing: border-box;}
.business_infobox li a:hover .bann_morebtn {background-color: rgba(0,117,203,0.4); transition: all 0.5s ease;}

/* shortcut_box */
.shortcut_box {float: left; width: 100%;}
.shortcut_bann01 {float: left; width: 25%; height: 270px; text-align: center; background-color: #056eb9;}
.shortcut_bann02 {background-color: #264b73;}
.shortcut_bann03 {background-color: #e4850a;}
.shortcut_bann04 {background-color: #e64e13;}
.shortcut_bann01 li {float: left; width: 100%; height: 270px;}
.shortcut_bann01 li a {display: block; width: 100%; height: 100%; padding: 40px 15px 0; box-sizing:border-box; transition: all 0.5s ease;}
.shortcut_bann01 li a:hover {background-color: #0a0a0a;}
.shortcut_bann01 li a:hover .bannstxt {color: #fff;}

.banntitle {font-size: 24px; color: #fff; font-weight: 700; line-height: 30px; margin-top: 20px; margin-bottom: 20px;}
.bannbullet {margin: 0 auto; width: 36px; height: 3px; background-color: #fff;}
.bannstxt {font-size: 12px; color: #9ec5e0; font-weight: 400; line-height: 18px; margin-top: 20px;}
.bannstxt2 {color: #a6bbd2;}
.bannstxt3 {color: #f9eebb;}
.bannstxt4 {color: #fdd5c5;}

/* board_exbox */
.board_exbox {float: left; width: 100%;}
.board_exarea {margin: 0 auto; width: 1200px;}
.board_type_box {float: left; width: 50%; height: 70px;}
.board_type_title {float: left; font-family: "Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 18px; color: #171818; font-weight: 500; line-height: 70px; margin-right: 20px;}
.board_type_title2 {margin-left: 15px;}
.board_type_area {float: left; width: 66%; padding-left: 15px; margin-top: 21px; border-left: 1px solid #ccc;}
.board_type_list {width: 100%; height: 30px; overflow: hidden;}

.rolling {position: relative; width: 100%; height: auto;}
.rolling li {width:100%; line-height: 30px;}
.rolling li a {display: block; font-family: "Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 15px; color: #7a7a7a; font-weight: 400;}
.rolling li a:hover {color: #e00203; text-decoration: underline;}
.board_output_11_tr {float: left; width: 100%;}
.board_btnmore {float: right; margin-top: 20px;}
.board_btnmore2 {margin-right: 20px;}

/* customer */
.customer_area {float: left; width: 80%; padding-left: 15px; margin-top: 20px; border-left: 1px solid #ccc;}
.customer_list {width: 100%; height: 30px;}
.customer_list li {font-family: "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; font-size: 15px; color: #7a7a7a; font-weight: 400; line-height: 30px;}
.customer_list li span {margin-right: 15px;}
.callnumber {color: #a10b0f; font-weight: bold;}
.customer_list li span b {color: #000;}

/* call_kakao */
.mobilemain_customer_box {display: none;}

}

/* banner_box_1920 ÇØ»óµµ */
@media screen and (min-width:1920px) {

/* business_guidebox */
.banner_box {float: left; width: 100%; margin-top: 33px;}
.vision_area a {display: block; width: 100%; font-family: "Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif;}
.vision_area a figure {float: left; width: 25%; height: 415px; margin: 0; padding: 0; overflow: hidden;}
.banner_thumb {width: 100%; height: 100%;}
.vision_area a figure .banner_thumb img {width: 100%; height: 100%; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.vision_area a:hover figure img, .vision_area a:focus figure img {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.vision_area .banner_infocon {float: left; width: 25%; height: 415px; font-family: "Noto Sans KR", "³ª´®°íµñ", Nanum Gothic, "¸¼Àº°íµñ", malgun gothic, arial, "µ¸¿ò", dotum, sans-serif; text-align: center; padding: 62px 0 30px; background-color: #cc0001; box-sizing:border-box; transition: all 0.5s ease;}
.vision_area .banner_infocon li:nth-child(1) {font-size: 34px; color: #fff; font-weight: 500; line-height: 34px; margin-bottom: 35px;}
.vision_area .banner_infocon li:nth-child(2) {margin: 0 auto; width: 36px; height: 3px; background-color: #fff;}
.vision_area .banner_infocon li:nth-child(3) {font-size: 24px; color: #fff; font-weight: 500; line-height: 24px; margin-top: 35px;}
.vision_area .banner_infocon li:nth-child(4) {font-size: 15px; color: #fff; font-weight: 300; line-height: 22px; margin-top: 15px;}
.vision_area .banner_infocon li:nth-child(5) {margin: 0 auto; display: block; width: 130px; height: 45px; font-size: 15px; color: #fff; font-weight: 300; line-height: 43px; text-align: center; margin-top: 30px; background-color: #950001; border: 1px solid #7a0808;}
.vision_area a:hover .banner_infocon {background-color: #0a0a0a;}
.vision_area a:hover .banner_infocon:after {border-right: 15px solid #5b5bdc; transition: all 0.5s ease;}
.vision_area a:hover .banner_infocon li:nth-child(5) {color: #fff; background-color: #474747; border: 1px solid #757575; transition: all 0.5s ease;}
.titlebold {font-weight: 700;}

.business_area {float: left; width: 50%; height: 415px; background: url(../img/wowweb/images/business_bg.jpg) no-repeat center top;}
.business_infobox li {float: left; width: 100%; height: 100%;}
.business_infobox li a {display: block; width: 100%; height: 415px; text-align: center; padding-top: 90px; box-sizing:border-box; transition: all 0.5s ease;}
.business_infobox li a:hover {background-color: rgba(0,0,0,0.4);}
.bann_titletxt {font-size: 30px; color: #fff; font-weight: 600; line-height: 30px; margin-top: 25px; margin-bottom: 20px;}
.bann_subtxt {font-size: 16px; color: #fff; font-weight: 400; line-height: 24px; text-align: center;}
.bann_morebtn {margin: 0 auto; width: 145px; height: 38px; font-size: 14px; color: #fff; font-weight: 300; line-height: 37px; text-align: center; margin-top: 30px; border: 1px solid #cecece; box-sizing: border-box;}
.business_infobox li a:hover .bann_morebtn {background-color: rgba(0,117,203,0.4); transition: all 0.5s ease;}

/* shortcut_box */
.shortcut_box {float: left; width: 100%;}
.shortcut_bann01 {float: left; width: 25%; height: 325px; text-align: center; background-color: #056eb9;}
.shortcut_bann02 {background-color: #264b73;}
.shortcut_bann03 {background-color: #e4850a;}
.shortcut_bann04 {background-color: #e64e13;}
.shortcut_bann01 li {float: left; width: 100%; height: 325px;}
.shortcut_bann01 li a {display: block; width: 100%; height: 100%; padding: 50px 15px; box-sizing:border-box; transition: all 0.5s ease;}

.banntitle {font-size: 30px; color: #fff; font-weight: 700; line-height: 30px; margin-top: 40px; margin-bottom: 30px;}
.bannbullet {margin: 0 auto; width: 36px; height: 3px; background-color: #fff;}
.bannstxt {font-size: 15px; color: #9ec5e0; font-weight: 400; line-height: 22px; margin-top: 20px;}
.bannstxt2 {color: #a6bbd2;}
.bannstxt3 {color: #f9eebb;}
.bannstxt4 {color: #fdd5c5;}

}