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

/* ========================================================
 * ABOUT :: Corporate Profile
======================================================== */
@media all and ( max-width: 1600px ){
	/* ******************  ABOUT :: Corporate Profile :: Global ********************** */
	/* Global :: 퍼지는영역 */
	.nation-circle{left:36.5vw}
}
@media all and (max-width:1500px){
	/* ******************  ABOUT :: Corporate Profile :: Number ********************** */
	/* -------- Value :: Left -------- */
	.company-number-container{width:calc(100% - 500px - 30px);}
	/* -------- Value :: Right -------- */
	.company-diagram-con{transform:scale(0.8)}
	/* ******************  ABOUT :: Corporate Profile :: Intro ********************** */
	.intro-right-txt-con{padding:0 5%}
	.intro-right-txt-con .intro-right-txt-inner-con{width:auto}
	/* ******************  ABOUT :: Corporate Profile :: Global ********************** */
	.corporate-global-list-warpper{right:5%;}
	/* ******************  ABOUT :: Corporate Profile :: Ranking(2022-04-26 추가) ********************** */
	.global-ranking-list li .global-ranking-img{padding-right:30px}
	/* ******************  ABOUT :: Corporate Profile :: History ********************** */
	.corporate-history-container{padding:0;}
}
@media all and (max-height:870px) and (min-width:1281px) {
	/* ******************  ABOUT :: Corporate Profile :: Intro ********************** */
	.intro-right-txt-con .intro-right-txt-inner-con .intro-right-txt{/* font-size:1.066em; */}
}
@media all and (max-height:768px) and (min-width:1281px) {
	/* ******************  ABOUT :: Corporate Profile :: Number ********************** */
	#corporateContent #wheelIndex1{padding:10vh 0;}
	.company-number-tit-con p{display:none;}
	/* ******************  ABOUT :: Corporate Profile :: Intro ********************** */
	.intro-right-txt-con{padding:10vh 88px;}
	/* ******************  ABOUT :: Corporate Profile :: Global ********************** */
	.corporate-map-container{position:relative; left:auto; right:auto; bottom:auto; }
}
@media all and (max-width:1280px){
	/* ******************  ABOUT :: Corporate Profile :: Number ********************** */
	#corporateCompanyContent{margin-bottom:10vh}
	.company-number-inner-container{display:block;}
	/* -------- Value :: Left -------- */
	.company-number-container{width:auto;}
	.company-number-tit-con{text-align:center;}
	.company-number-con{justify-content:center;}
	.company-number-con dl{width:auto !important; margin:0 5%}
	/* -------- Value :: Right -------- */
	.company-image-container{margin:0 auto}
	.ie-browser .company-diagram-img-con{display:block; margin:10% 0}
	/* ******************  ABOUT :: Corporate Profile :: Intro  ********************** */
	.intro-right-txt-con{padding:9.3750vw 5%}
	/* ******************  ABOUT :: Corporate Profile :: Global ********************** */
	#corporateGlobalContent{padding-top:9.3750vw; }
	/* Global :: 맵 */
	.corporate-map-container{position:relative; padding:0; margin-top:0;}
	.corporate-map-container:before{top:-50px; width:270vw; height:310vh;}
	/* Global :: 퍼지는영역 */
	.nation-circle{left:37.7vw}
	/* Global :: 리스트 */
	.corporate-global-list-warpper{position:static; padding:5%;}
	.corporate-global-list-inner{padding-left:0; margin-right:0;}
	.corporate-global-item{width:50%;}
	body.ie-browser .corporate-map-inner-con .temp{padding-bottom:0}
	body.ie-browser .corporate-global-list-warpper{background:#fff; margin-top:-5%}
	/* ******************  ABOUT :: Corporate Profile :: Value ********************** */
	.coporate-value-list-con{flex-wrap:wrap;}
	.coporate-value-list-con li{width:50%; text-align:center; padding:5% 0;}
	.coporate-value-list-con li:nth-child(1),
	.coporate-value-list-con li:nth-child(2){border-bottom:1px solid #eee;}
	.coporate-value-list-con li:nth-child(1),
	.coporate-value-list-con li:nth-child(3){border-right:1px solid #eee; box-sizing:border-box;}
	.coporate-value-list-con li .icon{margin:0px auto;}
	
	/* ******************  ABOUT :: Corporate Profile :: Ranking(2022-04-26 추가) ********************** */
	.wheel-corporate-raking-container{padding:9.375vw 0}	
	.global-ranking-list-con dt{width:150px;}
	.global-ranking-list-con dd{width:calc(100% - 170px) }
	.global-ranking-list{display:flex; flex-wrap:wrap;}
	.global-ranking-list li{width:calc(50% - 30px); margin-bottom:25px}
	.global-ranking-list li .global-ranking-num em{font-size:30px}
	/* ******************  ABOUT :: Corporate Profile :: History ********************** */
	.history-wrapper{display:block;}
	.history-tab-con{position:static; width:auto; height:auto; margin-bottom:5%;}
	.history-tab-con .history-select-year-con ul{display:flex; margin:0 -5px;}
	.history-tab-con .history-select-year-con ul li{float:left; width:50%; margin:0 5px;}
	.history-content-wrapper{width:auto;}
}
@media all and (max-width:1024px){
	/* ******************  ABOUT :: Corporate Profile :: Intro ********************** */
	.corporate-intro-container{display:block;}
	.intro-left-photo-con{width:auto; position:relative;padding-top:60%; height:0;}
	.intro-left-photo-con .photo-img{position:absolute; top:0px; left:0px;}
	.intro-right-txt-con{overflow:hidden; width:auto; padding:4.6875vw 30px; }
}
@media all and (max-width:800px){
	.company-image-container{margin:0 auto}
	/* ******************  ABOUT :: Corporate Profile :: Global ********************** */
	.corporate-map-container:before{width:2155px; height:2455px;}
	/* Global :: 퍼지는영역 */
	.nation-circle{left:294px; top:66.8px; width:64px; height:14px;}

	/* ******************  ABOUT :: Corporate Profile :: Ranking(2022-04-26 추가) ********************** */
	.global-ranking-list{margin:0; max-width:400px; }
	.global-ranking-list li{width:auto; margin:0 0 25px 0;}
	.global-ranking-list-con dt span img{max-width:80%}
}

/* ========================================================
 * ABOUT :: 리더십
======================================================== */
@media all and (max-width:1500px){
	/* -------- ABOUT :: 리더십 뷰 -------- */
	#leadershipViewContainer{margin:30px}
}
@media all and (max-width:1280px){
	/* -------- ABOUT :: 리더십 리스트 -------- */
	/* 리더십 :: 배너 */
	#leadershipBannerCon{margin-bottom:4.687vw}
	#leadershipBannerCon .leadership-banner-img{background-size:auto 80%}
	/* 리더십 :: 리스트 */
	.executive-list-container .executive-list-con{margin:0 -3px}
	.executive-item{width:calc(20% - 6px); margin:0 3px 5%; transition:none !important;  }
	.executive-item .excutive-info-con .excutive-team{font-size:1em}
	.executive-item .excutive-info-con .excutive-name{font-size:1.22em}
	/* -------- ABOUT :: 리더십 뷰 -------- */
	#leadershipViewContainer{font-size:13px; padding-right:65px;}
	/* 임원진 :: 사진 */
	.excutive-left-photo-con{width:320px}
	/* 임원진 :: 상세 */
	.excutive-right-info-con{width:calc(100% - 320px - 3.125vw);}
	/* 임원진 :: 상세 :: 컨트롤바 */
	.excutive-controls-bar{width:65px;}
	.excutive-controls-bar a,
	.excutive-controls-bar button{width:100%; height:65px; line-height:65px; font-size:1.69em}
}
@media all and (max-width:1024px){
	/* -------- ABOUT :: 리더십 리스트 -------- */
	#leadershipBannerCon{height:auto;}
	#leadershipBannerCon .leadership-banner-txt{font-size:2em; padding:30px 5%;}
	/* -------- ABOUT :: 리더십 뷰 -------- */
	#leadershipViewContainer{margin:0 15px}
	/* 임원진 :: 사진 */
	.excutive-left-photo-con{width:230px}
	/* 임원진 :: 상세 */
	.excutive-right-info-con{width:calc(100% - 230px - 3.125vw);}
}
@media all and (max-height:768px) and (min-width:1281px) {
	.intro-right-txt-con .intro-right-txt-inner-con .intro-right-txt{font-size:1.2em;}
}
@media all and (max-width:768px) {
	.executive-item{width:calc(25% - 6px);  }
}

/* ========================================================
 * ABOUT :: News
======================================================== */
@media all and (max-width:1920px){
	/* ****************** ABOUT :: News :: Detail ********************** */
	/* -------- News Detail :: Contents -------- */
	.board-detail-date{font-size:2.2vw}
}
@media all and (max-width:1720px){
	/* ****************** ABOUT :: News :: Detail ********************** */
	/* -------- News Detail :: 하단 관련뉴스 -------- */
	.news-detail-related-list-container{margin:0 50px}
	/* arrow */
	.related-news-detail-prev-btn,
	.related-news-detail-next-btn{width:50px;}
	.related-news-detail-prev-btn{left:-80px}
	.related-news-detail-next-btn{right:-80px}
}
@media all and (max-width:1500px){
	/* ****************** ABOUT :: News :: 리스트 ********************** */
	#newsListContent .news-list-wrapper{padding:0}

	/* ****************** ABOUT :: News :: Detail ********************** */
	/* -------- News Detail :: Contents -------- */
	/* News Detail :: 상단 */
	.news-detail-tit-inner-con{padding:0 0 5% 0; margin:0 5%;}
	#boardDetailContent .news-detail-tit-inner-con{margin:0}
	/* News Detail :: 대표사진 */
	.news-detail-photo-con{padding:0 5%;}
	.news-detail-photo-con img{max-width:100%;}
	/* News Detail :: 하단 */
	.board-bottom-controls.board-notice-controls{padding:75px 5%;}
}
@media all and (max-width:1280px){
	/* ****************** ABOUT :: News :: 리스트 ********************** */
	#newsHeadlineContent{margin-bottom:9.3750vw}
	/* -------- 뉴스 :: 헤드라인, 리스트 -------- */
	.news-list-item .news-info-con{padding:1.3em}
	.news-list-item .news-tit{-webkit-line-clamp:1; height:1.33em; font-size:1.5em;}
	.news-headline-item .news-info-con .news-date,
	.news-list-item .news-date{bottom:1.3em;}
	.headline-list-con .large-headline-item .news-date{top:1.3em; right:1.3em;}
	.headline-list-con .large-headline-item .news-tit{width:50%; }
	.news-list-item .list-more-plus-icon{right:15px;}
	/* -------- 뉴스 :: 리스트 :: 검색 -------- */
	#newsSearchBox{display:block; margin-bottom:5%; padding-bottom:5%}
	/* 뉴스 :: 검색 :: 왼 */
	.news-search-left-box{display:flex; width:auto; justify-content:space-between; margin-bottom:5%;}
	.news-search-select-con{width:50%; margin-bottom:0;}
	.news-search-input-con{width:45%;}
	/* 뉴스 :: 검색 :: 우 */
	.news-search-right-box{width:auto;}
	.news-recommend-box dt{margin-bottom:1%}
	.recommend-keyword-list-con li a{height:40px; }

	/* ****************** ABOUT :: News :: Detail ********************** */
	/* -------- News Detail :: Contents -------- */
	.board-detail-date{font-size:3.7239vw}
	/* News Detail :: 상세 */
	.news-detail-spec-con{padding:16.4vw 0}
	.news-detail-spec-inner{margin:0 30px;}
	.news-detail-tit-inner-con .board-detail-tit{padding-right:0px;}
	.news-detail-tit-inner-con .page-share-controls{top:-35px;}
	.news-detail-outline-box{display:block; }
	.news-detail-outline-box .news-detail-tit{width:auto; margin-bottom:1em}
	.news-detail-outline-box .news-detail-outline-con{width:auto;}
	/* News Detail :: 하단 */
	.board-bottom-controls.board-notice-controls{padding: 6.25vw 5%;}
	/* -------- News Detail :: 하단 관련뉴스 -------- */
	.news-detail-related-list-container{margin:0}
	/* arrow */
	.related-news-detail-prev-btn,
	.related-news-detail-next-btn{display:none}
}
@media all and (max-width:768px){
	/* ****************** ABOUT :: News :: Detail ********************** */
	.board-detail-date{font-size:2.46em}
}

/* ========================================================
 * ABOUT :: PR :: PR material 
======================================================== */
@media all and (max-height:870px) and (min-width:1281px) {
	/* -------- PR material :: Identity -------- */
	.logo-img-con img{max-height:70%}
	.logo-color-style-con li .logo-svg{width:50%; height:auto;}
}
@media all and (max-width:1920px){
	/* -------- 공통 :: Layout -------- */
	.material-cm-container .material-sub-tab li a{/* font-size:3.333vw; */ font-size:2.6042vw;}
}
@media all and (max-width:1500px){
	.material-cm-container{padding:0}
	#materialBrochureContent .material-cm-container{padding:0 5%}
}
@media all and (max-width:1280px){
	/* -------- 공통 :: Layout -------- */
	#materialContent{padding:6.25vw 0;}
	.material-cm-container{display:block;}
	.material-cm-container .material-sub-tab{display:none;}
	.material-detail-container{width:auto;}
	.material-detail-container .material-con-tit{display:block; margin-bottom:3%;}
	/* Layout :: 왼쪽 탭 */
	.material-cm-container .material-sub-tab li a{font-size:4.2969vw;}

	/* -------- PR material :: Brochure -------- */
	.brochure-list-items{padding-right:0;}
	.brochure-item .brochure-inner-con .brochure-thumb-con{width:150px;}
	.brochure-list-conatiner .brochure-controls-btns{display:none; }
	.brochure-item .brochure-inner-con .brochure-info-con{width:calc(100% - 150px - 5%);}

	/* -------- PR material :: Identity -------- */
	/* Logo Download */
	.logo-download-btns{display:block; }
	.material-side-btns{margin-top:5%; display:flex; justify-content:flex-end; align-items:center;}
	.material-side-btns a{margin-top:0; margin-left:10px; height:35px; }
	/* Logo Image Style */
	.logo-img-box{display:flex; justify-content:space-between;}
	.logo-img-con{width:calc(50% - 7.5px); height:auto; padding:5% 0; text-align:center;}
	.logo-img-con,
	.logo-img-con:last-child{height:15vh}
	.logo-img-con img{max-width:80%; }
	/* Logo Color Style */
	.logo-color-style-con li {height:auto; padding:5% 0;}
	.logo-color-style-con li .logo-svg{width:102px; height:30px; }
	/* Logo Color System */
	.logo-color-system-item{flex-direction:column;}
	.logo-color-system-item .color-icon{width:55px; height:55px; margin-right:0; margin-bottom:10px}
	.logo-color-system-detail{width:auto;}
	.logo-color-system-detail ul .color-number strong{display:block; margin-bottom:0.3em; margin-right:0;}
	/* -------- PR material :: Brand Film -------- */
	.brand-film-etc-btn a{height:35px;}
}


/* ========================================================
 * ABOUT :: PR :: Newsletter
======================================================== */
@media all and (max-width:1500px){
	/* ******************  ABOUT :: PR :: Newsletter 리스트 ********************** */
	/* 이달의 뉴스레터 :: 이달의 뉴스레터 썸네일 */
	.this-month-newsletter-thumb{right:30px; margin-right:0;}

	/* -------- Newsletter :: 뉴스레터 Sort / Application 영역 -------- */
	#newsletterListContent{padding: 120px 30px;}
	
	/* ****************** ABOUT :: NEWSLETTER :: 구독신청 ********************** */
	.newsletter-aplicaiton-modal-con{font-size:15px; /* font-size:1.0156vw */}
}
@media all and (max-width:1280px){
	/* ******************  ABOUT :: PR :: Newsletter 리스트 ********************** */
	#newsLetterContent{padding:6.25vw 0; }
	#thisMonthContent .cm-sub-con-tit{padding-right:230px;}
	/* -------- Newsletter :: 이달의 뉴스레터 -------- */
	.this-month-container{padding:7.8125vw 0}
	.this-month-wrapper{display:flex; justify-content:space-between; align-items:center;}
	/* 이달의 뉴스레터 :: 이달의 뉴스레터 썸네일 */
	.this-month-newsletter-thumb{position:relative; transform:translateY(0%); margin-top:0; right:auto;  width:210px;}
	/* 이달의 뉴스레터 :; 이달의 뉴스레터 설명 */
	.this-month-newsletter-detail-con{padding-right:0px; width:calc(100% - 230px);}
	.this-month-newsletter-detail-con dl{display:block;}
	.this-month-newsletter-detail-con dl dt,
	.this-month-newsletter-detail-con dl dd{width:auto;}
	.this-month-newsletter-detail-con dl dt{margin-bottom:1%}
	.this-month-newsletter-detail-con .newsletter-detail-txt .month-year-tit,
	.this-month-newsletter-detail-con .newsletter-detail-txt .newsletter-vol-txt{display:inline-block; vertical-align:middle;}
	.this-month-newsletter-detail-con .newsletter-detail-txt .month-year-tit{margin-bottom:0; margin-right:0.2em}
	.this-month-newsletter-detail-con .newsletter-detail-txt .newsletter-vol-txt{position:relative; top:1px;}
	.newsletter-view-detail-list .this-month-newsletter-lang-list li a{height:30px;}
	/* -------- Newsletter :: 뉴스레터 Sort / Application 영역 -------- */
	#newsletterListContent{padding: 9.3750vw 5%;}
	#newsletterSortBox{/* display:block;*/ margin-bottom:5% }
	.newsletter-application-con{width:auto;}
	.newsletter-sort-list-con{width:350px;}
	/* -------- Newsletter :: 뉴스레터 :: 리스트 영역 -------- */
	.newsletter-list-con{margin:0 -10px}
	.newsletter-list-item{width:calc(33.33% - 20px); margin:0 10px 20px;}
	.newsletter-list-item .news-letter-info-con{flex-direction:column;}
	.newsletter-list-item .news-letter-info-con .newsletter-vol{margin-bottom:0.5em}
	.newsletter-list-item .newsletter-year-month{left:15px; top:15px;}
	
	/* ****************** ABOUT :: NEWSLETTER :: VIEW ********************** */
	#newsletterViewContainer{font-size:13px; margin:30px; padding-right:65px;}

	/* ****************** ABOUT :: NEWSLETTER :: 구독신청 ********************** */
	.newsletter-aplicaiton-modal-con{width:90%;}
	.newsletter-aplicaiton-modal-con .newsletter-application-modal-inner{padding:10% 5%;}
	.newsletter-aplicaiton-modal-con .modal-close-btn{top:25px ; right:25px;}
	.news-letter-application-tit-con{margin-bottom:3em;}
}
@media all and (max-width:1024px){
	/* ****************** ABOUT :: NEWSLETTER :: VIEW ********************** */
	#newsletterViewContainer{margin:0 15px}
	.newsletter-view-inner-con{padding:20px}
	.newsletter-view-inner-con .newsletter-html-con{padding-bottom:20px;}
	.newsletter-view-inner-con .newsletter-html-con table{width:auto !important;}
}

/* ========================================================
 * ABOUT :: PR :: Social Hub
======================================================== */
/* ******************  ABOUT :: Social Hub ********************** */
@media all and (max-width:1280px){
	#socialHubContent{padding:6.25vw 0;}
	/* -------- PR :: Social Hub :: Latest -------- */
	#socialHubLatestContent{padding:4.6875vw 0}
	/* Latest :: 상단  */
	.social-hub-latest-tit-con{display:block; margin-bottom:5%}
	.social-hub-latest-tit-con .cm-sub-con-tit{margin-bottom:2%;}
	.social-hub-sns-link{display:flex; justify-content:end}
	.social-hub-sns-link li a{height:35px; line-height:35px;}
	/* -------- PR :: Social Hub :: Sort / Filter / Search 영역 -------- */
	#socialHubListCon{margin:4.6875vw auto;}
	#socialHubListSortCon{display:block; margin-bottom:4.6875vw}
	.social-hub-sort-filter-con{margin-bottom:3%;}
	/* -------- PR :: Social Hub :: List -------- */
	.social-hub-list-con .social-hub-item{width:calc(33.33% - 20px); }
	.social-hub-latest-list .social-hub-list-con .social-hub-item{width:calc(25% - 10px); margin:0 5px }
}


/* ========================================================
 * ABOUT :: PR :: Culture
======================================================== */
@media all and (max-width:1280px){
	/* -------- PR Culture :: 리스트 :: 검색 -------- */
	#cultureSearchBox{margin-top:0; margin-bottom:5%; padding-bottom:3%;}
	/* PR Culture :: 검색 :: 왼 */
	.culture-search-left-box{display:flex; width:auto; justify-content:space-between; margin-bottom:3%;}
	.culture-search-select-con{width:50%; margin-bottom:0;}
	.culture-search-input-con{width:45%;}
	/* PR Culture :: 검색 :: 우 */
	.culture-search-right-box{width:auto;}
	.recommend-keyword-list-con li a{height:40px; }

	/* -------- PR Culture :: 리스트 -------- */
	.culture-list-con .culture-list-item{
		width:calc(33.33% - 14px);
	}
	.culture-list-item .culture-info-con{padding:1.3em}
	.culture-list-item .culture-tit{-webkit-line-clamp:2; height:2.66em; font-size:1.5em;}
	.culture-list-item .culture-date{bottom:1.3em;}
	.culture-list-item .list-more-plus-icon{right:15px;}
}


/* ========================================================
 * ABOUT :: HR :: 채용정보
======================================================== */
@media all and (max-width:1920px){
	.recruit-cm-tit{font-size:3.1250vw}
	/* -------- HR :: 채용정보 :: 희림 입사 과정 -------- */
	.recruit-process-tit{font-size:2.6042vw;}
}
@media all and (max-width:1280px){
	#recruitContent{margin:6.25vw 0 13.67vw;}
	.recruit-cm-tit{font-size:4.0625vw}
	
	/* -------- HR :: 채용정보 :: 희림 입사 과정 -------- */
	#recruitProcessContent{margin-bottom:12.5vw; }
	/* 입사과정 :: 타이틀 및 지원버튼 */
	.recruit-process-tit{}
	.recruit-inquiry-mail-con{position:static; text-align:left; margin-top:3%; display:flex; align-items:center;}
	.recruit-inquiry-mail-con dt{margin-bottom:0; margin-right:1em;}
	/* 입사과정 :: 리스트 */
	.recruit-process-list-con{margin-top:8.125vw;}
	/* -------- HR :: 채용정보 :: 게시판 영역 -------- */
	.recruit-board-top-container{display:flex; align-items:center; height:auto; padding:8% 0; margin-bottom:6.25vw}
	.recruit-board-tit-sort-box{margin:0; padding-top:0;}
	/* 게시판영역 :: 채용정보 게시판 */
	.recruit-board-item{width:calc(50% - 13px)}
	.recruit-board-item .recruit-board-inner{height:200px}
}
@media all and (max-width:1024px){
	#recruitHumanContent{display:block;}
	/* 3HR :: 왼쪽 */
	.recruit-human-tit-con{width:auto; margin-bottom:5%;}
	.recruit-human-tit-con .recruit-human-tit br{display:none}
	.recruit-human-tit-con .recruit-human-txt span{display:block;}
	.recruit-human-tit-con .recruit-human-txt span br{display:none;}
	/* 3HR :: 오른쪽 */
	.recruit-human-3HR-con{display:flex; width:auto}
}
@media all and (max-width:768px){
	.recruit-cm-tit{font-size:2.46em}
	.human-3HR-detail-item .human-3HR-spelling{font-size:7.42em}
	/* -------- HR :: 채용정보 :: 희림 입사 과정 -------- */
	.recruit-process-tit{font-size:1.538em;}
	/* -------- HR :: 채용정보 :: 게시판 영역 -------- */
	/* 게시판영역 :: 채용정보 게시판 */
	.recruit-board-item .recruit-board-inner{padding:15px}
}

/* ========================================================
 * ABOUT :: HR :: 사내문화&제도
======================================================== */
@media all and (max-width:1920px){
	.welfare-cm-tit{font-size:3.1250vw}
}
@media all and (max-width:1500px){
	/* -------- HR :: 사내문화&제도 :: 직급체계 -------- */
	/* 직급체계 :: 타이틀영역 */
	.position-system-tit-con{left:30px}
	/* -------- HR :: 사내문화&제도 :: 시스템제도 -------- */
	/* 시스템제도 :: 타이틀 */
	.welfare-system-container .welfare-system-tit-con{width:380px}
	/* 시스템제도 :: 리스트 */
	.welfare-system-list-con{width:calc(100% - 380px);}
}
@media all and (max-width:1280px){
	#welfareContent{padding:6.25vw 0 13.67vw;}
	.welfare-cm-tit{font-size:4.0625vw}
	/* -------- HR :: 사내문화&제도 :: 상단영역 -------- */
	#welfareTopContent{margin-bottom:12.5vw;}
	/* -------- HR :: 사내문화&제도 :: 직급체계 -------- */
	/* 직급체계 :: 리스트 */
	.position-system-list-con{padding:400px 0 150px}
	/* -------- HR :: 사내문화&제도 :: 시스템제도 -------- */
	#welfareSystemCotnent{margin:12.5vw auto;}
	.welfare-system-container{display:block; margin-bottom:9.375vw}
	/* 시스템제도 :: 타이틀 */
	.welfare-system-container .welfare-system-tit-con{width:auto; margin-bottom:1.5em}
	.welfare-system-container .welfare-system-tit-con .welfare-cm-tit-txt br{display:none;}
	/* 시스템제도 :: 리스트 */
	.welfare-system-list-con{width:auto}
}
@media all and (max-width:1024px){
	/* -------- HR :: 사내문화&제도 :: 상단영역 -------- */
	/* 상단영역 :: 상세항목 */
	.welfare-detail-list-con{display:block;}
	.welfare-detail-list-con .welfare-detail-item{width:auto}
}
@media all and (max-width:768px){
	.welfare-cm-tit{font-size:2.46em}
}


/* ========================================================
 * 프로젝트 리스트 
======================================================== */
@media all and (max-width:1500px){
	/* -------- 프로젝트 리스트 :: 갯수 노출 영역 -------- */
	.project-sort-total-item {margin:0 2%;}
	/* 타입 선택영역 :: 카테고리 영역 */
	.project-category-list-con li label{height:100%; padding:1.5vw 10px}
	.project-category-list-con li .category-name{font-size:1.1em}
}
@media all and (max-width:1280px){
	/* -------- 프로젝트 리스트 :: 타입 선택 영역 -------- */
	/* 타입 선택영역 :: 카테고리 영역 */
	.project-category-list-con{ margin:-1%;}
	.project-category-list-con li{ width:18%; margin:1%; }
	.project-category-list-con li .category-icon  {/* padding-top:45.2%; */}
	.project-category-list-con li .category-name{font-size:1.0em}
	#projectCategory03 + label .category-icon svg {right: 10px !important;}
	/* 타입 선택영역 :: Location 선택 */
	.project-location-sort-left-con{width:200px}
	/* 타입 선택영역 :: Location 선택 :: 국내/해외선택 */
	.project-location-dome-over-select-con{margin-bottom:5vw}
	.project-location-dome-over-select-con{flex-direction:column;}
	/* 타입 선택영역 :: Location 선택 :: Map 버튼 */
	.project-loctaion-map-buttons .location-banner-map-btns{flex-direction:column; margin:0}
	.project-loctaion-map-buttons .location-banner-map-btns li{width:auto; margin:0 0 10px 0;}
	.project-loctaion-map-buttons .location-banner-map-btns li a{padding-top:35%}
	.project-loctaion-map-buttons .location-banner-map-btns li .icon{width:40px; height:40px; background-size:40px auto; margin-bottom:0; margin-right:5%}
	.project-loctaion-map-buttons .location-banner-map-btns li .loaction-banner-map-inner{flex-direction:row;}
	/* 타입 선택영역 :: Location 선택 :: 지도영역 */
	.project-loctaion-map-con{width:calc(100% - 200px); padding:0 0 0 30px;}
	
	/* -------- 프로젝트 리스트 :: 갯수 노출 영역 -------- */
	#projectSortNumberContent > ul {flex-wrap:wrap;  margin:auto;}
	.project-sort-total-item {margin:2% 0; width:33.33%;}

	/* -------- 프로젝트 리스트 :: 상단 정렬 컨트롤 영역 -------- */
	.project-sort-type-list-con li button {font-size:17px;}
	.project-sort-num-list-con li {margin-left:22px;}
	.project-sort-num-list-con li a i {font-size:1.6em; }
	.project-sort-num-list-con li.sort-list-num3 a:after { width:6px; margin-left:1px;}
}
@media all and (max-width:768px){
	/* -------- 프로젝트 리스트 :: 타입 선택 영역 -------- */
	.project-category-list-con li{ width:23%; }
	/* -------- 프로젝트 리스트 :: 갯수 노출 영역 -------- */
	.project-sort-total-item dd .unit {font-size:18px;}
	/* 타입 선택영역 :: 카테고리 영역 */
	.project-category-list-con li label{padding:10px}
}

/* ****************** 프로젝트 리스트 :: 제품 리스트 ********************** */
@media all and (max-width:1920px){
	.project-list-item .project-info-con{ bottom:1.56vw; left:1.56vw; right:1.56vw; }
	.project-over-info-con{padding:0 1.6vw;}
	.project-over-info-con .project-more-plus-icon{right:1.6vw;}
	.project-over-info-con:before{left:1.6vw;}
}
@media all and (max-width:1500px){
	#projectListContent{margin-bottom:9.3750vw;}
	.project-list-item.project-listy-type1x1 .project-thumb-con{padding-top:71.4285%;}
	.project-list-item.project-listy-type1x2 .project-thumb-con{padding-top:147.1428%;}
	.project-list-item.project-listy-type2x1 .project-thumb-con{padding-top:35.0631%;}
	.project-list-item.project-listy-type2x2 .project-thumb-con{padding-top:72.23001%;}
	.project-list-item.project-listy-type3x2 .project-thumb-con{padding-top:47.6851%;}
}
@media all and (max-width:1280px){
	.project-type-select-list{margin-right:-3px;}
	.project-type-select-list li{width:33.33%}
	.project-type-select-list li a{width:auto; line-height:50px; height:50px; font-size:1.333em}
	.project-word-search-box{position:static; display:flex; justify-content:flex-end; width:auto; margin-top:25px}
	/* -------- 제품 리스트 -------- */
	.project-list-container .grid-item,
	.project-list-container .grid-sizer {font-size:13px; width:calc(33.33% - 13px);}
	.project-list-item .project-info-con{ bottom:15px; left:15px; right:15px; }
	.project-over-info-con{padding:0 15px;}
	.project-over-info-con .project-more-plus-icon{right:15px;}
	.project-over-info-con:before{left:15px;}
	.project-over-info-con .project-detail-info{display:none;}
	
	/* -------- 제품 리스트 :: type2(리스트형) -------- */
	.project-list-container-type2 .grid-item,
	.project-list-container-type2 .grid-sizer {
		width:calc(50% - 14px); 
	}

	/* -------- 제품리스트 :: type3(작은썸네일형) -------- */
	.project-list-container-type3 .grid-item, .project-list-container-type3 .grid-sizer{width:calc(25% - 13px)}
}


/* ========================================================
 * 프로젝트 뷰
======================================================== */
@media all and (max-width:1920px){
	/* -------- 프로젝트 뷰 :: 공통  -------- */
	.project-view-container .project-region{font-size:1.5625vw}
	.project-view-container .project-name{font-size:4.6875vw}
	/* -------- 프로젝트 뷰 :: 최상단영역 -------- */
	.project-view-top-container .project-view-tit-con{bottom:8.9815vh;}
}
@media all and (max-width:1500px){
	/* -------- 프로젝트 뷰 :: 중간 상세설명 -------- */
	#projectViewDetailCon{padding:8vw 5%}
	.project-view-detail-tit-con{margin-bottom:9.3750vw}
}
@media all and (max-width:1280px){
	/* -------- 프로젝트 뷰 :: 공통  -------- */
	.project-view-container .project-region{font-size:1.333em}
	.project-view-container .project-name{font-size:5em}
	/* -------- 프로젝트 뷰 :: 최상단영역 -------- */
	.project-view-top-container .project-view-tit-con{bottom:75px;}
	.project-view-top-container .project-view-prev-next-controls a{font-size:50px}
	.project-view-top-container .project-view-prev-next-controls .project-prev-view-btn{left:2%;}
	.project-view-top-container .project-view-prev-next-controls .project-next-view-btn{right:2%;}
	/* -------- 프로젝트 뷰 :: 중간 상세설명 -------- */
	#projectViewPhotoCon{padding-bottom:9.3750vw;}
	/* 중간 상세설명 :: 스펙영역 */
	.project-view-detail-spec-con{width:240px; margin-right:5%}
	/* 중간 상세설명 :: 상세설명영역 */
	.project-view-detail-inner-con{width:calc(100% - 240px - 5%)}
	.project-view-detail-inner-con .project-view-detail-item{display:block}
	.project-view-detail-inner-con .project-view-detail-item dt{width:auto; margin-bottom:0.3em}
	.project-view-detail-inner-con .project-view-detail-item dd{width:auto;}
}

@media all and (max-width:768px){
	.project-view-top-cover .punch-svg text {font-size:48px}
	.project-view-top-cover .punch-svg text.line2-1 { transform: translateY(-38px); }
	.project-view-top-cover .punch-svg text.line2-2 { transform: translateY(38px); }
	.project-view-top-cover .punch-svg text.line3-1 { transform: translateY(-55px); }
	.project-view-top-cover .punch-svg text.line3-3 { transform: translateY(55px); }
}
/* ****************** 프로젝트 뷰 :: 하단 관련프로젝트 영역 ********************** */
@media all and (max-width:1800px){
	.related-project-prev-btn, .related-project-next-btn{width:48px}
	.related-project-prev-btn{left:-70px}
	.related-project-next-btn{right:-70px}
}
@media all and (max-width:1600px){
	.project-related-wrapper{padding:0}
	.related-project-prev-btn, .related-project-next-btn{display:none !important;}
}
@media all and (max-width:1280px){
	/* ****************** 프로젝트 뷰 :: 하단 사진 영역 ********************** */
	/* -------- 리스트 :: 공통 -------- */
	.project-photo-item .photo-zoom-icon{width:42px; height:42px; }
	.project-photo-item .photo-zoom-icon i{line-height:42px; font-size:18px;}
	/* -------- 리스트 :: style 01, Style02 -------- */
	.project-view-photo-list-01, .project-view-photo-list-02{margin:-8px;}
	.project-view-photo-list-01 .grid-item{padding:8px}
	.project-view-photo-list-02 .project-photo-item{width:calc(50% - 16px); margin:8px}
	.project-view-photo-list-02 .project-photo-item.wide-thumb{width:calc(100% - 16px)}
}

/* ========================================================
 * EXPERTISE :: Services & Markets
======================================================== */
@media all and (max-width:1500px){
	/* connect view */
	.connect-view-container {width:calc(100vw - 80px); }
	.connect-view-con {padding:50px 70px;}
	.connect-view-con .close-btn {top:30px; right:30px; }
}
@media all and (max-width:1280px){
	.connect-view-container {/* width:calc(100vw - 47px);  */ width:calc(100vw - 64%);}
	.connect-view-con .txt-box {padding-left:0;}
	/* ----------------- markets ----------------- */
	#marketsContent .connect-con .connect-list > li[data-row="0"] dd {min-height:3.9em;}
}
@media all and (max-width:768px){
	/* connect list */
	.connect-con {margin-top:20px; padding-bottom:40px;}
	/* connect view */
	.connect-view-container {margin:25px 0 10px; /* width:738px; */ width:691.22px;}
	.connect-view-con .con-box {display:block;}
	.connect-view-con .slide-box {display:block; width:100%; margin-top:50px; padding:0 }
/* 	.connect-view-con .slide-box .connect-slide .slick-arrow.slick-prev {left:0; }
	.connect-view-con .slide-box .connect-slide .slick-arrow.slick-next {right:0;} */
	.connect-view-con .txt-box {display:block; width:100%; padding-left:0; margin-top:40px;}
	.connect-view-con .close-btn {font-size:  }
}

/* ========================================================
 * EXPERTISE :: Research & Idea
======================================================== */
@media all and (max-width:1920px){
	/* ****************** Research & Idea :: View ********************** */
	.board-detail-tit{font-size:3.1250vw}
}
@media all and (max-width:1280px){
	/* ****************** Research & Idea :: List ********************** */
	.rni-list li a {padding:0 30px;}
	.rni-list li a .inner-box {height:231px;}
	.rni-list li a .img-box {width:268px;}
	.rni-list li a .txt-box {width:calc(100% - 268px); padding: 0 50px 0 30px;}
	.rni-list li a .txt-box .tit { font-size: 1.8em;}
	.rni-list .rni-more-btn em {width:42px;}
	/* ****************** Research & Idea :: View ********************** */
	#boardDetailContent{margin-bottom:9.375vw}
	.board-detail-tit-con{margin-bottom: 6.25vw}
	.board-detail-tit{font-size:4.0625vw}
	/* -------- Detail :: Bottom Controls -------- */
	.board-bottom-controls{margin-top:6.25vw}
}
@media all and (max-width:768px){
	/* ****************** Research & Idea :: View ********************** */
	.board-detail-tit{font-size:2.46em}
}

/* ========================================================
 * EXPERTISE :: VR/AR
======================================================== */
@media all and (max-width:1500px){
	#vrListContent{margin:4.6875vw auto}
	/* -------- VR/AR :: 리스트 영역 -------- */
	.vr-list-item .vr-project-thumb-con{width:30%; }
	.vr-list-item .vr-project-info-con{width:65%; margin-left:30px;}
	.vr-list-item .vr-project-info-con .vr-project-info-tit{font-size:1.8em}
	.vr-list-item .vr-more-btn{transform:translateY(-50%) scale(0.7)}

	/* -------- Newsletter :: 뉴스레터 Sort / Application 영역 -------- */
	#vrListSortCon{margin-bottom:5%;}
	/* Sort / Filter :: Search  */
	.vr-search-con{width:auto;}
}

/* ========================================================
 * IR 
======================================================== */
@media all and (max-width:1500px){
	#financeContainer{padding:0;}
	#financeContainer .cm-sub-menu-wrapper.area{padding:0;}
	.finance-wrapper{padding:0 5%; margin-top: 4.6875vw}
	/* -------- IR :: Finance -------- */
	#financeChartCon, #stockContainer{padding:0}
	.highlight-inner-con{width:50%}
	/* -------- Finance :: Statements -------- */
	#financeStatementCon{padding-bottom: 9.3750vw}
}
@media all and (max-width:1280px){
	/* -------- IR :: Finance -------- */
	.finance-state-highlight-con{display:block;}
	.highlight-inner-con{width:auto;}
	/* -------- Finance :: Statements -------- */
	.financial-state-item{width:calc(50% - 13px)}
	.financial-state-item .financial-state-inner{/* height:280px */}
}

/* ========================================================
 * MYBOOK
======================================================== */
@media all and (max-width:1500px){
	#mybookList{margin-bottom: 9.3750vw;}
	.mybook-pdf-item{width:20%}
}
@media all and (max-width:1280px){
	.mybook-pdf-item{width:25%}
}