@charset "utf-8";

@media all and (max-width:1740px){	/* max-width : (area-box width) + 20px */
	.area-box{padding:0 30px;}
}
@media all and (max-width:1420px){
	.area{padding:0 30px;}
}
@media all and (max-width:1024px){
	.area-box,
	.area{padding:0 15px}
}

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1420px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
	#content{padding:70px 15px 100px;}
	.lg_img { height: 18px;}
	.lg_img02 { height: 28px;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative; 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)}
	.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;}
	.custom-scrollbar-cover .scroll-cover-txt i{font-size:30px; display:block; margin-bottom:20px; }
	#content{padding:50px 15px 100px;}
	
	/* modal layer content */
	.footer-modal-content{width:auto; margin:50px 15px}
	.footer-modal-content h1{font-size:18px; text-align:left; padding:0 30px 15px 0}
	.modal-close-btn{right:-3px; top:-3px;}
	.modal-close-btn i{font-size:24px}
	.footer-inner-box{padding:15px}
	.footer-inner{padding:10px; height:250px;}
}

/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1220px){
	
}
@media all and (max-width:1024px){
	/* Tab Fixed Move*/
	.sub-tab-cm-style.fixed{top:80px;}
}
@media all and ( max-width: 800px ){
	.sub-cm-tab-wrapper {height:50px;}
	/* Tab 공통 스타일 */
	.sub-tab-cm-style ul li a em{font-size:15px}
	.sub-tab-cm-style ul li.selected a:before {display:none;}
	.sub-tab-cm-style:before {display:none;}
	/* 모바일 드롭메뉴 버튼 */
	.sub-tab-cm-style .cm-tab-m-btn{position:relative; display:block; padding:0 15px; height:50px; line-height:50px; background-color:#eee;}
	.sub-tab-cm-style .cm-tab-m-btn span{color:#000; font-weight:500;}
	.sub-tab-cm-style .cm-tab-m-btn .arrow{color:#000; position:absolute; top:50%; right:15px; margin-top:-7px; font-weight:700;}
	.sub-tab-cm-style .cm-tab-m-btn.open .arrow{transform:rotate(180deg)}
	.sub-tab-cm-style ul li a .tab-tit em:after {display:none;}
	/* 모바일 드롭메뉴 리스트 */
	.cm-drop-tab-list .area ul {margin:0 15px;}
	.cm-drop-tab-list ul {display:none; margin:0;  position:absolute; top:50px; left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11;}
	.cm-drop-tab-list ul li{position:static; display:block; float:none; border-top:1px solid #eee; width:100%; margin-left:0; max-width:none; background-color:transparent}
	.cm-drop-tab-list ul li:first-child{border-top:0}
	.cm-drop-tab-list ul li a{display:block; width:auto; height:auto; padding:10px 15px; border:0;}
	.cm-drop-tab-list ul li a em {font-size:13px;}
	.cm-drop-tab-list ul li.selected a{background-color:transparent;}
	.cm-drop-tab-list ul li.selected a em {color:#f8a71a ; font-weight:500; }
	
	.sub-tab-cm-style.fixed {height:50px;}
	.sub-tab-cm-style.fixed .area{padding:0}
	.sub-tab-cm-style.fixed ul {margin:0;}

}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-cm-style.fixed{top:60px;}
}

@media all and (max-width:800px){
	.margin-top-con{margin-top:30px}
}

/* ******************  COMPANY ********************** */
@media all and (max-width:1420px) and (min-width:1025px) {
	/* 기업정보 :: 주식회사 네패스 */
	.about-info-con .img-con .img-wrap {display:table-cell; vertical-align:middle;} 
	.about-info-con .img-con .img-wrap:before {top:40px;}
	.about-info-con .info-con { width:calc(100% - 504px); } 
	.about-info-con .img-con {display:table; width:504px; height:445px;}
}
@media all and (max-width:1024px){
	/* 기업정보 :: 주식회사 네패스 */
	.about-con-box {margin-top: 100px;}
	.about-info-con .img-con , .about-info-con .info-con {float:none; width:100%; max-width:70%; margin:auto;}
	.about-info-con .img-con .img-wrap { padding:0;  }
	.about-info-con .img-con .img-wrap:before {top:-80px; right:-80px;}
	.about-info-con .info-con {padding-top:30px;}
	.about-info-con .info-con .info-list {padding-top: 20px; }
	/* 기업정보 :: 통이미지 & 아이콘리스트 */
	.about-point-list li {width:50%; }
	.about-point-list li .inner-box {border-right:0; padding:35px 0; }
	.about-point-list .item01 .inner-box {border-left: 0;}
	.about-point-list dl {display:table; width:100%; height:100%;}
	.about-point-list dl dt {display:table-cell; vertical-align:middle; width: 150px; }
	.about-point-list dl dd {display:table-cell; vertical-align:middle; text-align:left; }
	.about-point-list .icon {height:100%;}
	.about-point-list .tit {margin-top:0;}
	.about-point-list .txt {margin-top:10px;}
}
@media all and (max-width:800px){
	/* -------- COMPANY :: 회사개요 :: 공통-------- */
	.summary-page .sub-con-tit {margin-bottom: 45px;}
	/* 기업정보 :: 타이틀 */
	#aboutCon {padding-top:45px;}
	.about-tit-box .tit {font-size: 30px;}
	.about-tit-box .txt {font-size: 17px; margin-top:35px; }
	/* 기업정보 :: 주식회사 네패스 */
	.about-con-box {background-position: center 30%}
	.about-info-con .img-con .img-wrap:before {width: 112px; height:112px; background-size: cover;top:-56px; right:-56px;}
	.about-info-con .info-con .tit {font-size: 28px; }
	.about-info-con .info-con .info-list {padding-top: 0; }
	.about-info-con .info-con .info-list li {font-size: 15px; padding-left:130px;}
	/* 기업정보 :: 통이미지 & 아이콘리스트 */
	.about-img-con {margin-top:44px;}
	.about-img-con .img-wrap {padding:0 0;}
	.about-point-list li .inner-box {padding: 20px 0;}
	.about-point-list dl dt {width:100px;}
	.about-point-list .icon {background-size: auto 45px; }
	.about-point-list .tit {font-size: 17px; }
	.about-point-list .txt {font-size: 13px;}
}
@media all and (max-width:640px){
	/* 기업정보 :: 주식회사 네패스 */
	.about-con-box {margin-top:70px;}
	.about-info-con .img-con , .about-info-con .info-con {max-width:none;}
	.about-info-con .img-con .img-wrap {padding-right: 56px;}
	.about-info-con .img-con .img-wrap:before {right:0;}
	/* 기업정보 :: 통이미지 & 아이콘리스트 */
	.about-point-list li {float:none; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:-1px;}
	.about-point-list li.item01 {border-top:0;}
	.about-point-list li.item05 {border-bottom:0;}
	.img_640 {width: 90%; margin: 0 auto;}
	.lg_img { height: 12px;}
	.lg_img02 { height: 20px;}
}

/* -------- COMPANY :: 회사개요 ::미션&비전 -------- */
@media all and (max-width:800px){
	#visionCon {padding-top:75px;}
	/* 미션&비전 :: 텍스트 */
	.vision-con .txt-box {margin-top:60px; }
	.vision-con .txt-box .tit {font-size: 23px; }
	.vision-con .txt-box .tit span:before {height:18px;}
	.vision-con .txt-box .txt {font-size: 15px; margin-top:20px; }
}


/* -------- COMPANY :: 회사개요 ::네패스웨이 -------- */
@media all and (max-width:1024px){
	.way-point-list li dl dd {margin:-70px 28px 0;}
}
@media all and (max-width:800px){
	#wayCon {padding-top:75px;}
	/* 네패스웨이 :: 이미지 */
	.way-point-list li {margin:0 1.04% 30px; }
	.way-point-list li .tit {font-size: 20px; }
	.way-point-list li .txt {font-size: 14px; margin-top:10px;}
	.way-point-list li dl dd {margin:0; padding:20px 15px;}
	/* 네패스웨이 :: 10계명 & 감사진법 */
	.way-standard-list-box {padding:35px 0;}
	.way-standard-list-box .tit {font-size: 20px;}
	.way-standard-list-box .note-txt {font-size:13px; }
	.way-standard-list .txt {font-size:14px; padding-left: 30px; }
	/* 네패스웨이 :: 네패스 구호 */
	.way-slogan-box {margin-top:45px; margin-bottom:45px; }
	.way-slogan-box .way-slogan-tit {font-size: 20px; }
	.way-slogan-box .way-slogan-tit-txt  {font-size:16px; display:block; margin-top: 10px;}
	.way-slogan-list-box {margin-top:50px;} 
	.way-slogan-list {text-align:center; margin:-20px 0;}
	.way-slogan-list li {float:none; display:inline-block; width:30%; margin:20px 0}
	.way-slogan-list li .tit {font-size:19px; margin-top:20px;}
	.way-slogan-list li img {max-width:100%; max-height:100%;}
}
@media all and (max-width:640px){
	.way-standard-list-box {background-size:cover; }
	.way-standard-list-box .inner {display:block;  }
	.way-standard-list-box .left-con {display:block;  width:100%; }
	.way-standard-list-box .right-con {display:block; width:100%; margin-top: 50px; padding-bottom:35px;}
	.way-standard-list-box .right-con:before {right: 15px; width:220px;}
	.way-standard-list {margin-top:15px;}
}
@media all and (max-width:480px){
	.way-point-list {margin:0;}
	.way-point-list li {float:none; width: 100%; margin:0 0 10px; }
	
}


/* -------- COMPANY :: 연혁-------- */
@media all and (max-width:1420px){
	.history-page .sub-cm-tab-con { background:none; padding-bottom:0;}
}
@media all and (max-width:1024px){
	.history-page .history-item01 .company-history-img-box span {padding-left:68px; }
	.history-page .history-item01 .company-history-img-box span:before {width:135.8px; height:136.5px; left:0; top:-68.25px; }
}
@media all and (max-width:800px){
	.history-page .sub-cm-tab-wrapper {padding-bottom: 35px;}
	.history-page .sub-cm-content-wrapper {padding-top: 35px;}

	.history-page .history-item01 .company-history-img-box {padding-top:30px;}
	.history-page .history-item01 .company-history-img-box span {padding-left:0; padding-right:68px; }
	.history-page .history-item01 .company-history-img-box span:before  {left:auto; right:0;}

	.history-page .sub-tab-cm-style ul li {display:block; float:left; width:33.33%; max-width:none; margin:0;}
	.history-page .sub-tab-cm-style:before {display:block;}
	.history-page .sub-tab-cm-style ul li a {height:50px;}
	.history-page .sub-tab-cm-style ul li.selected a:before {display:block;}
	.history-page .sub-tab-cm-style ul li.selected a .tab-tit em:after {display:block;}
}
@media all and (max-width:480px){
	.history-page .history-item01 .company-history-img-box {padding-top:20px;}
	.history-page .history-item01 .company-history-img-box span { padding-right:48.5px; }
	.history-page .history-item01 .company-history-img-box span:before {width:97px; height:97.5px;  top:-48.75px;}
}



/* -------- COMPANY :: CI-------- */

@media all and (max-width:800px){
	/* CI :: 공통 */
	.ci-tit-box {margin-top:35px;}
	.ci-tit-box .tit {font-size:28px; }
	.ci-tit-box .txt {font-size:15px; margin-top:24px; }
	.ci-con-box {margin-top:70px;}
	.ci-con-box .sub-con-tit {margin-bottom:27px;}
	.ci-color-info {margin-top: 20px;}
	.ci-color-info dl dd { margin-left:10px;}
	.ci-color-info .color-name {font-size: 15px; padding-right:15px;}
	.ci-color-info .color-name:before {top:7px;}
	.ci-color-info .txt {font-size: 14px;}
	/* CI :: Shape Concept */
	.shape-con-box {margin-top:50px;}
	.shape-con .right-con .ci-circle-item .circle-icon span em { top:15px; left:15px; right:15px; bottom:15px; display:block;}
	.shape-con .right-con .ci-circle-item .circle-icon:after {content:""; width:6px; height:6px; border:2px solid #aba9a5; margin-top:-4px; margin-left:-4px;}
	/* CI ::  Main Color Concept */
	.color-concept-con .color-concept-inner { padding: 30px 15px;}
	.color-concept-con .color-list li {width: 30%; min-width:118px;  height:42px; margin:5px 0.5%; }
	.color-concept-con .color-list li span {line-height:42px; font-size:14px; }
	.color-concept-con .ci-color-info dl.info01 {padding-left:67px;}
	.color-concept-con .ci-color-info dl.info02 {padding-left:149px; margin-top: 25px;}
	/* CI 적용 */
	.ci-apply-con .ci-logo-wrap span {top:15px; left:15px; right:15px; bottom:15px;}
	.ci-apply-con .ci-logo-list .tit {font-size: 15px; margin-top:15px;}
	/* CI 다운로드 */
	.ci-download-con .ci-btn-box .sub-btn { width:47%; margin:0 1%; padding:0 15px;}
}
@media all and (max-width:640px){
	.shape-con .shape-con-inner {display:block; width:100%; height:100%;}
	.shape-con .left-con {display:block; vertical-align:middle; width:100%;}
	.shape-con .right-con {display:block; vertical-align:middle; width:100%; margin-top:20px;}
	.shape-con .right-con .ci-circle-item .circle-icon span em { top:20%; left:20%; right:20%; bottom:20%; }
}
@media all and (max-width:480px){
	/* CI ::  Main Color Concept */
	.color-concept-con .ci-color-info dl dt {position:static;}
	.color-concept-con .ci-color-info dl.info01 {padding-left:0;}
	.color-concept-con .ci-color-info dl.info02 {padding-left:0;}
	.color-concept-con .ci-color-info dl dd { margin-left:0; margin-top:10px;}
	.color-concept-con .ci-color-info .color-name:before {display:none;}
	/* CI 적용 */
	.ci-apply-con .ci-logo-list {margin:0 0; }
	.ci-apply-con .ci-logo-list li {float:none; width: 100%; margin:20px 0;}
}


/* -------- COMPANY :: 홍보자료 -------- */
@media all and (max-width:800px){
	.promotion-con-wrapper {margin-top: 45px;} 
	/* 홍보자료 :: 홍보영상 */
	.promotion-video-con {margin-top:26px;}
	.promotion-video-con .txt{font-size: 14px;}
	.promotion-video-con .video-wrap {margin-top: 20px; }
	.promotion-video-con .video-wrap .video-thumb {background-size: 65px;}
	/* 홍보자료 :: 회사소개서 */
	.introduce-pdf-list {margin: -1.95% -1% 0;}
	.introduce-pdf-list li { width:31.25%; margin: 1.95% 1%;}
	.introduce-pdf-list .tit {margin-top: 15px; font-size:15px;}
}
@media all and (max-width:480px){
	/* 홍보자료 :: 회사소개서 */
	.introduce-pdf-list li { width:48%; }

}

/* 홍보자료 :: 사보 */
@media all and (max-width:1024px){
	.newsletter-con-box .newsletter-tit-box .btn-box .sub-btn span {font-size:13px; }
	.newsletter-con-box .newsletter-img-box { padding-right: 15px;}
	.newsletter-con-box .newsletter-list-box .newsletter-list li {padding: 20px;}

}
@media all and (max-width:800px){
	.newsletter-con-box .newsletter-tit-box {float:none; width:100%; margin-bottom:20px;}
	.newsletter-con-box .newsletter-tit-box .num {font-size: 28px;}
	.newsletter-con-box .newsletter-tit-box .date {font-size:16px; margin-top:10px;}
	.newsletter-con-box .newsletter-tit-box .btn-box {position:static;}
	.newsletter-con-box .newsletter-tit-box .btn-box .sub-btn {max-width:165px; height:42px; }
	.newsletter-con-box .newsletter-tit-box .btn-box .sub-btn span {font-size:13px; line-height:42px; }
	.newsletter-con-box .newsletter-tit-box .btn-box .sub-btn span i { line-height:42px; }
	.newsletter-con-box .newsletter-img-box {width:60%; padding-right: 2%; }
	.newsletter-con-box .newsletter-list-box {width:40%; }
	.newsletter-con-box .newsletter-list-box .newsletter-list .tit {font-size: 13px;}
	.newsletter-con-box .newsletter-list-box .newsletter-list .txt {font-size: 13px;}
	.newsletter-con-box .newsletter-list-box .newsletter-list .tit + .txt {margin-top:3px;}
	/* 다른호보기 */
	.another-tit {font-size:16px; padding-bottom:15px;}
	.another-list-box-wrap {margin-top: 20px; padding: 0 38px;}
	.another-list {position:relative;/*  padding:0 38px; */ }
	.another-list li {}
	.another-list li .tit {font-size:15px; }
	.another-list li .txt {font-size:13px;}
	.another-list-box-wrap button {top:calc(50% - 40px);}
	.another-list-box-wrap button i { font-size:24px;}
	.another-list-box-wrap button span {font-size:10px; }
}

@media all and (max-width:480px){
	.newsletter-con-box .newsletter-tit-box .btn-box {margin:15px -0.7%; padding:0;}
	.newsletter-con-box .newsletter-tit-box .btn-box .sub-btn {max-width:none; width:48%; margin:0 0.7%;}
	.newsletter-con-box .newsletter-img-box {float:none;width:100%; padding-right: 0; }
	.newsletter-con-box .newsletter-list-box {float:none; width:100%; }
	.newsletter-con-box .newsletter-list-box .inner-box {height: 200px !important; margin-top: 20px;}
}
@media all and (max-width:359px){
	.newsletter-con-box .newsletter-tit-box .btn-box {margin:15px 0 0;}
	.newsletter-con-box .newsletter-tit-box .btn-box .sub-btn {width:100%; margin:1% 0;}
}



/* -------- COMPANY :: 사업자인증현황 -------- */
@media all and (min-width:801px){
	.certification-list li .sub-btn:hover {background-color: #23408f; color: #fff; border-color:#23408f; }
}
@media all and (max-width:1420px){
	/* 사업자인증현황 :: 탭 */
	.certification-page .sub-tab-cm-style ul li {width:16%; min-width:auto;}
	.certification-page .sub-tab-cm-style ul li a {padding:0; }
	.certification-page .sub-tab-cm-style ul li a .tab-tit {font-size: 14px; }
	/* 사업자인증현황 :: 인증리스트 */ 
	.certification-con colgroup col:last-child {width:250px; }
	.certification-con tbody td:last-child { padding:8px 0;}
	.certification-con .pdf-btn {width: 110px; font-size: 15px;}
	.certification-con .pdf-btn:after {background-size:20px; }
 }
 @media all and (max-width:800px){
	/* 사업자인증현황 :: 탭 */
	.certification-page .sub-tab-cm-style ul li {width:100%; }
	.certification-page .sub-tab-cm-style ul li a {padding:7px 15px; }
	/* 사업자인증현황 :: 인증리스트 */
	.certification-con-wrapper {margin-top: 45px;}
	.certification-con {margin-top:40px; }
	.certification-con .sub-tbl tbody td {font-size:13px; padding:5px 20px; line-height: 1.3}
	.certification-con .pdf-btn {font-size: 13px; border-width: 1px; width:90px; height:32px; line-height:30px;}
	.certification-con .pdf-btn:after {background-size:18px; width:18px;}
	/* .certification-con colgroup col:last-child {width:130px;} */
	.certification-con tbody td:last-child { padding:5px 0;}
	/* 사업자인증현황 :: 네패스 방침 및 정책 */
	.company-policy {margin-top:60px; }
	.company-policy-list-box {margin-top: 10px;}
	.company-policy-list .inner-box {height:200px;}
	.company-policy-list .inner-box .txt-con .tit {font-size: 16px;}
	.company-policy-list .inner-box .txt-con .txt {font-size: 13px; margin-top:10px;}
	.company-policy-list .inner-box .btn-con {width:164.5px;}
	.company-policy-list .sub-btn {height: 37px; line-height:36px; font-size:13px;}
	.company-policy-list .sub-btn i { line-height:36px; }
}
@media all and (max-width:640px){
	/* 사업자인증현황 :: 인증리스트 */
	.certification-list li .item { padding-left:0;}
	.certification-list li .item .tit {position:static; display:block; padding-left:10px; }
	.certification-list li .item .txt {padding-left:10px; margin-top:5px;}
	.certification-list li .item .txt:before {display:none;}
	/* 사업자인증현황 :: 네패스 방침 및 정책 */
	.company-policy-list .inner-box {display:block; height:auto; padding:30px 0;}
	.company-policy-list .inner-box .txt-con {display:block;  }
	.company-policy-list .inner-box .btn-con {display:block; margin-top:20px;}
}
@media all and (max-width:480px){
	/* 사업자인증현황 :: 인증리스트 */
	.certification-list {margin:-10px 0 0;}
	.certification-list li {float:none; width: 100%; margin:10px 0 0; } 
}


/* -------- COMPANY :: 사업장 안내 -------- */
@media all and (max-width:1420px){
	.place-tab-con .place-info-con {padding: 45px 60px 45px 30px; }
}
@media all and (max-width:1024px){
	.place-tab-con .place-info-con .txt-con-inner {display:block; width:100%; height:100%;  table-layout:fixed; }
	.place-tab-con .place-info-con .txt-con-inner .txt-box { display:block; vertical-align:middle;width:100%; }
	.place-tab-con .place-info-con .note-con { display:block; vertical-align:middle; width:100%; border-left:0; }
	.place-tab-con .place-info-con .note-con .note-con-inner {padding:10px 0 0;}

	.place-tab-con .place-info-con .map-btn {width:47px; height:47px; }
	.place-tab-con .place-info-con .map-btn i {font-size:18px; vertical-align:initial;}
	.map-iframe-wrapper .map-iframe-con{padding-top:200px;}
}

@media all and (max-width:800px){
	.place-con-wrapper {margin-top: 36px; padding-top:0;}
	.place-tab-con {margin-top: 20px;}
	.place-tab-con .place-info-con {padding:30px 45px 30px 15px; }
	.place-tab-con .place-info-con .inner .txt-con {padding-left:25px;}
	.place-tab-con .place-info-con .info-list {margin-top:15px;}
	.place-tab-con .place-info-con .info-list li {margin-top:5px; }
	.place-tab-con .place-info-con .tit {font-size: 20px;}
	.place-tab-con .place-info-con .info-list .txt {font-size: 14px; line-height: 24px; padding-left: 49px;}
	.place-tab-con .place-info-con .info-list .txt span {left:10px; }
	.place-tab-con .place-info-con .info-list .txt em {padding-left:15px; }
	.place-tab-con .place-info-con .note-con .txt {font-size: 13px; margin:7px 0;}
	#seoulCon .place-info-con .note-con .txt span {width:auto;}
	#chungju2Con .place-info-con .note-con .txt span {width:auto;}
}
@media all and (max-width:640px){
	.place-tab-con .place-info-con {padding:20px 15px 45px; } 
	.place-tab-con .place-info-con .inner {display:block; }
	.place-tab-con .place-info-con .inner .img-con {display:block; margin:auto;}
	.place-tab-con .place-info-con .inner .txt-con {display:block; width:100%; padding-left:0; margin-top:20px;}
	
}

/* 청안캠퍼스 */

@media all and (max-width:1024px){
	.chungan-factory-wrap  {background-position: center}
	.chungan-factory-item {width:128.8px;}
	.chungan-factory-item .item-tit {font-size:14px;}
	.chungan-factory-item .img-tit {position:static; margin-top:5px; }
	.chungan-factory-item .img-tit em {font-size:13px;}
	.chungan-factory-item.col03 {width:49%;}
}
@media all and (max-width:800px){
	.chungan-con.full-con {height:auto; padding: 10% 0; }
	.chungan-con .chungan-tit-box .tit {font-size: 32px;}
	.chungan-con .chungan-tit-box .txt {font-size: 13px; margin-top:20px;}
	.chungan-con .chungan-tit-box .img-box {margin-top:20px;}
	.chungan-con.con01 { padding-top:55px; }
	.chungan-con.con01 .tit-box span {font-size: 32px; }
	.chungan-con.con01 .tit-box .tit {font-size: 36px;}
	.chungan-con.con01 .tit-box .tit:after {width:73px; height: 71.5px; background-size:cover; right:-53px; bottom:20px;}
	.chungan-con.con01 .txt-box .txt {font-size: 14px; margin-top:15px; width:90%;}
	.chungan-con.con02 {padding:40px 0 70px; }
	.chungan-con.con02 .img-box .inner-box {height:252px;}
	.chungan-con.con02 .img-box .txt-box {margin-top:25px;}
	.chungan-con.con02 .img-box .txt-box .tit {font-size: 27px;}
	.chungan-con.con02 .img-box .txt-box .tit span {font-size: 17px; margin-bottom:10px; }
	.chungan-con.con02 .img-box .txt-box .tit b {font-size: 20px;}
	.chungan-con.con02 .icon-box {margin-top:44px;}
	.chungan-con.con02 .icon-box .icon-list li .icon { height:76px; background-size:auto 100%;}
	.chungan-con.con02 .icon-box .icon-list li .tit {font-size: 14px; margin-top:9px;}
}
@media all and (max-width:640px){
	.chungan-con.con02 .img-box .inner-box {height:auto;}
	.chungan-con.con02 .img-box .left-con {float:none; width:100%;}
	.chungan-con.con02 .img-box .right-con {float:none; width:100%; background:none;}
	.chungan-con.con02 .img-box .right-con img {display:block; }
	.chungan-con.con04 .m-img {display:block;} 
	.chungan-factory-wrap { background:none; text-align:center; margin:0 -0.7%; }
	.chungan-factory-item , .chungan-factory-item.right {float:none; display:inline-block; vertical-align:top;}
	.chungan-factory-item {width:48%; max-width:184px; margin:2% 0.7%;}
	.chungan-factory-item.col03 {display:block; margin-top:0; margin:0 0 2%; width:100%; max-width:none;}
}
@media all and (max-width:480px){
	.chungan-con .txt br {display:none;}
}


/* ******************  BUSINESS ********************** */
/* -------- BUSINESS :: 공통 -------- */
@media all and (max-width:1024px){
	/* 텍스트 - 이미지 컨텐츠 */
	.business-txt-img-con .item .txt-con {padding-right: 20px;}
	.business-txt-img-con .item .txt-con .con-txt br {display:none;}
}
@media all and (max-width:800px){
	.business-page .business-con-wrapper {margin-top:40px;}
	.business-page .sub-tab-cm-style ul li {width:100%;}
	/* 텍스트 - 아이콘 컨텐츠 */
	.business-txt-icon-con .item {padding:30px 80px 30px 0; background-size:58px;}
	.business-txt-icon-con .item .tit {font-size: 16px;}
	.business-txt-icon-con .item .txt {font-size: 13px; margin-top:10px;}
	.business-txt-icon-con .item .txt br {display:none;}
	/* 텍스트 - 이미지 컨텐츠 */
	.business-txt-img-con .item {padding:35px 0;}
	.business-txt-img-con .item .txt-con .con-tit {font-size: 16px; }
	.business-txt-img-con .item .txt-con .con-txt {font-size: 13px; margin-top:20px; }

}
@media all and (max-width:640px){
	/* 텍스트 - 이미지 컨텐츠 */
	.business-txt-img-con .item {display:block; }
	.business-txt-img-con .item .txt-con {display:block; width:100%;}
	.business-txt-img-con .item .img-con {display:block; width:100%; margin-top:20px;}

}
@media all and (max-width:480px){
	.business-page .sub-tit-box .tit br {display:none;}
}

/* -------- BUSINESS :: Intro -------- */
@media all and (max-width:800px){
	.business-intro-page .sub-tit-box {margin-top:25px;} 
	.business-intro-img {margin-top:70px;}
}
/* -------- BUSINESS ::  Semiconductor -------- */
/* Semiconductor :: 공통 */
@media all and (max-width:1024px){
	/* 프로세스 컨텐츠 */
	.semi-process-list .inner-box dl dt .tit {font-size:15px;}
	.semi-process-list.item06 { margin:-20px 5% 0 }
	.semi-process-list.item06 li {width:28%; margin:20px 2% 50px;}
	.semi-process-list.item06 li:before {width:15%;}
	.semi-process-list.item06 li .inner-box {max-width:245px; margin:auto;}
}

@media all and (max-width:800px){
	.semi-con {margin-top:50px;}
	/* 상단 공통 컨텐츠 */
	.semi-top-box .bg-box { height: 315px; background-size:cover !important;}
	.semi-top-box .bg-box .tit {font-size: 31px;}
	.semi-top-box .bg-box .txt {font-size: 16px; margin-top: 35px;}
	/* 이미지 리스트 컨텐츠 */
	.semi-img-list dl dt {padding: 25px 0;}
	.semi-img-list dl dd {padding-bottom:20px;}
	.semi-img-list .tit {font-size: 17px; }
	.semi-img-list .txt {font-size: 13px; margin-top:15px; padding:0 15px;}
	.semi-img-list.item04 li {float:left; width:50%; border-top:0; padding-bottom:25px; border-left: 1px solid #ddd; }
	.semi-img-list.item04 li:first-child {border-left:0;}
	.semi-img-list.item04 li:nth-child(3) {border-left:0; border-top:1px solid #ddd; }
	.semi-img-list.item04 li:nth-child(4) {  border-left:1px solid #ddd; border-top:1px solid #ddd; }
	/* 프로세스 컨텐츠 */
	.semi-process-list {margin:-20px -2% 0; text-align:center;}
	.semi-process-list li {float:none; width:28.6%; display:inline-block; margin:20px 2% 0;}
	.semi-process-list li:before { width:17%; background-size:10px; }
	.semi-process-list .inner-box dl dt {height:56px;}
	.semi-process-list .inner-box dl dt .tit {font-size:14px;}
	.semi-process-list.item03 { margin:-20px 2% 0; }
	.semi-process-list.item03 li {width:45%; margin:20px 2% 0; }
	.semi-process-list.item03 li:before {width:11.4%;}
	.semi-process-list.item03 li .inner-box {max-width:394px;}
	/* nepse corp. */
	.nepes-corp {margin-top:85px;}
	.nepes-corp .inner-box {padding:30px 0;}
	.nepes-corp .tit-box {min-width: 120px;}
	.nepes-corp .tit-box .tit {font-size: 14px;}
	.nepes-corp .txt-box .txt {font-size:13px; padding:5px 0 5px 63px;}
	.nepes-corp .txt-box .inner {padding-left:20px;}
	.nepes-corp .txt-box .txt-item {margin-top:25px;}
	.nepes-corp .txt-box .txt-item .txt-tit {font-size:14px;}
	.nepes-corp.in-btn .inner-box {display:block;  height:auto; padding:20px 15px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box;}
	.nepes-corp.in-btn .tit-box {display:block; width:100%; min-width:normal; text-align:left;}
	.nepes-corp.in-btn .txt-box {display:block; width:100%; padding:20px 0 0 0;}
	.nepes-corp.in-btn .txt-box .inner {padding-left:0;}
	.nepes-corp.in-btn .txt-box .inner:before {display:none;}
	.nepes-corp.in-btn .btn-box {display:block; width:100%; padding: 15px 0 0; text-align:left;}
	.nepes-corp.in-btn .btn-box .sub-btn {width:120px; padding:0 15px; }
}
@media all and (max-width:480px){
	.semi-top-box .bg-box .txt br {display:none;}
	/* 이미지 리스트 컨텐츠 */
	.semi-img-list li {float:none; width:100%; border-left:0; border-top:1px solid #ddd; padding-bottom:25px; }
	.semi-img-list dl dd {padding-bottom:0;}
	/* 프로세스 컨텐츠 */
	.semi-process-list {margin:-10px 5% 0;}
	.semi-process-list li {width:40%; float:left; display:block; margin:10px 5% 0;}
	.semi-process-list li:before { width:25%;}
	.semi-process-list.item03 li {float:none; display:inline-block; }
	.semi-process-list.item06 { margin:-10px 5% 0; }
	.semi-process-list.item06 li {width:40%; margin:10px 5% 40px; }
	.semi-process-list.item06 li:before {width:25%;}
	/* nepse corp. */
	.nepes-corp .inner-box {display:block; height:auto; padding:20px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
	.nepes-corp .tit-box {display:block; width:100%; min-width:normal; text-align:left;}
	.nepes-corp .txt-box {display:block; width:100%; padding:20px 0 0 0;}
	.nepes-corp .txt-box .inner {padding:0;}
	.nepes-corp .txt-box .inner:before {display:none;}
}

/* Semiconductor :: Overview */
@media all and (max-width:800px){
	.business-txt-icon-con {margin-top: 22px;}
	.overview-img-con {margin-top:25px;}
	.overview-img-con .img-box {margin-top:35px;}
	.overview-img-list-con {margin-top:50px; }
	.overview-img-list-con .img-list-box {margin-top: 25px; }
	.overview-img-list-con .semi-img-list .txt {margin-top:15px;}
}
/* Semiconductor :: Bumping */
@media all and (max-width:800px){
	.bumping-con .semi-img-list .tit {font-size: 14px;}
	.bumping-con .semi-img-list .sub-btn {max-width:140px; height:35px; line-height:34px; margin-top:15px; font-size:11px; padding:0 10px;}
	.bumping-con .semi-img-list .sub-btn i {font-size:16px; line-height:34px;}
}
/* Bumping 팝업 */
@media all and (max-width:800px){
	.bumping-popup .bumping-inner-box {padding:30px 30px 0;}
	.bumping-popup .tit-box { padding-bottom: 20px;}
	.bumping-popup .tit-box:before {width:130px;}
	.bumping-popup .tit-box .inner {padding-right: 170px;}
	.bumping-popup .tit-box .popup-tit {font-size: 18px;}
	.bumping-popup .tit-box .popup-sub-tit {font-size: 13px; line-height:28px; width:165px; text-align:right;}
	.bumping-popup .features-con-box {padding:20px 0;}
	.bumping-popup .features-con {max-height:340px; overflow-y:scroll; }
	.bumping-popup .features-con .img-con {width:100px;}
	.bumping-popup .features-con .list-con {padding-left: 30px;}
	.bumping-popup .features-con .features-list li {font-size:13px; padding-left: 150px; margin:10px 0; }
	.bumping-popup .features-con .features-list li.long {margin-bottom: 30px;}
	.bumping-popup .features-con .features-list li .tit em {font-size:11px;}
	.bumping-popup .features-con .features-list li .txt {padding-left:20px;}

}
@media all and (max-width:640px){
	.bumping-popup .bumping-inner-box {padding:20px 20px 0;}
	.bumping-popup .tit-box .inner {padding-right:0;}
	.bumping-popup .features-con .features-list li {padding-left:0; }
	.bumping-popup .features-con .features-list li.long {margin-bottom: 10px;}
	.bumping-popup .features-con .features-list li .tit {position:static; }
	.bumping-popup .features-con .features-list li .txt {padding-left:0; margin-top:10px;}
	.bumping-popup .features-con .features-list li .txt:before {width:auto; height:auto; content:"-"; background:none; position:static; margin-top:0; margin-right:8px;}
}
@media all and (max-width:480px){
	.bumping-popup .tit-box .popup-sub-tit {display:none;}
	.bumping-popup .features-con {display:block; }
	.bumping-popup .features-con .img-con {display:block;  margin:auto;}
	.bumping-popup .features-con .list-con {display:block; padding-left:0; margin-top: 20px;}
}
/* Semiconductor :: WLP */
@media all and (max-width:800px){
	.wlp-con .sub-con-tit {margin-bottom: 30px;}
	.wlp-con .wlp-process-box .txt {font-size: 16px; }
}
/* Semiconductor ::FOWLP/PLP */
@media all and (max-width:1620px){
	.chungan-slide-box {padding-left: 5.71%; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
	.chungan-slide-box:before {margin-left:0; }
}
@media all and (max-width:800px){
	.plp-con .sub-con-tit {margin-bottom: 30px;}
	.plp-con .txt-box .txt {font-size:16px; margin-top:15px;}
	.plp-con .plus-txt-list {padding:0 30px;}
	.plp-con .plus-txt-list .plus-txt{padding-left:20px}
	.chungan-slide-box {padding-left: 0;}
	.chungan-slide-box:before {display:none;}
	.chungan-slide-box .tit-box {position:static; width:100%;  padding:10px 20px;}
	.chungan-slide-box .tit-box .tit {font-size: 18px;}
	.chungan-slide-box .tit-box  i {font-size:20px; line-height:27px; }
	.plp-page .nepes-corp {margin-top:50px;}
	.plp-con .sub-tbl td:not(.no-line-left) .img-list-box dl {padding-bottom:0;}
	.plp-con .sub-tbl td:not(.no-line-left) .img-list-box dl .txt {margin-top:15px;}
}
/* Semiconductor :: SiP */
@media all and (max-width:800px){
	.sip-con .sub-con-tit {margin-bottom: 25px;}
	.sip-icon-list-box { padding:30px 0;}
	.sip-icon-list-box .icon-list {margin-top:-20px;}
	.sip-icon-list-box .icon-list li {width:50%; margin-top:20px;}
	.sip-icon-list-box .icon-list li dl {display:table; width:100%; height:100%;}
	.sip-icon-list-box .icon-list li dl dt {display:table-cell; vertical-align:middle; width:58px;}
	.sip-icon-list-box .icon-list li dl dd {display:table-cell; vertical-align:middle; padding: 0 20px;}
	.sip-icon-list-box .icon-list li .icon {width:100%; height:100%;}
	.sip-icon-list-box .icon-list li .txt {font-size: 14px; margin-top:0; text-align:left;}
	.sip-con .semi-img-list .tit {font-size:15px;}
	.sip-con .img-list-box .txt-box { margin-top:25px;}
	.sip-con .img-list-box .txt-box .txt {font-size: 14px;}

}
@media all and (max-width:480px){
	.sip-icon-list-box .icon-list li {width:100%;  float:none; }
	.sip-icon-list-box .icon-list li .icon {height:58px;}
}

/* Semiconductor :: TEST */
@media all and (max-width:1420px){
	.test-con .pofol-list-box {padding: 0 3.5%;}
	.test-con .check-list-box {padding:0 5%;}
}
@media all and (max-width:1024px){
	.test-con .pofol-list li dl {display:block;}
	.test-con .pofol-list li dl dt {display:block; width:100%; }
	.test-con .pofol-list li dl dt .img-wrap {padding-top:50%;}
	.test-con .pofol-list li dl dd {display:block; width:100%; padding: 0 20px 20px;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
	.test-con .pofol-list li dl dd .tit {padding:10px 0;}

}
@media all and (max-width:800px){
	.test-con .sub-con-tit {margin-bottom: 25px;}
	.test-con .sub-tbl tbody td {font-size:13px;  padding:10px;}
	.test-con .pofol-con-box {padding: 30px 0;}
	.test-con .pofol-list-box {padding: 0;}
	.test-con .pofol-list li dl dd .tit {font-size:15px; }
	.test-con .pofol-list li dl dd .txt-box .txt {font-size:12px; }
	.test-con .check-list-box {padding:0;}
	.test-con .check-list li .check-txt {font-size:14px; padding-left: 20px;}
}
@media all and (max-width:640px){
	.test-con .pofol-list {margin:0;}
	.test-con .pofol-list li {float:none; width:100%; margin:10px 0; }
	.test-con .pofol-list li dl dt .img-wrap {padding-top:40%;}
	.test-con .check-list li {float:none; width:100% !important;}
}

/* -------- BUSINESS ::  Future Intelligence -------- */
/* Future Intelligence :: 공통 */
@media all and (max-width:800px){
	.future-top-box .txt {font-size:14px; margin-top:20px;}
	.future-top-box .txt br {display:none;}
	.future-top-box .img-box {margin-top: 35px;}
}
/* Future Intelligence :: A.I */
@media all and (max-width:800px){
	.ai-con .business-txt-img-con .check-wrap {margin-top: 20px; display:block;}
	.ai-con .business-txt-img-con .check-wrap .check-tit {font-size:14px; display:block;}
	.ai-con .business-txt-img-con .check-wrap .check-list  {padding:0; display:block; margin-top:10px;}
	.ai-con .business-txt-img-con .check-wrap .check-txt  {display:block; float:none; margin-left:0; font-size:13px; padding-left:20px;}
	.ai-con .business-txt-img-con .item03 .check-wrap .check-tit {width:100%;}
	.ai-con .business-txt-img-con .check-wrap {display:block;  }
}
/* Future Intelligence :: 미래교육 */
@media all and (max-width:1024px){
	.edu-page .nepes-corp .btn-box {padding-left: 15px;}
}
@media all and (max-width:800px){
	.edu-page .future-top-box .img-box {margin-top: 24px;}
	.edu-page .future-top-box .img-box .txt {font-size: 15px; position:static; color:#222; margin-top:10px;}
	.edu-con .edu-list {margin-top:35px;}
	.edu-list .edu-item .tit-con .tit {font-size: 16px;}
	.edu-list .edu-item .txt-con .txt {font-size:13px;}
	.edu-page .nepes-corp.in-btn .btn-box .sub-btn {vertical-align:top; width:150px; }
}
@media all and (max-width:640px){
	.edu-list .edu-item {display:block; }
	.edu-list .edu-item .tit-con {display:block; width:100%;padding:0;}
	.edu-list .edu-item .txt-con {display:block; width:100%; margin-top:10px; padding-left: 25px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
	.edu-list .edu-item .txt-con:before {font-size:14px; margin-top:0; top:3px;}
}

/* -------- BUSINESS ::  IT Materials -------- */
/* IT Materials :: 공통 */
/* IT Materials :: EM */
@media all and (max-width:1420px){
	.em-con-process .em-process-list li a span em {font-size:15px;}
	.em-con .business-txt-img-con .img-con {padding-left:20px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
}

@media all and (max-width:800px){
	.it-top-box .txt{ font-size:14px; }
	.it-top-box .txt br {display:none;}
	.em-con-container {margin-top:75px;}
	/* 탭 */
	.em-con-process .process-box {position:relative; margin-top:44px; padding-bottom: 20px; overflow:visible; }
	.em-con-process .process-box .em-process-m-btn {display:block; }
	.em-con-process .em-process-m-btn{position:relative; display:block; padding:0 15px; height:50px; line-height:50px; background-color:#173072;}
	.em-con-process .em-process-m-btn span{color:#fff; font-weight:500;}
	.em-con-process .em-process-m-btn .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px; font-weight:700;}
	.em-con-process .em-process-m-btn.open .arrow{transform:rotate(180deg)}
	.em-con-process li a .tab-tit em:after {display:none;}
	.em-con-process .em-process-list {display:none; margin:0;  position:absolute; top:50px; left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; background:none;}
	.em-con-process .em-process-list li {position:static; display:block; float:none; border-top:1px solid #eee; width:100%; max-width:none; background-color:transparent; margin:0;}
	.em-con-process .em-process-list li:first-child{border-top:0}
	.em-con-process .em-process-list li a{display:block; width:auto; height:auto; padding:10px 15px; border:0; border-radius:0; }
	.em-con-process .em-process-list li a p {position:static;}
	.em-con-process .em-process-list li a p span em {font-size:13px;  text-align:left; color: #333;}
	.em-con-process .em-process-list li a br {display:none;}
	.em-con-process .em-process-list li.selected a{color: #23408f;}
	.em-con-process .em-process-list li.selected a em {color:#23408f ; font-weight:500; }
	/* 컨텐츠 */
	.em-con {padding-top:60px;}
	.em-con .em-con-tit {font-size:18px;  padding-bottom: 14px; }
	.em-con .business-txt-img-con .item {padding:30px 0; display:block;}
	.em-con .business-txt-img-con .item .txt-con {width:100%; display:block; }
	.em-con .business-txt-img-con .item .img-con {width:100%; display:block; padding-left:0}
	.em-con .business-txt-img-con .txt-item { padding-left:75px; font-size: 14px; margin:5px 0;}
	.em-con .business-txt-img-con .txt-item br {display:none;}
	.em-con .sub-tbl th , .em-con .sub-tbl td {padding:5px 10px; font-size:13px;}
	.em-con.con03 .img-con .check-txt , .em-con.con07 .tbl-box .check-txt {font-size:13px; padding-left:25px;}
	.em-con.con03 .img-con .check-txt:before {top:-3px;}
}

/* IT Materials :: EDF */
@media all and (max-width:800px){
	.edf-con {margin-top:65px;}
	.edf-con .business-txt-img-con .item .txt-con {padding-left:4%;}
	.edf-con .business-txt-img-con .item .txt-con .txt {font-size: 14px; }
	.edf-con .business-txt-img-con .item .txt-con .txt br {display:none;}
	.edf-con.con02 .edf-img-list-box {margin-top: 34px;}
	.edf-con.con02 .edf-img-list li .tit { font-size:16px;}
	.edf-con.con02 .edf-img-list li .txt {font-size:14px; }
	.edf-con.con02 .edf-img-list li img {margin-top:30px;}
	.edf-con.con03 .edf-img-list {margin-top: 35px; padding:0;}
	.edf-con.con03 .edf-img-list li .icon  {height:53.2px; background-size:auto 100%;}
	.edf-con.con03 .edf-img-list li dd {font-size:15px;}
	.edf-con.con04 .edf-img-list-box {margin-top: 30px;}
	.edf-con.con04 .edf-img-list li dd {font-size:15px; margin-top:10px;}
}
@media all and (max-width:640px) and (min-width:481px){
	.edf-con .business-txt-img-con .item {display:table;}
	.edf-con .business-txt-img-con .item .img-con {display:table-cell;}
	.edf-con .business-txt-img-con .item .txt-con {display:table-cell;}
}
@media all and (max-width:640px){
	.edf-con.con02 .edf-img-list li { width:100%; float:none; }
	.edf-con.con02 .edf-img-list li br {display:none;}
	.edf-con.con02 .edf-img-list li .inner-box {border-left:0; border-top:1px solid #ddd; }
	.edf-con.con02 .edf-img-list li .tit {min-height:auto;}
	.edf-con.con02 .edf-img-list li.item02 img {margin-top:30px;}
	.edf-con.con04 .edf-img-list {margin:0 -1%;}
	.edf-con.con04 .edf-img-list li {width:48%; margin:10px 1% 0;}

}
@media all and (max-width:480px){
	.edf-con .business-txt-img-con .item {padding:20px;}
	.edf-con .business-txt-img-con .item .img-con { width:100%; margin-top:0;}
	.edf-con .business-txt-img-con .item .txt-con {padding-left:0; width:100%; margin-top:20px;}
}
/* IT Materials :: IRIDOS */ 
@media all and ( max-width: 800px ){	
	/* 컬러페이스트란 */
	.color-paste-con{margin-top:60px}
	.color-paste-con .color-paste-box{padding:20px 15px; margin-top:20px}
	.color-paste-con .color-paste-box .rt-txt{padding-left:3%; width:59.4%}
	.color-paste-con .color-paste-box .rt-txt p{font-size:14px}
	.color-paste-con .color-paste-box .rt-txt p br{display:none}
	/* Main Products */
	.iridos-main-prd{margin-top:65px}
	.iridos-prd-wrap .iridos-prd-sec{padding:40px 0}
	.iridos-prd-wrap .iridos-prd-sec:first-child{padding-top:30px}
	.iridos-prd-wrap .iridos-prd-sec .lf-con,
	.iridos-prd-wrap .iridos-prd-sec .rt-con{float:none; width:100% !important; padding-right:0}
	.iridos-prd-wrap .iridos-prd-sec .rt-con{margin-top:30px; text-align:center}
	.iridos-prd-wrap .iridos-prd-sec .lf-con .tit{font-size:16px; margin-bottom:15px}
	.iridos-prd-wrap .iridos-prd-sec .lf-con .explain span{font-size:13px; padding-left:20px}
	.iridos-prd-wrap .iridos-prd-sec .lf-con .explain span:before{width:8px; top:10px}
	.iridos-prd-wrap .iridos-prd-sec .lf-con .prd-check-txt{padding-top:5px}
	.iridos-prd-wrap .iridos-prd-sec .lf-con .prd-check-txt em{font-size:13px; padding-left:26px}
	.iridos-prd-wrap .iridos-prd-sec .lf-con .prd-check-txt em:before{font-size:17px; top:-4px}
	.iridos-prd-wrap .iridos-prd-sec .rt-con .prd-detail-table .detail-tbl tr th{font-size:13px; padding:5px 0}
	.iridos-prd-wrap .iridos-prd-sec .rt-con .prd-detail-table .detail-tbl tr td{font-size:13px; padding:10px 1%}
}
@media all and ( max-width: 480px ){	
	/* 컬러페이스트란 */
	.color-paste-con .color-paste-box > div{display:block; margin:0; width:100% !important}
	.color-paste-con .color-paste-box .rt-txt{padding:20px 0 0}
	/* Main Products */
	.iridos-prd-wrap .iridos-prd-sec .rt-con .prd-detail-table .detail-tbl tr th,
	.iridos-prd-wrap .iridos-prd-sec .rt-con .prd-detail-table .detail-tbl tr td{font-size:11px}
}

/* -------- BUSINESS ::  2ndary Battery -------- */
@media all and ( max-width: 800px ){	
	.battery-content{margin-top:50px}
	/* Lead tab이란? */
	.lead-tab-con{margin-top:40px}
	.lead-tab-con .img{margin-top:15px}
	.lead-tab-con .img-explain{font-size:13px; margin-top:20px}
	/* 구조 및 원리 */
	.battery-structure-con{margin-top:45px}
	.battery-structure-con .img{margin-top:15px; padding:40px 3% 30px}
	/* nepes lead tab의 특징 */
	.lead-tab-character{margin-top:40px}
	.lead-tab-character .character-list{margin-top:65px}
	.lead-tab-character .character-list li .icon{height:55px}
	.lead-tab-character .character-list li .tit{font-size:15px; margin-top:17px}
	.lead-tab-character .character-list li .sub-txt{font-size:13px; margin-top:10px}
	/* Application */
	.battery-application-con{margin-top:60px}
	.battery-application-con .img{margin-top:25px}
	.battery-application-con .img img{max-width:none}

}
@media all and ( max-width: 480px ){	
	/* nepes lead tab의 특징 */
	.lead-tab-character .character-list{margin-bottom:-30px}
	.lead-tab-character .character-list li{width:50%; margin-bottom:30px}
}

/* -------- BUSINESS ::  Energy ::  ENC -------- */
@media all and ( max-width: 960px ){	
	.enc-txt-list li .tit{padding-left:1%; width:20.5%; font-size:25px}
	.enc-txt-list li .txt{font-size:15px}
}
@media all and ( max-width: 800px ){	
	.zigzag-img{text-align:center; margin-top:35px}
	.zigzag-img > div{float:none; width:100%}
	.zigzag-img > div:last-child{margin-top:-7.2%}
	.enc-txt-list{margin-top:40px}
	.enc-txt-list li .tit, .enc-txt-list li .txt, .enc-txt-list li .img{display:block; }
	.enc-txt-list li .tit{width:100%; font-size:20px; padding-left:0}
	.enc-txt-list li .txt{font-size:13px; width:100%; padding:15px 0}
	.enc-txt-list li .img{width:100%}
}

/* -------- BUSINESS ::  Energy ::  Smart film -------- */
@media all and ( max-width: 960px ){	
	/* SUPER LC의 특징 */ 
	.super-lc-character .lc-character-list{left:20px}
}
@media all and ( max-width: 800px ){	
	/* SUPER LC */
	.super-lc-con .super-lc-txt{font-size:13px;}
	/* SUPER LC의 구조 및 원리 */ 
	.super-lc-structure{margin-top:80px}
	.super-lc-structure .lc-structure-list li{width:37%; margin:0 4%}
	.super-lc-structure .lc-structure-list li:nth-child(2){width:42%}
	.super-lc-structure .lc-structure-list li .tit{margin-top:25px}
	.super-lc-structure .lc-structure-list li:nth-child(2) .tit{margin-left:-24%}
	.super-lc-structure .lc-structure-list li .tit strong{font-size:15px}
	.super-lc-structure .lc-structure-list li .tit em{font-size:13px; margin-top:10px}
	/* SUPER LC의 특징 */ 
	.super-lc-character{margin-top:85px}
	.super-lc-character .lc-character-list{margin-top:40px; left:0}
	.super-lc-character .lc-character-list li{width:24%}
	.super-lc-character .lc-character-list li .tit{font-size:15px; margin-top:15px}
	.super-lc-character .lc-character-list li .sub-txt{font-size:12px; margin-top:10px}
	.super-lc-character .lc-character-list li .icon{height:65px}
	/* Application */ 
	.super-lc-application{margin-top:85px}
	.super-lc-application .lc-application-list{margin:18px -0.4% 0; text-align:center}
	.super-lc-application .lc-application-list li{float:none; display:inline-block; vertical-align:top; width:31%; margin:0 0.4% 15px}
	.super-lc-application .lc-application-list li .tit{font-size:14px; margin-top:10px}
}
@media all and ( max-width: 480px ){	
	/* SUPER LC의 구조 및 원리 */ 
	.super-lc-structure .lc-structure-list li{display:block; margin:0; width:100%}
	.super-lc-structure .lc-structure-list li:nth-child(2){margin-top:40px; width:100%}
	.super-lc-structure .lc-structure-list li .img img{height:300px; max-width:none}
	.super-lc-structure .lc-structure-list li:first-child .img img{margin-left:-35px}
	.super-lc-structure .lc-structure-list li:nth-child(2) .tit{margin-left:0}
	/* SUPER LC의 특징 */ 
	.super-lc-character .lc-character-list li{display:block; width:100%; margin:0 0 35px}
	/* Application */ 
	.super-lc-application .lc-application-list li{width:48%}
}

/* ******************  R&D ********************** */
/* -------- R&D ::  R&D현황 -------- */
@media all and ( max-width: 800px ){	
	.rnd-state-content .sub-tit-box .sub-txt{margin-top:20px}
	.rnd-state-img{margin-top:60px}
	/* 하단 그래프 */
	.rnd-state-graph{padding:60px 0 100px}
	.rnd-state-graph:after {top:-15%;}
	.rnd-state-graph .graph-list{margin:0 0 -12%}
	.rnd-state-graph .graph-list li{float:none; width:100% !important; margin:0 0 12%; text-align:center}
	.rnd-state-graph .graph-list li .graph-tit{margin-bottom:25px}
	.rnd-state-graph .graph-list li .graph-tit em{font-size:16px}
}

/* -------- R&D ::  R&D분야 :: 공통 -------- */
@media all and ( max-width: 800px ){	
	.rnd-field-content .sub-tit-box .tit.small{font-size:28px}
	.rnd-con-wrapper{margin-top:45px}
	.rnd-tab{margin-top:55px}
	.rnd-tab .underline-tit{margin-bottom:25px}
	.rnd-tab .underline-tit.small em{font-size:16px;}

	/* 공통 :: 체크아이콘 텍스트 */
	.rnd-tab .blue-check-txt{margin:20px 0 0 15px}
	.rnd-tab .blue-check-txt li{font-size:13px; padding-left:20px}
	.rnd-tab .blue-check-txt.check-list-03 li,
	.rnd-tab .blue-check-txt.check-list-02 li{float:none; padding-right:0; width:auto}
}

/* -------- R&D ::  R&D분야 :: Electronic Devices -------- */
@media all and ( max-width: 1024px ){	
	/*FOPLP  */
	.img-box-list .lf-box{float:none; width:100%; margin:0 0 2%}
	.img-box-list .lf-box .img-border-box{height:auto; padding:35px 15px}
	.img-box-list .lf-box .img-border-box span{position:relative; top:auto; left:auto; transform:translate(0); max-width:100%; max-height:none; width:auto}
	.img-box-list .rt-box{float:none; width:100%}
	.img-box-list .rt-box .rt-box-top{margin:0 -1%}
	.img-box-list .rt-box .rt-box-top li{margin:0 1% 2%; width:31.333%}
	.img-box-list .rt-box .rt-box-bottom{margin:0 -1%}
	.img-box-list .rt-box .rt-box-bottom li{margin:0 1%; width:48%}
}

@media all and ( max-width: 800px ){	
	/*FOPLP  */
	.img-box-list .rt-box li .img{height:125px}
	.img-box-list .rt-box li .tit em{font-size:12px}
	/*FOWLP  */
	.rnd-tab .only-img{padding:30px 5%}
	/*WLP  */
	.wlp-list-con .wlp-list li .box-inner{padding:30px 15px 15px}
	.wlp-list-con .wlp-list li .box-inner .tit{font-size:13px; margin-top:15px; height:20px}

}
@media all and ( max-width: 480px ){		
	/*WLP  */
	.wlp-list-con .wlp-list li{width:48.4%}
}

/* -------- R&D ::  R&D분야 :: Electronic Materials -------- */
@media all and ( max-width: 1024px ){	
	/* 탭 */
	.sub-tab-style01.tab-06 ul li a{font-size:16px}
}
@media all and ( max-width: 800px ){	
	/* 탭 */
	.sub-tab-style01.tab-06 ul li{width:33.333%;}
	.sub-tab-style01.tab-06 ul li:nth-child(-n+4) a{border-bottom:0}
	.sub-tab-style01.tab-06 ul li a{font-size:13px}
	/* Negative Photoresist  */
	.rnd-sub-txt{font-size:14px; margin-bottom:15px}
	.img-detail-box{padding:30px 3%}
	.img-detail-box > div{width:100% !important; display:block; margin:0}
	.img-detail-box .rt-con{padding:30px 0 0}
	.img-detail-box .rt-con .detail-img-con li .detail-sec-tit em{font-size:14px}
	.img-detail-box .rt-con .detail-img-con li .detail-sec .tit em{font-size:13px}
	.img-detail-box .rt-con .detail-img-con li .detail-sec .img img{width:100%}
	/* Photo-definable Dielectiric */
	.photo-definable-con.img-detail-box .rt-con{padding-left:0}
	/* Bump PR Stripper */
	.detail-gray-box{display:block}
	.detail-gray-box > div{display:block; width:94% !important; padding:25px 3%}
	/* Cu / Ti Etchant */
	.blue-check-wrap .blue-check-sec{float:none; width:calc(100% - 15px); padding-left:15px; margin-bottom:30px}
	.blue-check-wrap .blue-check-sec .blue-check-tit{font-size:14px; margin-bottom:15px}
	/* Au Etchant */
	.check-wrap-style-02.blue-check-wrap .blue-check-sec{margin-bottom:10px}
}
@media all and ( max-width: 480px ){	
	/* 탭 */
	.sub-tab-style01.tab-06 ul li a{font-size:12px; line-height:1.25}
	/* Negative Photoresist  */
	.img-detail-box .rt-con .detail-img-con.img-style-02 li{float:none; width:100%}
	/* Positive Photoresist  */
	.img-detail-box .rt-con .detail-img-con.img-style-03 li{width:100% !important; float:none}
}

/* -------- R&D ::  R&D분야 :: Advanced Materials -------- */
@media all and ( max-width: 800px ){	
	/* Smart Window */
	.half-img-con{padding:0 15px}
	.half-img-con > div{display:block; margin:0; width:100%; padding:20px}
	.half-img-con > div:first-child{border-right:0; border-bottom:1px solid #ddd}
	/* Industrial Filtration (Pre-filter) */
	.blue-check-wrap.sec-03 .blue-check-sec{width:100%; padding-left:15px !important; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px}
	.blue-check-wrap.sec-03 .blue-check-sec:first-child{border-right:0}
	.blue-check-wrap.sec-03 .blue-check-sec:last-child{border-left:0}
}

/* ******************  IR ********************** */
@media all and (max-width:800px){
	/* IR :: Overview */
	.ir-page .sub-con-tit {margin-bottom: 25px;}
	.ir-page .stock-top-content {margin-bottom: 60px;}
	.ir-news-con-wrap {margin-top: 55px;}
	.ir-news-con-wrap .sub-new-con a.sub-btn {width:140px; height:42px; font-size:13px; line-height:40px; margin-top:30px; }
	.ir-news-con-wrap .sub-new-con a.sub-btn i {line-height:42px;}
	/* IR :: 공시정보 */
	.ir-page .ethical-group-info .table-layout {display:block;}
	.ir-page .ethical-group-info .table-cell-layout {display:block;}
	.ir-page .ethical-group-info .tit-box {width:225px;}
	.ir-page .ethical-group-info .group-info-inner .info-list {padding:15px 0; width:100%;}
}
@media all and (max-width:1420px){
	.ir-page .bbs-view-con {padding:0 30px;}
}
@media all and (max-width:1024px){
	.ir-page .bbs-view-con {padding:0 15px;}
}


/* ******************  RECRUIT ********************** */
/* -------- RECRUIT :: 채용안내-------- */
/* -------- RECRUIT :: 채용안내 :: 채용절차 -------- */
@media all and (max-width:800px){
	/* 탭 */
	.sub-tab-style01 ul li a{font-size:14px; height:50px}
	.recruit-tab-content-wrapper{padding:40px 0 45px}
	/* 절차 박스 */
	.recruit-con-wrapper{margin-top:35px}
	.process-box-list{margin:0 -10px -20px}
	.process-box-list li{width:calc(50% - 23px); margin:0 10px 20px}
	.process-box-list li:after{left:auto; right:-19px; width:15px; height:10.4px; margin-left:0}
	.process-box-list li:nth-child(3n):after{display:block}
	.process-box-list li:nth-child(2n):after{display:none}
	.process-box-list.box-num-05 li:last-child:after{display:block; right:auto; left:-25px}
	.process-box-list li .box-inner{padding:20px 15px}
	.process-box-list li .box-inner .process-tit{padding-bottom:10px}
	.process-box-list li .box-inner .process-tit .icon{width:38px}
	.process-box-list li .box-inner .process-tit .icon img{max-width:100%}
	.process-box-list li .box-inner .process-tit .tit{font-size:15px; width:calc(96.8% - 50px)}
	.process-box-list li .box-inner .proces-txt{margin-top:10px; font-size:13px}
	.process-box-list li .box-inner .proces-txt br{display:none}
	/* 절차 상세설명 */
	.process-detail{margin-top:45px}
	.process-detail .process-detail-list li .list-inner{padding:25px 3%; display:block; }
	.process-detail .process-detail-list li .list-inner .tit{width:auto; padding-right:0; display:inline-block}
	.process-detail .process-detail-list li .list-inner .tit:after{right:-20px; font-size:13px}
	.process-detail .process-detail-list li .list-inner .tit span{font-size:16px}
	.process-detail .process-detail-list li .list-inner .txt{padding-left:0; margin-top:20px; display:block}
	.process-detail .process-detail-list li .list-inner .txt p{font-size:13px; margin-bottom:8px}
	.process-detail .process-detail-list li .list-inner .txt .small-txt{font-size:12px; padding:6px 0 0}
}
@media all and (max-width:480px){		
	/* 탭 */
	.sub-tab-style01 ul li a{font-size:12px; height:40px}
	/* 절차 박스 */
	.process-box-list{margin:0 0 -25px}
	.process-box-list li{display:block; width:100%; margin:0 0 25px}
	.process-box-list li:after{left:50%; right:auto; top:auto; bottom:-17px; transform:translateX(-50%) rotate(90deg)}
	.process-box-list li:nth-child(2n):after{display:block}
	.process-box-list li:last-child:after{display:none !important}
}


/* -------- RECRUIT :: 채용안내 :: FAQ -------- */
@media all and (max-width:800px){
	.recruit-faq-content .board-search-box-style03{margin-top:60px}
}

/* -------- RECRUIT :: 인사제도 ------------ */
/* -------- RECRUIT :: 인사제도 :: 인재상 -------- */
@media all and (max-width:800px){	
	.talent-org{margin-top:30px}
	.talent-org img.pc-img{display:none;}
	.talent-org img.mb-img{display:inline-block}
	.talent-bottom{padding-top:40px; margin-top:50px}
	.talent-bottom .talent-bt-circle li{width:200px}
	.talent-bottom .talent-bt-circle li:first-child{margin-right:15px}
	.talent-bottom .talent-bt-circle li:first-child:after{font-size:24px; right:-25px}
	.talent-bottom .talent-bt-circle li:last-child{margin-left:15px}
	.talent-bottom .talent-bt-txt{font-size:15px; margin-top:25px}
	.talent-bottom .talent-bt-txt br{display:none}
}
@media all and (max-width:480px){		
	.talent-bottom .talent-bt-circle{margin:0 50px}
	.talent-bottom .talent-bt-circle li:first-child{margin:0 0 30px}
	.talent-bottom .talent-bt-circle li:last-child{margin-left:0}
	.talent-bottom .talent-bt-circle li:first-child:after{top:auto; right:auto; left:50%; transform:translateX(-50%); bottom:-27px}
}

/* -------- RECRUIT :: 인사제도 :: 인재양성 -------- */
@media all and ( max-width: 800px ){	
	.training-box-con{margin-top:35px}
	.training-box-list{margin:0 -1% -20px}
	.training-box-list li{width:calc(48% - 24px); margin:0 1% 20px}
	.training-box-list li .tit{height:45px}
	.training-box-list li .tit em{font-size:15px}
	.training-box-list li .inner-box .inner,
	.training-box-list li.high-box .inner-box .inner{height:160px}
	.training-box-list li .training-inner{padding:10px 8%}
	.training-box-list li .training-inner span{font-size:13px; padding-left:15px}
	/* 이미지 있는 큰 박스 */
	.training-box-list li.wide-con{width:calc(98% - 24px);}
	.training-box-list li.wide-con .training-inner{padding:30px 5.8%}
	.training-box-list li.wide-con .lf-txt{width:calc(97% - 170px)}
	.training-box-list li.wide-con .lf-txt .wide-con-txt{margin-bottom:15px}
	.training-box-list li.wide-con .lf-txt .wide-con-txt dt{font-size:14px}
	.training-box-list li.wide-con .rt-img{width:170px}
}
@media all and ( max-width: 480px ){	
	.training-box-list{margin:0 0 -10px}
	.training-box-list li{float:none; width:calc(100% - 24px); margin:0 0 10px}
	.training-box-list li .tit{display:block; height:auto}
	.training-box-list li .tit em{display:block; padding:5px 0}
	.training-box-list li .inner-box .inner, .training-box-list li.high-box .inner-box .inner{display:block; height:auto}
	.training-box-list li .training-inner{display:block; padding:20px 8%}
	/* 이미지 있는 큰 박스 */
	.training-box-list li.wide-con{width:calc(100% - 24px); text-align:center}
	.training-box-list li.wide-con .training-inner{padding:20px 5.8%}
	.training-box-list li.wide-con .lf-txt{display:block; width:100%; padding-right:0; margin-bottom:20px !important; text-align:left}
	.training-box-list li.wide-con .rt-img{width:100%}
}

@media all and (max-width:1420px){
	.recruit-content .board-search-box-style03 {margin: 0 -30px;}
}
@media all and (max-width:1024px){
	.recruit-content .board-search-box-style03 {margin: 0 -15px;}
}


/* ******************  RECRUIT ********************** */
/* -------- RECRUIT :: 인사제도 :: 복리후생 -------- */
@media all and ( max-width: 800px ){	
	/* 회색배경 이미지리스트 */
	.welfare-img-banner{padding:30px 0; margin-top:40px;}
	.welfare-img-banner .img-list{margin:0 0.5%}
	.welfare-img-banner .img-list li{margin:0 0.5%; width:calc(32.333% - 3px)}
	.welfare-img-banner .img-list:before{width:92px; height:83px; top:-40px; left:-48px;}
	.welfare-img-banner .img-list:after{width:120px; height:120px; bottom:-60px; right:-60px}
	/* 아이콘 박스 */
	.welfare-box{margin-top:60px}
	.welfare-box-con{margin-bottom:60px}
	.welfare-box-wrap{margin-top:25px}
	.welfare-box-list li,
	.welfare-box-list.list-5 li{width:50%}
	.welfare-box-list.list-5 li:last-child{width:100%}
	.welfare-box-list li:nth-child(2n){border-right:1px solid #ddd;}
	.welfare-box-list li:nth-child(n+3){margin-top:-1px;}
	.welfare-box-list li .inner{padding:15px 5%}
	.welfare-box-list li .inner .icon img{height:55px}
	.welfare-box-list li .inner .tit{font-size:15px; padding-top:30px}
	.welfare-box-list li .inner .tit:after{width:18px; height:2px; top:10px}
	.welfare-box-list li .inner .sub-txt{font-size:12px; margin-top:10px}

}
@media all and ( max-width: 480px ){	
	/* 회색배경 이미지리스트 */
	.welfare-img-banner .img-list li{width:48%; margin:0 0.5% 1.5%}
	.welfare-img-banner .img-list:after{display:none}
	/* 아이콘 박스 */
	.welfare-box-list li .inner .sub-txt br{display:none}
}
/* -------- RECRUIT :: 직무소개 -------- */
@media all and (max-width:800px){
	.position-page .bbs-thumb-info-con {-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
	.position-page .bbs-thumb-info-con:before {width:40px; height:40px; margin-top:-20px; background-size:15px; }
}
@media all and (max-width:480px){
	.position-page .bbs-thumb-info-con:before {display:none;}
}



/* ******************  CSR ********************** */
/* -------- CSR :: 사회공헌 활동-------- */
@media all and (max-width:800px){
	/* 상단 텍스트 */
	.sub-tit-box .sub-txt{margin-top:35px}
	.sub-tit-box .sub-txt span{font-size:20px;}
	.sub-tit-box .sub-txt p{font-size:14px; margin-top:15px}

	/* 나눔 문화 확산 */
	.social-contribution-spread{padding:50px 0; margin-top:35px}
	.social-contribution-spread .spread-tit{font-size:29px; padding:0 32px; margin-bottom:32px}
	.social-contribution-spread .spread-tit:before, .social-contribution-spread .spread-tit:after{font-size:48px; top:0}

	/* 신규입사자 커리큘럼 구성 */
	.ojt-curriculum{margin-top:45px}
	.ojt-curriculum .ojt-curriculum-tit{font-size:20px}
	.curriculum-box{margin:35px 0 0}
	.curriculum-box li{width:100%; margin:0 0 10px; float:none}
	.curriculum-box li .inner{padding:25px}
	.curriculum-box li .curriculum-txt .tit{font-size:15px; padding-bottom:14px}
	.curriculum-box li .curriculum-txt .txt{margin-top:12px}
	.curriculum-box li .curriculum-txt .txt p{font-sizE:13px; padding-left:15px}
	.curriculum-box li .curriculum-txt .txt p:before{top:12px}
}

/* -------- CSR :: 나눔 문화-------- */
@media all and (max-width:1024px){	
	/* n나눔씨앗 */
	/* n나눔씨앗 :: 나눔씨앗 정보*/
	.sharing-seed-info .seed-info-list .info-tit{width:240px}
	.sharing-seed-info .seed-info-list .info-tit span{padding-left:60px}
	.sharing-seed-info .seed-info-list .info-txt{width:calc(93.2% - 240px)}
}
@media all and (max-width:800px){	
	/* n나눔씨앗 */
	/* n나눔씨앗 :: 상단텍스트*/
	.sharing-sec-tit .tit{font-size:17px}
	.sharing-sec-tit .sub-txt{font-size:14px; margin-top:25px}
	/* n나눔씨앗 :: 조직도 원*/
	.sharing-seed{margin-top:55px}
	.sharing-seed .sharing-seed-circle{margin-top:30px}
	.sharing-seed .sharing-seed-circle li{width:175px; margin:0 20px}
	.sharing-seed .sharing-seed-circle li:first-child:after{font-size:20px; right:-30px}
	.sharing-seed .sharing-seed-circle li .circle-tit{font-size:17px; margin-bottom:10px}
	.sharing-seed .sharing-seed-circle li .circle{width:175px; height:175px}
	.sharing-seed .sharing-seed-circle li .circle .circle-inner p{font-size:18px;}
	.sharing-seed .sharing-seed-circle li .circle .circle-inner span{font-size:14px; margin-top:10px}
	/* n나눔씨앗 :: 나눔씨앗 정보*/
	.sharing-seed-info{margin-top:40px}
	.sharing-seed-info .seed-info-list .info-tit, .sharing-seed-info .seed-info-list .info-txt{padding:20px 0}
	.sharing-seed-info .seed-info-list .info-tit{font-size:16px; width:160px;}
	.sharing-seed-info .seed-info-list .info-tit:after{font-size:13px}
	.sharing-seed-info .seed-info-list .info-tit span{padding-left:40px}
	.sharing-seed-info .seed-info-list .info-txt{font-size:13px; padding-left:5%; width:calc(95% - 160px)}

	/* 봉사동호회 */
	.volunteer-club{margin-top:75px}
	.volunteer-club .volunteer-club-inner{margin-top:30px}
	.volunteer-club .volunteer-club-list{margin:0 0 -30px}
	.volunteer-club .volunteer-club-list li{float:none; width:100%; margin:0 0 30px}
	.volunteer-club .volunteer-club-list li .volunteer-txt .volunteer-txt-inner{padding:15px 15px 0}
	.volunteer-club .volunteer-club-list li .volunteer-img img{width:100%}
	.volunteer-club .volunteer-club-list li .volunteer-txt .tit{font-size:17px}
	.volunteer-club .volunteer-club-list li .volunteer-txt .sub-txt{font-size:13px; margin-top:10px}
}
@media all and (max-width:480px){	
	/* n나눔씨앗 */
	/* n나눔씨앗 :: 상단텍스트*/
	.sharing-sec-tit .sub-txt br{display:none}
	/* n나눔씨앗 :: 조직도 원*/
	.sharing-seed .sharing-seed-circle li{margin:0 30px}
	.sharing-seed .sharing-seed-circle li:first-child{margin-bottom:50px}
	.sharing-seed .sharing-seed-circle li:first-child:after{right:auto; left:50%; top:auto; bottom:-33px; transform:translateX(-50%)}
	/* n나눔씨앗 :: 나눔씨앗 정보*/
	.sharing-seed-info .seed-info-list{padding:18px 0 10px}
	.sharing-seed-info .seed-info-list .info-txt{display:block; width:100%; padding:0}
	.sharing-seed-info .seed-info-list .info-tit{display:inline-block; width:auto; padding:0 0 10px}
	.sharing-seed-info .seed-info-list .info-tit:after{top:7px; right:-23px}
	.sharing-seed-info .seed-info-list .info-tit span{padding-left:0}

	/* 봉사동호회 */
	.volunteer-club .volunteer-club-list li .volunteer-txt .sub-txt br{display:none}
}



/* -------- CSR :: 사회공헌 뉴스-------- */
@media all and (max-width:960px){	
	/* 상단 메인 뉴스 */
	.main-news-con .main-news-txt{float:none; width:100%; padding-right:0}
	.main-news-con .main-news-img{float:none; width:100%; max-width:800px; margin:30px auto 0}
}
@media all and (max-width:800px){	
	/* 상단 메인 뉴스 */
	.main-news-con{padding:35px 0 0}
	.main-news-con .main-news-txt{float:none; width:100%; padding-right:0}
	.main-news-con .main-news-txt a .news-date{font-size:13px}
	.main-news-con .main-news-txt a .news-tit{font-size:22px; margin-top:15px}
	.main-news-con .main-news-txt a .news-txt{font-size:13px; margin-top:15px}
	.main-news-con .main-news-img {float:none; width:100%; margin-top:30px}
	.main-news-con  .news-slide .slick-arrow{width:80px; height:45px}
	.main-news-con  .news-slide .slick-arrow.slick-prev{margin-right:80px}
	.main-news-con  .news-slide .slick-arrow.slick-prev:after{top:16px; height:17px}
	.main-news-con  .news-slide .slick-arrow i{font-size:20px; line-height:50px}

	/* 뉴스 리스트 */
	.sub-new-con{margin-top:55px}
	.bbs-basic-gallery-con05 .gallery-list li.news-list-tit .logo img{height:30px}
	.bbs-basic-gallery-con05 .gallery-list li.news-list-tit .tit{font-size:21px; padding-bottom:50px; margin-top:10px}
	.bbs-basic-gallery-con05 .gallery-list li.news-list-tit .tit:after{with:30px; height:3px}

}



/* ******************  윤리경영 ********************** */
/* -------- 윤리경영 :: 윤리경영 소개-------- */
@media all and (max-width:1420px){	
	/* 윤리위원회 구성 및 기능 */
	/* 윤리위원회 구성 및 기능 :: 조직도 */
	.ethics-org-fuction .ethics-org:after{top:48%}
}
@media all and (max-width:1220px){		
	/* 윤리경영 추진방향 :: inthanks */
	.inthanks-con .inthanks-con-inner{margin:80px -6.5% 0}
	.inthanks-con .inthanks-circle{width:36%; margin:0 6.5%; }
	.inthanks-con .inthanks-circle .circle-txt br{display:none}
	.inthanks-con .inthanks-circle .circle-img:after{width:65px; height:11px}
	.inthanks-con .inthanks-circle.lf-circle .circle-img:after{right:-60px;}
	.inthanks-con .inthanks-circle.rt-circle .circle-img:after{left:-60px}
	.inthanks-con .inthanks-logo{width:9%; top:133px}

}	
@media all and (max-width:800px){		
	.ethics-con-wrapper{margin-top:40px}
	/* 윤리경영 추진방향 */
	.underline-tit em{font-size:17px}
	.ethics-direction{margin-top:50px}
	/* 윤리경영 추진방향 :: inthanks */
	.inthanks-con{margin-top:25px; padding:40px 0}
	.inthanks-con .inthanks-con-tit{font-size:21px; }
	.inthanks-con .inthanks-con-inner{margin:40px 0 -30px}
	.inthanks-con .inthanks-circle{width:80%; margin:0 0 30px}
	.inthanks-con .inthanks-circle .circle-txt{font-size:14px; margin-top:20px}
	.inthanks-con .inthanks-circle .circle-img img{height:180px; max-width:none}
	.inthanks-con .inthanks-circle .circle-img:after{display:none}
	.inthanks-con .inthanks-logo{position:relative; top:auto; bottom:0; width:auto; margin-bottom:30px}
	.inthanks-con .inthanks-logo span img{height:30px; max-width:none}
	/* 윤리경영 추진방향 :: 박스 */
	.ethics-direction-box .ojt-curriculum{margin-top:30px}

	/* 윤리위원회 구성 및 기능 */
	/* 윤리위원회 구성 및 기능 :: 조직도 */
	.ethics-org-fuction{margin-top:75px}
	.ethics-org-fuction .ethics-fuction{margin-top:40px}
	.ethics-org-fuction .ethics-org{margin-top:25px}
	/* 윤리위원회 구성 및 기능 :: 기능 */
	.ethics-org-fuction .ethics-fuction .tit{font-size:16px; float:none; width:100%}
	.ethics-org-fuction .ethics-fuction .txt-list{float:none; width:100%; padding:20px 0 0}
	.ethics-org-fuction .ethics-fuction .txt-list span{font-size:13px; padding:0 10px 0 20px; width:calc(50% - 30px)}
	.ethics-org-fuction .ethics-fuction .txt-list span:before{font-size:17px}
}
@media all and (max-width:480px){		
	/* 윤리위원회 구성 및 기능 */
	/* 윤리위원회 구성 및 기능 :: 기능 */
	.ethics-org-fuction .ethics-fuction .txt-list span{float:none; width:100%; padding:0 0 0 20px}

}


/* -------- 윤리경영 :: 윤리규정-------- */
@media all and (max-width:800px){		
	/* 윤리강령 */
	.code-of-ethics .code-ethics-con{margin-top:35px; padding:30px 0; text-align:center}
	.code-of-ethics .code-ethics-con .code-inner .code-img{width:auto; padding:0}
	.code-of-ethics .code-ethics-con .code-inner .code-img img{height:250px}
	.code-of-ethics .code-ethics-con .code-inner .code-txt{display:block; width:100%; padding-left:0; border-left:0; margin-top:10px}
	.code-of-ethics .code-ethics-con .code-inner .code-txt p{font-size:14px; margin-bottom:10px}
	/* 윤리규정 */
	.ethics-rules{margin-top:65px}
	.ethics-rules .ethics-rules-inner{margin-top:35px}
	.ethics-rules .ethics-rules-inner img.pc-img{display:none}
	.ethics-rules .ethics-rules-inner img.mb-img{display:inline-block}
	/* 윤리규정 실천지침서 */
	.practice-guide{margin-top:90px}
	/* 상단텍스트 체크 아이콘 */
	.sub-tit-box .sub-txt p .check-list em{padding-left:21px; margin-right:10px}
	.sub-tit-box .sub-txt p .check-list em:before{font-size:18px; top:-4px}
	/* 텍스트 박스 :: 2개씩 나열된 스타일 */
	.curriculum-box.list-02{margin:35px 0 0}
	.curriculum-box.list-02 li{width:100%; margin:0 0 10px}
	.curriculum-box.list-02 li .inner{padding:25px}
	.curriculum-box.list-02 li .curriculum-txt .tit{font-size:17px}
	.curriculum-box.list-02 li .curriculum-txt .tit b{width:20px}
	.curriculum-box.list-02 li .curriculum-txt .tit span{width:calc(100% - 28px)}
	.curriculum-box.list-02 li .curriculum-txt .txt span{font-size:13px}
	.curriculum-box.list-02 li .curriculum-txt .txt span br{display:none}

	/* 내부고발자 보호 규정 */
	.whistle-blower{margin-top:70px}
	.whistle-blower .btn-con{margin:25px -0.5% 0}
	.btn-con .sub-blue-btn{width:49%; margin:0 0.5% 1%}
	.sub-blue-btn{height:50px}
	.sub-blue-btn span{padding:0 15px}
	.sub-blue-btn span em{font-size:14px;}
	.sub-blue-btn span i{font-size:18px}
}
@media all and (max-width:480px){		
	/* 윤리강령 */
	.code-of-ethics .code-ethics-con .code-inner .code-txt p br{display:none}
}



/* -------- 윤리경영 :: 비윤리 제보하기 -------- */
@media all and (max-width:960px){		
	/* 네패스 윤리위원회 */
	.ethical-group-info .group-info-inner .tit, 
	.ethical-group-info .group-info-inner .info-list, 
	.ethical-group-info .group-info-inner .btn-wrap{display:block; width:100%}
	.ethical-group-info .group-info-inner .info-list{padding:30px 0 20px; border-left:0}
}
@media all and (max-width:800px){		
	/* 상단배너 */
	.unethical-info-top{height:220px}
	.unethical-info-top .inner p{font-size:19px}
	.unethical-info-top .inner p br{display:none}

	/* 주의사항 */
	.unethical-caution{margin-top:35px}
	.unethical-caution .caution-icon img{height:35px}
	.unethical-caution .caution-txt{font-size:14px; margin-top:15px}

	/* 네패스 윤리위원회 */
	.ethical-group-info{margin-top:40px}
	.ethical-group-info .group-info-inner{padding:25px}
	.ethical-group-info .group-info-inner .tit{font-size:17px}
	.ethical-group-info .group-info-inner .info-list p{font-size:13px}
	.ethical-group-info .group-info-inner .info-list p b{padding-right:5px}
	.ethical-group-info .group-info-inner .info-list p em{width:calc(100% - 17px)}
	.ethical-group-info .group-info-inner .btn-wrap .sub-blue-btn{width:150px; height:40px}
	.ethical-group-info .group-info-inner .btn-wrap .sub-blue-btn span em{font-size:13px}
}