@charset "utf-8";

.introduction_wrap .introduction_bg .text_wrap .text_inner,
.introduction_wrap .introduction_bg .text_wrap img,
.company_inner li,
.center_wrap01,
.introduction_wrap .text {
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
}
.webtong_gallery02 .card_wrap a,
.webtong_gallery02 .card_wrap a span img,
.webtong_gallery02 .card_wrap,
.company_Information ul li a span img,
.sub_nav {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
}

#contents_main {margin: 0 auto;position: relative}
#contents_main.main_wrap {padding: 35px 0 0;min-height:auto;max-width:none}
#contents_main.main_wrap:after {content: '';display: block;clear: both}

.main_title {text-align: center;padding: 0 1.5%}
.main_title span {display: block;font-size: 30px;font-weight: 600}
.wrapper {width: 100%;margin: 20px auto 0;background-color: #eaf2f5}
.wrapper .sq {color: white;max-width: 1152px;margin: 0 auto}
.wrapper .sq-item {float: left;width: 33.33333%;padding-top: 50%;position: relative}
.wrapper .sq-item-long {padding-top: 75%}
.wrapper .sq-item-anchor {position: absolute;left: 0;right: 0;top: 0;bottom: 0;font-size: 20px;overflow: hidden;transition: all .3s;border: 0 solid white;color: #fff}
.wrapper .sq-item-anchor.color01 {background-color: #59ad4a}
.wrapper .sq-item-anchor.color02 {background-color: #30bae9}
.wrapper .sq-item-anchor.color03 {background-color: #f37721}
.wrapper .sq-item-anchor:after {content: ' ';position: absolute;left: 0;right: 0;top: 0;bottom: 0}
.wrapper .sq-item-anchor:hover {margin: -1.2rem;z-index: 2;opacity: 1;font-size: 120%;box-shadow: 0 0 25px 5px rgba(0,0,0,0.2)}
.wrapper .sq-item-anchor-cover {position: absolute;left: 0;bottom: 0}
.wrapper .sq-item-anchor span {position: relative;z-index: 1;font-size: 1.2em;display: block;text-align: center;background-color: rgba(0, 0, 0, 0.4);padding: 13% 4%;font-weight: 600}
.wrapper .sq-item-anchor span em {display: block;font-size: 0.7em;position: relative}
.layer-pop img {width:auto}

.event_wrap {background: #f1f1f1 url(/usr/images/main/event_wrap_bg.png) no-repeat center 116px}
.slider {max-width: 100%;margin: 0 auto}
.slick-slider {display: block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0}
.slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto}
.slick-initialized .slick-slide {display: block}
.slick-slide {float: left;height: 100%;min-height: 1px}
.slick-slide img {width: 100%}
.slick-prev, .slick-next {border: 1px solid #fff;border-radius: 100%;width: 60px;height: 60px;padding: 0;cursor: pointer;text-indent: -999em;z-index: 1;margin-top:-30px}

.slick-center {opacity: 1;}
.slick-track:before, .slick-track:after {display: table;content: ''}
.controller, .slick-next, .slick-prev {position: absolute;}
.slick-prev {top:50%;left:60px;background: url(/usr/images/main/rolling_prev.png) no-repeat center;}
.slick-next {top:50%;right:60px;background: url(/usr/images/main/rolling_next.png) no-repeat center;}
.controller {text-align: center;border-radius: 23px;color: #fff;bottom: 50px;left: 0;display: flex;align-items: center;width: 100%;justify-content: center;}
.controller button {width: 9px;height: 20px;display: inline-block;text-indent: -999em;background: url(/usr/images/main/rolling_pause.png) no-repeat center;position: relative;right: -29px;top: 0}

.pagingInfo {display: flex;gap: 16px;align-items: center;}
.pagingItem {display: flex;align-items: center;gap: 4px;font-size: 18px;font-family: 'Play';font-weight: 400;}
.progressBar {position: relative;width: 60px;height: 4px;background:rgba(255,255,255,.3);border-radius: 2px;overflow: hidden;display: none;}
.pagingItem.active .progressBar {display: block;}
.progressFill {position: absolute;top: 0;left: 0;height: 100%;width: 0%;background: #fff;transition: width 0.3s ease;}

.controller button.play {background: url(/usr/images/main/rolling_play.png) no-repeat center;}

.scroll_down {position: absolute;bottom: 40px;right: 75px;color: #fff;font-size: 14px;}
.scroll_down span {position:relative;writing-mode: vertical-rl;padding-bottom:40px;}
.scroll_down span:after {content:'';width:17px;height:29px;background: url(/usr/images/main/bl_slidedown.png) no-repeat 0 0 / 100%;position:absolute;bottom:0;left:0;}
.mobile {display:none}

/* DB CNS NEWS */
.db_news_wrap {max-width:1280px;margin: 100px auto 0;display: flex;gap: 50px;}
.db_news_wrap .news_wrap {width: 50%;position:relative;}
.db_news_wrap .news_wrap h3 {font-size: 32px;font-weight: 800;margin-bottom: 30px;}
.db_news_wrap .news_wrap ul {display: flex;gap: 20px;}
.db_news_wrap .news_wrap ul li {flex: 1 1 40%;}
.db_news_wrap .news_wrap ul li a {display: flex;flex-direction: column;border: 1px solid #e9e9e9;background: #f6f6f6;padding: 30px;align-items: flex-start;    border-radius: 10px;}
.db_news_wrap .news_wrap ul li a:hover {background: #edf9f1;}
.db_news_wrap .news_wrap ul li a em {font-size: 14px;background: #37aa6e;color: #fff;padding: 3px 15px;border-radius: 50px;margin-bottom: 50px;}
.db_news_wrap .news_wrap ul li a strong {font-size: 17px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 22px;height: 44px;overflow: hidden;font-weight: 800;}
.db_news_wrap .news_wrap ul li a:hover strong {color: #07510d;}
.db_news_wrap .news_wrap ul li a p {margin-top: 10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 22px;
height: 44px;overflow: hidden;}
.db_news_wrap .news_wrap ul li a span {font-size:15px;margin-top: 30px;font-family: 'Play';color:#707070;}

.db_news_wrap .notice_wrap {width: 50%;position:relative;}
.db_news_wrap .notice_wrap h3 {font-size: 32px;font-weight: 800;margin-bottom: 30px;}
.db_news_wrap .notice_wrap ul {display: flex;flex-direction: column;gap: 10px;}
.db_news_wrap .notice_wrap ul li {}
.db_news_wrap .notice_wrap ul li a {display: flex;justify-content: space-between;border: 1px solid #e9e9e9;padding: 19px 30px;border-radius: 10px;align-items: center;}
.db_news_wrap .notice_wrap ul li a strong {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 22px;height: 23px;overflow: hidden;}
.db_news_wrap .notice_wrap ul li a span {font-size: 15px;font-family: 'Play';color: #707070;}
.db_news_wrap .notice_wrap ul li a:hover {background: #edf9f1;}
.db_news_wrap .notice_wrap ul li a:hover strong {color: #07510d;}
.btn_more {font-family: 'Montserrat';border:1px solid #d0d0d0;font-size: 12px;font-weight: 400;width: 60px;height: 60px;border-radius: 100%;display: flex;justify-content: center;align-items: center;}
.db_news_wrap .btn_more {position: absolute;top: -6px;right: 0;}

.main_business_wrap {margin-top: 100px;position:relative}
.main_business_wrap:before {content:'';width:90%;height:648px;background: url(/usr/images/main/bg_customer.png) no-repeat center bottom / cover;position:absolute;top:0;left:0;}
.customer_center {max-width:1280px;margin:0 auto;color:#fff;padding-top: 7%;position: relative;}
.customer_center > strong {font-size: 56px;font-weight: 800;line-height: 70px;}
.customer_center p {font-size: 20px;margin-top: 10px;}
.customer_center p strong {font-size: 36px;font-family: 'Play';}
.business_wrap {display: flex;justify-content: flex-end;padding-top: 7vw;position: relative;}
.business_wrap ul {display: flex;max-width: 70%;}
.business_wrap ul li {color:#fff;flex: 1 1 33.3333%;}
.business_wrap ul li:first-child {background:#37aa6e}
.business_wrap ul li:nth-child(2) {background:#f6f6f6;color:#036e38}
.business_wrap ul li:last-child {background:#3696c2}
.business_wrap ul li a {display: block;padding: 3vw;}
.business_wrap ul li a strong {font-size: 24px;display: block;padding-bottom: 80px;margin-bottom: 30px;}
.business_wrap ul li a p {font-size:15px;}
.business_wrap ul li:first-child a strong {background:url(/usr/images/main/ico_business01.png) no-repeat 0 bottom;}
.business_wrap ul li:nth-child(2) a strong {background:url(/usr/images/main/ico_business02.png) no-repeat 0 bottom;}
.business_wrap ul li:last-child a strong {background:url(/usr/images/main/ico_business03.png) no-repeat 0 bottom;}
.business_wrap ul li:nth-child(2) p {color:#5b5b5b}

.recruitment_notice_wrap {max-width: 1280px;margin: 100px auto 0 auto;border-top: 1px solid #e2e2e2;padding-top: 100px;position:relative}
.recruitment_notice_wrap h3 {font-size: 32px;font-weight: 800;}
.recruitment_notice_wrap .main_tab_wrap {position: relative;}
.recruitment_notice_wrap .main_tab_wrap li .main_tab {position:absolute;top: -36px;left: 270px;font-size: 19px;font-weight: 600;}
.recruitment_notice_wrap .main_tab_wrap li:last-child .main_tab {left: 320px;padding-left: 20px;}
.recruitment_notice_wrap .main_tab_wrap li:last-child .main_tab:before {content:'';width:6px;height:6px;background:#c6c6c6;border-radius:100%;position:absolute;top:50%;left:0;margin-top:-3px;}
.recruitment_notice_wrap .main_tab_wrap li .on {color:#036e38;font-weight:800}
.recruitment_notice_wrap .main_tab_wrap li .on span {position:relative;}
.recruitment_notice_wrap .main_tab_wrap li .on span:after {content:'';width:100%;height:3px;background:#036e38;position:absolute;bottom:-3px;left:0;}
.recruitment_notice_wrap ul li .employee_cont ul {display: flex;gap: 20px;}
.recruitment_notice_wrap ul li .employee_cont ul li {width: 25%;}
.recruitment_notice_wrap ul li .employee_cont ul li a {display: flex;background:#f6f6f6;border-radius: 10px;flex-direction: column;padding: 30px;gap: 20px;}
.recruitment_notice_wrap ul li .employee_cont ul li a strong {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 25px;height: 50px;overflow: hidden;font-size: 18px;}
.recruitment_notice_wrap ul li .employee_cont ul li a span {display: flex;gap: 5px;}
.recruitment_notice_wrap ul li .employee_cont ul li a span em {background:#eeeeee;padding: 5px 20px;border-radius: 50px;font-weight: 300;}
.recruitment_notice_wrap ul li .employee_cont ul li a span em:last-child {background:#37aa6e;color:#fff}
.recruitment_notice_wrap ul li .employee_cont ul li a p {font-size:15px;}
.recruitment_notice_wrap ul li .employee_cont {display:none;padding-top: 30px;}
.recruitment_notice_wrap .btn_more {position: absolute;top: -54px;right: 0;}

.introduction_wrap {position: relative;z-index: 1}
.introduction_wrap .introduction_bg {max-width: 1900px;margin: 0 auto;background: #000 url(/usr/images/main/introduction_bg.png);color: #fff;padding: 1% 0 2%;background-position: bottom;background-size: cover;background-attachment: fixed;position:relative}
.center_wrap01 {display: table;margin: 0 auto;background-color: #fff;position: relative;top: 74px;box-shadow: 0 0 25px 12px rgba(0, 0, 0, 0.27);transform: translateY(100px);opacity: 0;z-index: 1;max-width: 450px;padding-top: 19px}
.center_wrap01.ani_layer.action {transform: translateY(0);opacity: 1} 
.center_wrap01 ul {padding:10px}
.center_wrap01 ul li {float: left;width: 33.33333%;margin-bottom: 20px}
.center_wrap01 ul li a {display: block;text-align: center;color: #1b3a6a;padding: 5px 15px}
.center_wrap01 ul li a img {width:auto;margin-bottom: 10px}
.center_wrap01 > .table_wrap  {display:table;width: 100%}
.center_wrap01 > .table_wrap > a {background-color: #ff3600;width: 50%;text-align: center;padding: 20px 0;display:table-cell;font-size:1.1em}
.center_wrap01 > .table_wrap > a > em {font-family: "Montserrat";font-weight:600}
.introduction_wrap .left_wrap {position: absolute;right: 50%;width: 50%;top: 38%;transform: translateY(-50%);text-align: right}
.introduction_wrap .right_wrap {position: absolute;left: 50%;width: 50%;top: 38%;transform: translateY(-50%)}
.introduction_wrap .text {transform: translateY(-144%);opacity: 0}
.introduction_wrap .text.action  {transform: translateY(-15%);opacity: 1}
.introduction_wrap .text p {margin:0 10%;font-weight: 200}
.introduction_wrap .text p strong {display:block;font-size: 29px}
.introduction_wrap .text p span {display:block}
.introduction_wrap .text p a {display: inline-block;margin-top: 15px;padding: 8px 8%;border: 1px solid rgba(255, 255, 255, 0.34)}
.introduction_wrap .text p a:hover, .introduction_wrap .text p a:focus {background-color: rgba(0, 0, 0, 0.5);color: #00f3ff;border: 1px solid rgba(255, 255, 255, 0.34)}
.banner_wrap {max-width: 1280px;margin: 30px auto 0;display: flex;gap:20px}
.banner_wrap a {background:#faeee3;flex: 1 1 40%;border-radius: 10px;padding: 35px;display: flex;align-items: center;justify-content: center;}
.banner_wrap a:last-child {background:#e1f0fa;}
.banner_wrap a div {position:relative;padding-left: 200px;}
.banner_wrap a div:before {content:'';width:149px;height:152px;background: url(/usr/images/main/img-banner01.png) no-repeat 0 0 / 100%;position:absolute;bottom: -50px;left:0;}
.banner_wrap a div strong {font-size: 25px;font-weight: 800;}
.banner_wrap a div p {margin-top:10px;opacity: .5;font-weight: 400;}
.banner_wrap a:last-child div {padding-left:245px;}
.banner_wrap a:last-child div:before {width:209px;height:171px;background: url(/usr/images/main/img-banner02.png) no-repeat 0 0 / 100%;position:absolute;bottom: -70px;left:0;}
.banner_wrap.recruit a {background:#e8f5ef}
.banner_wrap.recruit a:last-child {background:#e4e1fa;}
.banner_wrap.recruit a div:before {content:'';width:154px;height:161px;background: url(/usr/images/main/img-banner03.png) no-repeat 0 0 / 100%;position:absolute;bottom: -50px;left:0;}
.banner_wrap.recruit a:last-child div:before {content:'';width:185px;height:179px;background: url(/usr/images/main/img-banner04.png) no-repeat 0 0 / 100%;position:absolute;bottom: -68px;left:0;}

.main_ideal_wrap {margin:100px 0 0;padding-top: 80px;position:relative;}
.main_ideal_wrap:before {content:'';width:100%;height:600px;background: url(/usr/images/main/bg_ideal.png) no-repeat right 0 / cover;position:absolute;top:0;left:0;}
.main_ideal_inner {max-width:1280px;margin:0 auto;position: relative;}
.ideal_top_tit {color:#fff;text-align:center;}
.ideal_top_tit h3 {font-size: 36px;font-weight: 800;}
.ideal_top_tit p {font-size: 18px;margin-top: 15px;}
.main_ideal_wrap .ideal_inner {background: #f6f6f6;margin-top: 60px;}
.main_ideal_wrap .ideal_inner ul {display: flex;}
.main_ideal_wrap .ideal_inner ul li {padding: 5% 0;text-align: center;flex: 1 1 33%;}
.main_ideal_wrap .ideal_inner ul li .ideal {position:relative;padding: 0 15%;height: 100%;}
.main_ideal_wrap .ideal_inner ul li+li .ideal:before {content:'';width:1px;height:100%;background:#dadada;position:absolute;top:0;left:0;}
.main_ideal_wrap .ideal_inner ul li strong {font-size: 25px;font-weight: 800;display:flex;flex-direction: column;align-items: center;gap: 40px;}
.main_ideal_wrap .ideal_inner ul li strong:after {content:'';width:189px;height:130px;background: url(/usr/images/main/ico_ideal01.png) no-repeat 0 0 / 100%;}
.main_ideal_wrap .ideal_inner ul li:nth-child(2) strong:after {background: url(/usr/images/main/ico_ideal02.png) no-repeat 0 0 / 100%;}
.main_ideal_wrap .ideal_inner ul li:last-child strong:after {background: url(/usr/images/main/ico_ideal03.png) no-repeat 0 0 / 100%;}
.main_ideal_wrap .ideal_inner ul li p {margin-top: 20px;}

.main_title {}
.main_title em {font-weight: 600}

.bgfff_wrap {position: relative}
.bgfff_wrap.bg_img {background: url(/usr/images/main/bg_img01.png) no-repeat center}
.min_bbs_wrap {max-width: 1100px;margin: 0 auto;padding: 60px 0 80px;position: relative;z-index: 1}
.min_bbs_wrap h3 {font-size: 50px;font-family: "NanumSquare";margin-bottom: 15px;text-align: center}

.webtong_gallery02 {margin: 50px -30px 0;position: relative}
.webtong_gallery02 .card_wrap {float:left;width:33.33333%;transform: translateY(100px);opacity: 0}
.webtong_gallery02 .card_wrap.ani_layer.action {transform: translateY(0);opacity: 1}
.webtong_gallery02 .card_wrap:nth-child(even) {transform: translateY(-100px)}
.webtong_gallery02 .card_wrap:nth-child(even) a > span {margin-top: 162px;}
.webtong_gallery02 .card_wrap:nth-child(even) a > .text {position: absolute;top: 25px;margin:0}
.webtong_gallery02 .card_wrap p {height: 64px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical}
.webtong_gallery02 .card_wrap a {display:block;padding: 30px;position: relative}
.webtong_gallery02 .card_wrap a > span {position: relative;padding-top: 92%;display: block;overflow: hidden}
.webtong_gallery02 .card_wrap a span img {position: absolute;top: 0;left: 0;width:100%}
.webtong_gallery02 .card_wrap a:hover span img, .webtong_gallery02 .card_wrap a:focus span img {transform: scale(1.2)}
.webtong_gallery02 .card_wrap a .text {margin: 20px 0 0;font-size: 15px;padding-right: 20px}
.webtong_gallery02 .card_wrap a .text em {display: block;font-size: 1.4em;position: relative;padding-left: 22px;color: #ff3600;font-family: Montserrat;font-weight: 700}
.webtong_gallery02 .card_wrap a .text em:before {content: '';position: absolute;top: 12px;left: 0;width: 15px;height: 1px;background-color: #ff3600}
.webtong_gallery02 .card_wrap a .text strong {display: block;font-size: 1.3em;margin: 10px 0}
.webtong_gallery02 .notice_more {position: absolute;top: -50px;right: 22px;text-indent: -999em;width: 22px;height: 22px;background: url(/usr/images/common/more.png) no-repeat}



@keyframes left_right {
	0% {-webkit-transform: translateY(70px);-ms-transform: translateY(70px);transform:translateX(70px); opacity:0;}
	100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform:translateX(0); opacity:1}
}
@keyframes bottom_top {
	0% {-webkit-transform: translatey(70px);-ms-transform: translatey(70px);transform:translatey(70px); opacity:0;}
	100% {-webkit-transform: translatey(0);-ms-transform: translatey(0);transform:translatey(0); opacity:1}
}
@keyframes fadeInUp {
  0% {opacity: 0;-webkit-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px)}
  100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}
}

@keyframes fadeIn {
  0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px)}
  100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}
}

@media screen and (max-width: 1280px) {
	.db_news_wrap {padding:0 10px}
	.customer_center {padding:7% 10px;}
	.recruitment_notice_wrap {padding: 100px 10px 0;}
	.recruitment_notice_wrap .btn_more {right:10px}
	.banner_wrap {padding:0 10px;}
	.main_ideal_inner {padding:0 10px;}
}
@media screen and (max-width: 1200px) {
	.slick-prev {left:30px;}
	.slick-next {right:30px;}
	.controller {bottom:30px}
	.introduction_wrap .introduction_bg .text_wrap {height: 363px}
	.scroll_down {right: 45px;bottom: 10px;}
}
@media screen and (max-width: 1100px) {
	.min_bbs_wrap {padding: 50px 1.5%}
	.notice_plan_wrap {padding: 0 1.5%}
	.center_wrap01.ani_layer.action {top: 0}
	.banner_wrap a div {padding-left: 160px;}
	.banner_wrap a div strong {font-size:22px}
	.banner_wrap a div p {font-size: 15px;}
	.banner_wrap a div:before {width: 125px;height: 128px;bottom: -23px;}
	.banner_wrap a:last-child div {padding-left: 200px;}
	.banner_wrap a:last-child div:before {width: 165px;height: 134px;bottom: -27px;}
	.banner_wrap.recruit a div:before {width: 131px;height: 138px;bottom: -25px;}
	.banner_wrap.recruit a:last-child div:before {width: 147px;height: 143px;bottom: -20px;}
}
@media screen and (max-width: 1040px) {
	.recruitment_notice_wrap ul li .employee_cont ul {gap:10px}
	.recruitment_notice_wrap ul li .employee_cont ul li a {padding: 20px;}
}
@media screen and (max-width: 1024px) {
	.introduction_wrap {padding-bottom: 20px}
	.introduction_wrap .text {display:none}
	.webtong_gallery02 {margin:0}
	.webtong_gallery02 .card_wrap {width:50%}
	.introduction_wrap .introduction_bg .text_wrap {height:auto}
	.introduction_wrap .introduction_bg .text_wrap img {display:none}
	.introduction_wrap .introduction_bg .text_wrap .text_inner, .introduction_wrap .introduction_bg .text_wrap.ani_layer.action .text_inner {padding:2%}
	.introduction_wrap .introduction_bg .text_wrap .text_inner p {font-size: 14px}
	.webtong_gallery02 {margin:0}
	.webtong_gallery02 .card_wrap {width:50%}
	.min_bbs_wrap h3 {font-size: 30px}
}
@media screen and (max-width: 980px) {
	.db_news_wrap {margin:50px auto 0;flex-direction: column;}
	.db_news_wrap .news_wrap {width:100%}
	.db_news_wrap .news_wrap h3, .db_news_wrap .notice_wrap h3 {font-size: 27px;margin-bottom: 20px;}
	.db_news_wrap .notice_wrap {width:100%}
	.btn_more {width: 50px;height: 50px;}
	.main_business_wrap {margin-top: 60px;}
	.main_business_wrap:before {width:100%;height: 400px;}
	.customer_center {text-align:center;padding: 50px 0;}
	.customer_center > strong {font-size: 40px;line-height: 50px;}
	.customer_center p {font-size: 18px;}
	.customer_center p strong {font-size: 28px;}
	.business_wrap {justify-content: center;padding: 0 20px;}
	.business_wrap ul {width:100%;max-width: none;}
	.business_wrap ul li a {padding: 28px;}
	.business_wrap ul li a strong {font-size: 18px;padding-bottom: 45px;margin-bottom: 22px;}
	.business_wrap ul li:first-child a strong, .business_wrap ul li:nth-child(2) a strong, .business_wrap ul li:last-child a strong {background-size:30px}
	.recruitment_notice_wrap {padding: 50px 10px 0;margin: 70px auto 0 auto;}
	.recruitment_notice_wrap h3 {font-size:27px;}
	.recruitment_notice_wrap ul li .employee_cont ul {flex-wrap: wrap;}
	.recruitment_notice_wrap ul li .employee_cont ul li {flex:1 1 40%}
	.recruitment_notice_wrap .main_tab_wrap li .main_tab {top: -30px;left: 230px;font-size: 16px;}
	.recruitment_notice_wrap .main_tab_wrap li:last-child .main_tab {left: 276px;}
	.recruitment_notice_wrap .btn_more {top: -45px;}
	.banner_wrap {gap:10px}
	.banner_wrap a {padding: 20px;}
	.banner_wrap a div {padding-left: 120px;}
	.banner_wrap a div strong {font-size: 18px;}
	.banner_wrap a div:before {width: 90px;height: 92px;bottom: -5px;}
	.banner_wrap a:last-child div {padding-left: 150px;}
	.banner_wrap a:last-child div:before {width: 120px;height: 99px;bottom: -22px;}
	.banner_wrap.recruit a div:before {width: 95px;height: 100px;bottom: -9px;}
	.banner_wrap.recruit a:last-child div:before {width: 107px;height: 105px;bottom: -14px;}
	.main_ideal_wrap {padding-top: 40px;}
	.ideal_top_tit h3 {font-size:27px;}
	.main_ideal_wrap .ideal_inner {margin-top:30px;}
	.main_ideal_wrap .ideal_inner ul li strong {font-size: 20px;gap: 20px;}
	.main_ideal_wrap .ideal_inner ul li strong:after {width: 129px;height: 86px;}
	.main_ideal_wrap .ideal_inner ul li p {font-size: 15px;}
	.main_ideal_wrap:before {height: 460px;}
}
@media screen and (max-width: 900px) {
	.slick-prev, .slick-next {width:40px;height:40px}
	.scroll_down {display:none;}
}
@media screen and (max-width: 856px) {
	.wrapper .sq-item-anchor {font-size: 17px}
	.main_title span {font-size: 20px}
	.min_bbs_wrap h4 a {font-size: 16px}
	.csi_news > ul {padding: 0;border:0;padding-top:28px}
	.csi_news.right > ul > li {width:100%}
	.csi_news > ul > li {width:50%;padding-right: 0;padding: 0 10px}
	.csi_news > ul > li:last-child {width:100%}
	.csi_news.right > ul > li > a > img {position: relative;float: left;max-width: 50%}
	.csi_news.right > ul > li > a > p {margin-left: 55%}
	.csi_news.right > ul > li:last-child {width:100%}
	.csi_news > ul > li > a > img {width:100%}
	.csi_news > ul > li > ul {margin-top: 20px}
	.banner_wrap li {width:33.33333%;margin-bottom:5px}
	.banner_wrap li a img {width: 100%;}
}
@media screen and (max-width: 700px) {
	.wrapper .sq-item {float: none;width: 100%;padding-top: 100%}
	.wrapper .sq {padding: 0 1.5%}
	.wrapper .sq-item-anchor span {padding:4%}
	.bggrey_wrap,.min_bbs_wrap {font-size: 15px}
	.csi_news > ul > li > ul > li {margin-bottom: 10px}
	.bggrey_wrap {padding: 40px 0}
	.notice_wrap {width:100%;margin-bottom: 20px}
	.notice_wrap02 {width:100%;padding-left: 0}
	.notice_wrap02 h3 {left: 0}
	.notice_wrap02 h3.menu02 {left: 100px}
	.banner_wrap {flex-direction: column;}
	.banner_wrap a {padding: 20px;justify-content: flex-start;}
	.banner_wrap a div {padding-left: 135px;}
	.banner_wrap a div:before {bottom: auto;top: 50%;margin-top: -30px;}
	.banner_wrap a:last-child div {padding-left: 135px;}
	.banner_wrap a:last-child div:before {width: 109px;height: 89px;bottom: auto;top: 50%;margin-top: -30px;}
	.banner_wrap.recruit a div:before {width: 86px;height: 90px;bottom: 0;top: 50%;margin-top: -45px;}
	.banner_wrap.recruit a:last-child div:before {width: 95px;height: 93px;bottom: 0;top: 50%;margin-top: -46px;}
}
@media screen and (max-width: 640px) {
	.pc {display: none}
	.mobile {display: block}
	.controller {bottom:20px}
	.pagingItem {font-size:14px}
	.progressBar {height:2px;}
	.slick-next, .slick-prev {display:none !important}
	
	.db_news_wrap {margin:30px auto 0;}
	.db_news_wrap .news_wrap h3, .db_news_wrap .notice_wrap h3 {font-size:20px}
	.db_news_wrap .news_wrap ul {flex-direction: column;gap: 10px;}
	.db_news_wrap .news_wrap ul li a em {margin-bottom: 15px;}
	.db_news_wrap .news_wrap ul li a span {margin-top: 15px;}
	.btn_more {width: auto;height: auto;border-radius: 50px;padding: 7px 15px;top: 0px;}
	.db_news_wrap .btn_more {top: 0px;}
	.db_news_wrap .notice_wrap ul li a {padding:15px;align-items: flex-start;flex-direction: column;gap:10px}
	
	.main_business_wrap {margin-top: 30px;}
	.main_business_wrap:before {height: 230px;}
	.customer_center {padding: 30px 0;}
	.customer_center > strong {font-size: 25px;line-height: 32px;}
	.customer_center p {font-size:16px;}
	.customer_center p strong {font-size:22px;}
	.business_wrap ul {flex-wrap: wrap;}
	.business_wrap ul li {flex: 1 1 100%;}
	
	.recruitment_notice_wrap {margin: 50px auto 0 auto;padding: 40px 10px 0;}
	.recruitment_notice_wrap h3 {margin-bottom: 15px;font-size:20px;}
	.recruitment_notice_wrap .main_tab_wrap li .main_tab {top: 0;left: 0;}
	.recruitment_notice_wrap .main_tab_wrap li:last-child .main_tab {left: 45px;}
	.recruitment_notice_wrap ul li .employee_cont {padding-top: 35px;}
	.recruitment_notice_wrap ul li .employee_cont ul li {flex:1 1 100%}
	.recruitment_notice_wrap ul li .employee_cont ul li a strong {font-size: 16px;}
	.recruitment_notice_wrap .btn_more {top:0}
	
	.ideal_top_tit h3 {font-size:20px;}
	.ideal_top_tit p {font-size:15px;}
	.main_ideal_wrap .ideal_inner ul {flex-direction: column;}
	.main_ideal_wrap .ideal_inner ul li {padding:0 5%}
	.main_ideal_wrap .ideal_inner ul li .ideal {padding: 30px 0;}
	.main_ideal_wrap .ideal_inner ul li+li .ideal:before {width:100%;height:1px;}
	.main_ideal_wrap .ideal_inner ul li strong {font-size: 18px;}
	.main_ideal_wrap .ideal_inner ul li strong:after {width: 105px;height: 70px;}
	
}
@media screen and (max-width: 480px) {
	.webtong_gallery02 .card_wrap {width:100%}
	.webtong_gallery02 .card_wrap:nth-child(even) a > .text {position: relative;padding-right: 0}
	.webtong_gallery02 .card_wrap:nth-child(even) a > span {margin-top:0}
	.webtong_gallery02 .card_wrap p {height:auto}
	.webtong_gallery02 .card_wrap a {padding: 5% 0}
	.csi_news > ul > li {width:100%;margin-bottom: 20px;padding:0}
	.main_title em {display: block}
}