@charset "utf-8";
html {overflow: auto;}
.-common{display: block;}
sub{vertical-align: 0px;font-size: 11px;}
.inner{margin: 0 auto;width: 100%;max-width: 1110px;padding:0 7px;}
.inner:after{content: ''; display: table; clear: both;}
.inner2{margin: 0 auto;width: 100%;max-width: 1240px;padding: 0 7px;}
.inner2:after{content: ''; display: table; clear: both;}
/*header*/
#header {width: 100%;height: 116px;border-bottom: 1px solid #d3d3d3;}
#header .header_inner{max-width: 1240px;width: 100%;margin: 0 auto;}
.logo {float: left;width: 15%; }
.logo a{display: inline-block;height: 100%;padding-top: 45px;}
.close_search{display: none;}
.header_right{float: right;width: 84%;}
.nav_open_btn{display: none;}
.nav_wrap {float: left;width: 84%;}
.nav_wrap:after {content: ""; display: table;clear: both;}
.snb_wrap {display: block;text-align: right;margin-top: 20px;}
.snb_wrap a{display: inline-block;margin-left: 25px;font-size: 14px;text-align: right;color: #262626;}
#pc_gnb {margin-right: 10%;position: relative;}
#pc_gnb:after {content: ''; display: table; clear: both;}
/*
#pc_gnb li{float: left;width: 26%;text-align: center;padding-bottom: 4px;}
#pc_gnb li.gnb_list4 {width: 22%;}
*/
#pc_gnb li{float: left;width: 20%;text-align: center;padding-bottom: 4px;}
#pc_gnb li.gnb_list5 {width: 18%;}
#pc_gnb li a{font-size: 18px;font-weight: 500;text-align: left;color: #333333;display: block;padding-top: 20px;padding-bottom: 20px;padding-left: 3%;}
#pc_gnb li.gnbOn a{position: relative;color: #1d4293;}
#pc_gnb li.gnbOn a:after{position: absolute;left: -1px;
bottom: -2px;content: '';display: inline-block;width: 100%;height: 2px;background-color: #1d4293;-webkit-animation: gnbMenu .2s linear 1 normal;-moz-animation: gnbMenu .2s linear 1 normal;-ms-animation: gnbMenu .2s linear 1 normal;-o-animation: gnbMenu .2s linear 1 normal;animation: gnbMenu .2s linear 1 normal;opacity: 1;
}
/* 마우스 오버 파란색 라인 시작 위치 메뉴별로 수정 color: #1d4293; */
#pc_gnb li.gnb_list2 a:after{left: 0px;}
#pc_gnb li.gnb_list3 a:after{left: 0px;}
#pc_gnb li.gnb_list4 a:after{left: 0px;}
#pc_gnb li.gnb_list5 a:after{left: 0px;}
@keyframes gnbMenu {from {width: 0;opacity: 0;}to {width: 100%;opacity: 1;}}@-moz-keyframes gnbMenu {from {width: 0;opacity: 0;}to {width: 100%;opacity: 1;}}@-webkit-keyframes gnbMenu {from {width: 0;opacity: 0;}to {width: 100%;opacity: 1;}}@-o-keyframes gnbMenu {from {width: 0;opacity: 0;}to {width: 100%;opacity: 1;}}
.nav_close_btn {
display: none;
}
.total_search{float: right;width: 16%;}
.total_search.on{opacity: 1;display: block;}
.total_wrap {position: relative;margin-top: 14px;}
.total_wrap .search_input{border: none;width: 100% ;height: 40px;border-radius: 3px;background-color: #f3f3f3;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-right: 50px;padding-left: 10px;color: #000;}
.total_wrap .totalBtn {display: inline-block;width: 39px;height: 100%;position: absolute;right: 5px;top: 0;background: url(/images/search_btn.png) 50% 44% no-repeat;}
.depth_pc_nav{overflow: hidden;display: none;position: absolute;left: 0;top: 114px;z-index: 999;width: 100%;background-color: #fff;border-bottom: 1px solid #d3d3d3;}
.depth_pc_nav .inner2{height: 100%;}
.nav_inner {position: relative;margin-left: 16%;float: left;width: 79%;height: 100%;}
.nav_inner ul{float: left;padding-top: 5px;width: 16.0%;height: 100%;border-top: 1px solid #dedede;border-right: 1px solid #dedede;padding-bottom: 40px;}
.nav_inner ul.pc_list5{border-right: 0;}
.nav_inner ul li {line-height: 18px;margin-bottom: 15px;}
.nav_inner ul.pc_list5{width: 15.0%;}
/*
.nav_inner ul{float: left;padding-top: 5px;width: 12.8%;height: 100%;border-top: 1px solid #dedede;border-right: 1px solid #dedede;padding-bottom: 40px;}
.nav_inner ul.pc_list5{border-right: 0;}
.nav_inner ul li {line-height: 18px;margin-bottom: 15px;}
.nav_inner ul.pc_list5{width: 13%;}
*/
.nav_inner ul li a{display: block;color: #201f1f;font-weight: 400;padding-left: 2%;} /* font-size:13.2px; */
.nav_inner ul li a:hover{font-weight: 500;color: #1d4293;}
.nav_inner ul li a.subOn{font-weight: 500;color: #1d4293;}
/*slider*/
.visual_wrap {opacity: 0;}
.visual_wrap .slider{position: relative;}
.visual_wrap .bx-wrapper .bx-pager{position: relative;bottom: 60px;margin-top: -40px;}
.visual_wrap .bx-wrapper .bx-pager.bx-default-pager a{width: 20px;height: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;}
.visual_wrap .bx-wrapper .bx-pager.bx-default-pager a{margin: 0 13px;}
.visual_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, .visual_wrap .bx-wrapper .bx-pager.bx-default-pager a.active, .visual_wrap .bx-wrapper .bx-pager.bx-default-pager a:focus{background:#1d4293}
.visual_wrap .bx-wrapper .bx-pager.bx-default-pager a{background: #fff;}
/*--------*/
.visual_title {position: absolute;left: 50%;top: 50%;width: 1110px;text-align: center;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 99;}
.visual_title p{font-stretch: normal;color: #f2f2f2;-webkit-text-shadow:5.3px 2.7px 10px rgba(42, 42, 42, 0.93) ;-moz-text-shadow:5.3px 2.7px 10px rgba(42, 42, 42, 0.93) ;-ms-text-shadow:5.3px 2.7px 10px rgba(42, 42, 42, 0.93) ;-o-text-shadow:5.3px 2.7px 10px rgba(42, 42, 42, 0.93) ;text-shadow:5.3px 2.7px 10px rgba(42, 42, 42, 0.93) ;}
/*
.visual_title {position: absolute;left: 50%;top: 50%;width: 1110px;text-align: center;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 99;}
.visual_title p{font-stretch: normal;color: #f2f2f2;-webkit-text-shadow: 4px 2px 3px #000000;-moz-text-shadow: 4px 2px 3px #000000;-ms-text-shadow: 4px 2px 3px #000000;-o-text-shadow: 4px 2px 3px #000000;text-shadow: 4px 2px 3px #000000;}
*/
/*
.visual_title {position: absolute;left: 50%;top: 50%;width: 1110px;text-align: center;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 99;}
.visual_title p{font-stretch: normal;color: #f2f2f2; text-shadow:-1px -1px 2px #000,1px -1px 2px #000,-1px 1px 2px #000,1px 1px 2px #000; }
*/
.visual_title p.title1{margin-bottom: 13px;font-size: 57px;font-weight: 500;font-family: "Helvetica Neue", "Segoe UI", Sans-Serif;}
.visual_title p.title2{font-size: 36px;font-weight: 300;}
.visual_title p.shadow1{-webkit-text-shadow: 4px 2px 3px #000000;-moz-text-shadow: 4px 2px 3px #000000;-ms-text-shadow: 4px 2px 3px #000000;-o-text-shadow: 4px 2px 3px #000000;text-shadow: 4px 2px 3px #000000;}
.visual_title p.shadow2{text-shadow:-1px -1px 2px #000,1px -1px 2px #000,-1px 1px 2px #000,1px 1px 2px #000;}
.visual_wrap .bx-wrapper .bx-controls-direction a{width: 94px;height: 94px;display:none;}
.visual_wrap .bx-controls .bx-prev{opacity: 0.7;top: 48%;left: 8%;background: url(/images/visual_prev.png) 50% 50% no-repeat;-webkit-background-size: 100%;background-size: 100%;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.visual_wrap .bx-controls .bx-next{opacity: 0.7;top: 48%;right: 8%;background: url(/images/visual_next.png) 50% 50% no-repeat;-webkit-background-size: 100%;background-size: 100%;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.visual_wrap .bx-controls .bx-prev:hover{opacity: 1;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.visual_wrap .bx-controls .bx-next:hover{opacity: 1;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.main_tap_wrap .tab_title {text-align: center;width: 100%; height: 70px;background-color: #f0f0f0;margin-top: -2px;}
.main_tap_wrap .tab_title .inner{position: relative;height: 100%;}
.tab_title button {display: inline-block;margin-right: 30px;padding: 0 4px 0;width: auto;height: 100%;font-size: 18px;font-weight: 500;color: #000000;border: none;background: none;height: 100%;height: 68px;}
.tab_title button:last-child {margin-right: 0;}
.tab_title button.tab_sub3 {margin-right: 0;}
.tab_title button.tab_on {border-bottom: 2px solid #a5a8a8;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.tab_title button.tab_on.tab_sub2 {border-bottom: 2px solid #184598;}
.tab_title button.tab_on.tab_sub3 {border-bottom: 2px solid #049794;}
.tab_content {margin-top: 14px;margin-bottom: 17px;}
.tab_content ul {display: none;}
.tab_content ul.tabC_on {display: block;}
.tab_content ul li:hover .notice_title a {color: #ff6c00;text-decoration: underline;}
.tab_content ul li{border-bottom: 1px solid #f0f0f0;}
.tab_content ul li:last-child{border: none;}
.tab_content .date {display: inline-block;margin-right: 14px;width: 74px;font-size: 15px;color: #929292;vertical-align: middle;}
.tab_content .sub_news {display: inline-block;margin-right: 15px;width: 88px;min-width: 46px;height: 19px;border-radius: 2px;background-color: #184598;font-weight: 300;text-align: center;font-size: 12px;color: #ffffff;line-height: 17px;vertical-align: middle;}
.tab_content .sub_dats {display: inline-block;margin-right: 15px;width: 88px;min-width: 46px;height: 19px;border-radius: 2px;background-color: #a5a8a8;font-weight: 300;text-align: center;font-size: 12px;color: #ffffff;line-height: 17px;vertical-align: middle;}
.tab_content .sub_notice {display: inline-block;margin-right: 15px;min-width: 46px;width: 88px;height: 19px;border-radius: 2px;background-color: #049794;font-weight: 300;text-align: center;font-size: 12px;color: #ffffff;line-height: 17px;vertical-align: middle;}
.tab_content .notice_title {display: inline-block;vertical-align: middle;text-overflow:ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;max-width: 94%;width: 63%;padding-bottom: 7px;padding-top: 7px;}
.tab_content .notice_title a {font-size: 15px;text-align: left;color: #191919;padding: 7px 0;}
.tab_content .notice_title a:hover{text-decoration: underline;}
.product_introduce{background: #00a3bf url(/images/info_bg.jpg) 0 126% repeat-x;padding: 20px 0 20px;text-align: center;}
.intro_title{text-align: center;}
.main_sub_title2 {font-size: 13px;font-weight: 300;text-align: center;color: #9dd2df;margin: 0;}
/*
.main_title2 {font-size: 28px;font-weight: 500;color: #ffffff;margin: 0;line-height: 31px;margin-bottom: 18px;}
*/
.main_title2 {font-size: 26px;font-weight: 500;color: #ffffff;margin: 0;line-height: 31px;margin-bottom: 18px;}
.intro_list {display: inline-block;max-width: 858px;width: 100%;}
.intro_list li {float: left;width: 33.333%;}
.intro_list .icon {margin-bottom: 12px;}
/*
.intro_list .text {word-break: keep-all; margin: 0 auto;font-size: 14px;text-align: center;color: #ffffff;width: 100%;}
*/
.intro_list .text {word-break: keep-all; margin: 0 auto;font-size: 15px;text-align: center;color: #ffffff;width: 100%;}
.intro_list .text strong {display: block;font-size: 18px;font-weight: 500;display: block;color: #ffffff;}
/*
.intro_list li img{width: 65px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.intro_list li:hover img{width: 75px; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;margin-top: -10px;}
*/
.intro_list li img{width: 75px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.intro_list li:hover img{width: 85px; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;margin-top: -10px;}
.intro_list li:hover .text{color: #d8d8d8;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.intro_list li:hover .text strong{color: #d8d8d8;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.project_wrap{position: relative;width: 100%;max-width: 1110px;margin: 20px auto 20px auto;text-align: center;}
.project_wrap .bx-wrapper .bx-next{background: url(/images/product_next.png) 50% 50% no-repeat;}
.project_wrap .bx-wrapper .bx-prev{background: url(/images/product_prev.png) 50% 50% no-repeat;}
.slider2 li {position: relative;background-color: #fff;}
.slider2 li:hover img{ opacity: 0.8;}
.slider2 li img {border: 1px solid #eee;margin: 0 auto;text-align: center;}
.slider2 .product_title {position: absolute;left: 50%;top: 50%;width: 100%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-shadow: -2px 1px 0px rgb(42, 42, 42);font-size: 21px;font-weight: 500;color: #ffffff;text-align: center;}
.custom_support{text-align: center;padding: 20px 0;background-color: #f8f3e0;}
.custom_title {text-align: center;}
/*
.custom_title .title1 {font-size: 28px;font-weight: 500;text-transform: capitalize;color: #303030;}
*/
.custom_title .title1 {font-size: 26px;font-weight: 500;text-transform: capitalize;color: #303030;}
.support_list {display: inline-block;margin-top: 20px;}
.support_list li{float: left;margin-right: 65px;display: table;width: 146px;height: 154px;border-radius: 15px;background-color: #fff;text-align: center;}
.support_list li:last-child{margin-right: 0;}
.support_list li:nth-child(2) .img img{margin-left: 7px;}
.support_list a {display: table-cell;vertical-align: middle;}
.support_list .img {position: relative;height: 70px;}
/*
.support_list .img img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;width: 63px;position: absolute;top: 46%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.support_list li:hover .img img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;width: 69px;}
*/
.support_list .img img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;width: 69px;position: absolute;top: 46%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.support_list li:hover .img img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;width: 75px;}
.support_list strong {display: block;margin-top: 10px;font-size: 18px;font-weight: 500;text-align: center;color: #373737;line-height: 24px;}
.support_list li:hover strong {color: #1e3f93;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.tab_on{display: block;}
.banner_wrap {padding-top: 25px;padding-bottom: 10px;background-color: #eee;}
.banner_wrap li {float: left;margin-bottom: 14px;width: 15.1676%;margin-right: 1%;text-align: center;}
/*
.banner_wrap li:first-child{margin-left: 0px;}
.banner_wrap li:nth-child(7) {margin-left: 0px;}
.banner_wrap li {float: left;margin-bottom: 14px;width: 162px;margin-left: 24.5px;}
*/
.banner_wrap li a {}
.banner_wrap li a img {width: 163px;height: 56px;}
.banner_wrap .text{font-size: 12px;color: #2a2a2a;}
#footer{padding: 25px 0;background-color: #464646;}
.fnb_wrap {float: right;margin-top: 10px;}
.fnb_wrap a {position: relative;margin-right: 15px;font-size: 13px;color: #afafaf;}
.fnb_wrap a:last-child {margin-right: 0;font-weight: 500;}
.fnb_wrap a:after {position: absolute;top: 5px;right: -9px;content: '';display: inline-block;width: 1px;height: 12px;background: #afafaf;}
.fnb_wrap a:last-child:after {display: none;}
.address {float: left;}
.address p {font-size: 15px;text-align: left;color: #999999;line-height: 25px; }
.mb_total_btn{display: none;}
.top_btn{position: fixed;bottom: 20px;right: -100%;display: none;background: none;border: 0;z-index: 99;text-align: right;}
.more_btn{position: absolute;right: 0;display: inline-block;padding-right: 13px;background: url(/images/arrow1.png) 81% 47% no-repeat ;width: 80px;height: 22px;border-radius: 11px;background-color: #ffffff;font-size: 13px;font-weight: 300;text-align: center;color: #242424;margin-top: 24px;}
.depth_mb_nav{display: none;width: 100%;height: 100%;overflow: auto;}
.total_menu{position: relative;display: inline-block;border: none;background: none;float: right;z-index: 9;margin-top: -50px;z-index: 99;display: inline-block;width: 30px;height: 30px;margin-right: 3%;}
.total_menu.on{background: url(/images/total_menu_on.png) 50% 50% no-repeat;}
.total_menu.off{background: url(/images/total_menu_off.png) 50% 50% no-repeat;}
.nav_inner ul li.menu_more{background-color: #1d4293;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;margin-top: 7px;margin-left: 5px;margin-right: 5px;}
.nav_inner ul li.menu_more:hover{background-color: #089a90;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.nav_inner ul li.menu_more a{color: #fff;display: inline-block;text-align: center;margin-right: 0;width: 98%;height: 32px;line-height: 32px;}
.nav_inner ul li.menu_more a:hover{font-weight: normal;}
.plus_icon{display: inline-block;background: url(/images/plus_icon.png) 50% 50% no-repeat;width: 11px;height: 11px;-webkit-background-size: 10px;
background-size: 10px;margin-right: 5px;}
.nav_bg_on{background-color: #f9f9f9;}
.popup_content{overflow: auto;padding: 60px 40px 210px;}
.popup_content p{font-weight: 400;color: #333; }
.popup_footer{position: absolute;background-color: #000;text-align: right;left: 0;bottom: 0;width: 100%;padding: 7px;}
.popup_box .popup_title{font-size: 28px;color: #193895;font-weight: 400;margin-bottom: 30px;}
.divpop {display:none;position: fixed;top: 0;left: 0;z-index: 99999;width: auto;height: auto;min-width: 300px;min-height: 280px;background: #fff url(/images/poup_bg1.jpg) 50% 100% no-repeat;border: 1px solid #8d8d8d;-webkit-background-size: 100%;background-size: 100%; }
.title_area {font-weight:bold;text-align:center;width:100%}
.button_area {position:absolute;bottom:0;left:10px;}
#todaycloseyn{color: #fff;display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin-right: 5px;}
.today_close{color: #fff;display: inline-block;vertical-align: middle;margin-right: 10px;}
.popupClose{color: #fff;background: none;border: 0;height: 30px;background-color: #393939;padding: 0 10px;vertical-align: middle;}
.popup_box{position: relative;height: 100%;}
#-coding{display: block;}
@media (max-width:1200px){
.visual_title p.title1{font-size: 51px;}
.visual_title p.title2{font-size: 36px;}
}
@media (max-width:1100px){
/* .banner_wrap li{width: 24%;} */
.banner_wrap li{width: 22%;}
.banner_wrap li:nth-child(6n){float: left;clear: inherit;}
}
@media (max-width:1024px){
.snb_wrap.fadein{ display: block;-webkit-animation: fadein .3s linear 1 normal;-moz-animation: fadein .3s linear 1 normal;-ms-animation: fadein .3s linear 1 normal;-o-animation: fadein .3s linear 1 normal;animation: fadein .3s linear 1 normal;opacity: 1;}
@keyframes fadein {0%{opacity: 0;}100% {opacity: 1;}}@-moz-keyframes fadein {0%{opacity: 0;}100% {opacity: 1;}}@-webkit-keyframes fadein {0%{opacity: 0;}100% {opacity: 1;}}@-o-keyframes fadein {0%{opacity: 0;}100% {opacity: 1;}}
.inner{padding: 5px 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.nav_inner{margin-left: 18%;text-align: left;width: 100%;}
#pc_gnb{margin-right: 0;}
.nav_inner ul{width: 12.2%;display: inline-block;vertical-align: top;float: left;}
.nav_inner ul.pc_list5{width: 11.5%;}
.nav_inner ul li{letter-spacing: -1px;}
#pc_gnb li.gnb_list5{width: 18%;}
.nav_inner ul li a{font-size: 13.5px;padding: 0;padding-left: 5px;}
.nav_inner ul li.menu_more a{font-size: 12px;}
.logo {float: left;width: 18%; margin-top: 11px;}
.logo img {width: 90%; }
.banner_wrap .text{line-height: 14px;}
#pc_gnb li{width: 20%;}
.more_btn{margin-top: 21px;}
.intro_list .icon img{max-width: 65px;}
/* 마우스 오버 파란색 라인 시작 위치 메뉴별로 수정 color: #1d4293; */
#pc_gnb li.gnb_list2 a:after{left: -2px;}
#pc_gnb li.gnb_list3 a:after{left: -3px;}
#pc_gnb li.gnb_list4 a:after{left: -4px;}
#pc_gnb li.gnb_list5 a:after{left: -5px;}
.header_right{text-align: right;width: 82%;}
.visual_title {top: 45%;}
.visual_title p.title1{font-size: 239%;margin-bottom: 10px;}
.visual_title p.title2{font-size: 175%;}
.visual_wrap .bx-wrapper img{width: 133%;max-width: inherit;position: relative;left: -16%;}
.visual_wrap .bx-wrapper .bx-pager{bottom: 37px;}
.tab_content .notice_title{width: 70%;}
.tab_content .date{margin-right: 1%;}
.tab_content .sub_news{margin-right: 2%;width: 10%;}
.tab_content .sub_dats{margin-right: 2%;width: 10%;}
.tab_content .sub_notice{margin-right: 2%;width: 10%;}
.project_wrap{padding: 0 5px;}
.intro_list{padding: 0 3%;}
.visual_wrap .bx-controls .bx-prev{top: 46%;}
.visual_wrap .bx-wrapper .bx-controls-direction a{width: 77px;height: 69px;}
.intro_list .text{width: 100%;}
.product_introduce{background: #00a3bf url(/images/info_bg.jpg) 0 117% repeat-x;-webkit-background-size: 140px 102px ;
background-size: 140px 102px;}
.support_list{width: 100%;padding: 0 3%;}
.support_list li{width: 22%;margin-right: 2%;height: 156px;}
.main_title2{margin-bottom: 15px;}
#footer{text-align: center;}
.fnb_wrap{float: inherit;}
.fnb_wrap a{font-size: 15px;}
.address{text-align: center;float: inherit;}
.address p{text-align: center;word-break: keep-all}
.address p .mbb{display: block;}
.mb_nav{ overflow: auto;position: fixed;top: 50px;left: 0;padding-bottom: 50px;overflow: auto;height: 100%;background-color: #fff;z-index: 9999;width: 100%;}
.bak_layer{display: none;position: fixed;top: 0;left: 0;height: 100%;background-color: rgba(0, 0, 0, 0.48);z-index: 99;width: 100%;}
.mb_title_btn{display: block;padding: 10px 4% 10px 2%;text-align: left;width: 100%;border: none;background: none;font-size: 18px;color: #00877e;font-weight: 400;border-bottom: 1px solid #e6e6e6;}
.mb_title_btn em{float: right;display: inline-block;margin-top: 6px;width: 15px;height: 15px;}
.mb_title_btn .on{background: url(/images/mb_title_on.png) 50% 50% no-repeat;}
.mb_nav .depth{border-bottom: 1px solid #d2d2d2; background-color: #f3f3f3;font-size: 18px;font-weight: 500;text-align: left;color: #00877e;border-bottom: 0;padding-bottom: 5px;}
.mb_nav .depth .menu_more{background-color: #1d4293;margin-bottom: 8px;}
.mb_nav .depth .menu_more a{color: #fff;}
.mb_nav .depth li a{display: block;font-size: 16px;text-align: left;color: #404040;margin-left: 20px;margin-right: 20px;border-bottom: 1px solid #d2d2d2;padding-top: 6px;padding-bottom: 6px;}
.mb_nav .depth li:last-child a{border-bottom:0;}
.mb_total_btn{border: none;display: inline-block;position: relative;width: 40px;height: 40px;background: url(/images/search_btn.png) 50% 44% no-repeat;display: inline-block;vertical-align: middle;cursor: pointer;margin-top: 13px;}
.total_wrap{margin-top: 17px;display: none;opacity: 0;}
.total_wrap.on{display: block;opacity: 1;}
.total_search{float:none;position: absolute;right: 0;top: 99px;vertical-align: middle;z-index: 99;width: 180px;}
.total_search.on{display: block;opacity: 1;}
.close_search{position: absolute;left: -34px;top: 5px;display: inline-block;width: 30px;height: 30px;background: url(/images/nav_close.png) 50% 50% no-repeat;border: none;}
.nav_wrap{width: 75%;}
.slider2 .product_title{font-size: 18px;}
.total_menu{margin-right: -10%;}
/*.divpop{height: 81%;min-height: 280px;}*/
.popup_content{overflow: auto;height: 100%;}
#-1024{display: block;}
}
@media (max-width:768px){
.depth_pc_nav{display: none;}
.nav_wrap{width: 70%;}
.depth_mb_nav.fadein{ display: block;-webkit-animation: fadein .3s linear 1 normal;-moz-animation: fadein .3s linear 1 normal;-ms-animation: fadein .3s linear 1 normal;-o-animation: fadein .3s linear 1 normal;animation: fadein .3s linear 1 normal;opacity: 1;}
.mb_total_btn{border: none;display: inline-block;position: relative;margin-top: 0;width: 40px;height: 50px;background: url(/images/search_btn.png) 50% 50% no-repeat;display: inline-block;vertical-align: middle;cursor: pointer;}
.tab_title button{margin-right: 5px;}
.more_btn{margin-top: 11px;margin-right: 1%;float: right;position: relative;}
.more_btn a{font-size: 14px;}
.visual_wrap{margin-top: 50px;}
.visual_wrap .bx-wrapper img{width: 133%;max-width: inherit;position: relative;left: -16%;}
.nav_open_btn{z-index: 9;display: inline-block;width: 50px;height: 50px;background: url(/images/mb_nav_btn.png) 50% 50% no-repeat;border: none;vertical-align: middle;-webkit-background-size: 32px;background-size: 32px;}
.visual_title{width: 100%;}
#pc_gnb{display: none;}
#header{height: 50px;position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;background-color: #fff;}
.logo a{padding-top: 0;}
.logo a img{width: 110px;}
.nav_close_btn{display: inline-block;width: 50px;height: 50px;background: url(/images/nav_close_white.png) 50% 50% no-repeat;border: none;position: absolute;right: 10px;top: 0;}
.nav_close_btn:after{display: none;}
.snb_wrap{display: none;position: fixed;top: 0;left: 0;width: 100%;background-color: #299b93;z-index: 999;text-align: center;margin-top: 0;height: 50px;padding-top: 13px;font-size: 14px;color: #4f4f4f;border-bottom: 1px solid #d2d2d2;}
.snb_wrap a{position: relative;color: #fff;}
.snb_wrap a:first-child{margin-left: -20px;}
.snb_wrap a:after{position: absolute;top: 4px;left: -14px;content: '';display: inline-block; width: 1px;height: 12px;background-color: #fff;}
.snb_wrap a:first-child:after{display: none;}
.main_title2{padding-top: 20px;}
.product_introduce{padding: 0 0 0px;background-image: inherit;}
.visual_title p.title1{font-size: 164%;margin-bottom: 0;}
.visual_title p.title2{font-size: 123%;}
.main_tap_wrap .tab_title{height: 50px;}
.intro_list li{width: 100%;}
.intro_list .icon{display: inline-block;width: 20%;vertical-align: middle;margin-top: 7px;margin-bottom: 7px;}
.intro_list .icon img{width: 100%;}
.intro_list .text strong{font-size: 18px;}
.intro_list .text{display: inline-block;margin-bottom: 12px;width: 79%;vertical-align: middle;text-align: left;font-size: 15px;}
.tab_title button{height: 40px;}
.tab_title button:after{content: '';display: inline-block;width: 2px;height: 2px;background-color: #838383;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;vertical-align: 4px;position: relative;right: -6px;}
.tab_title button.tab_sub3:after {display: none;}
.banner_wrap{padding-bottom: 5px;padding-top: 15px;}
.main_title2{padding-top: 8px;padding-bottom: 8px;font-size: 20px;background-color: #0096af;}
.custom_title .title1{font-size: 20px;}
#footer{padding: 11px 0;}
.banner_wrap li{width: 32%;}
.banner_wrap li:nth-child(5n){clear: inherit;}
.support_list .img img{max-width: 80px;max-width: 41px;}
.support_list strong{font-size: 16px;word-break: break-all;margin-top: -10px;}
.top_btn img{width: 74%;}
.total_wrap{margin-top: 9px;}
.intro_txt{font-size: 16px;}
.total_search{top: 43px;}
.tab_content{margin-top: 5px;margin-bottom: 5px;}
.tab_content .date{font-size: 14px;margin-right: 0;}
.tab_content .notice_title{max-width: 55%;width: auto;}
.custom_support{padding: 10px 0;}
.support_list{margin-top: 10px;}
.fnb_wrap a{font-size: 14px;}
.support_list a {padding-left: 10px;padding-right: 10px;}
/*.divpop{width: 80%;}*/
.popup_content{padding: 60px 40px 110px}
.popup_box .popup_title{font-size: 20px;margin-bottom: 10px;}
#-768{display: block;}
}
@media (max-width:640px){
.visual_title p.title1{font-size: 24px;margin-bottom: 8px;word-break: keep-all}
.visual_title p.title2{font-size: 18px;word-break: keep-all}
.visual_wrap .bx-wrapper .bx-pager{bottom: 14px;}
.visual_wrap .bx-wrapper .bx-pager.bx-default-pager a{width: 14px;height: 14px;}
.support_list li{height: 120px; width: 40%; margin-bottom:5px;margin-left:20px;}
.support_list .img{margin-bottom: -6px;}
.banner_wrap li a img{width: auto;height: auto;max-width: 100%}
.banner_wrap li:nth-child(3n+1){clear: both;}
.intro_list .text{padding-left: 15px;}
.visual_wrap .bx-controls .bx-prev{left: 3%;}
.visual_wrap .bx-controls .bx-next{right: 3%;}
.visual_wrap .bx-wrapper .bx-controls-direction a{width: 57px;height: 55px;top: 44%;}
.total_search{width: 51%;}
.intro_list li:hover .text{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;color: #fff;}
.intro_list li:hover .text strong{color: #fff;}
.intro_list li:hover img{margin-top: 0px;-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;}
.project_wrap{padding: 0 20px;}
.project_wrap .bx-wrapper .bx-prev{left: -4%;}
.project_wrap .bx-wrapper .bx-next{right: -4%;}
.slider2 .product_title{font-size: 16px;}
/*.divpop{height: 100%;min-height: inherit;max-height: 600px;width: 100%;}*/
.popup_content{padding: 30px 10px 90px;;}
#-640{display: block;}
}
@media (max-width:479px){
.intro_list .text strong{font-size: 18px;}
.tab_title button{margin-right: 0;font-size: 16px;}
.intro_list .text{width: 75%;}
.intro_list .icon img{max-width: 48px;}
.intro_list li:hover img{-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;margin-top: 0;}
#-479{display: block;}
}
@media (max-width:330px){
.tab_title button{font-size: 13px;}
}
/***** 인재채용 *****/
.recruit_title1 {font-size: 38px; font-weight: 700; color: #009b94; margin-bottom: 64px;}
.recruit_wrapper {display: flex; flex-direction: column; row-gap: 64px;}
.recruit_title2 {max-width: 400px; padding-inline: 26px; padding-bottom: 10px; border-bottom: 2px solid #009b94; font-size: 26px;}
.recruit_title2 span {color: #009b94;}
.recruit_box {padding: 30px;}
.recruit_box .img_wrap {overflow: hidden;}
.recruit_box .img_wrap img {width: 100%; height: 100%; object-fit: cover;}
.recruit_box4 {padding: 4px;}
.recruit_box4 .img_wrap {overflow: hidden;}
.recruit_box4 .img_wrap img {width: 100%; height: 100%; object-fit: cover;}
.recruit_container button {color: #000; background: inherit; border: none; box-shadow: none; border-radius: 0; padding: 0; overflow: visible; cursor: pointer;}
/* 인재상 */
.ideal_box {display: flex; align-items: stretch; column-gap: 24px; background-color: #F9F8F6;}
.ideal_box .ideal_card {width: calc(100% / 3 - 48px / 3); overflow: hidden; border-radius: 10px; background: #4DA9B5; background: linear-gradient(90deg,rgba(77, 169, 181, 1) 0%, rgba(24, 89, 128, 1) 100%); padding: 1px;}
.ideal_box .ideal_card .card_inner {padding: 20px 26px; display: flex; flex-direction: column; align-items: center; row-gap: 10px; width: 100%; height: 100%; border-radius: 8px; background-color: #F9F8F6;}
.ideal_box .ideal_card .card_inner .img_wrap {aspect-ratio: 230 / 185; width: 80%; max-width: 230px;}
.ideal_box .ideal_card .card_inner .card_tit {text-align: center; max-width: 100%; padding: 4px 14px; font-size: 24px; color: #FFFFFF; background: #4DA9B5; background: linear-gradient(90deg,rgba(77, 169, 181, 1) 0%, rgba(24, 89, 128, 1) 100%); }
.ideal_box .ideal_card .card_inner p {font-size: 15px; line-height: 1.5; color: #5A5A5A; text-align: center; word-break: keep-all;}
/* 복리후생/근무환경 */
.benefit_box {padding: 56px; background-color: #EEF7F6; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
.benefit_box .benefit_card {background-color: #fff; padding: 18px 30px; display: flex; align-items: center; column-gap: 16px;}
.benefit_box .benefit_card .img_wrap {padding: 16px; flex-shrink: 0; aspect-ratio: 1/1; width: 73px; border-radius: 50%; background-color: #F5F5F5;}
.benefit_box .benefit_card .img_wrap img {filter: brightness(0.9); height: auto;}
.benefit_box .benefit_card .txt_wrap {display: flex; align-items: center;}
.benefit_box .benefit_card .txt_wrap .card_tit {letter-spacing: -2px; text-align: center; min-width: 170px; font-size: 24px; font-weight: 500; color: #009b94; padding-right: 20px; margin-right: 20px; position: relative;}
.benefit_box .benefit_card .txt_wrap .card_tit::after {content: ''; display: block; width: 2px; height: 40px; background-color: #009b94; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.benefit_box .benefit_card .txt_wrap p {font-size: 16px; color: #5A5A5A; word-break: keep-all;}
.benefit_box2 .benefit_box2_wrap {display: flex; flex-wrap: wrap; align-items: center; gap: 24px;}
.benefit_box2 .benefit_box2_wrap .benefit_card2 {width: calc(100% / 4 - (24px * 3 ) / 4); border-radius: 10px; background-color: #EEF7F6; padding: 26px; display: flex; flex-direction: column; align-items: center;}
.benefit_box2 .benefit_box2_wrap .benefit_card2 .img_wrap {display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: 62px; height: auto; margin-bottom: 8px;}
.benefit_box2 .benefit_box2_wrap .benefit_card2 .img_wrap svg path {fill: #009b94;}
.benefit_box2 .benefit_box2_wrap .benefit_card2 .card_tit {font-size: 26px; font-weight: 500; color: #009b94;}
.benefit_box2 .benefit_box2_wrap .benefit_card2 .txt_box {margin-top: 20px; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 150px; aspect-ratio: 1/1; border-radius: 50%; background-color: #fff; font-size: 50px; font-weight: 600; color: #009b94;}
.benefit_box2 .benefit_box2_wrap .benefit_card2:nth-child(2) .txt_box {font-size: 40px;}
.benefit_box2 .desc {text-align: right; margin-top: 10px; font-size: 17px;}
/* 채용절차 */
.hiring_box {display: flex; align-items: center; justify-content: center; gap: 6px;}
.hiring_box .hiring_card {display: flex; flex-direction: column; align-items: center;}
.hiring_box .hiring_card .card_tit {position: relative; z-index: 10; padding: 2px 6px; font-size: 20px; font-weight: 500; color: #fff;}
.hiring_box .hiring_card01 .card_tit {background-color: #03498E;}
.hiring_box .hiring_card02 .card_tit {background-color: #4977B4;}
.hiring_box .hiring_card03 .card_tit {background-color: #2CAAAC;}
.hiring_box .hiring_card04 .card_tit {background-color: #52B2AA;}
.hiring_box .hiring_card05 .card_tit {background-color: #60C3B2;}
.hiring_box .hiring_card .card_cont {margin-top: -12px; border-radius: 50%; border: 10px solid #03498E; background-color: #fff; aspect-ratio: 1/1; width: 168px; height: auto; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.hiring_box .hiring_card01 .card_cont {border-color: #03498E;}
.hiring_box .hiring_card02 .card_cont {border-color: #4977B4;}
.hiring_box .hiring_card03 .card_cont {border-color: #2CAAAC;}
.hiring_box .hiring_card04 .card_cont {border-color: #52B2AA;}
.hiring_box .hiring_card05 .card_cont {border-color: #60C3B2;}
.hiring_box .hiring_card .card_cont .img_wrap {padding: 5px; width: 70px; height: auto; aspect-ratio: 1/1;}
.hiring_box .hiring_card .card_cont .img_wrap img {object-fit: contain;}
.hiring_box .hiring_card .card_cont p {display: flex; flex-direction: column; font-size: 24px; font-weight: 500; text-align: center;}
.hiring_box .hiring_card .card_cont p i {font-size: 14px; font-weight: 500;}
.hiring_box .hiring_card01 .card_cont p i {color: #03498E;}
.hiring_box .hiring_card02 .card_cont p i {color: #4977B4;}
.hiring_box .hiring_card03 .card_cont p i {color: #2CAAAC;}
.hiring_box .hiring_card04 .card_cont p i {color: #52B2AA;}
.hiring_box .hiring_card05 .card_cont p i {color: #60C3B2;}
.hiring_box2 {background-color: #009b94;}
.hiring_box2 p {background-color: #fff; padding: 18px 30px; color: #5A5A5A; font-size: 20px;}
/* FAQ */
.faq_box {padding-block: 56px; background-color: #EEF7F6; display: flex; flex-direction: column; row-gap: 24px;}
.faq_box .faq_card {display: flex; flex-direction: column;}
.faq_box .faq_card > div {padding: 30px 50px;}
.faq_box .faq_card > div p {line-height: 1.5; font-size: 24px; display: flex; align-items: flex-start; column-gap: 20px;}
.faq_box .faq_card > div p span {font-weight: 400; line-height: 1.5; font-size: 24px;}
.faq_box .faq_card .faq_q {padding-right: 30px; background-color: #009b94; display: flex; column-gap: 10px; align-items: flex-start; justify-content: space-between;}
.faq_box .faq_card .faq_q .toggle_btn {width: 36px; height: 36px; position: relative; background-color: #009b94;}
.faq_box .faq_card .faq_q .toggle_btn .line { transition: transform 0.2s;width: 20px; height: 2px; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transform: translate(-50%,-50%) rotate(180deg);}
.faq_box .faq_card .faq_q .toggle_btn .line.line2 {transform: translate(-50%,-50%) rotate(0);}
.faq_box .faq_card.closed .faq_q .toggle_btn .line{ transform: translate(-50%,-50%);}
.faq_box .faq_card.closed .faq_q .toggle_btn .line.line2{transform: translate(-50%,-50%) rotate(-90deg);}
.faq_box .faq_card .faq_q p,
.faq_box .faq_card .faq_q p span {font-weight: 400; color: #fff;}
.faq_box .faq_card .faq_a {background-color: #fff;}
.faq_box .faq_card .faq_a p {color: #5A5A5A;}
.faq_box .faq_card .faq_a p span {color: #009b94;}
/* 사원인터뷰 */
.interview_box {padding-block: 64px; background-color: #F5F5F5;}
.interview_box .desc {font-weight: 500; font-size: 26px; line-height: 1.5; word-break: keep-all; color: #009b94; margin-bottom: 64px; text-align: center;}
.interview_box .interview_box_wrap {display: flex; flex-wrap: wrap; gap: 10px;}
.interview_box .interview_box_wrap .interview_card {display: flex; flex-direction: column; align-items: center; background-color: #fff; width: calc(50% - 5px); padding: 20px 10px;}
.interview_box .interview_box_wrap .interview_card .img_wrap {width: 158px; height: 124px; margin-bottom: 10px;}
.interview_box .interview_box_wrap .interview_card .img_wrap img {object-fit: contain; opacity: 0.7;}
.interview_box .interview_box_wrap .interview_card .card_tit {padding: 10px 30px; border-radius: 100px; background-color: #009b94; color: #fff; font-size: 24px;}
.interview_box .interview_box_wrap .interview_card p {margin: 16px 0 10px; font-size: 16px; color: #5A5A5A; text-align: center; word-break: keep-all;}
.interview_box .interview_box_wrap .interview_card a {padding-block: 5px; border-bottom: 1px solid #009b94; font-size: 14px; color: #009b94;}
.interview_box .interview_box_wrap .interview_card a:hover {color: #008f85;}
.interview_box2 {background-color: #009b94;}
.interview_box2 ul {background-color: #fff; padding: 18px 30px; display: flex; flex-direction: column; row-gap: 16px;}
.interview_box2 ul li {color: #5A5A5A; font-size: 20px;}
.interview_box2 ul li i {font-size: 16px;}
.interview_box2 ul li a {color: #008f85; padding-bottom: 1px; border-bottom: 1px solid #009b94;}
.interview_box2 ul li a:hover {color: #008f85;}
/***** 인터뷰 *****/
.member_interview_box {padding-block: 64px; background-color: #F5F5F5;}
.member_interview_box .desc {margin-bottom: 64px; font-size: 22px; font-weight: 500; color: #009b94; text-align: center; word-break: keep-all;}
.member_interview_box_wrap {display: flex; align-items: flex-start; column-gap: 40px;}
.member_interview_box_wrap .box_left {width: 356px; flex-shrink: 0;}
.member_interview_box_wrap .box_left .desc {margin-top: 64px; text-align: center;}
.member_interview_box_wrap .box_left .inner_box {width: 100%; background-color: #009b94; padding: 10px; display: flex; flex-direction: column; row-gap: 10px;}
.member_interview_box_wrap .box_left .img_wrap {width: 100%; background-color: #F5F5F5;}
.member_interview_box_wrap .box_left .img_wrap1 {aspect-ratio: 339/453;}
.member_interview_box_wrap .box_left .img_wrap2 {aspect-ratio: 339/264;}
.member_interview_box_wrap .box_left .txt_wrap {display: flex; flex-direction: column; align-items: center; row-gap: 16px; padding-block: 40px;}
.member_interview_box_wrap .box_left .txt_wrap .card_tit {padding: 10px; width: 190px; border-radius: 50px; background-color: #fff; color: #009b94; text-align: center; font-size: 28px; font-weight: 700;}
.member_interview_box_wrap .box_left .txt_wrap p {padding-inline: 10px; text-align: center; word-break: keep-all; font-size: 40px; line-height: 1.5; color: #fff; font-weight: 500;}
.member_interview_box_wrap .box_right {padding-block: 10px;}
.member_interview_box_wrap .box_right .box_list {display: flex; flex-direction: column; row-gap: 16px;}
.member_interview_box_wrap .box_right .box_list li {display: flex; flex-direction: column; row-gap: 10px;}
.member_interview_box_wrap .box_right .box_list li .list_tit {word-break: keep-all; padding-left: 26px; display: flex; align-items: flex-start; column-gap: 10px; font-size: 24px; font-weight: 500;}
.member_interview_box_wrap .box_right .box_list li .list_tit b {font-weight: 700;}
.member_interview_box_wrap .box_right .box_list li p {letter-spacing: -4%; background-color: #fff; border-radius: 24px; padding: 14px 26px; font-size: 16px; color: #5A5A5A;}
.member_interview_box2 {display: flex; align-items: flex-start; justify-content: space-between; padding: 0 !important;}
.member_interview_box2 .interview_list_wrap {padding: 18px 30px; background-color: #fff; display: flex; column-gap: 10px;}
.member_interview_box2 .interview_list_wrap span {font-size: 20px; font-weight: 600; color: #009b94;}
.member_interview_box2 .interview_list_wrap .interview_list {display: flex; align-items: center;}
.member_interview_box2 .interview_list_wrap .interview_list li:not(:last-child) {padding-right: 10px; margin-right: 10px; position: relative;}
.member_interview_box2 .interview_list_wrap .interview_list li:not(:last-child)::after {content: ''; width: 1px; height: 70%; position: absolute; top: 60%; right: 0; transform: translateY(-50%); background-color: #5A5A5A;}
.member_interview_box2 .interview_list_wrap .interview_list a {font-size: 20px; color: #5A5A5A;}
.member_interview_box2 .interview_list_wrap .interview_list a:hover {color: #222;}
.member_interview_box2 .back_to_reqruit {transition: background-color 0.2s; padding: 20px 36px; background-color: #009b94; color: #fff; font-size: 26px; display: flex; align-items: center; column-gap: 10px;}
.member_interview_box2 .back_to_reqruit:hover {background-color: #00a5a5;}
@media (max-width:1280px){
/***** 인재채용 *****/
.benefit_box {padding: 30px;}
/***** 인터뷰 *****/
.member_interview_box_wrap {column-gap: 30px;}
.member_interview_box_wrap .box_left .txt_wrap p {font-size: 36px;}
.member_interview_box_wrap .box_right .box_list li .list_tit {font-size: 22px;}
}
@media (max-width:1024px){
/***** 인재채용 *****/
.ideal_box {flex-direction: column; row-gap: 24px;}
.ideal_box .ideal_card {width: 100%;}
.benefit_box {display: flex; flex-direction: column; row-gap: 10px;}
.benefit_box2 .benefit_box2_wrap .benefit_card2 {width: calc(50% - 12px);}
.hiring_box {max-width: 768px; flex-wrap: wrap; margin-inline: auto;}
.interview_box .desc br {display: none;}
/***** 인터뷰 *****/
.member_interview_box_wrap { flex-direction: column; align-items: center; row-gap: 32px; }
.member_interview_box_wrap .box_left { width: 100%;}
.member_interview_box_wrap .box_left .txt_wrap .card_tit {font-size: 26px;}
.member_interview_box_wrap .box_left .txt_wrap p {font-size: 32px;}
.member_interview_box_wrap .box_left .inner_box {flex-direction: unset; flex-wrap: wrap; gap: 10px;}
.member_interview_box_wrap .box_left .img_wrap,
.member_interview_box_wrap .box_left .txt_wrap { width: calc(50% - 5px); }
.member_interview_box_wrap .box_left .img_wrap2 { margin-left: auto; }
.member_interview_box_wrap .box_left .txt_wrap { justify-content: center; padding-block: 32px; row-gap: 14px; }
.member_interview_box_wrap .box_right { padding-block: 0; width: 100%; }
.member_interview_box2 { flex-direction: column; align-items: flex-end; }
.member_interview_box2 .interview_list_wrap { width: 100%; justify-content: flex-start; }
}
@media (max-width: 768px) {
/***** 인재채용 (폰트/패딩 조절) *****/
.recruit_title1 { font-size: 36px; margin-bottom: 52px; }
.recruit_wrapper { row-gap: 52px; }
.recruit_title2 { font-size: 24px; }
.recruit_box { padding: 24px; }
.recruit_box4 { padding: 2px; }
.ideal_box { row-gap: 20px; }
.ideal_box .ideal_card .card_inner { padding: 16px 20px; row-gap: 8px; }
.ideal_box .ideal_card .card_inner .card_tit { font-size: 22px; }
.benefit_box {padding: 45px;}
.benefit_box .benefit_card { padding: 14px 24px; justify-content: center;}
.benefit_box .benefit_card .txt_wrap {width: 50%; flex-direction: column; align-items: flex-start; row-gap: 16px;}
.benefit_box .benefit_card .txt_wrap .card_tit {text-align: left; font-size: 22px; min-width: 136px; margin-right: 16px; padding-right: 16px; }
.benefit_box .benefit_card .txt_wrap .card_tit::after {display: none;}
.benefit_box .benefit_card .txt_wrap p { font-size: 15px; }
.benefit_box2 .benefit_box2_wrap .benefit_card2 { padding: 20px; }
.benefit_box2 .benefit_box2_wrap .benefit_card2 .card_tit { font-size: 24px; }
.benefit_box2 .benefit_box2_wrap .benefit_card2 .txt_box { font-size: 48px; margin-top: 16px; }
.benefit_box2 .benefit_box2_wrap .benefit_card2:nth-child(2) .txt_box { font-size: 38px; }
.benefit_box2 .desc { font-size: 16px; }
.hiring_box .hiring_card .card_tit { font-size: 18px; }
.hiring_box .hiring_card .card_cont p { font-size: 22px; }
.hiring_box2 p { font-size: 18px; padding: 14px 24px; }
.faq_box { padding-block: 45px; row-gap: 20px; }
.faq_box .faq_card > div { padding: 24px 40px; }
.faq_box .faq_card > div p { font-size: 22px; column-gap: 16px; }
.faq_box .faq_card > div p span { font-size: 22px; }
.faq_box .faq_card .faq_q { padding-right: 24px; }
.faq_box .faq_card .faq_q .toggle_btn {width: 30px; height: 30px;}
.interview_box { padding-block: 52px; }
.interview_box .desc { font-size: 24px; margin-bottom: 52px; }
.interview_box .interview_box_wrap .interview_card { width: 100%; padding: 16px 10px; }
.interview_box .interview_box_wrap .interview_card .card_tit { font-size: 22px; padding: 8px 24px; }
.interview_box .interview_box_wrap .interview_card p { font-size: 15px; }
.interview_box .interview_box_wrap .interview_card a { font-size: 13px; }
.interview_box2 ul { padding: 14px 24px; }
.interview_box2 ul li { font-size: 18px; }
.interview_box2 ul li i {font-size: 14px;}
/***** 인터뷰 *****/
.member_interview_box { padding-block: 52px; }
.member_interview_box .desc { margin-bottom: 52px; font-size: 20px; }
.member_interview_box_wrap .box_left .desc {margin-top: 52px;}
.member_interview_box_wrap .box_left .txt_wrap .card_tit { width: 160px; font-size: 24px; }
.member_interview_box_wrap .box_left .txt_wrap p { font-size: 28px; }
.member_interview_box_wrap .box_right .box_list li .list_tit { font-size: 20px; padding-left: 20px; }
.member_interview_box_wrap .box_right .box_list li p { font-size: 16px; padding: 11px 20px; border-radius: 20px;}
.member_interview_box2 .interview_list_wrap { padding: 14px 24px; }
.member_interview_box2 .interview_list_wrap span { font-size: 18px; }
.member_interview_box2 .interview_list_wrap .interview_list a { font-size: 18px; }
.member_interview_box2 .back_to_reqruit { width: fit-content; padding: 16px 28px; font-size: 24px; justify-content: center; }
}
@media (max-width:640px){
/***** 인재채용 *****/
.benefit_box2 .benefit_box2_wrap .benefit_card2 { width: 100%; }
/***** 인터뷰 *****/
.member_interview_box2 .interview_list_wrap {flex-direction: column;}
}
@media (max-width: 480px) {
/***** 인재채용 *****/
.recruit_title1 { font-size: 34px; margin-bottom: 43px; }
.recruit_wrapper { row-gap: 43px; }
.recruit_title2 { max-width: unset; font-size: 22px; }
.recruit_box { padding: 20px; }
.recruit_box4 { padding: 1px; }
.ideal_box { row-gap: 17px; }
.ideal_box .ideal_card .card_inner { padding: 13px 17px; row-gap: 7px; }
.ideal_box .ideal_card .card_inner .card_tit { font-size: 20px; }
.ideal_box .ideal_card .card_inner p { font-size: 14px; }
.benefit_box { padding: 38px; }
.benefit_box .benefit_card { padding: 12px 20px; }
.benefit_box .benefit_card .txt_wrap {width: calc(100% - 73px - 16px);}
.benefit_box .benefit_card .txt_wrap .card_tit { font-size: 20px; min-width: 113px; margin-right: 13px; padding-right: 13px; }
.benefit_box .benefit_card .txt_wrap p { font-size: 14px; }
.benefit_box2 .benefit_box2_wrap .benefit_card2 {padding: 17px; }
.benefit_box2 .benefit_box2_wrap .benefit_card2 .card_tit { font-size: 22px; }
.benefit_box2 .benefit_box2_wrap .benefit_card2 .txt_box { font-size: 46px; margin-top: 13px; }
.benefit_box2 .benefit_box2_wrap .benefit_card2:nth-child(2) .txt_box { font-size: 36px; }
.benefit_box2 .desc { font-size: 15px; }
.hiring_box {flex-direction: column;}
.hiring_box .hiring_arrow {transform: rotate(90deg);}
.hiring_box .hiring_card .card_tit { font-size: 16px; }
.hiring_box .hiring_card .card_cont p { font-size: 20px; }
.hiring_box2 p { font-size: 16px; padding: 12px 20px; }
.faq_box { padding-block: 38px; row-gap: 17px; }
.faq_box .faq_card > div { padding: 16px 20px; }
.faq_box .faq_card > div p { font-size: 18px; column-gap: 13px; flex-direction: column; row-gap: 5px;}
.faq_box .faq_card > div p span { font-size: 18px; }
.faq_box .faq_card .faq_q { padding-right: 20px; position: relative; }
.faq_box .faq_card .faq_q .toggle_btn {width: 24px; height: 24px; position: absolute; top: 20px; right: 20px;}
.interview_box { padding-block: 43px; }
.interview_box .desc { font-size: 20px; margin-bottom: 43px; }
.interview_box .interview_box_wrap .interview_card { padding: 13px 10px; }
.interview_box .interview_box_wrap .interview_card .card_tit { font-size: 20px; padding: 7px 20px; }
.interview_box2 ul { padding: 12px 20px; }
.interview_box2 ul li { font-size: 16px; }
.interview_box2 ul li i {font-size: 13px;}
/***** 인터뷰 *****/
.member_interview_box { padding-block: 43px; }
.member_interview_box .desc { margin-bottom: 43px; font-size: 18px; }
.member_interview_box_wrap { row-gap: 26px; }
.member_interview_box_wrap .box_left .inner_box {flex-direction: column;}
.member_interview_box_wrap .box_left .desc {margin-top: 43px;}
.member_interview_box_wrap .box_left .img_wrap, .member_interview_box_wrap .box_left .txt_wrap {width: 100%;}
.member_interview_box_wrap .box_left .txt_wrap { padding-block: 26px; row-gap: 12px; }
.member_interview_box_wrap .box_left .txt_wrap .card_tit { width: 140px; font-size: 22px; }
.member_interview_box_wrap .box_left .txt_wrap p { font-size: 26px; }
.member_interview_box_wrap .box_right .box_list li .list_tit { font-size: 18px; padding-left: 16px; }
.member_interview_box_wrap .box_right .box_list li p { font-size: 16px; padding: 9px 16px; border-radius: 16px;}
.member_interview_box2 .interview_list_wrap { padding: 12px 20px; }
.member_interview_box2 .interview_list_wrap span { font-size: 16px; }
.member_interview_box2 .interview_list_wrap .interview_list li:not(:last-child) {padding-right: 5px; margin-right: 5px;}
.member_interview_box2 .interview_list_wrap .interview_list a { font-size: 16px; }
.member_interview_box2 .back_to_reqruit { padding: 13px 23px; font-size: 22px; }
}