/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 메인컨텐츠 공통영역 */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* 레이아웃 공통 */
.sec-main {position: relative; width: 100%;}
.sec-main .inner {margin: 0 auto; width: 100%; max-width: var(--max-width);}

/* 메인 컨텐츠별 타이틀 공통 */
.section-title {position: relative;}
.section-title .title-common {width: 100%; text-align: left;}
.section-title .title-common h2.tittxt {font-size: var(--main-tittxt-size); color: var(--default-blue-color); font-weight: var(--main-tittxt-weight); letter-spacing: -0.020rem; line-height: 1.1; word-break: keep-all;}
.section-title .title-common .stxt-kor {font-size: var(--main-stxtkor-size); color: var(--main-stxtkor-color); font-weight: var(--main-stxtkor-weight); letter-spacing: -0.020rem; line-height: 1.25; margin-top: 4rem; word-break: keep-all;}
.section-title .title-common .stxt-eng {font-size: var(--main-stxteng-size); color: var(--main-stxteng-color); font-weight: var(--main-stxteng-weight); letter-spacing: -0.020rem; line-height: 1.28; margin-top: 2rem; word-break: keep-all;}
.section-title .title-common2 {text-align: center;}
.section-title .title-common2 h2.tittxt {color: #000;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 메인 컨텐츠 - 상단 비주얼 TeeVR 영상 슬라이드 영역 */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.main-visual {width: 100%; margin-top: 13rem;}
.main-visual .swiper {width: 100%; height: 100%;}
.main-visual .swiper .swiper-slide {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.main-visual .swiper .swiper-slide .slidecontents {position: relative; width: 100%; height: 85vh; overflow: hidden;}
.main-visual .swiper .swiper-slide .slidecontents video {position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); object-fit: cover;}

/* 메인 비주얼 슬라이드 button 스타일 적용 */
.main-visual .swiper .paging {position: absolute; top: 50%; left: 0; width: 100%;}
.main-visual .swiper .paging .swiper-button-prev, .swiper-rtl .swiper-button-next {left: 2%; width: auto; color: rgba(255,255,255,1);}
.main-visual .swiper .paging .swiper-button-next, .swiper-rtl .swiper-button-prev {right: 2%; width: auto; color: rgba(255,255,255,1);}
.main-visual .swiper .paging .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {font-size: 2rem; font-weight: 700;}
.main-visual .swiper .paging .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {font-size: 2rem; font-weight: 700;}
.main-visual .swiper .paging .mainprev, .main-visual .swiper .paging .mainnext {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 7rem; height: 7rem; background-color: rgba(0,0,0,0.5); border-radius: 5.8rem; z-index: 20;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 메인 컨텐츠 - TEELABS PORTFOLIO 영역 */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.main-portfolio {padding-top: 14rem; background-image: url("../images/portfolio_bg.jpg"); background-repeat: no-repeat; background-position: center top; background-size: 100% 200rem;}
.portfolio-box {width: 100%; margin-top: 12rem;}
.portfolio-wrap {display: flex; flex-wrap: wrap; width: 100%;}

.portfolio-wrap .titarea {position: relative; width: 32.638889%;}
.portfolio-wrap .titarea .box {position: -webkit-sticky; position: sticky; top: 20rem; width: 100%;} /* 스크롤시 상단 고정 */
.portfolio-wrap .titarea .box h3 {font-family: "Saira", sans-serif; transform: rotate(-0.03deg); font-size: 3.5rem; color: #25d2d9; font-weight: 500; line-height: 1; letter-spacing: -0.020rem; margin-bottom: 3rem;}
.portfolio-wrap .titarea .box .seemore-btn {width: 20rem;}
.portfolio-wrap .titarea .box .seemore-btn a {display: flex; width: 100%; height: 5.4rem; border: 1px solid #000000; transition: var(--transition);}
.portfolio-wrap .titarea .box .seemore-btn a span {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 72.5%; height: 100%; font-size: 1.7rem; color: #000; font-weight: 400; letter-spacing: -0.020rem; border-right: 1px solid #000000;}
.portfolio-wrap .titarea .box .seemore-btn a i {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 27.5%;}
.portfolio-wrap .titarea .box .seemore-btn a:hover {background-color: var(--default-mint-color); border: 1px solid var(--default-mint-color);}
.portfolio-wrap .titarea .box .seemore-btn a:hover span {border-right: 1px solid #cff3fe;}

.portfolio-wrap .portfolio-list {width: 67.361112%;}
.portfolio-wrap .portfolio-list .listbox {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; width: 100%;}
.portfolio-wrap .portfolio-list .listbox ul {display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem {width: 46.39175257731959%;}

.portfolio-wrap .portfolio-list .listbox ul li.listitem:nth-child(2) {margin-top: 14rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem:nth-child(3) {margin-top: -7rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem:nth-child(4) {margin-top: 7rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem:nth-child(5) {margin-top: -7rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem:nth-child(6) {margin-top: 7rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem:nth-child(7) {margin-top: -7rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem:nth-child(8) {margin-top: 7rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem:nth-child(9) {margin-top: -7rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem:nth-child(10) {margin-top: 7rem;}

.portfolio-wrap .portfolio-list .listbox ul li.listitem .box {width: 100%; border-radius: 1.8rem; box-shadow: 10px 10px 22px rgba(0,0,0,0.10); overflow: hidden;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem .box .product-img {width: 100%; overflow: hidden;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem .box .product-img a {display: block; width: 100%; height: 100%;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem .box .product-img a img {width: 100%; height: 100%; transform: scale(1); -webkit-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem .box .product-info {width: 100%; padding: 4rem; background-color: #fff;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem .box .product-info h4.subject {font-size: 3.5rem; color: #000; font-weight: 700; line-height: 1; letter-spacing: -0.020rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem .box .product-info p {font-size: 2.2rem; color: #555555; font-weight: 600; line-height: 1.36; letter-spacing: -0.020rem; margin-top: 1rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem .box .product-info .more-btn {width: 100%; margin-top: 3rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem .box .product-info .more-btn a {display: inline-flex; align-items: center; flex-wrap: wrap; width: auto; height: 3.7rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem .box .product-info .more-btn a span {font-size: 1.6rem; color: #000000; font-weight: 500; line-height: 1; letter-spacing: 0.010rem; margin-right: 4.4rem; transition: var(--transition);}
.portfolio-wrap .portfolio-list .listbox ul li.listitem .box .product-info .more-btn a i {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 3.7rem; height: 3.7rem; border: 1px solid #acacac; border-radius: 50%; transition: var(--transition);}
.portfolio-wrap .portfolio-list .listbox ul li.listitem .box .product-info .more-btn a i img {width: 1.6rem; height: 1.3rem; transition: var(--transition);}
.portfolio-wrap .portfolio-list .listbox ul li.listitem .box .product-info .more-btn a i img.arrow-off {display: inline;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem .box .product-info .more-btn a i img.arrow-on {display: none;}

/* 메인 컨텐츠 - TEELABS technology 영역 - 마우스 롤오버 효과 */
.portfolio-wrap .portfolio-list .listbox ul li.listitem .box .product-img:hover img {-webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15);}
.portfolio-wrap .portfolio-list .listbox ul li.listitem .box .product-info .more-btn a:hover span {color: var(--default-mint-color);}
.portfolio-wrap .portfolio-list .listbox ul li.listitem .box .product-info .more-btn a:hover i {background-color: var(--default-mint-color); border: 1px solid var(--default-mint-color);}
.portfolio-wrap .portfolio-list .listbox ul li.listitem .box .product-info .more-btn a:hover i img.arrow-off {display: none;}  /*마우스롤오버시 효과*/
.portfolio-wrap .portfolio-list .listbox ul li.listitem .box .product-info .more-btn a:hover i img.arrow-on {display: inline;} /*마우스롤오버시 효과*/


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 메인 컨텐츠 - TEELABS technology 영역 */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.main-technology {margin-top: 15rem;}
.technology-box {position: relative; width: 100%; padding-top: 20rem;}

.globalmap-area {position: absolute; top: 0; left: 0; width: 100%; min-height: 93rem; background-image: url("../images/global_map_img.png"); background-repeat: no-repeat; background-position: center top; background-size: cover; z-index: 1;}

/* 메인 컨텐츠 - TEELABS technology 영역 - 타이틀 텍스트 영역 */
.display-title {position: relative; width: 100%; z-index: 2;}
.display-title .section-title {padding-left: 25%;}
.display-title .section-title .title-common p.stxt-kor {font-size: 3.5rem; color: #000; font-weight: 600; letter-spacing: -0.020rem; line-height: 1.3; margin-top: -0.5rem;}
.display-title .section-title .title-common p.stxt-eng {font-size: 2.5rem; color: #363636; font-weight: 500; letter-spacing: -0.020rem; line-height: 1.4; margin-top: 2.5rem;}

/* 메인 컨텐츠 - TEELABS technology 영역 - 해외 전시 년도별 리스트 */
.display-wrap {position: relative; width: 100%; margin-top: 12rem; z-index: 2;}
.display-wrap ul {display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.display-wrap ul li {width: 23.9583334%;}
.display-wrap ul li .display-box {width: 100%;}
.display-wrap ul li .display-box .display-img {width: 100%; border-radius: 1.6rem; overflow: hidden;}
.display-wrap ul li .display-box .display-img img {width: 100%; height: 100%; transform: scale(1); -webkit-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out;} 
.display-wrap ul li .display-box p {font-size: 2.3rem; color: #111111; font-weight: 600; line-height: 1; letter-spacing: -0.020rem; text-align: center; margin-top: 2.8rem;}

/* 메인 컨텐츠 - TEELABS technology 영역 - 해외 전시 년도별 리스트 - 마우스 롤오버 효과 */
.display-wrap ul li .display-box .display-img:hover img {-webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15);}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 메인 컨텐츠 - 파트너사 로고 슬라이드 영역 */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.main-partners {width: 100%; padding: 15rem 0; margin-top: 15rem; background-color: #f9f9f9;}
.partners-box {width: 100%;}
.partner-list {width: 100%; margin-top: 9rem;}
.partner-list .swiper {width: 100%; height: 100%; padding-bottom: 2rem;}
.partner-list .swiper .swiper-wrapper {transition-timing-function: linear;}
.partner-list .swiper .swiper-slide {background-color: #fff; border-radius: 1rem; overflow: hidden; border: 1px solid #eae9e9; box-shadow: 10px 10px 12px rgba(0,0,0,0.04);}
.partner-list .swiper .swiper-slide img {max-width: 100%;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** 반응형설정 Mobile 359 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width:359px) {

/* 레이아웃 공통 */
.sec-main .inner {padding: 0 2rem;}

/* 메인 컨텐츠 - 상단 비주얼 TeeVR 구동 영역 */
.main-visual {margin-top: 70px;}
.main-visual .swiper .swiper-slide .slidecontents {height: 50vh;}

/* 메인 비주얼 슬라이드 button 스타일 적용 */
.main-visual .swiper .paging .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {font-size: 1.6rem;}
.main-visual .swiper .paging .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {font-size: 1.6rem;}
.main-visual .swiper .paging .mainprev, .main-visual .swiper .paging .mainnext {width: 4rem; height: 4rem;}

/* 메인 컨텐츠 - TEELABS PORTFOLIO 영역 */
.main-portfolio {padding-top: 8rem; background-size: 100% 60vh;}
.portfolio-box {margin-top: 5rem;}
.portfolio-wrap .titarea {width: 100%;}
.portfolio-wrap .portfolio-list {width: 100%; margin-top: 5rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem {width: 100%;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem:nth-child(2) {margin-top: 2rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem:nth-child(3) {margin-top: 2rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem:nth-child(4) {margin-top: 2rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem:nth-child(5) {margin-top: 2rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem:nth-child(6) {margin-top: 2rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem:nth-child(7) {margin-top: 2rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem:nth-child(8) {margin-top: 2rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem:nth-child(9) {margin-top: 2rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem:nth-child(10) {margin-top: 2rem;}

/* 메인 컨텐츠 - TEELABS technology 영역 */
.main-technology {margin-top: 8rem;}
.technology-box {padding-top: 10rem;}
.globalmap-area {background-size: 100%;}
.display-title .section-title {padding-left: 0;}
.display-title .section-title .title-common p.stxt-kor {font-size: 2.9rem;}
.display-title .section-title .title-common p.stxt-eng {font-size: 2rem;}
.display-title .section-title .title-common p.stxt-eng br {display: none;}

.display-wrap {margin-top: 5rem;}
.display-wrap ul li {width: 100%; margin-bottom: 4rem;}

/* 메인 컨텐츠 - 파트너사 로고 슬라이드 영역 */
.main-partners {padding: 8rem 0; margin-top: 8rem;}
.partner-list {margin-top: 5rem; margin-bottom: 5rem;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** 반응형설정 Mobile 360,719 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:360px) and (max-width:719px) {

/* 레이아웃 공통 */
.sec-main .inner {padding: 0 2rem;}

/* 메인 컨텐츠 - 상단 비주얼 TeeVR 구동 영역 */
.main-visual {margin-top: 70px;}
.main-visual .swiper .swiper-slide .slidecontents {height: 50vh;}

/* 메인 비주얼 슬라이드 button 스타일 적용 */
.main-visual .swiper .paging .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {font-size: 1.6rem;}
.main-visual .swiper .paging .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {font-size: 1.6rem;}
.main-visual .swiper .paging .mainprev, .main-visual .swiper .paging .mainnext {width: 4rem; height: 4rem;}

/* 메인 컨텐츠 - TEELABS PORTFOLIO 영역 */
.main-portfolio {padding-top: 8rem; background-size: 100% 60vh;}
.portfolio-box {margin-top: 5rem;}
.portfolio-wrap .titarea {width: 100%;}
.portfolio-wrap .portfolio-list {width: 100%; margin-top: 5rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem {width: 100%;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem:nth-child(2) {margin-top: 2rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem:nth-child(3) {margin-top: 2rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem:nth-child(4) {margin-top: 2rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem:nth-child(5) {margin-top: 2rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem:nth-child(6) {margin-top: 2rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem:nth-child(7) {margin-top: 2rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem:nth-child(8) {margin-top: 2rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem:nth-child(9) {margin-top: 2rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem:nth-child(10) {margin-top: 2rem;}

/* 메인 컨텐츠 - TEELABS technology 영역 */
.main-technology {margin-top: 8rem;}
.technology-box {padding-top: 10rem;}
.globalmap-area {background-size: 100%;}
.display-title .section-title {padding-left: 0;}
.display-title .section-title .title-common p.stxt-kor {font-size: 2.9rem;}
.display-title .section-title .title-common p.stxt-eng {font-size: 2rem;}
.display-title .section-title .title-common p.stxt-eng br {display: none;}

.display-wrap {margin-top: 5rem;}
.display-wrap ul li {width: 100%; margin-bottom: 4rem;}

/* 메인 컨텐츠 - 파트너사 로고 슬라이드 영역 */
.main-partners {padding: 8rem 0; margin-top: 8rem;}
.partner-list {margin-top: 5rem; margin-bottom: 5rem;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** 반응형설정 Tablet 720,767 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:720px) and (max-width:767px) {

/* 레이아웃 공통 */
.sec-main .inner {padding: 0 2rem;}

/* 메인 컨텐츠 - 상단 비주얼 TeeVR 구동 영역 */
.main-visual {margin-top: 70px;}
.main-visual .swiper .swiper-slide .slidecontents {height: 50vh;}

/* 메인 비주얼 슬라이드 button 스타일 적용 */
.main-visual .swiper .paging .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {font-size: 1.8rem;}
.main-visual .swiper .paging .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {font-size: 1.8rem;}
.main-visual .swiper .paging .mainprev, .main-visual .swiper .paging .mainnext {width: 6rem; height: 6rem;}

/* 메인 컨텐츠 - TEELABS PORTFOLIO 영역 */
.main-portfolio {padding-top: 8rem; background-size: 100% 100vh;}
.portfolio-box {margin-top: 5rem;}
.portfolio-wrap .titarea {width: 100%;}
.portfolio-wrap .portfolio-list {width: 100%; margin-top: 5rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem {width: 45%;}

/* 메인 컨텐츠 - TEELABS technology 영역 */
.globalmap-area {background-size: 100%;}
.display-wrap ul li {width: 48%; margin-bottom: 4rem;}

/* 메인 컨텐츠 - 파트너사 로고 슬라이드 영역 */
.partner-list {margin-top: 5rem; margin-bottom: 5rem;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** 반응형설정 Tablet 768,1023 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:768px) and (max-width:1023px) {

/* 레이아웃 공통 */
.sec-main .inner {padding: 0 2rem;}

/* 메인 컨텐츠 - 상단 비주얼 TeeVR 구동 영역 */
.main-visual {margin-top: 70px;}
.main-visual .swiper .swiper-slide .slidecontents {height: 50vh;}

/* 메인 비주얼 슬라이드 button 스타일 적용 */
.main-visual .swiper .paging .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {font-size: 1.8rem;}
.main-visual .swiper .paging .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {font-size: 1.8rem;}
.main-visual .swiper .paging .mainprev, .main-visual .swiper .paging .mainnext {width: 6rem; height: 6rem;}

/* 메인 컨텐츠 - TEELABS PORTFOLIO 영역 */
.main-portfolio {padding-top: 8rem; background-size: 100% 100vh;}
.portfolio-box {margin-top: 5rem;}
.portfolio-wrap .titarea {width: 100%;}
.portfolio-wrap .portfolio-list {width: 100%; margin-top: 5rem;}
.portfolio-wrap .portfolio-list .listbox ul li.listitem {width: 46%;}

/* 메인 컨텐츠 - TEELABS technology 영역 */
.globalmap-area {background-size: 100%;}
.display-wrap ul li {width: 48%; margin-bottom: 4rem;}

/* 메인 컨텐츠 - 파트너사 로고 슬라이드 영역 */
.partner-list {margin-top: 5rem; margin-bottom: 5rem;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** 반응형설정 PC 1024,1279 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1024px) and (max-width:1279px) {

/* 레이아웃 공통 - 여백주기 */
.sec-main .inner {padding: 0 2rem;}

/* 메인 컨텐츠 - 상단 비주얼 TeeVR 슬라이드 영역 */
.main-visual .swiper .swiper-slide .slidecontents {height: 68vh;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** 반응형설정 PC 1280,1440 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1280px) and (max-width:1440px) {

/* 레이아웃 공통 - 여백주기 */
.sec-main .inner {padding: 0 2rem;}

}