@charset "utf-8";
/* *******************************************************
 * filename : content_responsive.css
 * description : 서브페이지 컨텐츠 반응형 CSS
 * date : 2019-02-01
******************************************************** */


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;margin-right:-15px; cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.custom-scrollbar-cover{display:block; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.5); z-index:9}
	.custom-scrollbar-cover .scroll-cover-txt{position:absolute; top:50%; left:0; width:100%; text-align:center; color:#fff; font-size:300; font-size:15px; transform: translateY(-50%);}
	.custom-scrollbar-cover .scroll-cover-txt i{font-size:30px; display:block; margin-bottom:20px; }
}
/* -------- 공통 Fixed Move Tab -------- */
@media all and (max-width:1220px){
	.fixed-move-tab-list.fixed{top:80px;}
}
@media all and (max-width:800px){
	.fixed-move-tab-list ul li a{height:40px; line-height:40px; font-size:14px;}
}
@media all and (max-width:480px){
	.fixed-move-tab-list.fixed{top:60px;}
}

/* -------- 공통 테이블스타일 -------- */
@media all and (max-width:800px){
	.sub-tbl th, .sub-tbl td {font-size:13px; line-height: 20px; padding:5px 10px; }
}
/* -------- 공통 :: 동그라미 화살표 버튼 -------- */
@media all and (max-width:800px){
	.sub-arrow-btn {width:28px; height:28px; background-size: 10px;}
}
/* -------- 공통 :: more view 버튼 -------- */
@media all and (max-width: 800px){
	.more-view-btn {width: 100px; padding-bottom: 8px;}
	.more-view-btn span {font-size: 12px; }
	.more-view-btn span:after {width:12px; height:6px;} 
}
/* -------- 공통 :: 버튼 -------- */
@media all and (max-width:800px){
	.sub-btn {width:135px; height: 39px; }
	.sub-btn span {font-size:12px; line-height:39px; }
}
/* -------- 공통 :: 탭 -------- */
@media all and (max-width:800px){
	/* -------- 공통 :: 탭01 -------- */
	.sub-tab-01 li {font-size:13px; height: 40px; }
	/* -------- 공통 :: 탭02 -------- */
	.sub-tab-02 li a {padding:0 5px 7px;}
	.sub-tab-02 li a span {font-size: 16px; padding-bottom:10px;}
	.sub-tab-02 li.selected a span:before {width:12px; height:6px; background-size:cover; margin-left:-6px;}
}
/* -------- 공통 :: 관련 슬라이드 -------- */
@media all and (max-width:1420px){
	.relate-slide-wrap {padding: 0 4%;}
	.relate-slide .sub-arrow-btn.arrow-prev {margin-left: -30px;}
	.relate-slide .sub-arrow-btn.arrow-next {margin-right: -30px;}
}
@media all and (max-width:800px){
	.relate-slide-box {padding:34px 0;}
	.relate-slide-box .tit {font-size: 24px; padding-top:15px;}
	.relate-slide-wrap {margin-top: 20px;}
	.relate-slide .name {font-size:13px; margin-top:10px;}
	.relate-slide .sub-arrow-btn {width: 10px; height:18.5px; margin-top:-20px; background-size:cover; }
	.relate-slide .sub-arrow-btn.arrow-prev {margin-left: -15px;}
	.relate-slide .sub-arrow-btn.arrow-next {margin-right: -15px;}
}
@media all and (max-width:480px){
	.relate-slide {margin:0 -5px;}
	.relate-slide li {margin:0 5px;}
}
/* -------- 공통 :: 갤러리템플릿 -------- */
/* 갤러리 리스트페이지  */
@media all and (max-width:1320px){
	.gallery-list .txt-box {padding:25px 15px;}
}
@media all and (max-width:800px){
	.gallery-list-box {margin-top:25px;}
	.gallery-list {margin: -15px -1%;}
	.gallery-list li {width: 48%; margin:15px 1%;}
	.gallery-list .txt-box {padding: 15px;}
	.gallery-list .txt-box .name {font-size:13px; line-height:23px;}
	.gallery-list .txt-box .tit {font-size:15px; line-height:25px; }
	.gallery-list .txt-box .txt-unit-box {margin:0 -4px;}
	.gallery-list .txt-box .txt-unit-box span {font-size:13px; line-height:23px; margin:0 4px;}
	.gallery-list .txt-box .txt-unit-box span:before {margin-left:-5px;}

}
@media all and (max-width:480px){
	.gallery-list {margin: -15px 0;}
	.gallery-list li {width: 100%; margin:15px 0; float:none;}
}
/* 갤러리 뷰페이지  */
@media all and (max-width:800px){
	.gallery-view-box { padding:35px 0; }
	.gallery-view-box .tit-box { padding-bottom: 15px; }
	.gallery-view-box .tit-box .name {font-size:13px; padding: 5px 8px;}
	.gallery-view-box .tit-box .tit {font-size:21px; margin:10px 0;}
	.gallery-view-box .tit-box .txt-unit-box {margin:0 -4px;}
	.gallery-view-box .tit-box .txt-unit-box span {font-size:13px; line-height:23px; margin:0 4px;}
	.gallery-view-box .tit-box .txt-unit-box span:before {margin-left:-5px;}
	.gallery-view-box .gallery-view-con {padding:30px 0; }
	.gallery-view-box .more-view-btn {margin-top:40px;}
}


/* ******************  Company  ********************** */
/* -------- Company :: 회사소개 -------- */
@media all and (max-width:1320px){
	/* 회사소개 ::  상단 컨텐츠 */
	.introduce-top-con .txt-con:before {right:auto; left:0; }
	/* 회사소개 ::  하단 컨텐츠 */
	.introduce-bottom-con .bottom-list .item04:before {display:none; }
}
@media all and (max-width:800px){
	/* 회사소개 ::  타이틀 */
	.introduce-page .introduce-tit-box { font-size:23px; line-height:37px; padding: 25px 0 15px;  }
	.introduce-page .introduce-tit-box .tit {font-size:23px; }
	.introduce-page .introduce-tit-box .sub-btn { position:relative; margin-top: 10px; top:0;}
	/* 회사소개 ::  상단 컨텐츠 */
	.introduce-top {padding-bottom:65px;}
	.introduce-top-con .img-con {float:none; width: 100%; position:relative; text-align:center;}
	.introduce-top-con .img-con .logo {margin:auto; text-align:right; float:none; max-width:548px; width:auto;}
	.introduce-top-con .img-con .logo span {position:static; padding-top: 0;  }
	.introduce-top-con .img-con .logo span img {position:static; width:auto; max-width:100%; height:70px; }
	.introduce-top-con .txt-con {float:none; width:100%; margin-top:50px;  padding: 0 0 0 40px;}
	.introduce-top-con .txt-con:before  {position:relative; top:0;}
	.introduce-top-con .txt-con .txt {font-size:13px; line-height:24px; margin-top:15px;}
	.introduce-top-con .txt-con .icon-list {margin-top:-35px;}
	.introduce-top-con .txt-con .icon-list li {margin-top:40px;}
	.introduce-top-con .txt-con .icon-list li  img {width:27px; }
	/* 회사소개 ::  하단 컨텐츠 */
	.introduce-bottom {padding:57px 0; }
	.introduce-bottom-con .bottom-list li {margin:0 -1%;}
	.introduce-bottom-con .bottom-list li {width:48%; margin:0 1%;}
	.introduce-bottom-con .bottom-list li img {width:100%; }	
	.introduce-bottom-con .bottom-list .txt-box {padding:20px 5px;}
	.introduce-bottom-con .bottom-list .num {font-size: 29px; margin-top:-14.5px; }
	.introduce-bottom-con .bottom-list .tit {font-size: 17px; line-height:28px; }
	.introduce-bottom-con .bottom-list .txt {font-size: 13px; line-height:22px; }
	.introduce-bottom-con .bottom-list .item02 ,.introduce-bottom-con .bottom-list .item03 , .introduce-bottom-con .bottom-list .item04 {margin-top:0; }
	.introduce-bottom-con .bottom-list .item02 dl ,.introduce-bottom-con .bottom-list .item03 dl, .introduce-bottom-con .bottom-list .item04 dl, .introduce-bottom-con .bottom-list .item05 dl {width:100%; margin:0;}
	.introduce-bottom-con .bottom-list .item05 {margin-top:-120px;}
	.introduce-bottom-con .bottom-list .item02 .txt-box {padding-left:5px;}	
}
@media all and (max-width:480px){
	/* 회사소개 ::  하단 컨텐츠 */
	.introduce-bottom-con .bottom-list {margin:-1% 0;}
	.introduce-bottom-con .bottom-list li {float:none; width:100%; margin:1% 0; }
	.introduce-bottom-con .bottom-list br {display:none;}
	.introduce-bottom-con .bottom-list .item05 {margin-top:0;} 
}

/* -------- Company :: 사업영역 -------- */
@media all and (max-width:1320px){
	.business-con .business-list .hover-con .tit-kr {margin-bottom: 10px;}
	.business-con .business-list .hover-con .link-btn {height: 47.6px;}
}
@media all and (max-width:1024px){
	/* 사업영역 :: 컨텐츠 */
	.business-con .business-list li { width:50%;}
}
@media all and (max-width:800px){
	/* 사업영역 ::  타이틀 */
	.business-tit-box {padding-bottom: 35px; }
	.business-tit-box:after  {height:20px;}
	.business-tit-box span {font-size:13px; margin-bottom:15px; }
	.business-tit-box .tit {font-size:23px; line-height:34px; }
	/* 사업영역 :: 컨텐츠 */
	.business-con .business-list .tit-en {font-size:12px; }
	.business-con .business-list .tit-kr {font-size:17px; margin:10px 0;}
	.business-con .business-list .txt-con .plus-icon {width:30px; height:30px; background-size:10px; }
	.business-con .business-list .hover-con .txt {font-size:13px; line-height:20px; padding:0 15px}
	.business-con .business-list .hover-con .link-btn {height: 34px;min-width: auto; max-width:156px; margin-top: 5px;}
	.business-con .business-list .hover-con .link-btn .link-btn-inner {padding:5px 5%;}
	.business-con .business-list .hover-con .link-btn img {width:40%;}

	.business-con .business-list .item05 .link-btn .link-btn-inner .link-logo  {margin-right: 15px;}
	.business-con .business-list .item05 .link-btn .link-btn-inner .link-logo img {height:auto;}
}
@media all and (max-width:480px){
	/* 사업영역 :: 컨텐츠 */
	.business-con .business-list li { float:none; width:100%;}
	.business-con .business-list .hover-con .link-btn {margin-top:25px}
}

/* -------- Company :: 대표인사말 -------- */
@media all and (max-width:1024px){
	/* 대표인사말 ::  타이틀 */
	.greeting-tit-box .inner .tit br {display:none; }
	.greeting-tit-box  {padding:0;}
}
@media all and (max-width:800px){
	/* 대표인사말 ::  타이틀 */
	.greeting-tit-wrap {padding: 0;}
	.greeting-tit-box {/* padding-bottom: 32.5px; height:212px; background-size:cover; */}
	.greeting-tit-box .inner {padding:20px 0; padding-left:4%; }
	.greeting-tit-box .inner span {font-size:12px;}
	.greeting-tit-box .inner .tit {font-size:19px; line-height:30px; margin-top:15px; }
	.greeting-tit-box .sign-box {height:32.5px; min-width:300px; width:90%; }
	.greeting-tit-box .sign-box .sign-box-inner {padding:0 20px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
	.greeting-tit-box .sign-box .tit {font-size: 13px; }
	.greeting-tit-box .sign-box .name {font-size: 14px; margin: 0 15px;}
	.greeting-tit-box .sign-box .sign img {width:57.4px;}
	/* 대표인사말 ::  텍스트 */
	.greeting-con .left-con, .greeting-con .right-con {float:none; width:100%; padding:0; }
	.greeting-con .txt {font-size: 13px; line-height:24px; margin-top:20px;}
}
@media all and (max-width:480px){
	/* 대표인사말 ::  타이틀 */
	.greeting-tit-box .sign-box .sign-box-inner  {padding:0 5px;}
	.greeting-tit-box .sign-box .name  {margin:0 10px; letter-spacing:3px;}
}

/* -------- Company :: 채용정보 -------- */
@media all and (max-width:1320px){
	/* 채용정보 ::  복리후생제도 */ 
	.welfare-list {margin:0 -0.65%;}
	.welfare-list .welfare-list-col { width:32%; height:705px; margin: 0 0.65%;}
	.welfare-list .welfare-list-col .welfare-list-item  {padding:20px;}
	.welfare-list .welfare-list-col .welfare-list-item .inner {padding-right:0; }
	.welfare-list .welfare-list-col .welfare-list-item .tit {line-height: 24px; padding-right: 60px; }
	.welfare-list .welfare-list-col .welfare-list-item .tit:before { left:-20px;}
	.welfare-list .welfare-list-col .welfare-list-item .txt { padding-top:15px; padding-right:0; }
	.welfare-list .welfare-list-col .welfare-list-item .icon {top:-30px; position:relative;float:right;}
	.welfare-list .welfare-list-col .welfare-list-item .icon img {width:57px;}
}

@media all and (max-width:1024px){
	/* 채용정보 ::  인재상 */
	.recruit-talent-con .right-con .txt-box {width:123%; }
}
@media all and (max-width:800px){
	/* 채용정보 ::  공통 레이아웃*/
	.recruit-page-con {padding: 35px 0;}
	.recruit-page-con .tit-box .tit {font-size: 23px; }
	.recruit-page-con .tit-box .txt {font-size: 14px; line-height:24px; margin-top:15px; }
	.recruit-page-con .tit-box img {max-width:100%; }
	.recruit-con .recruit-con-box {font-size: 13px; line-height:24px;}
	.recruit-con .recruit-con-box .txt:before  {top:8px;}
	/* 채용정보 ::  인재상 */
	.recruit-talent-con .txt-box .txt {font-size: 13px; line-height:24px;}
	.recruit-talent-con .right-con .txt-box {top:78%;}
	/* 채용정보 ::  인사제도 */
	.recuit-personnel-page .tit-box img {max-height: 123px;}
	.person-con-list-box {margin:30px 0; }
	.person-con-list {margin:-1%;}
	.person-con-list li {width:48%; height:auto; margin:1%; padding:20px 15px; }
	.person-con-list li.last-item {width:98%;}
	.person-con-list li dl dd {margin-top: 15px; height: 57px;}
	.person-con-list li .icon img {height: 37.8px;}
	.person-con-list li .num {font-size: 13px; }
	.person-con-list li .tit {font-size: 16px;}
	.person-con-list li .tit span { font-size: 12px; line-height:18px;}
	.recruit-person-con .process-box .process-list li { width:80px; height:80px; margin:0 6px; }
	.recruit-person-con .process-box .process-list li:before {width: 8px; height:9px; background-size:cover; left: -12px; margin-top:-4.5px;}
	.recruit-person-con .process-box .process-list li .inner span {font-size:14px; line-height: 18px;}
	/* 채용정보 ::  복리후생제도 */ 
	.welfare-list .welfare-list-col {  height:705px; }
	.welfare-list .welfare-list-col .welfare-list-item {min-height: auto; margin-top:20px;}
	.welfare-list .welfare-list-col .welfare-list-item .tit {font-size: 14px; padding-bottom:10px; }
	.welfare-list .welfare-list-col .welfare-list-item .txt {font-size: 13px; line-height:20px;}
	/* 채용정보 ::  채용정보 */
	.recruit-info-con {margin-top: 45px;}
	.recuit-info-page .sub-tab01-box {padding-top:35px;}
	.recuit-info-page .recuit-info-board-wrap {padding:50px 0;}
	.recuit-info-page .recuit-info-board-wrap .tit {font-size: 23px;}
	.recuit-info-page .recuit-info-board-wrap .recuit-info-board {margin-top: 25px;}	
}
@media all and (max-width:640px){
	/* 채용정보 ::  인재상 */
	.recruit-talent-con {margin-top:30px; }
	.recruit-talent-con .talent-box .bg-box  {height:auto; background:none; }
	.recruit-talent-con .talent-box .bg-box img {display:block; width:100%;}
	.recruit-talent-con .talent-box .txt-box{width:100%; padding: 20px 10px; position:static; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
	.recruit-talent-con .left-con {float:none; width:100%; position:relative; padding-right:0; }
	.recruit-talent-con .right-con {float:none; width:100%; padding:0; margin-top:20px;}
	/* 채용정보 ::  복리후생제도 */ 
	.welfare-list .welfare-list-col {float:none; width:100%; height:auto;  }
	/* 채용정보 ::  채용정보 */
	.recruit-info-con .img-con {display:none;}
	.recruit-info-con .txt-con {float:none; width: 100%;}
}
@media all and (max-width:480px){
	/* 채용정보 ::  인사제도 */
	.recruit-person-con .process-box .process-list li { width:55px; height:55px; margin:0 5px; }
	.recruit-person-con .process-box .process-list li:before {width: 8px; height:9px; background-size:cover; left: -10px; }
}

/* -------- Company :: 재무정보 -------- */
@media all and (min-width:801px){
	.finance-con .finance-con-list .finance-item a:hover {background-color: #f4f4f4; }
}

@media all and (max-width:1320px){
	.finance-con .finance-con-list .finance-item a {padding:0 30px;}
}
@media all and (max-width:800px){
	.finance-con .finance-con-list .finance-item a {padding:0 20px;}
	.finance-con .finance-con-list .finance-item .inner {padding:15px 40px 15px 0; }
	.finance-con .finance-con-list .finance-item .category {font-size: 12px; width: 70px; height:20px; line-height:18px; margin-top:-10px;}
	.finance-con .finance-con-list .finance-item .tit {font-size: 17px; line-height: 24px;}
	.finance-con .finance-con-list .finance-item .download { height: 23px; margin-top:-11.5px;}
	.finance-con .finance-con-list .finance-item .download p { padding-left:30px; line-height:23px; height:23px;}
	.finance-con .finance-con-list .finance-item .download .icon { width: 23px; height:23px; margin-top:-11.5px; background-size: cover;}
	.finance-con .finance-con-list .finance-item .download .txt {display:none; }
}
@media all and (max-width:480px){
	.finance-con .finance-con-list .finance-item a {padding:0 15px;}
	.finance-con .finance-con-list .finance-item .inner {padding:15px 40px 15px 0; }
	.finance-con .finance-con-list .finance-item .category {position:static; }
	.finance-con .finance-con-list .finance-item .tit {padding-left:0; margin-top:5px;}
}

/* ******************  Buisness  ********************** */
/* -------- Buisness :: intro -------- */
@media all and (max-width:1320px){
	/* intro :: 좌측 탭 */
	.prd-intro-box .prd-intro-inner .prd-intro-nav .brand-list-box .brand-list{margin-top:15px; max-height: 142px;}
	.prd-intro-box .prd-intro-inner .prd-intro-nav .brand-list-box .brand-list.kitchen-list{max-height:142px;}
	.prd-intro-box .prd-intro-inner .prd-intro-nav .brand-list-box {margin-top:35px;}
	.prd-intro-box .prd-intro-inner .prd-intro-nav .brand-list-box .brand-name {font-size: 16px;}
}
@media all and (max-width:1024px){
	/* intro :: 좌측 탭 */
	.prd-intro-box .prd-intro-inner .prd-intro-nav .brand-list-box .brand-list-tit {font-size: 20px; }
	.prd-intro-box .prd-intro-inner .prd-intro-nav .brand-list-box .brand-list{ max-height: 95px;}
	/* intro :: 우측 이미지 */
	.prd-intro-box .prd-intro-inner .prd-intro-img .prd-intro-img-info .inner {padding: 25px 160px 25px 20px;}
	.prd-intro-box .prd-intro-inner .prd-intro-img .prd-intro-img-info .inner .more-view-btn {margin-right:20px;}
}
@media all and (max-width:800px){
	/* intro :: 상단 */
	.prd-intro-top .cir-icon img{height: 53.2px;}
	.prd-intro-top .txt {font-size:14px; line-height:26px; margin-top:20px; }
	/* intro :: 좌측 탭 */
	.prd-intro-box {margin-top: 25px; margin-bottom: 45px;}
	.prd-intro-box .prd-intro-inner {display:block;}
	.prd-intro-box .prd-intro-inner .prd-intro-nav {display:none; }
	/* intro :: 우측 이미지 */
	.prd-intro-box .prd-intro-inner .prd-intro-img {display:block;width:100%;}
	.prd-intro-box .prd-intro-inner .prd-intro-img .prd-intro-img-list .sub-arrow-btn {margin-top:-14px;}
	.prd-intro-box .prd-intro-inner .prd-intro-img .prd-intro-img-list .sub-arrow-btn.arrow-prev {left:20px;}
	.prd-intro-box .prd-intro-inner .prd-intro-img .prd-intro-img-list .sub-arrow-btn.arrow-next {right:20px;}
	.prd-intro-box .prd-intro-inner .prd-intro-img .prd-intro-img-info {padding:0 20px;}
	.prd-intro-box .prd-intro-inner .prd-intro-img .prd-intro-img-info .inner {padding: 15px 140px 15px 15px;}
	.prd-intro-box .prd-intro-inner .prd-intro-img .prd-intro-img-info .inner .tit01 {font-size: 12px;}
	.prd-intro-box .prd-intro-inner .prd-intro-img .prd-intro-img-info .inner .tit02 {font-size: 20px; }
	.prd-intro-box .prd-intro-inner .prd-intro-img .prd-intro-img-info .inner .tit02 .tit {margin-right:5px;}
	.prd-intro-box .prd-intro-inner .prd-intro-img .prd-intro-img-info .inner .tit02 .tit-logo {display:inline-block; vertical-align:middle; }
	.prd-intro-box .prd-intro-inner .prd-intro-img .prd-intro-img-info .inner .tit02 .tit-logo img {max-height:16px;}
	.prd-intro-box .prd-intro-inner .prd-intro-img .prd-intro-img-info .inner .txt {font-size: 13px; margin-top:10px; line-height: 20px; }
	.prd-intro-box .prd-intro-inner .prd-intro-img .prd-intro-img-info .inner .more-view-btn {width:118px; /* top:auto; bottom:0; margin-top:0; */}
	/* intro :: 모바일 리스트박스 */
	.prd-intro-list-m-wrapper {display:block; }
}
@media all and (max-width:480px){
	.prd-intro-box .prd-intro-inner .prd-intro-img .prd-intro-img-info { position:relative; } 
	.prd-intro-box .prd-intro-inner .prd-intro-img .prd-intro-img-info .inner {padding: 15px 140px 15px 0;}
	.prd-intro-box .prd-intro-inner .prd-intro-img .prd-intro-img-info .inner .more-view-btn {margin-right:0; top:auto; margin-top:0; bottom:15px;}
}
/* -------- Buisness :: 제품리스트 -------- */
@media all and (max-width:1320px){
	/* 제품 공통 :: 상단박스 */
	.prd-top-info {padding:40px 20px;}
	.prd-top-info .top-tit-box {padding-right: 15px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
}
@media all and (max-width:800px){
	/* 제품 공통 :: 상단박스 */
	.prd-top-info { padding:30px 15px; }
	.prd-top-info .top-tit-box {width: 150px; }
	.prd-top-info .top-tit-box .tit01 {font-size: 12px; }
	.prd-top-info .top-tit-box .tit02 {font-size: 23px;  margin-top:10px;}
	.prd-top-info .top-tit-box .txt {font-size: 13px; line-height:20px; margin-top:10px; }
	.prd-top-info .top-txt-box  {width:calc(100% - 150px); padding-left: 15px;}
	.prd-top-info .top-txt-box .txt {font-size: 13px; line-height:20px; }
	/* 제품리스트 :: 제품리스트 */
	.prd-list-box {margin-top:25px;} 
	.prd-list {margin:-10px -1.34%;}
	.prd-list .prd-list-item { margin:10px 1.34%;}
	.prd-list .prd-list-item .txt-box {padding:15px 50px 15px 15px;  }
	.prd-list .prd-list-item .txt-box .prd-list-name {font-size: 17px; }
	.prd-list .prd-list-item .txt-box .prd-list-txt {font-size: 13px; margin-top:5px; }
	.prd-list .prd-list-item .txt-box .sub-arrow-btn { margin-top:-15px; }
}
@media all and (max-width:480px){
	/* 제품 공통 :: 상단박스 */
	.prd-top-info .top-tit-box {width: 100%; float:none; padding-bottom:15px;}
	.prd-top-info .top-txt-box {width:100%; float:none; padding-left:0; padding-top:15px; border-top: 1px solid #d8d8d8;}
	.prd-top-info .top-txt-box:before {display:none;}
	/* 제품리스트 :: 제품리스트 */
	.prd-list {margin:-10px 0 ;}
	.prd-list .prd-list-item { float:none; width:100%; margin:10px 0;}
}
/* -------- Buisness :: 제품 뷰페이지 -------- */
@media all and (max-width:800px){
	/* 제품 뷰페이지 ::  슬라이드*/
	.prd-view-box .prd-view-box-inner {padding:35px 7%; }
	.prd-view-box .slide-tit-box {margin-bottom:20px;}
	.prd-view-box .slide-tit-box .prd-name {font-size: 21px;}
	.prd-view-box .slide-tit-box .prd-txt {font-size:13px; margin-top:7px; }
	.prd-view-slide .sub-arrow-btn.arrow-prev {left:0; margin-left:-40px; }
	.prd-view-slide .sub-arrow-btn.arrow-next {right:0; margin-right:-40px;}
	.prd-view-slide-wrap .slick-counter {margin-top:10px; font-size:12px;}
	.prd-view-box .more-view-btn {margin-top:35px;}	
}
@media all and (max-width:480px){
	.prd-view-box .prd-view-box-inner {padding:35px 40px; }
}

/* ******************  Showroom  ********************** */
/* -------- Showroom :: 공통 -------- */
@media all and (max-width:1320px){
	/* Showroom :: 공통 :: 상단 */
	.showroom-top-box .inner {margin:0 20px;}
}
@media all and (max-width:800px){
	/* Showroom :: 공통 :: 상단 */
	.showroom-top-box {padding:30px 0; }
	.showroom-top-box .showroom-info-list {padding-right: 0;}
	.showroom-top-box .showroom-info-list dl {font-size:13px; line-height:28px;}
	.showroom-top-box .showroom-info-list dl dt {float:none; width:100%; min-width:auto; }
	.showroom-top-box .showroom-info-list dl dd {float:none; width:100%;  }
	.showroom-top-box .showroom-info-list .icon img {width:15px; }
	.showroom-top-box .showroom-btn-box  {position:static; margin-top:20px; text-align:center; }
	.showroom-top-box .showroom-btn-box .sub-btn {display:inline-block; vertical-align:top; }
	.showroom-top-box .showroom-btn-box .sub-btn02 {margin-top:0;}
	.showroom-top-box .showroom-info-list .item05 .icon i {font-size: 18px; }
	/* Showroom :: 공통 :: 슬라이드 */
	.showroom-con-box {padding-top:25px; }
	.showroom-con-box .showroom-tab-con-inner {padding:15px 9% 35px; }
	.showroom-con-box .sub-tab-02 li a span {font-size:21px;} 
	/* Showroom :: 공통 :: 설명 */
	.showroom-txt-box .txt {font-size:13px; line-height:20px; }
	.showroom-txt-box .txt br {display:none;}
}
@media all and (max-width:480px){
	/* Showroom :: 공통 :: 상단 */
	.showroom-top-box .showroom-btn-box .sub-btn {width:48%; max-width:135px; }
}

/* ******************  Relation  ********************** */
/* -------- Relation :: 사회공헌활동 -------- */
@media all and (max-width:1024px){
	/* 사회공헌활동 :: 상단 */
	.activity-top-con .tit {font-size: 30px; line-height: 42px;}
	.activity-top-con .txt  {margin-top:60px;}
	.activity-acc-con .img-list02 {display:table; }
	.activity-acc-con .img-list02 li {display:table-cell;}
}
@media all and (max-width:800px){
	/* 사회공헌활동 :: 상단 */
	.activity-top-con .tit {font-size: 23px; line-height: 38px; }
	.activity-top-con .tit br {display:none;}
	.activity-top-con .txt {font-size: 13px; line-height:24px; margin-top:40px;}
	.activity-top-con .txt:before {height:3px; top: -20px;}
	.activity-top-con .txt02 {font-size: 13px; line-height:24px; padding-left: 110px; margin-top:10px;}

	/* 사회공헌활동 :: 아코디언 컨텐츠 */
	.activity-acc-con .faq-list-con .faq-item dt {padding:15px 35px 15px 15px;}
	.activity-acc-con .faq-list-con .faq-item dt .faq-title {font-size: 13px }
	.activity-acc-con .faq-list-con .faq-item dt .arrow {right: 15px; width: 19px; height:19px; margin-top:-9.5px;}
	.activity-acc-con .faq-list-con .faq-item dt .arrow i {line-height: 19px;}
	.activity-acc-con .faq-list-con .faq-item.open dt .arrow {background-size: 10px;}
	.activity-acc-con .faq-list-con .faq-item dd {padding: 15px 20px 30px;}
	.activity-acc-con .img-list-box {margin-top: 20px;}
	.activity-acc-con .img-list-box .img-list-tit {font-size:17px; }
	.activity-acc-con .img-list {margin-top:10px;}
	.activity-acc-con .img-list .img-tit {font-size:13px;line-height: 20px;}
	.activity-acc-con .faq-list-con > .item04 .img-list {margin-bottom: 15px;}
}
@media all and (max-width:640px){
	/* 사회공헌활동 :: 상단 */
	.activity-top-con .txt-con {float:none; width:100%; }
	.activity-top-con .txt {margin-top:10px;}
	.activity-top-con .txt:before {display:none;}
	.activity-top-con .img-con {float:none; width:100%; padding-left: 0%; margin-top:15px;} 
}
@media all and (max-width:480px){
	.activity-acc-con .img-list {display:block; }
	.activity-acc-con .img-list li {display:block; padding:0; margin-bottom: 10px;}
	.activity-acc-con .img-list02 li {width:100%;}
}

/* -------- Relation :: 문화스포츠후원 (200406추가) -------- */
@media all and (max-width:1024px){
	/* 문화스포츠후원 :: 상단 */
	.support-top-con .tit {font-size: 30px; line-height: 42px;}
	.support-top-con .tit  br {display:none;}
	.support-top-con .txt  {margin-top:60px;}
}
@media all and (max-width:800px){
	/* 문화스포츠후원 :: 상단 */
	.support-top-con {margin-bottom:40px;}
	.support-top-con .txt-bottom { width:100%; padding-right:0;}
	.support-top-con .tit {font-size: 23px; line-height: 38px; }
	.support-top-con .tit br {display:none;}
	.support-top-con .txt {font-size: 13px; line-height:24px; margin-top:20px;}
	.support-top-con .txt:before {height:3px; top: -20px;}
	.support-top-con .txt02 {font-size: 13px; line-height:24px;  margin-top:10px;}
	/* 문화스포츠후원 :: 상단 정보 */
	.support-info {padding: 15px; }
	.support-info .tab-box {text-align:center;}
	.support-info .tab-box a {font-size: 14px; padding:0 15px;}
	.support-info .select-box {position:static; width:100%; margin-top: 15px; padding:5px 10px;}
	.support-info .select-box select { width:100%; font-size:12px; text-indent: 5px; }

	/* 문화스포츠후원 :: 대회스케치 */
	.support-sketch-view .sketch-tit-box {padding:20px 0; }
	.support-sketch-view .sketch-tit-box .tit {font-size: 21px }
	.support-sketch-view .sketch-tit-box .txt {font-size: 13px; line-height:20px; margin-top:5px; }
	.support-sketch-view .sketch-nav-slide {margin:0 -5px; margin-top: 18px;}
	.support-sketch-view .sketch-nav-slide li  {margin:0 5px;}
	.support-sketch-view .sketch-nav-slide li .img-wrap:before  {border-width:3px;}
	.support-sketch-view .sketch-nav-slide .sub-arrow-btn  {margin-top:-14px;}
	.support-sketch-view .sketch-nav-slide .sub-arrow-btn.arrow-prev {left:0px; }
	.support-sketch-view .sketch-nav-slide .sub-arrow-btn.arrow-next {right:0px; }
}
@media all and (max-width:480px){
	.support-top-con .txt-con {float:none; width:100%; padding-right:0;}
	.support-top-con .img-con {float:none; width:100%; margin-top:20px;}
	
	/* 문화스포츠후원 :: 대회스케치 */
	.support-sketch-view .sketch-nav-slide .sub-arrow-btn {width: 24px; height:24px; margin-top:-12px;}
}
/* ******************  CI  ********************** */
@media all and (max-width:800px){
	/*  CI  :: 타이틀  */
	.ci-top-con {margin-bottom: 57px;}
	.ci-top-con .ci-tit {font-size: 29px; }
	.ci-top-con .ci-tit:before {bottom:auto; top:50%; margin-top:-18.5px;}
	.ci-top-con .inner {margin-top: 18px; padding:0; }
	.ci-top-con .inner .txt-box {padding-left:15px;}
	.ci-top-con .inner .txt-box .txt {font-size: 13px; line-height:26px; }
	.ci-top-con .inner .btn-box {position:static; text-align:center; margin-top:20px;}
	.ci-top-con .inner .btn-box .sub-btn {display:inline-block; vertical-align:top; }
	.ci-top-con .inner .btn-box .sub-btn01 {margin-top:0;}
	/*  CI  :: 콘텐츠  */
	.ci-con {margin-bottom: 40px; }
	.ci-con .tit-box {float:none; width:100%; padding-top:15px; }
	.ci-con .tit-box:before {width:25%; min-width: 150px; }
	.ci-con .tit-box .tit-en {font-size: 12px; }
	.ci-con .tit-box .tit {font-size: 20px; line-height:28px;}
	.ci-con .ci-logo-box {float:none; width:100%; margin-top: 20px; padding:0;}
	.ci-con .ci-logo-box .img-wrap {position:absolute; top:20px; left:20px; right:20px; bottom:20px; margin:auto;}
	.ci-con .ci-logo-box .txt {font-size:13px; line-height:24px; margin-top:15px;}
 }
  
/* ******************  조직도  ********************** */
@media all and (max-width:800px){
	/*  조직도  ::  타이틀 */
	.org-top-con .small-tit {font-size: 13px;}
	.org-top-con .org-tit {font-size: 29px; margin-top:10px; }
	/*  조직도  ::  이미지 */
	.org-con {margin-top:45px;}
	.org-con .org-list li {float:none; width:100%; text-align:center;}
	.org-con .org-list li.img03:before, .org-con .org-list li.img04:before {display:none;}
	.org-con .org-list li.img03{padding-top:0; }
}

/* ******************  CS Center  ********************** */
@media all and ( max-width: 1024px ){
	/* AS :: 상단 */
	.as-center-top-box{word-break:keep-all;}
	.as-center-top-box .as-txt{padding-left:0}
	/* AS :: 하단 */
	.as-center-order-list{background-size:100% auto; height:auto; padding-top:45%}
	.cs-center-order{position:relative; bottom:auto; width:auto; left:10%}
	.cs-center-order:before{top:0px; right:0px;}
}

@media all and ( max-width: 800px ){
	/* AS :: 상단 */
	.as-center-top-box{margin-bottom:25px;}
	.as-center-top-box .as-category{font-size:12px}
	.as-center-top-box .as-tit{font-size:23px; margin:10px 0 15px; line-height:1.3}
	.as-center-top-box .as-txt{font-size:14px;}
	/* AS :: 하단 */
	.cs-center-order li{padding-left:20px; margin-top:40px}
	.cs-center-order li:before{top:-31px; left:42px; background-size:10px auto;}
	.cs-center-order li .step-num em{font-size:13px;}
	.cs-center-order li dl{margin-left:30px; font-size:13px;}
	.cs-center-order li dl dt{margin-bottom:7px}
}


/* ******************  2022-04-19 준법경영 추가 MJ ********************** */
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;margin-right:0; cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.cm-scroll-drag-guide {display:flex; justify-content:flex-end; margin-right:var(--area-padding); }
	.cm-scroll-drag-guide .cm-scroll-drag-inner { position: relative; width:50px; height: 50px; }
	.cm-scroll-drag-guide .cm-scroll-drag-inner:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:#ccc; content:""; border-radius:5px;}
	.cm-scroll-drag-guide .drag-tail { position: absolute; z-index: 1; left: 0px; top: 3px; animation:moveScrollAni 3s both infinite; }
	.cm-scroll-drag-guide .drag-tail .tail{display:block; width: 25px; height: 5px; background-color: rgba(0, 0, 0, 0.7); border-radius:5px; opacity:1; }
	.cm-scroll-drag-guide .drag-tail .hand-icon{ font-size:30px; color:#aaa }
	@keyframes moveScrollAni {
		0%, 10% {
			left: 0;
			margin-left: 0px;
		}
		50% {
			left: 100%;
			margin-left: -25px;
		}
		100% {
			left: 0;
			margin-left: 0px;
		}
	}
}
@media all and (min-width:801px){
	.management-page .custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:1320px){
	.management-top-con.introduce-top-con .txt-con:before{top:178px;}
}
@media all and (max-width:1024px){
	.pc-br{display: none;}

	.management-info-box{justify-content: space-around;}
	.management-info-box .info-item{margin-right:0}
	.management-info-box .info-item .tit{margin-right:0}
	.management-info-box .info-item .txt{display: block; margin-top:10px;}

	.management-bottom .plus-txt-box dd{display: block; margin-top:10px;}
}
@media all and (max-width:800px){
	.management-tit{font-size:23px;}
	.management-txt{font-size:13px;}

	.management-top-con{margin-bottom:40px;}
	.management-top-con.introduce-top-con .img-con{margin-bottom:10px;}
	.management-top-con .management-tit{margin-bottom:20px;}
	.management-top-con .management-txt{margin-top:10px;}

	.management-bottom{padding:40px 0;}
	.management-tit-box .management-tit{margin-bottom:10px;}
	.management-tit-box .management-txt{font-size:14px;}

	.management-bottom-con .img-box{margin:0 0 30px;}
	.management-info-box{margin:20px 0 15px;}
	.management-info-box .info-item .icon{font-size:13px; width:23px; height:23px; line-height:23px;}
	.management-info-box .info-item .tit, .management-info-box .info-item .txt, .management-bottom .plus-txt-box dt, .management-bottom .plus-txt-box dd{font-size:13px;}
	.management-bottom .plus-txt-box dt:before{top:2px;}

}
@media all and (max-width:640px){
	.management-info-box{display: block; height:auto; padding:10px;}
	.management-info-box .info-item{margin-bottom:15px; text-align:left;}
	.management-info-box .info-item:last-child{margin-bottom:0;}
	.management-info-box .info-item .icon{margin-right:5px;}
	.management-info-box .info-item .txt{margin-top:0; position: absolute; left:90px; top:5px;}
}

/***** 유지보수 23-11-10 *****/
@media all and (max-width: 1480px) {
	.portfolio-list-page .partners-list-style02 .sub-arrow-btn.arrow-prev {left: -1%;}
	.portfolio-list-page .partners-list-style02 .sub-arrow-btn.arrow-next {right: -1%;}
}

@media all and (max-width: 1320px) {
	.portfolio-count-con .count-inner > div{padding:0 30px;}
}
@media all and (max-width: 1280px) {
	.portfolio-count-con {padding-top: 440px;}
}

@media all and (max-width: 1200px) {
	.portfolio-count-con .count-list-box li:first-child {width: 50%;}
	.portfolio-count-con .count-list-box li:last-child {width: 50%;}

	.portfolio-count-con .count-txt > span {font-size: 65px;}
	.portfolio-count-con .count-txt > em {font-size: 55px;}
}

@media all and (max-width: 1024px) {
	.portfolio-list-page .partners-list-style02 .sub-arrow-btn.arrow-prev {left: 0;}
	.portfolio-list-page .partners-list-style02 .sub-arrow-btn.arrow-next {right: 0;}
}

@media all and (max-width: 800px) {
	.portfolio-count-con {padding-top: 300px; margin-top:30px; margin-bottom:40px;}
	.portfolio-count-con .top-tit {font-size: 23px;}
	.portfolio-count-con .top-txt {font-size: 13px;}
	.portfolio-count-con .count-txt > span {font-size: 42px;}
	.portfolio-count-con .count-txt > em {font-size: 32px;}
	.portfolio-count-con .count-tit{font-size:13px; padding:0 0 15px 15px;}
	.portfolio-count-con .count-tit::before{width:6px; height:10px; top:calc(50% - 7px);}

	.portfolio-list-page .portfolio-slide-wrap .slide-tit {font-size: 28px;}
	.portfolio-list-page .portfolio-slide-wrap .slick-counter .current {font-size: 52px;}
	.portfolio-list-page .portfolio-slide-wrap .slide-tit {padding-left: 140px;}
	.portfolio-list-page .portfolio-slide li .img-wrap > span{font-size:17px; right:15px; bottom:15px;}

	.portfolio-count-con .count-list-box {padding-top: 25px;}
	.portfolio-count-con .top-tit-box {margin-bottom: 30px;}
	.portfolio-count-con .count-tit {padding: 0 0 10px 15px;}

	/* business 슬라이드 */
	.prd-intro-box .prd-intro-inner .prd-intro-img .prd-intro-img-info .inner .more-view-btn {width: 140px;}
	.prd-intro-box .prd-intro-inner .prd-intro-img .prd-intro-img-info .inner .more-view-btn span {font-size: 13px;}

	.portfolio-list-page .partners-list-style02 .partners-con-tit{font-size:30px; padding-bottom:20px;}
	.portfolio-list-page .partners-list-style02 .partners-con-txt{font-size:14px;}
	.portfolio-list-page .partners-list-style02 li{width:33.33%;}
}

@media all and (max-width: 550px) {
	.portfolio-count-con .count-list-box {display: block;}
	.portfolio-count-con{padding-top:400px;}
	.portfolio-count-con .count-list-box li:first-child {width: 100%; margin-right: 0; margin-bottom: 20px;}
	.portfolio-count-con .count-list-box li:last-child {width: 100%;}
}

@media all and (max-width: 480px) {
	.portfolio-count-con .count-list-box{display: block;}
	.portfolio-count-con .count-list-box li{width:100% !important; margin-bottom:20px;}
	.portfolio-count-con .count-list-box li:last-child{margin-bottom:0;}
	.portfolio-count-con .count-tit{padding:0 0 7px 15px;}
	.portfolio-count-con .count-tit::before{top:calc(50% - 4px);}

	.portfolio-list-page .sub-arrow-btn.arrow-prev {left: -5px;}
	.portfolio-list-page .sub-arrow-btn.arrow-next {right: -5px;}

	/* business 슬라이드 */
	.prd-intro-box .prd-intro-inner .prd-intro-img .prd-intro-img-info .inner .more-view-btn {width: 115px; height: 40px;}
	.prd-intro-box .prd-intro-inner .prd-intro-img .prd-intro-img-info .inner .more-view-btn::before {height: 40px;}
	.prd-intro-box .prd-intro-inner .prd-intro-img .prd-intro-img-info .inner .more-view-btn span {font-size: 11px;}
}
/***** 23-11-22 연혁 수정 *****/
@media all and (max-width: 1220px) {
	.history-top-flex-wrap {display: block;}
	.history-page .sub-tab-list-style ul {justify-content: flex-start;}
}