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

/* ******************  공통 ********************** */
@media all and (max-width:1220px){
	/* 공통레이아웃 :: 기본Parallax */
	.parallax-container-wrapper{font-size:17px;}
	.parallax-container:not(.parallax-fixed-container){/* min-height:100vh; */ height:auto; padding:20vw 0; }
	.parallax-fixed-container{height:100vh !important;}
	.parallax-fixed .parallax-container{background-attachment:unset !important; }
	.parallax-container:not(.parallax-fixed-container).v-center{display:block;}
	/* 공통레이아웃 :: 왼쪽NAV */
	#scrollNavBar.fixed,
	#scrollNavBar{left:-100px; opacity:0;}
}
@media all and (max-width:800px){
	/* 공통레이아웃 :: 기본Parallax */
	.parallax-container-wrapper{font-size:15px;}
}
@media all and (max-width:480px){
	/* 공통레이아웃 :: 기본Parallax */
	.parallax-container-wrapper{font-size:14px;}
}

/* -------- 공통 버튼 -------- */
@media all and (max-width:800px){
	.cm-sub-tit-style01{font-size:16.5px; margin-bottom:2em;}
}


/* -------- 공통 스크롤아이콘 -------- */
@media all and (max-width:1366px){
	.cm-scroll-icon .scroll-txt em{font-size:10px;}
}
@media all and (max-width:1220px){
	.parallax-container .cm-scroll-icon{display:none;}
}
@media all and (max-width:800px){
	.cm-scroll-icon{bottom:25px;}
	.cm-scroll-icon .scroll-txt{margin-bottom:5px;}
	.cm-scroll-icon .arrow .arrow-icon:nth-child(5){display:none;}
}


/* -------- 탭 공통 -------- */
@media all and (max-width:1380px){
	.sub-cm-tab-container .sub-fixed-tab.top-fixed.sub-cm-tab-inner .sub-cm-tab-inner-con{margin:0}
}

@media all and (max-width:1120px){
	.sub-cm-tab-container .sub-cm-tab-inner{left:0; transform: translate(0, 0); width:100%;}
	.sub-cm-tab-container ul{padding:0}
	.sub-cm-tab-container ul li a{font-size:14px;}
}
@media all and (max-width:800px){
	.sub-cm-tab-container{height:40px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fff;}
	.sub-cm-tab-container ul{padding:0; background-color:#fff; border:0;}
	.sub-cm-tab-container ul.menu4 li{float:left; display:block; max-width:none;}
	.sub-cm-tab-container ul li a{height:40px; font-size:14px; line-height:40px;}
	
	.sub-cm-tab-container .swiper-container-tab  ul li{float:none; width:auto; display:inline-block;}
	.sub-cm-tab-container .swiper-container-tab  ul li a{padding:0 15px;}
}
@media all and (max-width:480px){
	/* 탭 공통 :: fixed */
	.sub-fixed-tab.top-fixed{top:60px;}
	.sub-cm-tab-container ul.menu2 li{float:left; display:block; max-width:none; }
	.sub-cm-tab-container ul li a{font-size:13px; }
}

@media all and ( max-width: 1220px ){
	/* Tab 공통 스타일 */
	.cm-drop-menu-box-JS{display:block;}
	.sub-tab-wrapper-style{font-size:16.5px; margin-bottom:3.18em}
	.sub-tab-wrapper-style,
	.sub-tab-list-style.top-fixed,
	.sub-tab-list-style ul li a{height:40px; }
	.sub-tab-list-style ul li a em{font-size:13px}
	/* Tab Fixed Move*/
	.sub-drop-menu-style.top-fixed{position:fixed; top:80px; left:0px; width:100%; z-index:11; background-color:#000}
	.sub-drop-menu-style.top-fixed .area{padding:0;}
	.sub-drop-menu-style.top-fixed .sub-drop-open-btn-style{border-bottom:0}
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative;}
	.sub-drop-open-btn-style{display:block; position:relative; padding:0 15px; height:40px; line-height:40px; font-size:15px; border-bottom:2px solid #fff; box-sizing:border-box;}
	.sub-drop-open-btn-style span{color:#fff; }
	.sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.sub-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.sub-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box;}
	.sub-drop-menu-style ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent}
	.sub-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.sub-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:10px 15px; border:0;}
	.sub-drop-menu-style ul li a em{font-size:13px;}
	.sub-drop-menu-style ul li.selected a{background-color:transparent;}
	.sub-drop-menu-style ul li.selected a em{color:#e60044; font-weight:600; }
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-drop-menu-style.top-fixed{top:60px;}
}

/* ========================================================
 * BUSINESS
======================================================== */
/* ******************  BUSINESS :: 스마트홈 ********************** */
@media all and (max-width:1220px){
	/* 스마트홈 :: Section03, Section04 */
	.business-bg-txt{right:15px; top:10%; bottom:10%;}
	.business-bg-txt img{max-height:100%;}
}
@media all and (max-width:800px){
	/* -------- BUSINESS :: 상단공통 -------- */
	/* Fixed Content */
	.business-cm-top-container{padding-top:0}
	.business-cm-top-container .business-top-area{padding-top:12.5%;}
	/* 스마트홈 :: Section01 */
	.business-smart-home-container1 .parallax-fixed-bg{background:url(../images/content/business_smart_home_bg_01_m.jpg) no-repeat 75% 0; }
	/* 스마트홈 :: Section03, Section04 */
	.business-bg-txt{display:none;}
	.business-txt-container .business-txt-inner-con{width:auto}
	.business-smarthome-container3{background:url(../images/content/business_smart_home_bg_02_m.jpg) no-repeat 60% 0; }
	.business-smarthome-container3-bg{background-position-x:10%}
	.business-smarthome-container4{background:url(../images/content/business_smart_home_bg_03_m.jpg) no-repeat 60% 0; }
	.business-txt-container.right{justify-content:left;}
}
@media all and (max-width:480px){
	.business-cm-top-container .cm-sub-tit-style01{font-size:0.78em;}
	.business-cm-top-container .business-top-slogan{font-size:2.14em;}
}

/* ******************  BUSINESS :: 스마트보안 ********************** */
/* -------- 스마트보안 :: Section01 -------- */
@media all and (max-width:800px){		
	.business-security-container1 .parallax-fixed-bg{background:url(../images/content/business_security_bg_01_m.jpg) no-repeat 65% 0; }
}
/* -------- 스마트보안 :: 하단섹션 -------- */
@media all and (max-width:1740px){	
	.smart-security-list .security-item.rt-txt .inner .deco-txt{margin-right:0; right:-100px}
	.smart-security-list .security-item.lf-txt .inner .deco-txt{margin-left:0; left:-80px; }
}
@media all and (max-width:1500px){	
	.smart-security-list .security-item .inner .deco-txt,
	.smart-security-list .security-item.bk .inner .deco-txt{opacity:0}
}
@media all and (max-width:1220px){	
	.smart-security-list .security-item .inner .inner-area{padding: 20px 15px}
	.smart-security-list .security-item.rt-txt .inner .inner-txt{padding-left:0}
}
@media all and (max-width:800px){		
	.smart-security-list .security-item{height:350px;}
	.smart-security-list .security-item .inner .inner-txt{width:58%}
	.smart-security-list .security-item .inner .inner-txt .cate{font-size:16px;}
	.smart-security-list .security-item .inner .inner-txt .num-txt{margin-top:20px}
	.smart-security-list .security-item .inner .inner-txt .num-txt li{font-size:21px; }
	.smart-security-list .security-item .inner .inner-txt .num-txt.sm li{font-size:21px}
	.smart-security-list .security-item .inner .inner-txt .num-txt li .num{width:40px}
	.smart-security-list .security-item .inner .inner-txt .num-txt li .txt{width:calc(100% - 40px)}
	.smart-security-list .security-item .inner .inner-txt .notice{font-size:14px; margin-top:20px}
	.smart-security-list .security-item.rt-txt .inner .inner-txt{float:none;}

	.smart-security-list .security-item.item01{background:url("../images/content/security_item_bg01_m.jpg") no-repeat 50% 0;}
	.smart-security-list .security-item.item02{background:url("../images/content/security_item_bg02_m.jpg") no-repeat 50% 0;}
	.smart-security-list .security-item.item03{background:url("../images/content/security_item_bg03_m.jpg") no-repeat 50% 0;}
	.smart-security-list .security-item.item04{background:url("../images/content/security_item_bg04_m.jpg") no-repeat 50% 0;}
	.smart-security-list .security-item.item05{background:url("../images/content/security_item_bg05_m.jpg") no-repeat 50% 0;}
	.smart-security-list .security-item.item06{background:url("../images/content/security_item_bg06_m.jpg") no-repeat 50% 0;}
}
@media all and (max-width:480px){		
	.smart-security-list .security-item{height:300px; position:relative}
	.smart-security-list .security-item:after{position:absolute; content:""; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,0.4)}
	.smart-security-list .security-item .inner .inner-txt{width:100%; z-index:1; position:relative}
	.smart-security-list .security-item.bk .inner .inner-txt .cate,
	.smart-security-list .security-item.bk .inner .inner-txt .num-txt li,
	.smart-security-list .security-item.bk .inner .inner-txt .notice,
	.smart-security-list .security-item.bk .inner .deco-txt{color:#fff}
	.smart-security-list .security-item .inner .inner-txt .notice{opacity:0.5}
}

/* ******************  BUSINESS :: 스마트홈 ********************** */
@media all and (max-width:1220px){		
	.business-service-page{padding-top:30px}
	/* 탭 */
	.bs-cm-tab-syle .sub-fixed-tab.top-fixed.bs-cm-tab-list .area{padding:0; max-width:none}
}
@media all and (max-width:1024px){		
	/* 유지관리서비스란? */
	.service-sec-01 .service-top-img .service-top-img-inner{top:15px; right:15px}
	/* 유지관리서비스 구성 */
	.service-detail-tbl li{padding:0 2%}
	.service-detail-tbl li .service-detail-tit{float:none; width:100%; display:block; padding:15px 0}
	.service-detail-tbl li .service-detail-tit br{display:none}
	.service-detail-tbl li .service-detail-item{float:none; width:100%}
	.service-detail-tbl li .service-detail-item dl{padding:30px 0}
	.service-detail-tbl li .service-detail-item dl dt{padding:0 3% 0 0; width:35%}
	.service-detail-tbl li .service-detail-item dl dt br{display:none}
	.service-detail-tbl li .service-detail-item dl dd{width:65%}
	/* 수행절차 :: 하단 */
	.service-sec-03 .service-team-circle .circle-item li{margin-top:-2%}

}
@media all and (max-width:800px){		
	/* -------- 서비스 :: Section01 -------- */
	.business-service-container1 .parallax-fixed-bg{background-image:url(../images/content/business_service_bg_01_m.jpg); background-position:50% 100% }

	/* -------- 서비스 :: 하단 -------- */
	.business-service-page{padding-top:30px}
	/* 탭 */
	.bs-cm-tab-syle,
	.bs-cm-tab-syle .sub-fixed-tab.top-fixed.bs-cm-tab-list,
	.bs-cm-tab-syle .bs-cm-tab-list li a{height:40px}
	.bs-cm-tab-syle .bs-cm-tab-list li a em{font-size:13px}
	.bs-tab-content-style{margin-top:30px}
	/* 유지관리서비스란? */
	.service-sec-01 .service-meaning .tit{float:none; width:100%; font-size:22px;}
	.service-sec-01 .service-meaning .txt{float:none; width:100%; text-align:left; margin-top:10px; font-size:14px}
	.service-sec-01 .service-top-img{height:auto}
	.service-sec-01 .service-top-img .service-top-bg{height:360px}
	.service-sec-01 .service-top-img .service-top-tit{position:relative; padding:25px 0 0}
	.service-sec-01 .service-top-img .service-top-tit strong{font-size:20px}
	.service-sec-01 .service-top-img .service-top-tit span{font-size:15px}
	.service-sec-01 .service-top-img .service-top-img-inner dl{padding:20px; width:150px}
	.service-sec-01 .service-top-img .service-top-img-inner dl.txt-box-02{margin-left:10px}
	.service-sec-01 .service-top-img .service-top-img-inner dl dt{font-size:14px}
	.service-sec-01 .service-top-img .service-top-img-inner dl dd span{font-size:13px; margin-top:12px}
	/* 유지관리서비스 구성 */
	.bs-cm-tit{font-size:22px;}
	.service-detail-tbl li .service-detail-tit{font-size:20px; line-height:1.5; padding:12px 0}
	.service-detail-tbl li .service-detail-item dl{padding:20px 0}
	.service-detail-tbl li .service-detail-item dl dt{font-size:18px;}
	.service-detail-tbl li .service-detail-item dl dd p{font-size:14px;}
	.service-detail-tbl li .service-detail-item dl dd p em{font-size:13px}
	.service-detail-tbl li .service-detail-item dl dd p span{font-size:13px; margin-top:7px}
	.service-detail-tbl li .service-detail-item dl dd p span:first-child{margin-top:10px}
	.service-sec-02{padding:50px 0 30px}
	/* 수행절차 */
	.service-sec-03{padding:50px 0}
	.service-sec-03 .service-process-con{margin-top:25px}
	.service-sec-03 .service-team .team-top-txt .tit{float:none; width:100%; padding:0 0 10px; font-size:22px}
	.service-sec-03 .service-team .team-top-txt .txt{float:none; width:100%}
	.service-sec-03 .service-team .team-top-txt .txt p{font-size:14px;}
	.service-sec-03 .team-box{display:block; flex-wrap:inherit}
	.service-sec-03 .team-box li{float:none; width:100%; margin:0 0 10px; position:relative}
	.service-sec-03 .team-box li .inner{padding:20px 80px 20px 20px}
	.service-sec-03 .team-box li .inner .icon{height:auto; margin-bottom:15px; width:auto; position:absolute; top:15px; right:15px}
	.service-sec-03 .team-box li .inner .icon img{position:relative; height:55px}
	.service-sec-03 .team-box li .inner .tit{font-size:15px; margin-bottom:15px}
	.service-sec-03 .team-box li .inner .txt span{font-size:13px; margin-bottom:6px}
	.service-sec-03 .team-box li .inner .txt span:before{top:8px}
	/* 수행절차 :: 하단 */
	.service-sec-03 .service-team-circle{background:transparent; padding:30px 0 0}
	.service-sec-03 .service-team-circle .center-txt{width:100%; height:70px}
	.service-sec-03 .service-team-circle .center-txt p{font-size:18px}
	.service-sec-03 .service-team-circle .circle-item{position:relative; text-align:center; margin-top:30px}
	.service-sec-03 .service-team-circle .circle-item li{display:inline-block; position:relative; left:auto; top:auto; margin-top:0; transform:translateX(0); vertical-align:top; width:30%; padding:0 1%; max-width:150px}
	.service-sec-03 .service-team-circle .circle-item li.item01,
	.service-sec-03 .service-team-circle .circle-item li.item03{margin-bottom:0; margin-left:0}
	.service-sec-03 .service-team-circle .circle-item li .icon{max-height:110px}
	.service-sec-03 .service-team-circle .circle-item li .tit{font-size:14px; margin-top:10px}
	.service-sec-03 .service-team-circle .circle-item li .tit em{font-size:12px}
	/* 기대효과 */
	.service-sec-04{padding:50px 0 30px}
	/* 클라우드 서비스 */
	.cloud-service-sec{padding:55px 0}
}
@media all and (max-width:480px){		
	.business-service-page{padding-top:30px}
	/* 유지관리서비스란? */
	.service-sec-01 .service-top-img .service-top-bg{height:270px}
	.service-sec-01 .service-top-img .service-top-img-inner{left:15px; width:calc(100% - 30px)}
	.service-sec-01 .service-top-img .service-top-img-inner dl{width:calc(50% - 5px); background-color:rgba(0,0,0,0.6);}
	/* 유지관리서비스 구성 */
	.service-detail-tbl li{padding:20px 2%}
	.service-detail-tbl li .service-detail-tit{padding:0}
	.service-detail-tbl li .service-detail-item dl dt{float:none; width:100%}
	.service-detail-tbl li .service-detail-item dl dd{float:none; width:100%; margin-top:10px}
	/* 수행절차 */
	.service-sec-03 .team-box li .inner{padding-right:70px}
	.service-sec-03 .team-box li .inner .icon img{height:50px}
	/* 수행절차 :: 하단 */
	.service-sec-03 .service-team-circle .circle-item li .icon{max-height:90px}
}


/* ========================================================
 * BRAND
======================================================== */
/* ******************  BRAND :: 스토리 및 컨셉  ********************** */
@media all and (max-width:1220px){
	/* -------- 브랜드스토리 :: Section01 -------- */
	.brand-story-container1 .brand-story-logo img{width:50%}
	/* -------- 브랜드스토리 :: Section04 -------- */
	.brand-story-word-item dl dd{font-size:.8em; line-height:1.2;}
}
@media all and (max-width:800px){
	/* -------- 브랜드스토리 :: Section02 -------- */
.brand-story-container2 .brand-story-slogan2-1{font-size:1.5em}
	/* -------- 브랜드스토리 :: Section03 -------- */
	.brand-story-container3 .brand-story-slogan3-2{font-size:2.5em;}
	/* -------- 브랜드스토리 :: Section04 -------- */
	#brandStoryContent .brand-story-container4{padding:10vw 0; background-position:80% 50%;}
	#brandStoryContent .brand-story-container4 .summary-con-sub-tit.pos-ab{margin-bottom:10vw;}
	.brand-story-word-list-con{display:block;}
	.brand-story-word-item{width:auto; padding:0 10px 30px 10px; }
	.brand-story-word-item:last-child{padding-bottom:0;}
	.brand-story-word-item:before{display:none;}
	
}
@media all and (max-width:480px){
	/* -------- 브랜드스토리 :: Section03 -------- */
	.brand-story-container3{background-position:75% 50%}
	.brand-story-container3 .brand-story-slogan3-1{font-size:0.8em; letter-spacing:3px;}
	.brand-story-container3 .brand-story-slogan3-2 {line-height:1.3;}
	.brand-story-container3 .brand-story-slogan3-2 em{display:block;}
	/* -------- 브랜드스토리 :: Section04 -------- */
	.brand-story-word-item dl dt{font-size:1.42em; }
	/* -------- 브랜드스토리 :: 하단링크 -------- */
	#brandIdentityLinkCon a{height:50px; font-size:15px;}
	#brandIdentityLinkCon a i{margin-left:0.75em; }
}

/* ******************  BRAND :: 브랜드 아이덴티티   ********************** */
@media all and (max-width:1024px){		
	/* 브랜드 컬러 */
	.brand-color-con .brand-color .rt-con .explain br{display:none}
	.brand-color-con .brand-color .rt-con .color-detail dt{float:none; width:100%;}
	.brand-color-con .brand-color .rt-con .color-detail dd{float:none; width:100%; padding:30px 0 0 40px}
	.brand-color-con .brand-color .rt-con .color-detail dd p span{padding-bottom:12px}
}
@media all and (max-width:800px){		
	/* 공통 */
	.id-sec{padding:40px 0}
	.id-cm-tit{font-size:22px}
	.id-cm-txt{font-size:15px}
	/* 비주얼 아이덴티티 */
	.identity-sec-01 .id-cm-txt{margin-top:20px}
	/* 브랜드 마크 */
	.identity-sec-02 .id-cm-tit{margin-bottom:35px}
	.identity-sec-02 .id-cm-txt{margin-top:35px}
	.identity-sec-02 .logo{max-height:180px}
	/* 브랜드 컬러 */
	.brand-color-con .color-sec-name{text-align:center; font-size:20px}
	.brand-color-con .color-sec-name em{font-size:14px; padding-left:15px}
	.brand-color-con .color-sec-name em:before{height:12px; top:1px; left:6px}
	.brand-color-con .brand-color > div{float:none; width:100%}
	.brand-color-con .brand-color .lf-con{padding:0 0 40px; text-align:center}
	.brand-color-con .brand-color .lf-con .logo{max-height:180px}
	.brand-color-con .brand-color .lf-con .txt-bt{font-size:13px; margin-top:30px}
	.brand-color-con .brand-color .rt-con .explain{font-size:15px; padding-bottom:15px; margin-bottom:25px}
	.brand-color-con .brand-color .rt-con .color-detail{font-size:14px}
	.brand-color-con .brand-color .rt-con .color-detail dt{padding-left:30px}
	.brand-color-con .brand-color .rt-con .color-detail dt .color{width:20px; height:20px; top:-3px}
	.brand-color-con .brand-color .rt-con .color-detail dd{padding:23px 0 0 30px}
	/* 하단 다운로드 버튼 */
	.identity-sec-bt a{height:60px}
	.identity-sec-bt a span{font-size:15px}
	.identity-sec-bt a span i{font-size:22px; margin-left:10px}
}	
@media all and (max-width:480px){		
	/* 브랜드 마크 */
	.identity-sec-02 .logo{max-height:90px}
	.brand-color-con .brand-color .lf-con .logo{max-height:90px;}
}

/* ========================================================
 * 투자정보
======================================================== */
@media all and (max-width:800px){
	#ruleTopContent{padding:20px 15px; margin-bottom:30px;}
	#ruleTopContent h4 {}
	#ruleTopContent h4 br{display:block;}
	#ruleTopContent .sub-title{text-align: center; word-break:keep-all;}
	#ruleTopContent .rule-caution-txt{font-size:12px; line-height:20px;}
	#ruleTopContent .rule-caution-txt br{display:none;}
	.rule-down-box a{width:100%; height:38px; line-height:38px; font-size:15px;}
}

/* -------- 주식정보스크롤 -------- */
@media all and (max-width:800px){
	.invest-swiper-guide-wrapper{ position:absolute; top:0px; left:0px; bottom:0px; right:0px; background-color:rgba(0,0,0,0.5); z-index:11;}
	.invest-swiper-guide-wrapper p{position:absolute; top:50%; left:0; width:100%; margin-top:-10px; text-align:center;color:#fff; font-size:15px; letter-spacing:-0.2px; }
	.invest-swiper-guide-wrapper p strong{font-weight:400; margin-left:-20px;}
	.invest-swiper-guide-wrapper .drag-arrow{position:absolute; display:inline-block; left:50%; transform:translateX(80px); vertical-align:middle; top:-5px;}
    .invest-table-box{position:relative; width:100%; overflow-x:scroll; }
    .invest-table-con{width:800px; padding-bottom:20px; cursor:pointer}
    .invest-swiper-slide{width:800px !important;}
    .swiper-scrollbar{display:block;}
    .swiper-scrollbar-drag{display:block; background-color:#9c2033 !important;}
}

/* ========================================================
 * 미디어센터
======================================================== */
@media all and (max-width:800px){
	/* 보도자료 :: 상단 */
	.board-sort-box{width:100px;}
	.board-top-search-box{width:calc(100% - 110px);}
	#recruitBoardCon .board-top-search-box{width:100%;}
}

/* ========================================================
 * COMPANY
======================================================== */
/* ******************  COMPANY :: 회사개요 및 경영철학 ********************** */
@media all and (max-width:1536px){
	.summary-value-item dl dd p br{display:none;}
}
@media all and (max-width:1220px){
	.summary-con-sub-tit{position:static; transform:none; margin-bottom:5em; margin-top:0;}
	/* -------- 회사개요 :: Section01 -------- */
	.summary-container1 .summary-logo img{width:80%}
	/* -------- 회사개요 :: Section02 -------- */
	#companyContent .summary-container2{padding:0;}
	.summary-time-item{height:auto; padding:20vw 10px; box-sizing:border-box; align-items:flex-start; }
	.summary-time-item .summary-time-txt br{display:none;}
	/* -------- 회사개요 :: Section05 -------- */
	#companyContent .summary-container5{padding:5vw 0;}
	.summary-container5 .summary-con-sub-tit{position:static; margin-top:0; margin-bottom:3em; position:static; top:auto; left:auto; transform:none;}
	.summary-value-list-con{flex-wrap:wrap; justify-content:center;}
	.summary-value-item{padding:30px 10px; width:31.33%; margin:1%;}
	.summary-value-item:nth-child(4):before{display:none}
	.summary-value-item dl{margin-top:0;}
}
@media all and (max-width:800px){
	.summary-con-sub-tit.pos-ab{margin-top:0; margin-bottom:3em; position:static; top:auto; left:auto; transform:none;}
	/* -------- 회사개요 :: Section02 -------- */
	.summary-time-container{display:block;}
	.summary-time-item{width:auto; display:block; padding:30px 10px;}
	.summary-time-item:before{height:1px; width:auto; right:0px;}.
	.summary-time-item .summary-time-detail-con dt{margin-bottom:1.5em;}
	.summary-time-item .summary-time-detail-con .summary-time-con .time-num{display:inline-block; font-size:2em;}
	.summary-time-item .summary-time-detail-con .summary-time-con .time-unit{display:inline-block;}
	
	/* -------- 회사개요 :: Section05 -------- */
	.summary-value-list-con{display:block;}
	.summary-value-item{width:auto; margin:0; display:block; text-align:left; }
	.summary-value-item:before{height:1px; width:auto; right:0px; }
	.summary-value-item:nth-child(4):before{display:block;}
	.summary-value-item dl dd{height:auto;}
	/* -------- 회사개요 :: Section06 (2022-06-09 추가) -------- */
	.ethics-txt-con h3{font-size:40px;}
	.ethics-txt-con .ethics-txt{font-size:16px;}
}
@media all and (max-width:480px){
	/* -------- 회사개요 :: Section03 -------- */
	.summary-container3{background-size:100% auto !important; background-color:#e50045}
	.summary-container3 .summary-slogan3-1{font-size:2.5em}
	/* -------- 회사개요 :: Section04 -------- */
	.summary-container4 .summary-slogan4-2{font-size:2.5em}
}

/* ******************  COMPANY :: HISTORY ********************** */
@media all and (max-width:1620px){
	.history-inner-con {margin-left:200px;}
}
@media all and (max-width:1220px){
	#historyContent{font-size:17px; padding-top:50px;}
	#historyContent #scrollNavBar{display:none;}
	/* #historyContent .parallax-fixed-bg{background-position:85% 0} */
	.history-inner-con{margin:0px auto;}
	.history-item-box > dl{display:block;}
	.history-item-box > dl > dt.year{width:auto; margin-bottom:0.2em;}
	.history-item-box > dl > dd{width:auto; }
}
@media all and (max-width:800px){
	#historyContent{font-size:15px;}
	.history-list-container{padding-top:50px;}
	.history-list-container:first-of-type{padding-top:0}
	.history-item{display:block;}
	.history-item-box{width:100%;}
	.history-item .history-img-box{width:auto; text-align:left; padding-left:48px; margin-top:5%}
	.history-item .history-img-box img{max-width:70%}
	.history-item .history-img-box img.mb-height{max-height:90px; max-width:155px}
	
	/* 2022 */
	.history-item .history-img-box .img-2022{margin-bottom:0; margin-right:20px}
}
@media all and (max-width:480px){
	#historyContent{font-size:14px;}
	.history-item-box > dl > dd > p,
	.history-item .history-img-box{padding-left:30px;}
}

/* ========================================================
 * HUMAN RESOURCES
======================================================== */
/* ******************  인재상, 인사제도 :: 공통 ********************** */
@media all and (max-width:1220px){
	/* 항목 리스트 */
	.person-system-item dl dd{font-size:.8em; line-height:1.2;}
}
@media all and (max-width:800px){
	/* 상단 */
	.person-cm-top-container{padding-top:0}
	.person-cm-top-container .business-top-area{padding-top:12.5%}
	/* 항목리스트 */
	.person-system-list-con{display:block;}
	.person-system-item{width:auto; padding:30px 10px; }
	.person-system-item:before{right:0px; width:auto; height:1px;}
}

@media all and (max-width:480px){
	.person-cm-top-container .cm-sub-tit-style01{font-size: 0.78em;}
	.person-cm-top-container .business-top-slogan{font-size:2.14em;}
}
/* ****************** HUMAN RESOURCES  :: 인재상 ********************** */
@media all and (max-width:800px){
	/* -------- 인재상 :: Section01 -------- */
	.person-talent-container1{background-image:url(../images/content/person_talent_bg_01_m.jpg) }
}
/* ****************** HUMAN RESOURCES  :: 인사제도 ********************** */
@media all and (max-width:1220px){
	/* -------- 인사제도 :: Section02 -------- */
	#personContent .person-system-container2{padding:0}
	/* -------- 인사제도 ::Section05 -------- */
	.person-system-grade-list-con .preson-system-grade-list{display:block; text-align:center;}
	.person-system-grade-list-con .preson-system-grade-list dt{width:auto; margin:0 auto 15px; text-align:center;}
	.person-system-grade-list-con .preson-system-grade-list dd{width:auto; justify-content:center;}
	.person-system-grade-list-con .preson-system-grade-list dd img{height:37px}
}
@media all and (max-width:800px){
	/* -------- 인사제도 :: Section 04 -------- */
	.person-system-container4{background-image:url(../images/content/person_system_bg_03_m.jpg)}
	/* -------- 인사제도 :: Section 05 -------- */
	.person-system-grade-list-con{margin-top:10vw}
	.person-system-grade-list-con .preson-system-grade-list dd{display:block;}
	.person-system-grade-list-con .preson-system-grade-list dd img{height:28px; margin:3px 0;}
}
/* ****************** HUMAN RESOURCES  :: 복리후생 ********************** */
@media all and (max-width:1024px){	
	.welfare-list li .box-inner .txt br{display:none}
}
@media all and (max-width:800px){	
	.welfare-page{padding:50px 0}
	.welfare-page-tit{font-size:22px}
	.welfare-list li{min-height:auto; width:49%}
	.welfare-list li .box-inner{padding:22px 9%; display:table; width:100%; height:100%; box-sizing:border-box}
	.welfare-list li .box-inner .tit{font-size:17px; margin-bottom:10px}
	.welfare-list li .box-inner .txt{font-size:15px; min-height:auto}
	.welfare-list li .box-inner .icon,
	.welfare-list li .box-inner .txt-con{display:table-cell; margin:0 -1px; vertical-align:middle}
	.welfare-list li .box-inner .icon{width:55px; height:55px; margin-bottom:15px}
	.welfare-list li .box-inner .icon img{max-width:100%; max-height:55px; position:relative; top:auto; transform:translateY(0)}
	.welfare-list li .box-inner .icon img.on{display:none}
	.welfare-list li .box-inner .txt-con{width:calc(100% - 55px); padding-left:8%}

}
@media all and (max-width:640px){		
	.welfare-list{margin:0}
	.welfare-list li{float:none; width:100%; margin:0 0 5px}
}
/* ****************** HUMAN RESOURCES  :: 채용공고 ********************** */
@media all and (max-width:1220px) {
	.career-info-tit{font-size:17px; line-height:18px;}
	.career-info-tit:before{top:10px;}
	.career-info-txt{font-size:14px;}
	.career-info-txt .caution-txt-con{margin-left:0; font-size:12px;}
}

@media all and (max-width:800px) {
	.career-info-box{padding:20px 15px;}
	.career-info-box ul li{float:none; width:100%; padding-left:0; padding-top:10px;}
	.career-info-box ul li:first-child{padding-top:0}
	.career-info-tit{font-size:16px; line-height:18px;}
	.career-info-txt{font-size:13px; }
	.career-info-txt.download-controls a{width:48%;}
}

@media all and (max-width:480px) {
	.career-info-tit{font-size:16px; line-height:22px; margin-bottom:5px;}
	.career-info-txt{font-size:14px; line-height:20px;}
	.career-info-txt > a.career-info-btn{line-height:35px;}
	.career-info-txt > a.career-info-btn i{font-size:20px;}
}


/* ========================================================
 * FOOTER :: Location
======================================================== */
@media all and (max-width:800px){		
	.location-pop .location-inner{padding:15px}
	.location-pop .modal-close-btn{top:-32px}
	.location-tab.bs-cm-tab-syle{height:auto; margin-bottom:30px}
	.location-tab.bs-cm-tab-syle .bs-cm-tab-list li{width:33.333%}
	.location-tab.bs-cm-tab-syle .bs-cm-tab-list li:nth-child(3){border-right:0}
	.location-tab.bs-cm-tab-syle .bs-cm-tab-list li:nth-child(n+4){border-top:1px solid #ddd}
	.location-pop .location-inner .map-iframe-wrapper .map-iframe-con{padding-top:70%}
	.location-pop .location-inner .map-info-tbl, 
	.location-pop .location-inner .map-info-tbl tbody, 
	.location-pop .location-inner .map-info-tbl tr, 
	.location-pop .location-inner .map-info-tbl th, 
	.location-pop .location-inner .map-info-tbl td{display:block; width:100%; padding:0;}
	.location-pop .location-inner .map-info-tbl tr{margin-bottom:15px;}
	.location-pop .location-inner .map-info-tbl th, .location-pop .location-inner .map-info-tbl td{font-size:13px; line-height:22px;}
	.location-pop .location-inner .map-info-tbl th{margin-bottom:5px; font-weight:600;}
}

/* 공통 탭 */
@media all and (max-width:800px){		
	.sub-3dep-cm-style ul li a{height:40px}
	.sub-3dep-cm-style ul li a em{font-size:14px}
}