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

/* mainvisual_slide */
.main_visualbox {float: left; width: 100%; height: 320px; background: #000;}
.swiper-container {width: 100%; height: 100%;}
.swiper-slide {text-align: center; font-size: 18px; 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;}

.slide_txtbox {position: absolute; width: 100%; top: 0; z-index: 2;}
.slide_txtarea {margin: 0 auto; width: 100%;}
.slogan_txt {font-family: "Noto Sans KR", sans-serif; text-align: center; padding-top: 38%; box-sizing: border-box;}
.slide_titlekor {font-size: 22px; color: #fff; font-weight: 700; line-height: 24px; text-shadow: 1px 1px 2px #333; margin-top: 10px;}
.slide_titleeng {font-size: 16px; color: #fff; font-weight: 500; line-height: 14px;}
.slide_subtxt1 {margin: 0 auto; width: 76%; font-size: 14px; color: #fff; font-weight: 400; line-height: 18px; margin-top: 15px;}
.slide_subtxt1 br {display: none;}

.swiper-pagination-bullet {width: 18px !important; height: 18px !important; display: inline-block; border-radius: 100%; background: rgba(255,255,255,0.4) !important; border: 2px solid #fff; box-sizing:border-box;}
.swiper-pagination-white .swiper-pagination-bullet-active {background: #ed1c24 !important; border: none;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 5% !important;}
.swiper-button-prev, .swiper-button-next {display: none;}

/* mainmiddle_common */
.mainmiddle_box {float: left; width: 100%; z-index: 20;}
.contents_area {margin: 0 auto; width: 100%;}

/* banner_left */
.left_banner {float: left; width: 100%; height: 460px;}
.leftbann_con {position: relative; width: 100%; overflow: hidden;}
.leftbann_con .imgarea {height: 460px; background: url(../img/wowweb/images/product_bg.jpg) no-repeat center top; background-size: 100% 100%;}
.leftbann_con .txtArea {position: absolute; top: 0; color: #fff; width: 100%;}
.leftbann_con .txtArea a {display: block; width: 100%; height: 460px; color: #fff; padding: 33px; box-sizing: border-box; transition: all 0.5s ease;}
.leftbann_con .txtArea li:nth-child(1) {font-size: 24px; font-weight: 700; line-height: 24px;}
.leftbann_con .txtArea li:nth-child(2) {width: 25px; height: 2px; margin: 23px 0 22px 2px; background-color: #fff;}
.leftbann_con .txtArea li:nth-child(3) {font-size: 16px; font-weight: 400; line-height: 22px;}
.leftbann_con .txtArea a:hover {background-color: rgba(0,0,0,0.6);}
.bann_morebtn {float: left; width: 145px; height: 38px; font-size: 14px; color: #fff; font-weight: 300; line-height: 37px; padding-left: 20px; margin-top: 30px; background: url(../img/wowweb/images/slide_morebtn.png) no-repeat 120px center; border: 1px solid #cecece; box-sizing: border-box;}
.leftbann_con .txtArea a:hover .bann_morebtn {background-color: rgba(0,117,203,0.4); transition: all 0.5s ease;}

/* midd_banner */
.midd_banner_area {float: left; width: 100%; height: 460px;}
.top_banner {position: relative; float: left; width: 100%; overflow: hidden;}
.top_banner .imgarea {display: block; height: 230px; background: url(../img/wowweb/images/recruit_bg.jpg) no-repeat center top; background-size: 100% 100%;}
.top_banner .txtArea {position: absolute; top: 0; color: #fff; width: 100%;}
.top_banner .txtArea a {display: block; width: 100%; height: 230px; color: #fff; padding: 33px; box-sizing: border-box; transition: all 0.5s ease;}
.top_banner .txtArea li:nth-child(1) {font-size: 24px; font-weight: 700; line-height: 24px;}
.top_banner .txtArea li:nth-child(2) {width: 25px; height: 2px; margin: 23px 0 22px 2px; background-color: #fff;}
.top_banner .txtArea li:nth-child(3) {font-size: 16px; font-weight: 400; line-height: 22px;}
.top_banner .txtArea a:hover {background-color: rgba(0,0,0,0.6);}

.mainlink {float: left; width: 100%; height: 230px;}
.mainlink .linkbox {display: block; float: left; width: 50%; height: 115px; font-size: 16px; font-weight: 500; line-height: 115px; letter-spacing: -0.5px; padding-left: 98px; position: relative; box-sizing: border-box; transition: all 0.5s ease;}
.mainlink .link1 {background: #2c559e url(../img/wowweb/images/shortcut_ico1.png) no-repeat 15% center; color: #fff; box-sizing: border-box;}
.mainlink .link1:hover {background: #032e7a url(../img/wowweb/images/shortcut_ico1.png) no-repeat 15% center;}
.mainlink .link2 {background: #fff url(../img/wowweb/images/shortcut_ico2.png) no-repeat 15% center; color: #464444; line-height: 20px; padding-top: 37px;}
.mainlink .link2:hover {background: #eeeeee url(../img/wowweb/images/shortcut_ico2.png) no-repeat 15% center; color: #192e7c;}
.mainlink .link3 {background: #e9e9ed url(../img/wowweb/images/shortcut_ico3.png) no-repeat 18% center; color: #2f2e2e;}
.mainlink .link3:hover {background: #a7bfec url(../img/wowweb/images/shortcut_ico3.png) no-repeat 18% center; color: #192e7c;}
.mainlink .link4 {background: #7575ae url(../img/wowweb/images/shortcut_ico4.png) no-repeat 15% center; color: #fff;}
.mainlink .link4:hover {background: #42428e url(../img/wowweb/images/shortcut_ico4.png) no-repeat 15% center;}

/* right_boardoutput */
.right_boardoutput {float: left; width: 100%; background-color: #fff;}
.board_extract_box {float: left; width: 100%;}
.board_notice_area {float: left; width: 100%; height: auto; padding: 7% 5% 7%; box-sizing: border-box;}
.board_notice_area2 {background-color: #8ea7d4;}
.notice_title {float: left; width: 100%;}
.notice_title li.board_title {float: left; font-size: 22px; color: #464545; font-weight: 500; line-height: 22px; margin-top: 12px;}
.notice_title li.board_title2 {color: #fff;}
.board_morebtn {float: right; width: 40px;}

.board_listbox {float: left; width: 100%; margin-top: 25px;}
.board_listbox .board_output {float: left; width: 100%;}
.board_listbox table table tr td {line-height: 26px;}
.board_listbox table table tr td:nth-child(1) {display: none;}
.board_listbox table table tr td:nth-child(2) {float: left; width: 74%;}
.board_listbox table table tr td:nth-child(2) a {display: inline-block; width: 100%; font-size: 14px; color: #777777; font-weight: 400;}
.board_listbox table table tr td:nth-child(2) a:hover {color: #0075cb; text-decoration: underline;}
.board_listbox table table tr td:nth-child(3) {float: right; width: 20%; font-size: 13px; color: #706f6f; font-weight: 300; letter-spacing: -0.5px; text-align: right;}

.board_listbox2 table table tr td:nth-child(2) a {color: #d5e2f8;}
.board_listbox2 table table tr td:nth-child(2) a:hover {color: #fff;}
.board_listbox2 table table tr td:nth-child(3) {color: #bcceee;}

/* 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", sans-serif; font-size: 1.500em; color: #fff; font-weight: bold; padding: 5% 0 4.5% 45%; box-sizing:border-box;}
.main_customer_kakaotalkarea {display: none;}

/*
.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:"Nanum Gothic", 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;}
*/

}