/*  */
html #fp-nav.fp-right {right: 0;}
html #fp-nav ul li, 
html .fp-slidesNav ul li {margin: 0; padding: 0; width: auto; height: auto;}
html #fp-nav ul li a, 
html .fp-slidesNav ul li a {position: relative; margin: 0; width: 16px; height: 16px;}
html #fp-nav ul li a span, 
html .fp-slidesNav ul li a span {margin: 0; width: 100%; height: 100%; left: auto; top: auto; transform: translate(0); display: inline-block; font-size: 0;}
html #fp-nav ul li a.active span {margin: 0; width: 100%; height: 100%;}

html #fp-nav ul li a.active span,
html #fp-nav ul li:hover a.active span,
html #fp-nav ul li:hover a span {width: 100%; height: 100%; margin: 0;}
/*  */
html #fp-nav ul li {position: relative; margin: 0 0 35px; padding: 0 50px 0 0;}
html #fp-nav ul li:last-child {display: none;}
html #fp-nav ul li a::before {content: ""; position: absolute; right: 100%; padding: 0 15px 0 0; top: 50%; transform: translate(0,-50%); font-size: 0.9375rem; font-weight: 600; font-family: 'Poppins', sans-serif; white-space: nowrap; opacity: 0; visibility: hidden; transition: .3s ease; color: #0e3fce; text-transform: none ;}
html #fp-nav ul li a.active::before {opacity: 1; visibility: visible;}
html #fp-nav ul li:nth-of-type(1) a::before {content: "Main";}
html #fp-nav ul li:nth-of-type(2) a::before {content: "Company Brief"; color: #fff;}
html #fp-nav ul li:nth-of-type(3) a::before {content: "Product Brands";}
html #fp-nav ul li:nth-of-type(4) a::before {content: "Community";}
html #fp-nav ul li a::after {content :""; position: absolute; left: 100%; width: 50px; top: 50%; transform: translate(0,-50%); background: #0e3fce; height: 2px; opacity: 0; transition: .3s ease;}
html #fp-nav ul li:nth-of-type(2) a::after {background: #fff;}
html #fp-nav ul li a span {position: absolute; background: #a8a9aa; left: 0; top: 0;}
html #fp-nav ul li a span::after {content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #fff; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: .3s ease;}
html #fp-nav ul li:nth-of-type(2) a.active span::after {background: #fff;}
html #fp-nav ul li a.active::after {opacity: 1;}
html #fp-nav ul li a.active span::after {width: 100%; height: 100%; background: #0e3fce;}
/*  */
.main__title {display: block; text-align: center; font-size: 3.75rem; font-family: 'Poppins', sans-serif; font-weight: 700; color: #fff; padding: 0 0 70px; text-transform: uppercase;}
.bottom_txt {position: absolute; right: 100px; bottom: 50px; z-index: 2;}
.bottom__img {position: absolute; left: 100px; bottom: 50px; z-index: 2;}
/*  */
.mainSlide .swiper-slide,
.section.minHeight {min-height: 850px;}
.section1 {position: relative;}

.mainSlide .swiper-slide {background-position: center !important; background-size: cover !important; height: 100vh; width: 100vw;}
.mainSlide__txtWrap {display: flex; align-items: center; justify-content: center; height: 100%; text-align: center; padding: 0 0 100px;}
.mainSlide__txtWrap--tit {display: block; font-size: 3.75rem; color: #fff; font-family: 'Poppins', sans-serif; font-weight: 700;}
.mainSlide__txtWrap--txt {display: block; font-size: 2.5rem; width: 100%; color: #fff; font-weight: 400;}
.mainSlide__txtWrap--txt span {font-size: 2.5rem; color: #fff; font-weight: 700;}

.mainSlide__buttonWrap {display: flex; position: absolute; z-index: 2; top: 60%; transform: translate(-50%,-50%);left: 50%;}

.mainSlide .swiper-button {position: relative; display: inline-block; margin: 0; left: auto; right: auto; top: auto; width: auto; height: auto;}
.mainSlide .swiper-button::after {display: none;}

.mainSlide .swiper-pagination { position: relative; display: flex; bottom: auto; width: auto; align-items: center; margin: 0 15px 0 0;}
.mainSlide .swiper-pagination span {color: #fff; font-family: 'Poppins', sans-serif; font-size: 1rem;}
.mainSlide .swiper-pagination span::before {content : "0";}

.mainSlide .swiperBtn {position: relative; border: 2px solid #fff; width: 40px; height: 40px; border-radius: 50%; border-radius: 50%; margin: 0 5px 0 0; cursor: pointer;}
.mainSlide .swiperBtn:last-child {margin: 0;}
.mainSlide .swiperBtn img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);} 

.timmer {position: relative; display: inline-block; width: 80px; height: 2px; background: rgba(255,255,255,0.15); margin: 0 10px;}
.timmer__inner {position: absolute; width: 0%; top: 0; left: 0; background: #fff; height: 100%;}

.swiper-button-play img {opacity: 0;}
.swiper-button-play img.on {opacity: 1;}

.mouseIcon {position: absolute; left: 50%; bottom: 0; z-index: 2; text-align: center; transform: translate(-50%,0); padding: 0 0 70px;}
.mouseIcon::after {content: ""; position: absolute;left: 50%; bottom: 0; transform: translate(-50%,0); width: 1px; height: 70px; background: #fff;}
.mouseIcon p {font-size: 0.875rem; font-weight: 600; font-family: 'Poppins', sans-serif; color: #fff;}

.company__contents {display: flex; }
.company__contents .left {display: flex; flex: 1;  text-align: left; flex-wrap: wrap; padding: 30px 0 0;}
.company__contents .right {width: 780px; padding: 0 0 0 60px;}
.company__contents--txt {font-size: 1.125rem; font-weight: 400; color: #fff;}
.company__linkList {display: flex; width: 100%; align-self: flex-end; justify-content: space-between; margin: 0 0 40px;}
.company__linkList li {width: calc((100% - 20px) / 3);}
.company__linkList a {position: relative; display: flex; align-items: center; width: 100%; justify-content: space-between; padding: 0 0 20px;}
.company__linkList a img {opacity: 0; transition: .3s ease;}
.company__linkList a::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: rgba(255,255,255,0.3); transition: .3s ease;}
.company__linkList a span {line-height: 1; font-size: 1.25rem; font-weight: 600; color: rgba(255,255,255,0.3); transition: .3s ease;}
.company__linkList a:hover::after {background: #fff;}
.company__linkList a:hover span {color: #fff;}
.company__linkList a:hover img {opacity: 1;}

.company__contents-tit {font-size: 1.563rem; font-weight: 600; font-family: 'Poppins', sans-serif; display: block; color: #fff;}
.company__imgList {display: flex; flex-flow: row wrap; justify-content: space-between; padding: 20px 0 0;}
.company__imgList li {width: calc((100% - 20px) /3); margin: 0 0 10px; background: rgba(255,255,255,0.1); text-align: center; padding: 25px;}
.company__imgList .imgWrap {display: flex; height: 130px; justify-content: center; align-items: center;}
.company__imgList li p {display: block; font-size: 1rem; font-weight: 600; color: rgba(255,255,255,0.8); font-family: 'Poppins', sans-serif;}
.company__imgList li b {display: block; line-height: 1.2; font-size: 1.125rem; font-weight: 600; color: #fff; font-family: 'Poppins', sans-serif;}

.section2 {background-position: center !important; background-size: cover !important;}


.section3 {background:url('/images/main/section3_bg.jpg')no-repeat; background-position: center; background-size: cover;}
.section3 .main__title {color: #222222;}
.section3 .limit1500 {position: relative;}

.brandSlideWrap {position: relative;}
.brandSlide__btnWrap {position: absolute; top: 50%; left: 0; width: 100%; transform: translate(0,-50%); z-index: 2;}
.brandSlide__btnWrap .swiper-button img {transition: .3s ease;}
.brandSlide__btnWrap .swiper-button img:nth-of-type(1) {opacity: 0;}
.brandSlide__btnWrap .swiper-button:hover img:nth-of-type(1) {opacity: 1;}
.brandSlide__btnWrap .swiper-button:hover img:nth-of-type(2) {opacity: 0;}
.brandSlide__btnWrap .swiper-button-prev {left: -70px;}
.brandSlide__btnWrap .swiper-button-next {right: -70px;}

.brandSlide__imgWrap {position: relative; padding-bottom: 50%; overflow: hidden;}
.brandSlide__photo {position: absolute; left: 0; top: 0; background-position: center !important; background-size: cover !important; width: 100%; height: 100%; transition: .3s ease;}
.brandSlideWrap a:hover .brandSlide__photo {transform: scale(1.1);}
.brandSlide .txtWrap {background: #fff; padding: 30px 30px 80px;}
.brandSlide .txtWrap b {display: block; font-size: 1.563rem; font-weight: 700; color: #222222; margin: 0 0 20px; font-family: 'Poppins', sans-serif;}
.brandSlide .txtWrap p {font-size: 1.063rem; font-weight: 400; color: #666666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */ white-space: normal; line-height: 1.4; height: 5.6em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}


.section3 .swiper-button {position: absolute;}
.section3 .swiper-button img {position: absolute; left: 0; top: 0;}
.section3 .swiper-button::after {display: none;}

.slideUtil {position: relative; text-align: center; z-index: 2; margin: 80px 0 0;}
.slideUtil .swiper-button {position: relative; left: auto; right: auto; margin: 0; top: auto; display: inline-block; width: auto; height: auto; font-size: 0;}
.slideUtil .swiper-button img {position: relative;}
.slideUtil {display: flex; justify-content: center; align-items: center;}
.slideUtil .swiper-pagination {position: relative; font-size: 0; margin: 0 15px;}
.slideUtil .swiper-pagination-bullet {position: relative; width: 18px; height: 18px; background: #666666; opacity: 1; border-radius: 0; margin: 0 6px; transition: .3s ease; border: 2px solid #666;}
.slideUtil .swiper-pagination-bullet::after {content : ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 10px; height: 10px; background: #081f89; opacity: 0; transition: .3s eaes;}
.slideUtil .swiper-pagination-bullet-active {background: transparent; border-color: #081f89;}
.slideUtil .swiper-pagination-bullet-active::after {opacity: 1;}

.slideUtil .swiper-button-play2 {position: relative; width: 11px; height: 16px; margin: 0 15px; cursor: pointer;}
.slideUtil .swiper-button-play2 img {position: absolute; left: 0; top: 0; opacity: 0;}
.slideUtil .swiper-button-play2 img.on {opacity: 1;}

.section4 {background: #f2f3f5;}
.section4 .limit {display: flex; padding: 40px 10px;}
.section4 .left {width: 580px;}
.section4 .right {width: calc(100% - 580px);}
.section4 .left ul {display: flex; flex-flow: column nowrap; justify-content: space-between; height: 100%;}
.section4 .left li {height: 200px; border-radius: 15px; margin: 0 0 20px;}
.section4 .left li:nth-of-type(1) {background: #2641a7;}
.section4 .left li:nth-of-type(2) {background: #55a413;}
.section4 .left li:nth-of-type(3) {background: #686868; margin: 0;}
.section4 .left li .imgWrap {width: 95px;}
.section4 .left li a {display: flex; width: 100%; height: 100%; align-items: center; padding: 0 50px;}
.section4 .left li a .txtWrap {flex: 1;}
.section4 .left li a .txtWrap b {display: block; font-size: 1rem; font-weight: 600; color: rgba(255,255,255,0.3); margin: 0 0 10px;}
.notice__more {display: flex; align-items: center; margin: 0 0 20px;}
.notice__more strong {display: block; font-size: 1.875rem; font-weight: 700; color: #fff; line-height: 1;}
.notice__more > div {display: flex; align-items: center; background: #fff; font-size: 12px; font-weight: 600; color: #686868; font-family: 'Poppins', sans-serif; border-radius: 20px; padding: 2px 4px; margin: 0 0 0 10px;}
.notice__more .iconWrap {font-size: 0; margin: 0 0 0 5px;}
.section4 .left li a p {font-size: 1.063rem; font-weight: 400; color: #ffffff; letter-spacing: -1px;}

.section4 .right {padding: 0 0 0 70px;}
.section4 .titleWrap {position: relative;}
.section4 .main__title {color: #222222; text-align: left; padding: 0; line-height: 1; margin: 0 0 10px;}
.section4 .titleWrap span {display: block; font-size: 1.125rem; font-weight: 600; color: #132b88; font-family: 'Poppins', sans-serif; margin: 0 0 10px;}
.section4 .titleWrap p {font-size: 1.375rem; font-weight: 400; color: #222222; }
.section4 .titleWrap .btn_pluse {display: flex; position: absolute; top: 50%; right: 0; transform: translate(0,-50%); width: 76px; height: 76px; border: 1px solid #555555; justify-content: center; align-items: center;}

.notice__list {padding: 50px 0 0;}
.notice__list li a {display: flex; border-bottom: 1px solid #ddd; padding: 20px 0; transition: .3s ease;}
.notice__list li:hover a { background: #eaeaea;}
.iconCate {display: flex; width: 80px; height: 40px; font-size: 1rem; font-weight: 600; color: #fff; font-family: 'Poppins', sans-serif; align-items: center; justify-content: center;}
.iconCate.notice1 {background: #132c88;}
.iconCate.news {background: #67bb20;}
.notice__list .txtWrap {padding: 0 0 0 30px; width: calc(100% - 80px);}
.notice__list .txtWrap p {font-size: 1.375rem; font-weight: 700; color: #333333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin: 0 0 15px;}
.notice__list .txtWrap span {font-size: 1.125rem; font-weight: 500; color: #999;}

.section5 .fp-tableCell,
.section5 {height: auto !important;}

/*************** sub ******************/
.subTop__photo {display: flex; height: 420px; background-position: center !important; background-size: cover !important; align-items: center; justify-content: center;}
.subTop__photo.sub01_bg {background: url("/images/sub/sub_bg1.jpg")no-repeat;}
.subTop__photo.sub02_bg {background: url("/images/sub/sub_bg2.jpg")no-repeat;}
.subTop__photo.sub03_bg {background: url("/images/sub/sub_bg3.jpg")no-repeat;}
.subTop__photo.sub04_bg {background: url("/images/sub/sub_bg4.jpg")no-repeat;}
.subTop__photo.sub05_bg {background: url("/images/sub/sub_bg5.jpg")no-repeat;}
.subTop__tit {font-size: 3.125rem; text-transform: uppercase; color: #fff; font-family: 'Poppins', sans-serif; line-height: 1; padding: 100px 0 0; text-align: center;}

.subTitle {padding: 60px 10px 50px;}
.subTitle__txt {font-size: 2.5rem; text-align: center; font-weight: 700; color: #222222; line-height: 1.2;}
.subTitle__txt.en {font-family: 'Poppins', sans-serif;}
.subTitle__txt .blue {font-size: 2.5rem; font-weight: 700; color: #3671d7;}


.subTitle__subTxt {font-size: 1.125rem; font-weight: 500; color: #666666; text-align: center;}


.subNavWrap {background: #f2f2f2;}
.subNav {display: flex; height: 60px;}
.btnHome {position: relative; display: inline-block; width: 60px; height: 100%; background: #1246a1;}
.btnHome img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.subNav .nowWrap {position: relative; display: flex; height: 100%; max-width: 300px; width: calc((100% - 60px)/2); align-items: center; z-index: 5; cursor: pointer;}
.subNav .nowWrap::after {content: ""; position: absolute;right: 0; top: 0; height: 100%; width: 1px; background: #ddd;}
.subNav .current {position: relative; display: flex; width: 100%; align-items: center; height: 100%;}
.subNav .current__txt {font-size: 1.125rem; font-weight: 400; color: #666666; padding: 0 0 0 20px;}
.subNav .arrowWrap {position: absolute; right: 20px; top: 50%; transform: translate(0,-50%); font-size: 0;}
.subNav .arrowWrap img {transition: .3s ease;}
.subNav .active .arrowWrap img {transform: rotate(180deg);}
.subNav .depth2 {position: absolute; left: 0; top: 100%; width: 100%; background: #fff; border: 1px solid #ddd; border-bottom: none; display: none;}
.subNav .depth2 .on a {background: #1246a1;}
.subNav .depth2 .on a span {color: #fff;}
.subNav .depth2 a {display: block; padding: 10px 20px; border-bottom: 1px solid #ddd;}

.subpage {padding: 0 0 160px;}
.subpage.ver2 {padding: 0;}
/*  */
.company__topImg {display: flex; height: 400px; align-items: center; padding: 0 50px; background-position: center !important; background-size: cover !important;}
.topImg__txtWrap--tit {display: block; margin: 0 0 30px; font-size: 2.5rem; font-weight: 700; color: #fff; line-height: 1;}
.topImg__txtWrap--txt {font-size: 1.125rem; font-weight: 500; color: #fff;}

.company__iconList {display: flex; margin: 80px 0 0;}
.company__iconList li { position: relative; flex: 1; text-align: center; padding: 0 10px;}
.company__iconList li::after {content: ""; position: absolute; right: 0; top: 50%; transform: translate(0,-50%); width: 1px; background: #ededed; height: 100%;}
.company__iconList li:nth-of-type(3)::after {display: none;}
.company__iconList .imgWrap {height: 115px; }
.company__icon--tit {font-size: 1.563rem; font-weight: 700; color: #222222; display: block; line-height: 1.2; margin: 0 0 20px;}
.company__icon--txt {font-size: 1.063rem; font-weight: 400; color: #666666; text-align: left;  }

.vision {background: #f7f7f7;}
.vision__conts {display: flex; justify-content: space-between;}
.vision__conts + .vision__conts {margin: 10px 0 0;}
.vision__conts--photo {position: relative; padding: 20px;}
.vision__conts--photo::before {content: ""; position: absolute; width: 270px; height: 300px; background: #3671d7;  left: 0; top: 0;}
.vision__conts--photo img {position: relative; z-index: 2;}

.vision__conts--txt {display: flex; align-items: center; width: 540px;}
.vision__conts:nth-of-type(even) .vision__conts--photo {order: 1;}
.vision__conts:nth-of-type(odd) .vision__conts--txt {padding: 0 0 0 20px;}

.vision__conts:nth-of-type(2) .vision__conts--photo::before {left: auto; right: 0; top: auto; bottom: 0;}


.vision__txt--num {position: relative; display: inline-block; font-size: 1.25rem; font-weight: 700; color: #222222; font-family: 'Poppins', sans-serif; margin: 0 0 30px;}
.vision__txt--num::after {content : ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #6e6e6e;}
.vision__tit { display: block; font-size: 2.188rem; font-weight: 700; font-weight: 700; color: #222222; margin: 0 0 20px;}
.vision__txt {font-size: 1.125rem; font-weight: 400; color: #666666;}

.didList {width: 50%; padding: 12px 0 0;}
.didList li {display: flex; }
.didList li i {font-size: 1.125rem; font-weight: 700; color: #666666; margin: 0 10px 0 0;}
.didList li p { font-size: 1.125rem; font-weight: 400; color: #666666;}
.history__item {position: relative; display: flex; justify-content: center; padding: 0 0 120px;}
.history__year {width: 50%; font-size: 3.125rem; text-align: right; line-height: 1; padding: 0 60px 0 0;}
.history__list .circle {position: absolute; left: 50%; top: 18px; width: 16px; height: 16px; transform: translate(-50%,0 ); background: #dddddd; border-radius: 50%;}
.history__list .circle::after {content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; background: #fff; border-radius: 50%; transform: translate(-50%,-50%);}
.history__list .circle::before {content: ""; position: absolute; left: 0; top: 0; z-index: 3; background: #3671d7; width: 100%; height: 100%; border-radius: 50%; transition: .3s ease; opacity: 0;}
.history__list .circle.active::before {opacity: 1;}

.history__item:nth-of-type(odd) .didList {padding: 12px 0 0 60px;}
.history__item:nth-of-type(even) .history__year {order: 1; text-align: left; padding: 0 0 0 60px;}
.history__item:nth-of-type(even) .didList li {justify-content: flex-end; padding: 0 60px 0 0;}
.history__item:nth-of-type(even) .didList li p {text-align: right;}
.history__listWrap {position: relative; padding: 90px 0 0; margin: 0 0 100px;}
.history__lineWrap {position: absolute; top: 0; left: 50%; transform: translate(-50%,0); width: 1px; height: 100%; background: #dddddd;}
.history__line {position: absolute; left: 0; top: 0; background: #3671d7; width: 100%;}

/* sub0102 */
.sub0102 {text-align: center;}
.organ__txt {font-size: 1.125rem; font-weight: 500; color: #666666; margin: 30px 0 0;}

/* sub02 */
.brandList {padding-top: 160px; }
.brand__imgWrap {text-align: center; margin: 0 0 40px;}
.brand__txt {padding: 0 0 0 50px; font-size: 1.125rem; font-weight: 400; color: #666666; flex: 1;}
.brand__txtWrap {display: flex;}
.brand__tit {min-width: 300px; font-size: 1.875rem; font-weight: 700; color: #222222;}

.hr {height: 1px; width: 100%; margin: 90px 0; background: #ddd; border: none;}
.brand__list {display: flex; flex-wrap: wrap;}
.brand__list li {position: relative; width: calc((100% - 75px) / 4); margin: 0 25px 30px 0; font-size: 0; padding-bottom: 23%;}
.brand__list li:nth-of-type(4n) {margin: 0 0 30px;}
.brand__list li a {position: absolute; width: 100%; height: 100%; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #ddd; background-position: center !important; background-size: contain !important;}
.brand__list li a .txtWrap {position: absolute; display: table; table-layout: fixed; left: 0; bottom: 0; background: #393939; padding: 10px; align-items: center; transition: .6s ease; height: 50px; width: 100%;}
.brand__list li a .txtWrap > div {display: table-cell; vertical-align: middle;}
.brand__list li a .txtWrap strong {display: block; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 1.25rem; font-weight: 700; transition: .6s ease; }
.brand__list li a .txtWrap p {color: #fff; font-size: 0.9375rem; font-weight: 400;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.5em; height: 0em; overflow: hidden; transition: .3s ease;}

.brand__list li:hover a .txtWrap {height: 100%; background: rgba(0,0,0,0.8);}
.brand__list li:hover a .txtWrap strong {color: #018df9;}
.brand__list li:hover a .txtWrap p {height: 3em; margin: 10px 0 0;}

.brand__list input {position: absolute; left: 10px; top: 10px; z-index: 2;}

.brand__cnts {display: flex;}
.brand__cnts .imgWrap {display: flex; border: 1px solid #ddd; width: 420px; min-height: 400px; align-items: center; justify-content: center;}
.brand__cnts .imgWrap img {max-width: calc(100% - 20px); max-height: calc(100% - 20px);}
.brand__cnts .txtWrap {position: relative; flex: 1; margin: 0 0 0 80px; display: flex; flex-direction: column;}
.brand__cnts .txtWrap strong {display: block; font-size: 1.875rem; font-weight: 700; color: #222222; margin: 0 0 30px; width: 100%; word-break: break-all; line-height: 1.3;}
.brand__cnts .txtWrap p {font-size: 1.125rem; font-weight: 400; color: #666666; margin: 0 0 100px;}
.brand__cnts .txtWrap ul {position: absolute; bottom: 0; display: flex; width: 100%; justify-content: space-between;}
.brand__cnts .txtWrap ul li {width: calc((100% - 20px) / 3);}
.brand__cnts .txtWrap ul li a {display: flex; height: 60px; justify-content: center; align-items: center; font-size: 1.125rem; font-weight: 500; color: #fff;}
.brand__cnts .txtWrap ul li a.blue {background: #1246a1;}
.brand__cnts .txtWrap ul li a.grey {background: #888888;}
.brand__cnts .txtWrap ul li a.white {color: #222222; border: 1px solid #222;}
/* hire */
.hireTit {display: block; font-size: 2.5rem; font-weight: 700; color: #222222; }
.hireTit__subTit {display: block; font-size: 1.875rem; font-weight: 700; color: #222222; margin: 10px 0;}
.hireTit__subTit.en {letter-spacing: -1.5px;}
.hireTit__subtxt {font-size: 1.125rem; font-weight: 400; color: #666666; margin: 0 0 50px;}
.hireTit__subTit .blue {font-size: 1.875rem; font-weight: 700; color: #1246a1;}

.hire__topPic {display: flex; flex-wrap: wrap;}
.hire__topPic--div {display: flex; width: 50%; height: 370px; align-items: center; background-position: center !important; background-size: cover !important;}
.hire__topPic--div > div {width: 100%;}
.hire__topPic--div.blue {background: #1246a1; padding: 0 80px; }
.hire__topPic--div.blue p {color: #fff; font-size: 1.25rem; font-weight: 400;}
.hire__topPic--div.grey {background: #f6f6f6; text-align: center;}
.hire__topPic--tit {font-size: 1.875rem; font-weight: 700; color: #fff; display: block; margin: 0 0 20px;}
.grey .hire__topPic--tit {color: #222222;}
.hire__topPic--txtWrap {display: flex; }
.hire__topPic--txtWrap > div {width: 50%;}
.hire__topPic--txtWrap span {display: inline-block; font-size: 1.125rem; padding: 5px 10px; border-radius: 20px; border: 2px solid #1246a1; color: #1246a1; font-weight: 500; margin: 0 0 20px;}
.hire__topPic--txtWrap > div:nth-of-type(2) span {color: #fff; background: #1246a1;}
.hire__topPic--txtWrap p {font-size: 1.125rem; font-weight: 500; color: #666666;}
.hire__topPic--txtWrap p + p {margin: 5px 0 0;}

.hire .guide {border-bottom: 1px solid #ddd;}
.hire .step {padding: 160px 0; border-bottom: 1px solid #ddd;}
.hire .welfare {padding: 160px 0;}

.step__list {display: flex; margin: 40px 0 0; flex-wrap: wrap;}
.step__list li {width: 20%; text-align: center;}
.step_txt {font-family: 'Poppins', sans-serif; font-size: 1rem; font-weight: 600; color: #222222; display: block; margin: 0 0 10px;}
.step__list .circle {position: relative; display: flex; align-items: center; width: 200px; height: 200px; border-radius: 50%; border: 1px solid #ddd; margin: 0 auto; flex-wrap: wrap; justify-content: center; box-shadow: 0 20px 20px 0 rgba(0,0,0,0.2);}
.step__list .imgWrap {display: flex; width: 100%; height: 80px; align-items: center; justify-content: center;}
.step__list .circle span {display: block; color: #1246a1; font-weight: 700; font-size: 1.125rem; font-weight: 700; }
.step__list .circle p {font-size: 1.125rem; font-weight: 500; color: #666666;}
.step__list .circle::after {content: ""; left: calc(100% + 20px); position: absolute; width: 22px; height: 34px; background: url('/images/sub/hire/icon_step_arrow.png')no-repeat; top: 50%; transform: translate(0,-50%);}
.step__list li:last-child .circle::after {display: none;}
.step__greyBox {background: #f3f6fa; padding: 40px; margin: 60px 0 0;}
.dotted__txt {position: relative; padding: 0 0 0 6px; font-size: 1.125rem; font-weight: 400; color: #666666; margin: 0 0 5px;}
.dotted__txt::before {content: ""; position: absolute; left: 0; top: 12px; width: 2px; height: 2px; background: #666;;}
.star__txt {display: block; position: relative; padding: 0 0 0 10px; font-size: 1.125rem; font-weight: 400; color: #666666; margin: 15px 0 0;}
.star__txt::before {content: "*"; position: absolute; left: 0; top: 0px;}

.welfare__list {display: flex; flex-wrap: wrap;}

.welfare__list li {width: calc((100% - 60px) / 3); margin: 0 30px 30px 0;}
.welfare__list li:nth-child(1) {display: flex; align-items: center;}
.welfare__list li:nth-child(1) span {font-size: 1.563rem; font-weight: 700; color: #cccccc; font-family: 'Poppins', sans-serif; display: block;}
.welfare__list li:nth-child(1) b {font-size: 5rem; font-weight: 700; font-family: 'Poppins', sans-serif; display: block; line-height: 1; color: #1246a1;}
.welfare__list li:nth-child(1) p {font-size: 1.25rem; font-weight: 500; color: #666666; margin: 10px 0 0;}
.welfare__list li:nth-of-type(3n) {margin: 0 0 30px;}

.welfare__list .img {padding-bottom: 55%; background-position: center !important; background-size: cover !important;}
.welfare__list .txtWrap {background: #f8f8f8; padding: 30px;}
.welfare__list .txtWrap b {display: block; font-size: 1.25rem; font-weight: 700; color: #222222; margin: 0 0 15px;}
.welfare__list .txtWrap p {font-size: 1.063rem; font-weight: 400; color: #666666; line-height: 1.4em; height: 2.8em;}
.welfare__list.en .txtWrap p {min-height: 4.2em; height: auto;}
/* online */
.online__table {border-top : 2px solid #222222; width: 100%;}
.online__table tr {border-bottom: 1px solid #ddd;}
.online__table th {background: #f9f9f9; text-align: left; width: 200px; padding: 20px; border-right: 1px solid #ddd;}
.online__table th span {font-size: 1.063rem; font-weight: 500; color: #333333;}
.online__table th .required::before {content: "*"; color: #ee0000; font-size: 1.063rem; margin: 0 4px 0 0;}

.online__table td {padding: 10px; }

.online__table select {background: url("/images/common/select_arrow.png")no-repeat; background-position: right 10px center;}
.online__table select,
.online__table input {border: 1px solid #ddd; height: 46px; border: 1px solid #ddd;padding: 10px;}

.tr__company input ,
.tr__name input {width: 100%; max-width: 475px;}

.tr__mail div,
.tr__num div {display: flex; align-items: center; flex-wrap: wrap;}

.tr__num select {max-width: 125px; }
.tr__num input {max-width: 200px; }
.tr__num select,
.tr__num input {width: calc((100% - 50px) / 3);}
.tr__num i {display: inline-block; width: 5px; height: 2px; margin: 0 10px; background: #999;}

.tr__mail input {max-width: 200px; }
.tr__mail select {max-width: 200px; margin: 0 0 0 10px; }
.tr__mail i {font-size: 1rem; color: #666; margin: 0 5px;}

.tr__mail input,
.tr__mail select {width: calc((100% - 36px )/3);}

.tr__department select,
.tr__brand select,
.tr__product select {width: 100%; max-width: 550px;}

.tr__radio div {display: flex; }
.tr__radio label {display: flex; cursor: pointer; align-items: center; margin: 0 20px 0 0;}
.tr__radio label:last-child {margin: 0;}
.tr__radio label span {position: relative; display: inline-block; width: 20px; height: 20px; border: 1px solid #222222; border-radius: 50%; margin: 0 5px 0 0;}
.tr__radio label span::after {content: ""; position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%); width: 10px; height: 10px; border-radius: 50%; background: #222222; opacity: 0; transition: .3s ease;}
.tr__radio label input:checked + span::after {opacity: 1;}

.tr__contents textarea {width: 100%; height: 165px; padding: 10px; border: 1px solid #ddd;}
.online__bottomTxt {font-size: 1rem; font-weight: 400; color: #888888; margin: 10px 0px 5px;}
.privacy__tit {display: block; font-size: 1.063rem; font-weight: 500; color: #333333; margin: 0 0 10px;}
.privacy__contents {padding: 15px; overflow: auto; height: 200px; border: 1px solid #ddd; background: #f6f6f6;}

.privacyChk {display: flex; cursor: pointer; margin: 20px 0 0; align-items: center;}
.privacyChk p {font-size: 1rem; font-weight: 400; color: #666666; margin: 0 0 0 10px;}
.privacyChk span {display: inline-block; width: 22px; height: 22px; border: 1px solid #ddd; position: relative;}
.privacyChk span::after {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 11px; height: 11px; background: #999; opacity: 0; transition: .3s ease;}
.privacyChk input:checked + span::after {opacity: 1;}

.online__btnWrap {margin: 45px 0 0; display: flex; position: relative;}
.online__btn {display: flex; align-items: center; justify-content: center; width: 100%; max-width: 300px; height: 60px; background: #1246a1; color: #fff; font-size: 1.125rem; font-weight: 500; margin: 0 auto; border: none;}

.online__btn--list {position: absolute; right: 0; top: 50%; transform: translate(0,-50%); background: #eaeaea; padding: 5px 10px; border: 1px solid #ddd;}

.job_notice__btnWrap {margin: 40px 0 0px 0; display: flex;}

/* board */
.list__topPart {display: flex; justify-content: space-between; align-items: center; margin: 0 0 20px;}
.list__topPart p {font-size: 1.063rem; font-weight: 500; color: #333333;}
.list__topPart.en {justify-content: flex-end;}
.bo_sch {border: none; }
.bo_sch_form {display: flex;}

.bo_sch_form select,
.bo_sch_form input { padding: 0 10px; height: 40px;}
.bo_sch_form select {width: 120px; margin: 0 10px 0 0; border: 1px solid #ddd; background: url('/images/common/saerch_select_arrow.png')no-repeat; background-position: right 10px center;}
.bo_sch_form input {border: none;}
.sch_bar {border: 1px solid #ddd; display: flex;}
.sch_bar .sch_btn {background: none; border: none; text-align: center; width: 40px;}

/* board__list */
.board__list--table {width: 100%; border-top: 2px solid #222; table-layout: fixed; margin: 10px 0 0;}
.board__list--table tr {border-bottom: 1px solid #ddd;}
.board__list--table th {background: #fbfbfb; height: 60px; font-size: 1.063rem; font-weight: 500; color: #222222;}
.th__chk {width: 60px;}
.th__no {width: 80px;}
.th__view,
.th__date {width: 170px;}
.th__cate {width: 120px;}

.board__list--table td {font-size: 1rem; font-weight: 300; color: #666666; text-align: center;}
.board__list--table td a {display: block; height: 56px; line-height: 56px; font-size: 1rem; font-weight: 300; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; align-items: center; text-align: left;}

.cate__notice {display: inline-block; background: #132c88; color: #fff; width: 70px; padding: 5px 0; text-align: center; font-family: 'Poppins', sans-serif; font-size: 0.875rem; font-weight: 600;}
.cate__news {display: inline-block; background: #67bb20; color: #fff; width: 70px; padding: 5px 0; text-align: center; font-family: 'Poppins', sans-serif; font-size: 0.875rem; font-weight: 600;}
/* board__view */
.board__view {border-top: 2px solid #222; border-bottom: 1px solid #ddd; padding: 10px 0}
.boardView__tit h4 {font-size: 2rem; font-weight: 500; color: #333; margin: 0 0 10px;}
.boardView__tit ul {display: flex;}
.boardView__tit ul li {margin: 0 10px 0 0; font-size: 1rem; font-weight: 400; color: #666;}
.boardView__tit ul li:last-child {margin: 0;}

#bo_v_con {border-bottom: 1px solid #ddd;}
.bo_v_nb li {display: flex; align-items: center;}
.bo_v_nb li .nb_tit {display: flex; align-items: center;}
.bo_v_nb li i {margin: 0 5px 0 0;}
.bo_v_nb li a {flex: 1; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.view #bo_v_con table {border-top: 1px solid #666; width: 100%; table-layout: fixed;}
.view #bo_v_con table tr {border-bottom: 1px solid #ddd;}
.view #bo_v_con table tr > * {border-right: 1px solid #ddd; padding: 5px;}
.view #bo_v_con table tr > *:last-child {border-right: none;}
.view #bo_v_con table th {width: 100px;}
/* board__write */
.board #bo_w .bo_w_tit .frm_input {width: 100%; border: 1px solid #ddd; padding: 0 10px; height: 40px;}
.board #wr_content {border: 1px solid #ddd; padding: 10px}
.board #bo_w .bo_w_link .frm_input {height: 40px; border: 1px solid #ddd; width: 100%;}
.btn_confirm {display: flex; justify-content: center;}
.btn_confirm > * {display: flex; width: 150px; height: 40px; justify-content: center; align-items: center; border: 1px solid #ddd;}
.btn_confirm > .btn_submit {border: none; margin: 0 0 0 10px;}

.list #bo_cate ul {display: flex;}
.list #bo_cate li {padding: 0; border: none;}
.list #bo_cate li a {position: relative; display: flex; border-radius: 0; width: 140px; font-size: 1.063rem; align-items: center; justify-content: center; height: 55px; border: none; color: #999999; font-weight: 500; background: #fbfbfb;}
.list #bo_cate li a::after {content: ""; position: absolute; left: 0; top: 0; width: calc(100% - 1px); height: calc(100% - 1px); border: 1px solid #ddd;}
.list #bo_cate #bo_cate_on {border: none; background: #222222; box-shadow: none;}

.brandList #bo_cate {display: none;}

#bo_w .bo_w_select select {padding: 0 10px; border: 1px solid #ddd; color: #999; background: url('/images/sub/subNav_arrow.png')no-repeat; background-position: right 10px center;}


.paging_wrap {text-align: center; margin: 90px 0 0;}
.paging_wrap > div {display: inline-table;}
.paging_wrap > div > * {display: inline-block; float: left;}
.paging_wrap ul {margin: 0 15px;}
.paging_wrap ul li {display: inline-block; float: left;}
.paging_wrap ul li + li {margin: 0 0 0 5px;}
.paging_wrap ul li span {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 1rem; font-weight: 400; color: #666666;}
.paging_wrap ul li.on a {background: #999; border-color: #999;}
.paging_wrap ul li.on a span {color: #fff;}
.paging_wrap a {position: relative; display: inline-block; width: 40px; height: 40px; border: 1px solid #ddd;}
.paging_wrap a + a {margin: 0 0 0 5px;}
.paging_wrap a img {position: absolute; left: 50%; top: 50%; transform: tratnslate(-50%,-50%);}


.subpage .mbskin {margin: 30px 0 0;}
.subpage #login_fs { padding: 20px;}
.subpage #mb_login #login_fs .frm_input {border: 1px solid #ddd; height: 40px; padding: 0 10px;}
.subpage .mbskin {width: calc(100% - 20px); max-width: 400px; margin: 0 auto;}

.sideFormArea {position: fixed; left: -390px; top: 115px; background: #1a3393; padding: 30px 30px 80px;; max-width: 390px; transition: .3s ease;}
.sideFormArea.on {left: 0;}
.side__btn {position: absolute; background: #1a3393; top: 50%; transform: translate(0,-50%); left: 100%; align-items: center; justify-content: center; padding: 15px 30px; transform-origin: center; cursor: pointer;}
.side__btn p {color: #fff; font-size: 1.125rem; font-weight: 600; writing-mode: vertical-rl; width: 100%; margin: 0 0 20px; letter-spacing: 0; font-family: 'Poppins', sans-serif; line-height: 1;}
.side__btn img {transform: rotate(180deg); transition: .3s ease;}
.sideFormArea.on .side__btn img {transform: rotate(0deg);}

.sideFormArea .privacyPart {height: 100px; overflow: auto; background: #fff;}
.sideForm__tit {display: flex; justify-content: flex-start; margin: 0 0 15px;}
.sideForm__tit p {color: #fff; font-size: 1.125rem; font-weight: 700;}
.sideForm__tit span {align-self: flex-end; color: #fff; font-size: 0.875rem; font-weight: 500; }
.side__div + .side__div {margin: 5px 0 0;}

.side__div select,
.side__div input {width: 100%; background: #fff; height: 40px; border: none; padding: 0 20px; font-size: 1rem; font-weight: 400;}
.side__div select {color: #222222; font-weight: 500; appearance:auto; }
.side__div textarea {width: 100%; padding: 15px; height: 120px;}
.side__label {cursor: pointer; display: flex; margin: 20px 0px 0; justify-content: flex-start;}
.side__label span {position: relative; display: inline-block ;width: 24px; height: 24px; background: #fff;}
.side__label span::after {content :""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 12px; height: 12px; background: #1a3393; opacity: 0; transition: .3s ease;}
.side__label p {font-size: 1rem; font-weight: 500; color: #fff; flex: 1; padding: 0 0 0 10px;}
.side__label input:checked + span::after {opacity: 1;}

.side__submit {display: flex; position: absolute; height: 50px; left: 0; bottom: 0; width: 100%; background: #222222;}
.side__submit button.submit {display: flex; background: transparent; border: none; height: 100%; flex: 1; justify-content: space-between; align-items: center; padding: 0 30px; height: 100%;}
.side__submit button.submit p {font-size: 1.125rem; font-weight: 500; color: #fff;}
.side__submit button.reset {width: 50px; height: 100%; position: relative; background: #444444; border: none;}
.side__submit button.reset img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
@media screen and (max-width: 1600px) {
    .brandSlide__btnWrap .swiper-button-prev {left: 10px;}
    .brandSlide__btnWrap .swiper-button-next {right: 10px;}
}
@media screen and (max-width: 1440px) {
    .bottom_txt {right: 10px;}
    .bottom__img {left: 10px;}
}
@media screen and (max-width: 1320px) {
    .company__contents .right {width: 640px;}

    .step__list {justify-content: center;}
    .step__list li {width: 33.3333%; margin: 0 0 40px;}
    .step__list li .circle::after {display: none;}
}
@media screen and (max-width: 1220px) {
    .section4 .limit {flex-wrap: wrap; padding: 0 10px;}
    .section4 .titleWrap .btn_pluse {width: 40px; height: 40px;}
    .notice__list {padding: 0;}
    
    .section4 .left {width: 100%; }
    .section4 .left ul {max-width: 600px; width: 100%; margin: 0 auto;}
    .section4 .left li {height: auto; padding: 20px 0;}

    .section4 .right {width: 100%; padding: 0; max-width: 600px; margin: 40px auto 0;}

    .brand__cnts .imgWrap {width: 450px;}
    .brand__cnts .txtWrap {margin: 0 0 0 30px; flex: auto;}
}
@media screen and (max-width: 1024px) {
    .btnHome {display: none;}
    .subpage {padding: 0 0 100px;}
    .hire .welfare,
    .hire .step {padding: 100px 0;}

    .fp-tableCell,
    .section {height: auto !important;}
    .section.minHeight {min-height: 0;}
    .section {padding: 60px 0;}
    .section5,
    .section1 {padding: 0;}
    
    .mainSlide .swiper-slide {min-height: 600px;}
    .mainSlide__txtWrap {padding: 0 10px;}
    .mainSlide__txtWrap--tit {font-size: 3rem; text-align: left; line-height: 1.1;}
    .mainSlide__txtWrap--txt span,
    .mainSlide__txtWrap--txt {font-size: 2rem; text-align: left; line-height: 1.3;}
    .mainSlide__buttonWrap {top: auto; transform: translate(-50%,0); bottom: 20px; flex-wrap: wrap; justify-content: center;}
    .mainSlide .swiper-pagination {width: 100%; justify-content: center; margin: 0 0 10px;}
    .timmer {width: calc(100% - 30px);}

    .mainSlide .swiperBtn {width: 30px; height: 30px;}


    .main__title {padding: 0 0 50px; line-height: 1; font-size: 2rem;}
    .company__contents .left {justify-content: center;}
    .company__linkList {max-width: 500px;; margin: 80px 0 0; padding: 0 0 60px;}

    .section3 .swiper-button {display: none;}
    .brandSlide .txtWrap {padding: 20px;}

    .company__linkList a {padding: 0 0 10px;}
    .company__linkList a span {color: #fff; font-size: 1rem;}
    .company__linkList a::after {background: #fff; height: 2px;}
    
    .subTop__photo {height: 350px;}

    .subNav .nowWrap {width: calc(100% / 2);}
    .subNav .nowWrap_1 {border-left: 1px solid #ddd;}
    .subNav .current__txt {padding: 0 0 0 10px;}
    .subNav .arrowWrap {right: 10px;}

    .subNav .depth2 a {padding: 10px;}

    .subNav {height: 50px;}

    .company__topImg {height: auto; padding: 40px 20px 80px;}
    
    .history__item {flex-wrap: wrap;}
    .history__year {width: 100%; text-align: left; font-size: 2.5rem;}
    .didList {width: 100%; padding: 15px 0 0;}
    .history__item:nth-of-type(odd) .didList {padding: 15px 0 0;}

    .history__listWrap {max-width: 500px; margin: 0 auto; padding: 60px 0 0;}
    .history__item:nth-of-type(even) .history__year {order: 0; padding: 0;}
    .history__item:nth-of-type(even) .didList li {justify-content: flex-start; padding: 0;}

    .history__lineWrap {left: 8px;}
    .history__list {padding: 0 0 0 30px;}
    .history__list .circle {left: -30px; transform: translate(0);}
    .history__item:nth-of-type(even) .didList li p {text-align: left;}

    .brandList {padding-top: 50px;}

    .brand__txtWrap {flex-wrap: wrap;}
    .brand__tit {width: 100%; min-width: 0;}
    .brand__txt {padding: 15px 0 0;}

    .hr {margin: 50px 0;}

    .brand__list li {width: calc((100% - 30px)/4); margin: 0 10px 30px 0;}
    .brand__list li:hover a .txtWrap,
    .brand__list li a .txtWrap {height: auto;}
    .brand__list li a .txtWrap p {color: #fff;font-size: 0.9375rem;font-weight: 400;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.5em;}

    .brand__list li:hover a .txtWrap p {height: 1.5em;}

    .online__table th {width: 160px;}
    
    .hire__topPic { max-width: 600px; margin: 0 auto;}
    .hire__topPic--div {width: 100%;}
    .hire__topPic--div:nth-of-type(2) {order: 1; height: 50vw; max-height: 300px;}
    .hire__topPic--div:nth-of-type(1) {order: 2; height: auto; padding: 20px;}
    .hire__topPic--div:nth-of-type(3) {order: 3; height: 50vw; max-height: 300px;}
    .hire__topPic--div:nth-of-type(4) {order: 4; height: auto; padding: 20px;}

    .welfare__list li {width: calc((100% - 20px )/ 2); margin: 0 20px 20px 0;}
    .welfare__list li:nth-of-type(3n) {margin: 0 20px 20px 0;}
    .welfare__list li:nth-of-type(2n) {margin: 0 0 20px;}

    .welfare__list .txtWrap p {height: auto; line-height: 1.4;}
    
    .board__list--table td a {height: auto; line-height: 1.4; padding: 10px 0;}
    .m_tableInfo:nth-of-type(1) {margin: 10px 0 0;}
    .m_tableInfo {text-align: left;}
    .th__cate  {width: 90px;}

    .brand__cnts {flex-wrap: wrap; justify-content: center;}
    .brand__cnts .imgWrap {min-height: 0;}
    .brand__cnts .txtWrap {margin: 20px 0 0; width: 100%;}

    .company__contents .left > div {width: 100%; text-align: center;}
}
@media screen and (max-width: 768px) {
    .bottom_txt {right: 10px; bottom: 20px;}
    .bottom__img {left: 10px; bottom: 20px;}
    .subpage {padding: 0 0 80px;}
    .hire .welfare,
    .hire .step {padding: 80px 0;}

    .subTop__photo {height: 300px;}
    .subTop__tit {padding: 50px 0 0;}

    .subNav {height: 40px;}

    .company__iconList {flex-wrap: wrap; max-width: 500px; margin: 20px auto;}
    .company__iconList li {flex: auto; width: 100%; border-bottom: 1px solid #ddd; border-right: none; padding: 20px;}
    .company__iconList li::after {display: none;}

    .company__iconList .imgWrap {height: auto; padding: 0 0 10px;}

    .section4 .left li .imgWrap {width: 50px;}
    .section4 .left li a .txtWrap {padding: 0 0 0 10px;}

    .vision__conts:nth-of-type(even) .vision__conts--photo {order: 0;}
    .vision__conts--photo::before {display: none;}
    .vision__conts:nth-of-type(odd) .vision__conts--txt {padding: 0;}
    .vision__txt br {display: none;}
    
    .history__item {padding: 0 0 60px;}

    .brandList {padding-top: 50px;}

    .hr {margin: 30px 0;}

    .brand__list li {width: calc((100% - 20px) / 3); margin: 0 10px 30px 0; padding-bottom: 32%;}
    .brand__list li:nth-of-type(4n) {margin: 0 10px 30px 0;}
    .brand__list li:nth-of-type(3n) {margin: 0 0 30px;}
    .brand__list li a .txtWrap strong {margin: 0 0 5px;}

    .online__table th {width: 120px; padding: 20px 10px;}

    .tr__mail input {width: calc((100% - 23px) / 2); max-width: none;}
    .tr__mail select {max-width: 100%; width: 100%; margin: 10px 0 0;}

    .online__btn {height: 45px; max-width: 200px;}

    .online__table select, 
    .online__table input {height: 38px;}

    .hire__topPic--txtWrap {flex-wrap: wrap;}
    .hire__topPic--txtWrap span {margin: 0 0 10px;}
    .hire__topPic--txtWrap > div {width: 100%;}
    .hire__topPic--txtWrap > div + div {margin: 20px 0 0;}


    .step__list li {width: 50%;} 

    .step__greyBox {margin: 20px 0 0; padding: 20px;}

    .welfare__list li {background: #f8f8f8;}
    .welfare__list li:nth-child(1) {background: #fff;}
    .welfare__list li:nth-child(1) span {font-size: 1.25rem;}
    .welfare__list li:nth-child(1) b {font-size: 2.5rem;}

    .welfare__list .txtWrap {padding: 10px;}
    .bo_sch_form,
    .list__topPart .bo_sch_wrap {width: 100%;}
    .list__topPart {flex-wrap: wrap;}
    .list__topPart p {width: 100%; order: 2; margin: 15px 0 0;}

    .bo_sch_form select {width: 120px;}
    .sch_bar {width: calc(100% - 130px);}
    .bo_sch_form input {width: calc(100% - 40px);}

    .th__chk {width: 40px;}
}

@media screen and (max-width: 480px) {
    .bottom__img,
    .bottom_txt {display: none;}
    .subpage {padding: 0 0 50px;} 
    .hire .welfare,
    .hire .step {padding: 50px 0;}

    .brandSlide .txtWrap {padding: 10px;}
    .brandSlide .txtWrap b {margin: 0 0 10px;}

    .section4 .left li a {padding: 0 25px;}

    .notice__list .txtWrap {padding: 0 0 0 10px;}

    .notice__more strong {font-size: 1.5rem;}

    .iconCate {width: 60px; height: 30px;}
    .notice__list .txtWrap {width: calc(100% - 60px);}

    .subTop__photo {height: 260px;}

    .vision__conts {flex-wrap: wrap;}
    .vision__conts--photo {width: 100%; padding: 0; margin: 0 0 20px;}
    .vision__txt--num {margin: 0 0 10px;}

    .subNav .arrowWrap {width: 10px;}

    .brandList {padding-top: 50px;}

    .brand__list li {width: calc((100% - 10px) / 2); margin: 0 10px 30px 0; padding-bottom: 52%;}
    .brand__list li:nth-of-type(4n) {margin: 0 10px 30px 0;}
    .brand__list li:nth-of-type(3n) {margin: 0 10px 30px 0;}
    .brand__list li:nth-of-type(2n) {margin: 0 0 30px;}

    .online__table th {width: 80px; text-align: center;}

    .tr__radio label span {width: 16px; height: 16px;}
    .tr__radio label span::after {width: 8px; height: 8px;}
    input[type="file"] {width: 180px;}

    .tr__num i {margin: 0 5px;}
    .tr__num select, 
    .tr__num input {width: calc((100% - 30px) / 3);}

    .privacy__contents {height: 150px;}

    .step__list .circle {width: 140px; height: 140px;}
    .step__list .imgWrap {height: 50px;}

    .step__list .imgWrap img {transform: scale(0.7);}

    .list #bo_cate li a {max-width: 100%; height: 40px;}
    .list #bo_cate li {max-width: calc(100% / 3);}

    .brand__cnts .txtWrap ul li a {height: 44px;}
}

.container{ width: 100%;margin: 0 auto;}



ul.location_tabs {display: flex; justify-content: center; text-align: center; }

ul.location_tabs li{
    display: flex; justify-content: center; align-items: center;
	background: #f2f2f2;
	color: #999999;
	width: 220px;
    height: 60px;
	cursor: pointer;
    border: 1px solid #ddd;
    font-size: 1.125rem; font-weight: 500; letter-spacing: -0.5px;}

ul.location_tabs li:nth-of-type(1) {border-right: none;}
ul.location_tabs li:nth-of-type(2) {border-left: none;}

ul.location_tabs li.current{background: #1246a1;color: #fff;}

.tab-content{display: none;}
.location_top_map {margin: 60px 0 15px; width: 100%; border: 1px solid #ddd; font-size: 0; text-align: center; padding: 20px 0 0;}
.location_top_map.pd {padding: 0;}
.location_text {margin: 60px 0; cursor: pointer;} 
.location_tit {font-weight: 700; font-size: 1.875rem; color: #1246a1; letter-spacing: -0.5px;}
.location_eng_tit {font-weight: 700; font-size: 1.375rem; color: #222222; letter-spacing: -0.5px;}
.location_article {font-weight: 700; font-size: 1.563rem; color: #222222; letter-spacing: -0.5px;  margin: 10px 0 0;}
.location_address {font-weight: 400; font-size: 17; color: #666666; letter-spacing: -0.5px; margin: 10px 0;}
.location_tel {font-weight: 700; font-size: 1.063rem; color: #222222; letter-spacing: -0.5px;}
.location_tel span {font-weight: 400; font-size: 0.9375rem; color: #666666; letter-spacing: -0.5px; padding: 0 10px;}

.location_inside_map  {display: none;}
.location_inside_map iframe {width: 100%; height: 400px;}

.location_text {position: relative;}
.location_btn_wrap {position: absolute; width: 20px; height: 20px; top: 50%; transform: translateY(-50%); right: 20px; }
.location_btn_box {position: absolute; top: 8px; width: 100%; height: 4px; background: #1246a1;  transition: .3s ease;}
.location_btn_box:nth-of-type(2) {transform: rotate(90deg); }

.tab-content.current{display: block;}
.location_inside_map.current{display: block;}

.location_text.active .location_btn_box:nth-of-type(2) {transform: rotate(0);}

@media screen and (max-width: 768px) {
    .location_inside_map iframe {height: 300px;}

    .location_text {padding: 0 30px 0 0;}
    .location_btn_wrap {right: 0;}
}

@media screen and (max-width: 480px) {
    .location_inside_map iframe {height: 200px;}
    ul.location_tabs li {height: 45px;}
    .company__linkList {padding: 0;}
}