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


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative; margin-right:-15px; cursor:move;}
	.cm-cursor-icon{display: block;}
	.custom-scrollbar-wrapper .scroll-object{/*max-width:none; */width:800px;max-width:100%; overflow-x: auto;white-space: nowrap;}
	.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%; margin-top: -30px; left:0; width:100%; text-align:center; color:#fff; font-weight:300; font-size:15px;}
	.custom-scrollbar-cover .scroll-cover-txt i{font-size:30px; display:block; margin-bottom:20px;}
}
@media all and (max-width:640px){
	.custom-scrollbar-wrapper .scroll-object{/*max-width:none; */width:800px;max-width:100%; display: block;overflow-x: auto;white-space: nowrap;}
}

/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1530px){
	.sub-tab-list-style.top-fixed ul,
	.sub-tab-list-style02.top-fixed ul{width: calc(100% - 60px); padding: 0 30px;}
	/* Tab 공통 스타일02 */
	.sub-tab-list-style02 ul{width: auto; margin: 0 -10px;}
	.sub-tab-list-style02 ul li{width: calc(20% - 20px);}
	.sub-tab-list-style02 ul li a{min-width: auto; padding: 0 20px;}
}
@media all and (max-width:1220px){
	.sub-tab-list-style .area,
	.sub-tab-list-style02 .area{padding:0}
	/* Tab Fixed Move*/
	.sub-tab-list-style.top-fixed ul,
	.sub-tab-list-style02.top-fixed ul{width: calc(100% - 30px); padding: 0 15px;}
	/* Tab 공통 스타일02 */
	.sub-tab-list-style02 ul li a em{font-size: 20px;}
}
@media all and (max-width:1024px){
	/* Tab 공통 스타일02 */
	.sub-tab-list-style02 ul li a em{font-size: 19px;}
	.sub-tab-list-style02.top-fixed ul li a em{font-size: 16px;}
}
@media all and ( max-width: 800px ){
	/* Tab Fixed Move*/
	.sub-tab-list-style.top-fixed,
	.sub-tab-list-style02.top-fixed{top:70px;}
	/* Tab 공통 스타일 */
	.sub-tab-wrapper-style,
	.sub-tab-list-style.top-fixed,
	.sub-tab-wrapper-style02,
	.sub-tab-list-style02.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*/
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative;}
	.sub-drop-open-btn-style{display:block; position:relative; padding:0 45px 0 15px; height:40px; line-height:40px; font-size:15px; background-color: #fff; border: 1px solid #e0e0e0; border-top: 2px solid #006cc8; box-sizing:border-box;}
	.sub-drop-open-btn-style span{color:#000;}
	.sub-drop-open-btn-style .arrow{color:#006cc8; position:absolute; top:50%; right:15px; margin-top:-9px; font-size: 18px;}
	.sub-drop-open-btn-style.open .arrow{transform:rotate(180deg); margin-top: -8px;}
	.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 #e0e0e0; 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 #e0e0e0; width:auto; background-color: #f1f1f1;}
	.sub-drop-menu-style ul li:first-child{border-top:0; border-left:0; background-color: #f1f1f1;}
	.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:15px;}
	.sub-drop-menu-style ul li.selected a{background-color:transparent;}
	.sub-drop-menu-style ul li.selected a em{color:#006cc8; font-weight:700;}
	.sub-tab-list-style ul li a em:after{display: none;}
	.sub-tab-list-style ul li.selected {background-color: #f1f1f1; border-top-color: #e0e0e0; border-bottom-color: #e0e0e0;}
	/* Tab 공통 스타일02 */
	.sub-tab-list-style02 ul li{margin: 0;}
	.sub-tab-list-style02 ul li:before,
	.sub-tab-list-style02 ul li a:before{display: none;}
	.sub-tab-list-style02.top-fixed ul li a{height: auto;}
	.sub-tab-list-style02.top-fixed ul li a em{font-size: 15px;}
	.sub-tab-list-style.top-fixed ul,
	.sub-tab-list-style02.top-fixed ul{width: 100%; padding: 0;}
}



/* ****************** 01 회사소개 :: 02 CEO 인사말 ********************** */
@media all and (max-width:1530px){
	.greeting-page{padding: 0 30px;}
}
@media all and (max-width:1220px){
	.greeting-page{padding: 0 15px;}
	.greeting-con01{padding: 205px 30px 310px 20%;}
	.greeting-con02{margin-left: 8%; width: 92%;}
}
@media all and (max-width:800px){
	.greeting-con01{/*padding: 100px 30px 150px; */ padding: 75px 15px;}
	.greeting-txt-box h5{font-size: 26px;}
	.greeting-txt-box p{margin-top: 20px; font-size: 17px;}

	.greeting-con02{top: 0;/* top: -100px; margin-left: 30px; width: calc(100% - 30px); padding: 30px; */ margin-left: 0; width: 100%; padding: 30px 15px;}
	.greeting-con02 .txt{font-size: 14px;}
	.greeting-con02 .sign-txt{margin-top: 25px; font-size: 13px;}
	.greeting-con02 .sign-txt b{margin-left: 8px; font-size: 18px;}
}



/* ****************** 01 회사소개 :: 03 연혁 ********************** */
@media all and (max-width:1680px){
	.history-tab-group,
	.tab-line,
	#fp-nav.right{left: 5% !important;}
}
@media all and (max-width:1580px){
	.history-tab-group,
	.tab-line,
	#fp-nav.right{left: 3% !important;}
	.history-tab-right{padding-right: 3%;}
}
@media all and (max-width:1420px){
	.history-tab-right .bg01{top: -75px; right: 4%; height: 230px;}
	.history-tab-right .bg02{bottom: -50px; left: 17.3%; height: 230px;}
	.history-tab-left{width: 50%; padding: 0 30px 0 11%;}
	.history-tab-right{width: 50%; padding-right: 15px;}
}
@media all and (max-width:1220px){
	.history-tab-list-style{display: none;}
	.tab-line,
	#fp-nav.right{display: none !important;}
	.history-scroll-icon{display: none;}
	.history-tbl-inner {padding-top: 0;}
	.history-tab-left{padding: 0 30px;}
	.history-tab-right{padding-right: 0;}
}
@media all and (max-width:1024px){
	.history-page{padding-bottom: 100px;}
	.history-tab-con{height: auto;}
	.history-tbl{display: block; height: auto;}
	.history-tbl-inner{padding: 60px 30px; display: block;}
	#historyTabCon1 .history-tbl-inner{padding: 80px 30px;}
	.history-tab-left{width: 100%; padding: 0;}
	.history-tab-right{margin-top: 40px; width: 100%; padding: 0;}

	.history-tab-con01 .txt01{font-size: 32px;}
	.history-tab-con01 .txt02{margin-top: 70px; font-size: 200px;}
	.history-tab-con01 .txt03{margin-top: 40px; font-size: 40px;}
	.history-tab-con01 .txt04{margin-top: 17px; font-size: 22px;}

	.history-tab-left .tit{font-size: 40px;}
	.history-tab-left .year{font-size: 112px;}
	.history-tab-left .list-txt{margin-top: 35px;}
	.history-tab-left .list-txt li b{top: 2px; font-size: 17px;}
	.history-tab-left .list-txt li p{font-size: 17px;}
	.history-tab-left .list-txt li p span{font-size: 15px;}
}
@media all and (max-width:800px){
	.history-page{padding-bottom: 50px;}
	.history-tbl-inner{padding: 45px 0;}
	#historyTabCon1 .history-tbl-inner{padding: 60px 0;}

	.history-tab-con01 .txt01{font-size: 25px;}
	.history-tab-con01 .txt02{margin-top: 25px; font-size: 120px;}
	.history-tab-con01 .txt03{margin-top: 25px; font-size: 30px;}
	.history-tab-con01 .txt04{margin-top: 10px; font-size: 19px;}

	.history-tab-left .tit{font-size: 30px;}
	.history-tab-left .year{margin-top: 10px; font-size: 80px;}
	.history-tab-left .more-btn{margin-top: 15px; min-width: 50px; padding: 13px 30px 9px 15px;}
	.history-tab-left .more-btn span{font-size: 12px;}
	.history-tab-left .more-btn i{right: 10px; margin-top: -6px; font-size: 13px;}
	.history-tab-left .list-txt{margin-top: 25px;}
	.history-tab-left .list-txt li{padding-left: 70px;}
	.history-tab-left .list-txt li + li{margin-top: 15px;}
	.history-tab-left .list-txt li b{top: 2px; font-size: 14px;}
	.history-tab-left .list-txt li p{font-size: 14px;}
	.history-tab-left .list-txt li p span{margin-top: 5px; font-size: 13px;}
	.history-tab-left .list-txt li p + p{margin-top: 10px;}

	.history-tab-right .bg01{top: -30px; right: 4%; height: 145px;}
	.history-tab-right .bg02{bottom: -30px; left: 17.3%; height: 145px;}
}

@media (max-height: 750px) and (min-width: 1221px){
	.history-tab-right .bg01{top: -75px; right: 4%; height: 230px;}
	.history-tab-right .bg02{bottom: -50px; left: 17.3%; height: 230px;}

	.history-tab-left{width: 50%; padding: 0 30px 0 11%;}
	.history-tab-right{width: 50%; padding-right: 15px;}

	.history-tab-con01 .txt01{font-size: 32px;}
	.history-tab-con01 .txt02{margin-top: 70px; font-size: 200px;}
	.history-tab-con01 .txt03{margin-top: 40px; font-size: 40px;}
	.history-tab-con01 .txt04{margin-top: 17px; font-size: 22px;}

	.history-tab-left .tit{font-size: 40px;}
	.history-tab-left .year{font-size: 112px;}
	.history-tab-left .list-txt{margin-top: 35px;}
	.history-tab-left .list-txt li b{top: 2px; font-size: 17px;}
	.history-tab-left .list-txt li p{font-size: 17px;}
	.history-tab-left .list-txt li p span{font-size: 15px;}
}



/* ****************** 01 회사소개 :: 04 2030 VISION ********************** */
/* 탭01 2030 VISION */
@media all and (max-width:1024px){
	.vision-con01{padding-top: 145px;}
	.vision-con01 .txt-img01,
	.vision-con01 .txt-img02{font-size: 105px;}
	.vision-con01 .txt-img01{padding-right: 160px;}
	.vision-con01 .txt-img02{padding-left: 160px;}
	/* .vision-con01 img{max-width: 65%; margin: 125px auto 120px;} */
}
@media all and (max-width:800px){
	.vision-con01{padding-top: 90px;}
	.vision-con01 .txt-img01,
	.vision-con01 .txt-img02{font-size: 65px;}
	.vision-con01 .txt-img01{padding-right: 100px;}
	.vision-con01 .txt-img02{padding-left: 100px;}
	/* .vision-con01 img{max-width: 85%; margin: 75px auto 70px;} */
	.vision-con01-img{margin-top: 75px; width: 320px; height: 318px;}
	.vision-con01-img .img{margin-top: -15px; margin-left: -40px; height: 31px;}
	.vision-con01-img .txt{width: 100px;}
	.vision-con01-img .txt.txt01{top: 45px; margin-left: 15px;}
	.vision-con01-img .txt.txt02{bottom: 30px; margin-left: -20px;}
	.vision-con01-img .txt.txt03{top: 130px; left: -5px;}
	.vision-con01-img .txt h5{font-size: 24px;}
	.vision-con01-img .txt p{margin-top: 5px; font-size: 14px;}

	.vision-con01-full-img{margin-top: 75px;}

	.vision-con02{margin-top: 70px;}
	.vision-con02-inner + .vision-con02-inner{margin-top: 85px;}
	.vision-item-tit:before,
	.vision-item-tit:after{top: 25px;}
	.vision-item-tit span{width: 80px; height: 66px;}
	.inner02 .vision-item-tit img{padding-left: 15px;}
	.vision-item-tit h5{margin-top: 15px; font-size: 35px;}
	.vision-item-sub-tit{margin-top: 25px; font-size: 23px;}
	.vision-item-sub-tit02{font-size:17px; margin-top:15px;}

	.vision-wrapper{margin: 30px auto;}
	.vision-list{margin: 0; display: block;}
	.vision-list-item{width: 100%; margin: 10px 0; padding: 25px 10px 30px;}
	.vision-list-item h5{font-size: 19px; display: block; height: auto;}
	.vision-list-item h5 b{display: block;}
	.vision-list-item p{margin-top: 15px; font-size: 15px;}

	.value-wrapper{margin: 40px auto;}
	.value-list{margin: 0; display: block;}
	.value-list-item{width: 100%; margin: 10px 0; padding: 25px 10px 30px;}
	.value-list-item h5{font-size: 19px;}
	.value-list-item p{margin-top: 15px; font-size: 14px;}
}
@media all and (max-width:640px){
	.vision-con01 .txt-img01{padding-right: 70px;}
	.vision-con01 .txt-img02{padding-left: 70px;}
}
@media all and (max-width:480px){
	.vision-con01 .txt-img01,
	.vision-con01 .txt-img02{font-size: 62px; text-align: center;}
	.vision-con01 .txt-img01{padding-right: 0;}
	.vision-con01 .txt-img02{padding-left: 0;}
}


/* 탭02 UNID CI소개 */
@media all and (max-width:1510px){
	.ci-con01-bottom{padding: 65px 4.5%;}
	.ci-con01-bottom dl{width: 50%;}
	.ci-con01-bottom dl + dl{margin-left: 5%; width: 45%;}
	.ci-con01-bottom dt{width: 120px;}
	.ci-con01-bottom dd{margin-left: 0; width: calc(100% - 125px);}
}
@media all and (max-width:1220px){
	.ci-download-btn-list{right: 30px;}
}
@media all and (max-width:1024px){
	.ci-con01-top{padding: 100px 0 60px;}
	.ci-download-btn-list{font-size: 0; position: static; width: 100%; margin-top: 60px; -webkit-transform: translateY(0); transform: translateY(0);}
	.ci-download-btn-item{display: inline-block;}
	.ci-download-btn-item + .ci-download-btn-item{margin-left: 15px; margin-top: 0;}
}
@media all and (max-width:800px){
	.ci-con01{margin-top: 35px;}
	.ci-con01-top{padding: 70px 20px 30px;}
	.ci-con01-top > img{max-width: 50%;}
	.ci-download-btn-list{margin-top: 50px;}
	.ci-download-btn-item{width: 30%; max-width: 220px;}
	.ci-download-btn-item + .ci-download-btn-item{}
	.ci-download-btn-item a{width: 100%; padding: 10px 13px 10px 10px;}
	.ci-download-btn-item a i, .ci-download-btn-item a b, .ci-download-btn-item a span{line-height: 24px;}
	.ci-download-btn-item a i{font-size: 15px;}
	.ci-download-btn-item a b{margin-left: 5px; font-size: 12px;}
	.ci-download-btn-item a span{font-size: 13px;}

	.ci-con01-bottom{padding: 35px 20px;}
	.ci-con01-bottom dl{display: block; width: 100%;}
	.ci-con01-bottom dl + dl{margin-left: 0; margin-top: 15px; width: 100%;}
	.ci-con01-bottom dt{font-size: 22px; width: 80px;}
	.ci-con01-bottom dd{margin-left: 0; font-size: 16px; width: calc(100% - 85px);}
}
@media all and (max-width:640px){
	.ci-con01-top > img{max-width: 60%;}
	.ci-download-btn-item{display: block; margin: 0 auto; width: 100%; max-width: none;}
	.ci-download-btn-item + .ci-download-btn-item{margin-left: 0; margin: 0 auto; margin-top: 10px;}
}



@media all and (max-width:1530px){
	.ci-con02-top .left h5{text-align: left;}
	.ci-con02-top .left br{display: none;}
	.ci-con02-bottom-box{padding: 95px 30px;}
}
@media all and (max-width:1220px){
	.ci-con02-top .left{padding: 0 4.5%;}
	.ci-color-bg{width: 155px;}
	.ci-color-txt{width: calc(100% - 205px);}

	.ci-logo-list li{width: 30%;}
	.ci-logo-list li.full{width: 40%;}
	.ci-logo-list li img{max-width: 80%;}
}
@media all and (max-width:1024px){
	.ci-con02{margin-top:170px;}
	.ci-con02-bottom{margin-top: 120px;}
	.ci-con02-bottom-box{padding: 95px 0;}
	.ci-con02-bottom-item {padding: 0 3.5%;}
	.ci-color-bg{width: 130px;}
	.ci-color-txt{margin-left: 20px; width: calc(100% - 150px);}
}
@media all and (max-width:800px){
	.ci-con02{margin-top: 105px;}
	.ci-con02-top .left{margin-bottom: 30px; width: 100%; padding: 0;}
	.ci-con02-top .left h5{font-size: 25px; letter-spacing: -0.75px;}
	.ci-con02-top .left p{margin-top: 10px; font-size: 14px; letter-spacing: -0.65px;}
	.ci-con02-top .right{width: 100%; padding-left: 0;}
	.ci-con02-top .right ul li{padding-left: 35px; font-size: 13px;}
	.ci-con02-top .right ul li + li{margin-top: 15px;}
	.ci-con02-top .right ul li span{top: -3px; width: 25px; height: 25px; line-height: 25px; font-size: 12px; text-indent: -3px;}

	.ci-con02-bottom{margin-top: 70px;}
	.ci-con02-inner + .ci-con02-inner{margin-top: 35px;}
	.ci-con02-inner > .tit{font-size: 15px;}
	.ci-con02-bottom-box{padding: 40px 20px; margin-top: 15px;}
	.ci-con02-bottom-item{width: 100%; padding: 0;}
	.ci-con02-bottom-item + .ci-con02-bottom-item{margin-top: 30px;}
	.ci-color-bg{width: 100px; height: 50px;}
	.ci-color-txt{margin-left: 15px; width: calc(100% - 115px);}
	.ci-color-txt h5{font-size: 15px; letter-spacing: -0.75px;}
	.ci-color-txt h5 b{margin-bottom: 10px; font-size: 20px;}
	.ci-color-txt dl{margin-top: 20px; font-size: 0;}
	.ci-color-txt dl + dl{margin-top: 7px;}
	.ci-color-txt dl dt, .ci-color-txt dl dd{font-size: 12px;}
	.ci-color-txt dl dt{width: 90px;}
	.ci-color-txt dl dd{width: calc(100% - 90px);}

	.ci-logo-list{display: flex; flex-wrap: wrap; align-items: center;}
	.ci-logo-list li{width: 50%; text-align: center;}
	.ci-logo-list li.full{margin-bottom: 30px; width: 100%; padding: 0;}
	.ci-logo-list li:nth-child(2){padding-left: 0;}
	.ci-logo-list li:nth-child(3){text-align: center; padding-right: 0;}
	.ci-logo-list li img{max-width: 80%;}
	.ci-logo-list li.full img{max-width: 55%;}
}


/* ****************** 01 회사소개 :: 06 글로벌 네트워크 ********************** */
@media all and ( max-width: 1530px ){
	/* 지도 */
	.sub-global-map{height: 0; padding-top: 50.26%;}
	.sub-global-map .bg{left: 0; margin-left: 0; width: 100%; height: 100%;}

	/* .global-bottom-con {transform: scale(0.95); transform-origin: top;} */
	.global-circle.cir01{margin-left: -37.7%; margin-top: -7.4%;}
	.global-circle.cir02{margin-left: -25.3%; margin-top: -1%;}
	.global-circle.cir03{margin-left: -16.8%; margin-top: 2%;}
	.global-circle.cir04{margin-left: -16.2%; margin-top: 7%;}
	.global-circle.cir05{margin-left: -15%; margin-top: -1.7%;}
	.global-circle.cir06{margin-left: -13.7%; margin-top: -2.5%;}
	.global-circle.cir07{margin-left: -13%; margin-top: 1%;}
	.global-circle.cir08{margin-left: -8%; margin-top: -5.9%;}
	.global-circle.cir09{margin-left: 25%; margin-top: -3.7%;}
	.global-circle.cir10{margin-left: 30.2%; margin-top: 8.5%;}
	.global-circle.cir11{margin-left: -13%; margin-top: -3.7%;}
	.global-circle.cir12{margin-left: -14.8%; margin-top: -4%;}
	.global-circle.cir13{margin-left: -16.5%; margin-top: -2.9%;}
	.global-circle.cir14{margin-left: -3.6%; margin-top: -4.3%;}
}
@media all and ( max-width: 1366px ){
	.global-bottom-con{display: none;}
	#tabGlobalCon02 .sub-global-map-m{margin-top: 40px; display: block; text-align: center; padding: 0 15px;}
	.sub-global-map-m img{max-width: 100%; display: inline-block; height: auto;}
}
@media all and ( max-width: 1220px ){
	/* 해외 네트워크 */
	.global-top-tbl th{width: 190px; padding: 0 15px 0 30px;}
	.global-top-tbl td{width: calc(100% - 190px);}

	/* 지도 */
	.global-bottom-con01{transform: scale(0.9); transform-origin: top;}
	#tabGlobalCon01{padding-bottom: 0px;}
}
@media all and ( max-width: 1024px ){
	/* 지도 */
	/* .global-bottom-con {transform: scale(0.7);} */
	.global-bottom-con01{transform: scale(0.8);}
}
@media all and ( max-width: 800px ){
	/* 해외 네트워크 */
	#tabGlobalCon02{padding-bottom: 45px;}
	.global-top-con{padding: 0 20px;}
	.global-top-tbl,
	.global-top-tbl tbody,
	.global-top-tbl tr,
	.global-top-tbl th,
	.global-top-tbl td{display: block;}
	.global-top-tbl th, .global-top-tbl td{padding: 0;}
	.global-top-tbl tr{padding: 20px 0;}
	.global-top-tbl th{font-size: 14px; width: 100%; padding: 0;}
	.global-top-tbl td{margin-top: 10px; width: 100%;}
	.global-top-tbl td ul{margin: -4px;}
	.global-top-tbl td ul li{margin: 4px; margin-right: 50px;}
	.global-top-tbl tr:first-child td ul li{margin-right: 50px;}
	.global-top-tbl td ul li:before{margin-top: -5px; right: -26px; width: 2px; height: 10px;}
	.global-top-tbl tr:first-child td ul li:before{right: -24px;}
	.global-top-tbl td ul li a{font-size: 13px;}
	.global-top-tbl td ul li a b{font-size: 13px;}

	/* 팝업 */
	.popup-global-con{padding: 30px 20px;}
	.popup-global-con .modal-close-btn {top: 15px; right: 3.8%;}
	.popup-global-con .modal-close-btn i{font-size:28px;}
	.popup-global-info{width: 100%; padding-right: 0;}
	.popup-global-info .tit{font-size: 22px; padding-right: 40px;}
	.popup-global-info .sub-tit{margin-top: 7px; font-size: 14px;}
	.popup-global-info .txt{margin: 7px 0 12px; font-size: 17px;}
	.popup-global-info dl{padding-left: 40px;}
	.popup-global-info dl + dl{margin-top: 5px; padding-left: 35px;}
	.popup-global-info dl + dl + dl{padding-left: 40px;}
	.popup-global-info dt, .popup-global-info dd{font-size: 14px;}
	.popup-global-info .link-btn{margin-top: 15px; padding: 10px 15px; min-width: 50px; font-size: 12px;}
	.popup-global-img{margin-top: 20px; width: 100%; text-align: center;}
	.popup-global-img img{max-width: 100%; width: auto; display: inline-block;}

	/* 지도 */
	.global-bottom-con01{display: none;}
	.sub-global-map-m{margin-top: 40px; display: block; text-align: center; padding: 0 15px;}

	/* 국내 사업장 */
	#tabGlobalCon01{padding: 0 15px; padding-bottom: 45px;}
	.domestic .global-top-tbl tr td ul li{margin: 4px 25px;}
	.domestic .global-top-tbl tr td ul li:before{right: -26px;}
	.domestic .global-top-tbl tr{padding: 15px 0;}
	.domestic .global-top-tbl td{margin-top: 0;}

	/* 지도 */
	.global-bottom-con01{margin-top: 25px; transform: none;}
	.sub-global-map01{height: 0; padding-top: 91.13%;}
	.sub-global-map01 .bg{left: 0; margin-left: 0; width: 100%; height: 100%;}

	.domestic-circle.cir01{margin-left: -11%; margin-top: -32%;}
	.domestic-circle.cir02{margin-left: -8%; margin-top: -29%;}
	.domestic-circle.cir03{margin-left: -15%; margin-top: -4%;}
	.domestic-circle.cir04{margin-left: 22%; margin-top: 2%;}
}


/* ****************** 01 회사소개 :: 07 영업소 ********************** */
@media all and (max-width:1024px){
	#mapImageCon{margin-top:0}
	.store-list-style05-map .map-search-con{padding:0 15px;}
	.store-list-style05-map .map-search-sec{padding:45px 0;}
}
@media all and (max-width:800px){
	.cm-company-store-tit{font-size: 17px;}
	/* 화학사업부 */
	.store-con01{padding-right: 15px; padding-top: 0; overflow: hidden;}

	/* 보드사업부 */
	.store02-con01{padding-right: 15px; padding-top: 35px; overflow: hidden;}
	.store-table th{padding: 15px 5px; font-size: 14.5px;}
	.store-table td{padding: 10px 5px; font-size: 14px;}

	.store02-con02{padding-top: 55px;}
	#mapResultList {padding-right: 15px; margin-top: 40px; overflow: hidden;}
	#mapImageCon{float:none; padding-left: 0; margin:0 auto;}
	#mapImageCon img{position:relative; left:50%; transform:translateX(-50%)}
	#storeSearchCon {float:none; width:100%; margin-left: 0; margin-top: 20px;}
	.store-list-style05-map .map-search-sec{padding:15px 0;}
	.store-list-style05-map .map-search-sec.txt-box{display:none}
	.store-list-style05-wrapper .map-search-tit{font-size:16px; margin-bottom:10px;}
	.store-list-style05-wrapper .map-search-sub-txt{font-size:13px; word-break:keep-all}
	/* 지도 :: 검색 */
	.store-list-style05-map .map-search-sec .map-search-tit{display:none;}
	.store-list-style05-map .store-search-tbl tr,
	.store-list-style05-map .store-search-tbl th,
	.store-list-style05-map .store-search-tbl td{display:block; text-align:left;}
	.store-list-style05-map .store-search-tbl td input[type="text"],
	.store-list-style05-map .store-search-tbl td select{height:30px}
	.store-list-style05-map .search-btn{height:30px; line-height:30px;}
}
@media all and (max-width:480px){
	#mapImageCon img{transform:translateX(-50%) scale(0.8)}
	#storeSearchCon{margin-top:0}
}


/* ****************** 02 사업부소개 :: 01 화학사업부(CA) :: 01 사업소개 ********************** */
@media all and ( max-width: 1380px ){
	.ca-process-box02 .prc-group{width: 100%;}
}
@media all and ( max-width: 1336px ){
	.ca-process-box{text-align: center; padding: 85px 35px 85px 20px;}
	.ca-process-box .img-group{}
	.ca-process-box .custom-scrollbar-wrapper{position:relative; margin-right:-15px; cursor:move;}
	.ca-process-box .cm-cursor-icon{display: block;}
	.ca-process-box .custom-scrollbar-wrapper .scroll-object{max-width:none; width:1201px;}
	/* .ca-process-box .m-img{display: inline-block; max-width: 100%; height: auto;} */
}
@media all and ( max-width: 1220px ){
	.ca-process-box02 .prc-group li .img1-1 {margin: 0 35px 0 45px;}
	.ca-process-box02 .prc-group li .img1-2{margin: 0 45px 0 35px;}
	.ca-process-box02 .prc-group li .img3-1{margin: 0 30px;}
	.ca-process-box02 .prc-group li .img3-2{margin: 0 15px;}
}
@media all and ( max-width: 1024px ){
	.cm-prd-list{margin: -10px;}
	.cm-prd-item,
	.col-5 .cm-prd-item{width: calc(33.33% - 20px); margin: 10px;}

	.ca-process-box02{text-align: center; padding: 80px 35px 80px 20px;}
	.ca-process-box02 .custom-scrollbar-wrapper{position:relative; margin-right:-15px; cursor:move;}
	.ca-process-box02 .cm-cursor-icon{display: block;}
	.ca-process-box02 .scroll-object{max-width:none; width:1260px;}
	.ca-process-box02 .prc-group{}
	/* .ca-process-box02 .m-img{display: inline-block; max-width: 100%; height: auto;} */

	.cm-product-view-item.txt-img{padding-right: 39%;}
	.cm-product-right-img{margin-top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 35%; height: auto;}
	.cm-product-right-img span{width: 100%; height: 0; padding-top: 52.4%;}

	.img-txt-item-img{width: 35%;}
	.img-txt-item-img div{position: relative; width: 100%; height: 0; padding-top: 101.8%;}
	.img-txt-item-txt{width: 65%;}
}
@media all and ( max-width: 800px ){
	.business-list-page{padding-bottom: 65px;}
	.ca-con01{padding: 40px 30px 45px; background: none; padding: 0;}
	.ca-con01-img{display: block; position: relative; height: 0; padding-top: 52.83%;}
	.ca-con01-txt{margin-top: 25px;}
	.ca-con01-txt .tit{font-size: 26px;}
	.ca-con01-txt .txt{margin-top: 15px; font-size: 15px;}
	.ca-con01-txt .txt br{display: none;}

	.ca-con01-btn{margin-top: 15px; position: static; width: 200px; width: 100%; padding: 5px 15px 5px 20px; padding: 0;}
	.ca-con01-btn a{width: 100%; height: 60px; border-bottom: 1px solid #dbdbdb;}
	.ca-con01-btn a span{padding: 0 45px 0 10px; font-size: 15px;}
	.ca-con01-btn a em{margin-top: -10px; right: 10px; width: 26px; height: 20px; text-align: center; display: block;}
	.ca-con01-btn a em:before{-webkit-box-shadow: 6px 6px 0 0 rgba(0,0,0,0.1); box-shadow: 6px 6px 0 0 rgba(0,0,0,0.1);}
	.ca-con01-btn a em i{font-size: 13px; line-height: 20px;}

	.cm-prd-list-con{margin-top: 45px; padding: 30px 0 25px;}
	.cm-prd-list{margin: -10px;}
	.cm-prd-item,
	.col-5 .cm-prd-item{width: calc(50% - 20px); margin: 10px;}
	.cm-prd-txt{margin-top: 10px; font-size: 14px;}

	.ca-con02{padding-top: 70px;}
	.cm-product-tit02{margin-bottom: 15px; padding-left: 13px; font-size: 20px;}
	.cm-product-tit02:before{top: -2px; width: 8px; height: 10px; -webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.1); box-shadow: 3px 3px 0 0 rgba(0,0,0,0.1);}
	.ca-con02-tit .sub-tit{font-size: 18px;}
	.ca-con02-tit .txt{margin-top: 10px; font-size: 14px;}

	.ca-process-box{/* padding: 55px 20px; */ padding: 40px 35px 40px 20px; margin-top: 15px;}

	.ca-process-box02{/* padding: 40px 20px; */ padding: 40px 35px 40px 20px;}

	.ca-step-list li{margin-top: 35px; padding-left: 60px;}
	.ca-step-list li + li{margin-top: 25px;}
	.ca-step-list li span{font-size: 35px; top: -7px;}
	.ca-step-list li h5{margin-bottom: 10px; font-size: 17px;}
	.ca-step-list li p{padding-left: 15px; font-size: 14px;}
	.ca-step-list li p + p{margin-top: 12px;}
	.ca-step-list li p:before{top: 5px; width: 5px; height: 8px;}

	.cm-product-view-item + .cm-product-view-item{margin-top: 45px;}
	.cm-product-view-item .tit{padding-left: 12px; font-size: 18px;}
	.cm-product-view-item .tit:before{top: 8px; width: 4px; height: 4px;}
	.cm-product-view-item .sub-tit{margin-top: 10px; font-size: 14px;}
	.cm-product-view-item .table-tit{margin-top: 15px; font-size: 14px;}
	.cm-product-view-item table{margin-top: 10px;}

	.cm-product-view-item.txt-img{position: static; padding-right: 0;}
	.cm-product-right-img{margin-top: 15px; position: static; -webkit-transform: translateY(0); transform: translateY(0); width: 100%;}

	.cm-product-view-item.img-txt-item{display: block;}
	.cm-product-view-item.img-txt-item + .cm-product-view-item.img-txt-item{margin-top: 40px;}
	.img-txt-item-img{margin: 0 auto; margin-top: 20px; width: 100%; max-width: 332px; display: block !important;}
	.img-txt-item-txt{padding-left: 0 !important; width: 100%; display: block !important;}
	.img-txt-item-txt .tit{height: 25px; padding-left: 0  !important;}
	.img-txt-item-txt .sub-tit{margin-top: 15px !important; font-size: 15px;}
	.img-txt-item-txt .txt{margin-top: 10px; font-size: 14px;}
	.img-txt-item-txt .txt span{margin-top: 7px; font-size: 13px;}


}

@media all and ( max-width: 1530px ){
	.bt-process-box .img-group02 .img01{left: 30px;}
	.bt-process-box .img-group02 .img01-arrow{left: 505px;}
	.bt-process-box .img-group02 .img02{left: 684px;}
	.bt-process-box .img-group02 .img02-arrow{left: 975px;}
	.bt-process-box .img-group02 .img03{left: 684px;}
	.bt-process-box .img-group02 .img03-arrow{left: 480px;}
	.bt-process-box .img-group02 .img04{left: 30px;}
}
@media all and ( max-width: 1480px ){
	.bt-process-box .img-group02{-webkit-transform: scale(0.9); transform: scale(0.9); transform-origin: top center;}
	.bt-process-box .img-group02 .img01{left: 0;}
	.bt-process-box .img-group02 .img01-arrow{left: 475px;}
	.bt-process-box .img-group02 .img02{left: 674px;}
	.bt-process-box .img-group02 .img02-arrow{left: 965px;}
	.bt-process-box .img-group02 .img03{left: 664px;}
	.bt-process-box .img-group02 .img03-arrow{left: 470px;}
	.bt-process-box .img-group02 .img04{left: 0;}
}
@media all and ( max-width: 1420px ){
	.bt-process-box .img-group02{-webkit-transform: scale(0.8); transform: scale(0.8); margin-left: -20px; height: 620px;}
}
@media all and ( max-width: 1366px ){
	.bt-process-box .img-group02{margin-left: -40px;}
}
@media all and ( max-width: 1320px ){
	.bt-process-box .img-group02{margin-left: -50px;}
}
@media all and ( max-width: 1280px ){
	.bt-process-box .img-group02{-webkit-transform: scale(0.7); transform: scale(0.7); height: 560px;}
}
@media all and ( max-width: 1220px ){
	.bt-con01-img{top: -130px; width: 155px;}

	.bt-process-box .img-group02{margin-left: -60px;}
}
@media all and ( max-width: 1180px ){
	.bt-process-box .img-group02{margin-left: -80px;}
}
@media all and ( max-width: 1140px ){
	.bt-process-box .img-group02{margin-left: -100px;}
}
@media all and ( max-width: 1080px ){
	.bt-process-box .img-group02{-webkit-transform: scale(0.65); transform: scale(0.65); margin-left: -120px; height: 500px;}
}
@media all and ( max-width: 1024px ){
	/* bt ver. */
	.ca-con01.bt-con01 {padding: 120px 5.6% 80px;}
	.bt-con01-img{top: -60px; width: 130px;}

	.bt-process-box{padding: 60px 20px 70px;}
	.bt-process-box .img-group02{display: none;}
	.img-group02-m{display: block;}
	.img-group02-m .img{text-align: center;}
	.img-group02-m .img img{display: inline-block; max-width: 100%; height: auto;}
	.img-group02-m .img01-arrow{margin: 60px auto 20px;}
	.img-group02-m .img01-arrow img{-webkit-transform: rotate(90deg); transform: rotate(90deg);}
	.img-group02-m .img02-arrow{margin: 60px auto 20px;}
	.img-group02-m .img02-arrow img{-webkit-transform: rotate(90deg); transform: rotate(90deg);}
	.img-group02-m .img03-arrow{margin: 60px auto 20px;}
	.img-group02-m .img03-arrow img{-webkit-transform: rotate(90deg); transform: rotate(90deg);}
	.img-group02-m span{display: block; margin: 10px auto; width: 30px; height: 30px; font-size: 16px; color: #fff; line-height: 30px; text-align: center; background-color: #0e6e39; -webkit-border-radius: 100%; border-radius: 100%;}
	.img-group02-m p{font-size: 24px; line-height: 1.3; font-weight: 500; letter-spacing: -0.5px; color: #000; text-align: center;}
}
@media all and ( max-width: 800px ){
	/* bt ver. */
	.ca-con01.bt-con01 {padding: 80px 30px 160px; padding: 0px;}
	.bt-con01 .ca-con01-txt .tit{color: #000;}
	.bt-con01 .ca-con01-txt .txt{color: #303030;}

	.bt-con01-img{top: -30px; right: 20px; width: 80px; filter: drop-shadow(12px 12px 15px rgba(0,0,0,0.24));}

	.bt-process-box{padding: 30px 20px 35px; margin-top: 15px;}
	.img-group02-m .img01 img,
	.img-group02-m .img04 img{max-width: 80%;}
	.img-group02-m span{margin: 10px auto; width: 24px; height: 24px; font-size: 13px; line-height: 24px;}
	.img-group02-m .img01 span,
	.img-group02-m .img04 span{margin: -15px auto 10px;}
	.img-group02-m p{font-size: 17px;}
	.img-group02-m .img01-arrow,
	.img-group02-m .img02-arrow,
	.img-group02-m .img03-arrow{margin: 40px auto 10px;}
	.img-group02-m .img01-arrow img,
	.img-group02-m .img02-arrow img,
	.img-group02-m .img03-arrow img{width: 60px;}
}
/* // */


/* ****************** 03 투자정보 :: 01 경영정보 ********************** */
@media all and ( max-width: 800px ){
	/* 회사정관 및 기타규정 */
	.ir-info-con01{margin-top: 35px;}

	/* 주주 */
	.ir-info02-con01{margin-top: 70px;}
	.ir-info02-con01 .cm-product-tit02 span{margin-left: 8px; font-size: 14px;}
	.ir-info02-con01-img{margin-top: 40px; height: 270px;}
	.ir-info02-con01-img img{max-width: 55%;}

	.ir-info02-con02{margin-top: 75px;}
	.ir-info02-con02-item + .ir-info02-con02-item{margin-top: 45px;}
	.ir-info02-info{margin-top: 0; padding-right: 0; overflow: hidden;}
}
@media all and ( max-width: 640px ){
	.ir-info02-con01-img img{max-width: 65%;}
}
@media all and ( max-width: 480px ){
	.ir-info02-con01-img{margin-top: 20px;}
	.ir-info02-con01-img img{max-width: 85%;}
}


/* ****************** 03 투자정보 :: 02 재무정보 ********************** */
@media all and ( max-width: 800px ){
	#financialInfo01, #financialInfo02{margin-top: 50px;}
}


/* ****************** 02 사업소개 ********************** */
@media all and ( max-width: 1220px ){
	.product-view-txt{padding: 0 6%; padding-right: 0;}
}
@media all and ( max-width: 1024px ){
	.product-view-tab-con .product-view-con01{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 55px;}
	.product-view-img{width: 100%;}
	.product-view-img img{width: 100%; height: auto;}
	.product-view-txt{margin-top: 30px; width: 100%; padding: 0 15px;}

	.product-view-con02-list{margin: 0 -1.2%;}
	.product-view-con02-item{width: 30.93%; margin: 0 1.2%;}

	.product-view-con03-item{width: 30.93%;}
}
@media all and ( max-width: 800px ){
	/* 탭01 */
	.sub-tab-con.tab-none{margin-top: -70px;}
	.product-view-tab-con{}
	.product-view-tab-con > div{padding-top: 60px;}
	.product-view-tab-con .product-view-con01{padding-top: 0;}

	.cm-product-tit{margin-bottom: 30px;}
	.cm-product-tit h5{padding-left: 13px; font-size: 23px;}
	.cm-product-tit h5:before{top: -2px; width: 10px; height: 10px; -webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.1); box-shadow: 3px 3px 0 0 rgba(0,0,0,0.1);}

	/* 라인업 소개 타이틀 ver */
	.cm-product-tit.link-tit a:before{top: -2px; left: -15px; width: 8px; height: 10px; -webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.1); box-shadow: 3px 3px 0 0 rgba(0,0,0,0.1);}
	.cm-product-tit.link-tit i{top: -3px; margin-left: 5px;}
	/* // */

	.product-view-txt .tit{font-size: 40px;}
	.product-view-txt .sub-tit{margin-top: 10px; font-size: 23px;}
	.product-view-txt .txt{margin-top: 15px; font-size: 18px;}

	.product-view-tab-con .product-view-con02{padding-top: 0px;}
	.product-view-con02-item{padding: 30px 10px;}
	.product-view-con02-item img{height: 40px;}
	.product-view-con02-item h5{margin-top: 20px; font-size: 16px;}

	.product-view-tab-con .product-view-con03{padding-top: 75px;}

	.product-view-sub-tit{margin-top: -10px; font-size: 15px;}
	.product-view-con03-tit{margin: 35px 0 15px; padding-left: 12px; font-size: 16px;}
	.product-view-con03-tit:before{top: 5px; width: 4px; height: 4px;}

	.product-view-con03-item{width: 47.6%;}
	.product-view-con03-item .txt{margin: 15px 0 20px;}
	.product-view-con03-item .txt p{font-size: 14px;}

	.product-view-tab-con .product-view-con04{padding-top: 0px;}

	.product-view-tab-con .product-view-con05{padding-top: 0px;}
	.product-view-con05 .bt-certification-con01, .product-view-con05 .ca-certification-con01 {margin-top: -25px;}
	.product-view-con05 .report-con01-txt .tit{margin: 5px 0; height: 61px;}
	.product-view-con05 .report-con01-txt .tit h5{font-size: 14px;}
	.product-view-con05 .report-con01-txt .tit h5 b{max-height: 56px;}

	.product-btn-list li{width: 160px; margin: 0 12px;}
	.product-btn-list li a{height: 60px;}
	.product-btn-list li a span{padding: 0 20px; font-size: 14px;}
	.product-btn-list li a em{margin-top: -10px; right: -12px; width: 26px; height: 20px;}
	.product-btn-list li a em:before{-webkit-box-shadow: 6px 6px 0 0 rgba(0,0,0,0.1); box-shadow: 6px 6px 0 0 rgba(0,0,0,0.1);}
	.product-btn-list li a em i{font-size: 13px; line-height: 20px;}
}
@media all and ( max-width: 480px ){
	.product-view-con02-list{margin: -5px -1.2%;}
	.product-view-con02-item{width: 97.6%; margin: 5px 1.2%;}
	.product-view-con03-item{width: 97.6%;}

	.product-view-tab-con .product-view-con05{padding-top: 80px;}
	.product-btn-list li{width: calc(100% - 10px); padding-right: 10px; margin: 5px 0;}
}


/* ****************** 03 투자정보 :: 04 공시자료 ********************** */
@media all and (max-width:800px){
	/* 전자공고 */
	.ir-public-info-con01{margin-top: 55px;}

	/* 공시정보 관리규정 */
	.ir-public-info-con02{margin-top: 65px;}
	.public-info-policy-box{padding: 25px 20px;}
	.public-info-policy-scroll{height: 350px;}
	.public-info-policy-top{padding: 10px 3%;}
	.public-info-policy-top h5{font-size: 19px;}
	.public-info-policy-bottom{padding: 25px 3% 0;}
	.public-info-policy-bottom + .public-info-policy-top{margin-top: 30px;}
	.public-info-policy-item + .public-info-policy-item{margin-top: 25px;}
	.public-info-policy-item .tit{padding-bottom: 10px;}
	.public-info-policy-item .tit h5{padding-left:15px; font-size: 16px;}
	.public-info-policy-item .tit h5:before{top: 7px; left: 2px; width: 5px; height: 5px;}
	.public-info-policy-item p{margin-top: 10px; font-size: 14px;}
}


/* ****************** 03 투자정보 :: 05 IR자료실 ********************** */
@media all and (max-width:800px){
	.ir-data-con01{margin-top: 50px;}
}


/* ****************** 04 지속가능경영 :: 01 윤리경영 ********************** */
/* 윤리경영 */
@media all and ( max-width:1530px ){
	.ethical-con02-item p br{display: none;}
}
@media all and ( max-width:1024px ){
	.ethical-con02-item a{padding: 0 45px 0 25px;}
	.ethical-con02-item a i{right: 20px;}
}
@media all and ( max-width: 800px ){
	.ethical-con01{margin-top: 45px;}
	.ethical-con01-txt01, .ethical-con01-txt02, .ethical-con01-txt03{margin-top: 10px; font-size: 14px;}
	.ethical-con02{margin-top: 35px;}
	.ethical-con02-list{margin: -10px 0;}
	.ethical-con02-item{width: 100%; margin: 10px 0; padding: 30px 20px;}
	.ethical-con02-item .txt{}
	.ethical-con02-item h5{font-size: 19px;}
	.ethical-con02-item p{margin-top: 10px; padding-bottom: 0; font-size: 14px;}
	.ethical-con02-item a{margin-top: 15px; padding: 0 35px 0 15px; height: 45px;}
	.ethical-con02-item a span{font-size: 14px;}
	.ethical-con02-item a i{margin-top: -7.5px; right: 15px; font-size: 15px;}
}

/* 신문고 */
@media all and ( max-width:1024px ){
	.accusation-con02-btn li a{padding: 0 45px 0 25px;}
	.accusation-con02-btn li a i{right: 20px;}
}
@media all and ( max-width: 800px ){
	.accusation-con01{margin-top: 50px;}
	.accusation-con01-txt01{margin-bottom: 15px; font-size: 22px;}
	.accusation-con01-txt02, .accusation-con01-txt03{margin-top: 10px; font-size: 14px;}
	.accusation-con02{margin-top: 20px;}
	.accusation-con02-txt01{font-size: 12px;}
	.accusation-con02-box{padding: 40px 15px 35px; margin-top: 10px;}
	.accusation-con02-btn{margin: -5px 0;}
	.accusation-con02-btn li{margin: 5px 0; width: 100%;}
	.accusation-con02-btn li a{padding: 0 35px 0 15px; height: 45px;}
	.accusation-con02-btn li a span{font-size: 14px;}
	.accusation-con02-btn li a i{margin-top: -7.5px; right: 15px; font-size: 15px;}
	.accusation-con02-txt02{margin-top: 25px; font-size: 14px;}
	.accusation-con02-txt03{margin-top: 10px; font-size: 14px;}
}


/* ****************** 04 지속가능경영 :: 03 안전환경영영 ********************** */
/* 환경경영 활동 */
@media all and ( max-width:1024px ){
	.safety02-img-box{padding: 0;}
}
@media all and ( max-width: 800px ){
	.safety02-con01{margin-top: 40px;}
	.safety02-con01-inner + .safety02-con01-inner{margin-top: 60px;}
	.safety02-sub-tit{margin-bottom: 10px; font-size: 14px;}
	.safety02-txt-box{padding: 20px 15px 20px 30px;}
	.safety02-txt-box + .safety02-txt-box{margin-top: 10px;}
	.safety02-txt-box dl{padding-left: 0;}
	.safety02-txt-box dl + dl{margin-top: 10px;}
	.safety02-txt-box dt{position: relative; width: 100%; font-size: 15px;}
	.safety02-txt-box dt:before{top: 7px; left: -10px; width: 4px; height: 4px;}
	.safety02-txt-box dd{margin-top: 10px; font-size: 14px;}

	.safety02-txt-box dd .year-txt{padding-left: 50px;}
	.safety02-txt-box dd .year-txt + .year-txt{margin-top: 12px;}
	.safety02-txt-box dd .year-txt span{width: 40px; height: 20px; font-size: 13px; line-height: 20px;}
	.safety02-txt-box dd .info-txt{padding-left: 35px;}
	.safety02-txt-box dd .info-txt + .info-txt{margin-top: 2px;}
	.safety02-img-box{margin-top: 50px; padding: 0;}
	.safety02-img-box ul li{width: 100%; margin: 10px 0;}
	.safety02-img-box ul li p{margin-top: 10px; font-size: 13px;}

	.safety02-year-box{padding: 50px 0; height: auto;}
	.safety02-year-box-inner dl{padding-left: 80px; padding-right: 0;}
	.safety02-year-box-inner dl + dl{margin-top: 15px;}
	.safety02-year-box-inner dt,
	.safety02-year-box-inner dd{font-size: 14px;}
	.safety02-year-box-inner dt{left: 0;}
}


/* 안전경영 활동 */
@media all and ( max-width:1530px ){
	.safety-con01-txt br{display: none;}
}
@media all and ( max-width:1220px ){
	.safety-con02-inner{padding: 100px 0;}
	.safety-con02-center{display: none; position: static; width: 100%; height: auto;}
	.safety-con02-center.m-ver{display: block;}
	.safety-con02-center img{width: 100%; display: block; margin: 0 auto; max-width: 356px;}
	.safety-con02-item{margin-top: 60px; position: relative; padding-left: 95px;}
	.safety-con02-item .num{bottom: auto !important; top: -22px !important; left: 0 !important; margin-left: 0 !important;}
	.safety-con02-item .txt{position: static; margin-left: 0 !important; width: 100% !important; text-align: left !important;}
	.safety-con02-item h5{padding-left: 20px !important;}
	.safety-con02-item p{position: relative !important; padding-left: 20px !important;}
	.safety-con02-item p .pc-br{display: none;}
	.safety-con02-item p:before{position: absolute !important; top: 1px !important; left: 0 !important; margin-right: 0;}
}
@media all and ( max-width:1024px ){
	.safety-con01-list{margin: -10px 0;}
	.safety-con01-item, .safety-con01-item4{width: 100%; margin: 10px 0;}{width: 100%; margin: 10px 0;}

	.safety-con03-wrapper{padding: 0;}
}
@media all and ( max-width: 800px ){
	.safety-con01{margin-top: 35px;}
	.safety-txt{font-size: 14px;}
	.safety-tit{margin-top: 35px; margin-bottom: 10px; font-size: 18px;}
	.safety-con01-wrapper{margin-top: 25px;}
	.safety-con01-item{padding: 30px 20px 25px;}
	.safety-con01-img{margin: 0 auto 25px; width: 85px; height: 85px;}
	.safety-con01-img span{top: -8px; font-size: 17px;}
	.safety-con01-txt{font-size: 13px;}

	.safety-con02-inner{padding: 50px 0;}
	.safety-con02-center img{margin-bottom: 50px; width: 60%;}
	.safety-con02-item{margin-top: 30px; padding-left: 55px;}
	.safety-con02-item .num{top: -13px !important; width: 40px; height: 40px; text-indent: -3px; font-size: 17px; line-height: 40px;}
	.safety-con02-item .txt{position: static; margin-left: 0 !important; width: 100% !important; text-align: left !important;}
	.safety-con02-item h5{padding-left: 20px !important; margin-bottom: 10px; font-size: 16px;}
	.safety-con02-item p{padding-left: 20px !important; font-size: 13px; letter-spacing: -0.65px;}
	.safety-con02-item p + p{margin-top: 5px;}
	.safety-con02-item p:before{top: 0px !important; font-size: 12px;}

	.safety-con03{padding: 45px 0 50px;}
	.safety-con03-txt-box{margin-top: 25px; padding: 25px 20px;}
	.safety-con03-txt-box p{padding-left: 12px; font-size: 14px;}
	.safety-con03-txt-box p + p{margin-top: 5px;}
	.safety-con03-txt-box p:before{top: 6px; width: 4px; height: 4px;}
	.safety-con03-wrapper{margin-top: 25px;}
	.safety-con03-list{margin: -15px -7.5px;}
	.safety-con03-item{width: calc(50% - 15px); margin: 15px 7.5px;}
	.safety-con03-txt{padding: 7px 0; font-size: 14px;}
}



/* ****************** 04 지속가능경영 :: 04 사회공헌 ********************** */
@media all and ( max-width:1500px ){
	.contribution-con02-txt p .pc-br{display: none;}
}
@media all and ( max-width:1220px ){
	.contribution-con02-list{margin: -20px -1.7%;}
	.contribution-con02-item{margin: 20px 1.7%;}
	.contribution-con02-item.col-01{width: 96.6%;}
	.contribution-con02-item.col-02{width: 96.6%;}
	.col-01 .contribution-con02-img ul li{width: calc(50% - 10px);}
	.contribution-con02-txt p{margin-top: 25px; min-height: auto;}
	.contribution-con02-img{margin-top: 25px;}
}
@media all and ( max-width:800px ){
	.contribution-con01{margin-top: -10px;}
	.contribution-con01-top{margin-top: 50px;}
	.contribution-con01-tit{padding-top: 25px;}
	.contribution-con01-tit img{max-width: 80%;}
	.contribution-con01-txt{margin-top: 20px; font-size: 18px;}

	.contribution-con01-bottom{margin-top: 65px;}
	.contribution-txt{font-size: 14px;}
	.contribution-con01-bottom .safety-con03-txt-box{margin-top: 20px;}

	.contribution-con02{margin-top: 60px;}
	.contribution-con02-wrapper{padding: 15px 0 20px;}
	.contribution-con02-wrapper + .contribution-con02-wrapper{padding: 30px 0 45px; padding: 35px 0;}
	.contribution-con02-list{margin: -20px -1.7%;}
	.contribution-con02-item{margin: 20px 1.7%;}
	.contribution-con02-txt h5{padding-left: 85px; font-size: 16px;}
	.contribution-con02-txt h5 span{width: 70px; height: 20px; font-size: 13px; line-height: 20px;}
	.contribution-con02-txt h5.year2{padding-left: 160px;}
	.contribution-con02-txt h5.year2 span + span{left: 75px;}
	.contribution-con02-txt p{margin-top: 15px; font-size: 14px;}
	.contribution-con02-img{margin-top: 20px;}
	.contribution-con02-img ul{margin: -5px;}
	.contribution-con02-img ul li{width: calc(100% - 10px); margin: 5px;}
	.col-01 .contribution-con02-img ul li{width: calc(100% - 10px);}
	.contribution-con02-item.col-03 .contribution-con02-img ul{margin: -5px;}
	.contribution-con02-item.col-03 .contribution-con02-img ul li{margin: 5px; width: calc(100% - 10px);}
}

@media all and (max-width:1440px){
	.cont-con01-list{max-width: 1200px;}
	.cont-con01-item.item02{margin-left: -225px; width: 450px;}
}
@media all and (max-width:1220px){
	.cont-con01-list{display: none; position: static; max-width: 1370px; width: 100%; height: auto;}
	.cont-con01-list.m-ver{display: block;}
	.cont-con01-item{position: relative; margin: 15px auto;}
	.cont-con01-item.item02{margin-left: -275px; width: 550px;}
	.cont-con01-item.item03{}

	.cont-con01-item .arrow01,
	.cont-con01-item .arrow02{display: none;}
	.cont-con01-item .arrow03,
	.cont-con01-item .arrow04{position: absolute; left: 50%; margin-left: -5.5px; display: block; -webkit-transition:clip 1s 0.3s; transition:clip 1s 0.3s; z-index: 1;}
	.cont-con01-item .arrow03{bottom: -45px;}
	.cont-con01-item .arrow04{top: -45px;}
	.cont-con01-item .arrow03 img,
	.cont-con01-item .arrow04 img{width: 11px; height: 98px;}

	.cont-con01-item.item01 .arrow03 {clip:rect(0,98px,0,0);}
	.cont-con01-item.item03 .arrow04 {clip:rect(98px,98px,0,0);}

	.cont-con01-item.item01.aos-animate .arrow03 {clip:rect(0,98px,98px,0); transition-delay:0.2s;}
	.cont-con01-item.item03.aos-animate .arrow04 {clip:rect(0,98px,98px,0); transition-delay:0.2s;}
}
@media all and (max-width:800px){
	.contribution-con01-middle {margin-top: 50px;}
	.cont-con01-item{width: 100%; height: 200px;}
	.cont-con01-item h5{margin-top: 15px; font-size: 17px;}
	.cont-con01-item p{margin-top: 10px; font-size: 14px;}
	.cont-con01-item.item01,
	.cont-con01-item.item03,
	.cont-con01-item.item02{left: 0; margin-left: 0; width: 100%;}
	.item02 .cont-con01-icon img{height: 70px;}
	.cont-con01-item.item02 h5{margin: 15px 0; font-size: 23px;}
	.item01 .cont-con01-icon img,
	.item03 .cont-con01-icon img{height: 45px;}

	.cont-con01-item .arrow03,
	.cont-con01-item .arrow04{margin-left: -4px;}
	.cont-con01-item .arrow03{bottom: -45px;}
	.cont-con01-item .arrow04{top: -45px;}
	.cont-con01-item .arrow03 img,
	.cont-con01-item .arrow04 img{width: 8px; height: 71px;}
	.cont-con01-item.item01 .arrow03 {clip:rect(0,71px,0,0);}
	.cont-con01-item.item03 .arrow04 {clip:rect(71px,71px,0,0);}

	.cont-con01-item.item01.aos-animate .arrow03 {clip:rect(0,71px,71px,0);}
	.cont-con01-item.item03.aos-animate .arrow04 {clip:rect(0,71px,71px,0);}
}



/* ****************** 04 지속가능경영 :: 05 보고서/ESG결과 ********************** */
@media all and ( min-width: 801px ){
	.report-con01-txt .btn:hover{background-color: #b91e18;}
	.report-con01-txt .btn:hover .icon{background: url("../images/icon/icon_pdf_wh.png") center/cover no-repeat;}
	.report-con01-txt .btn:hover .txt{color: #fff;}
}
@media all and ( max-width: 1200px ){
	.report-con01-item{width: 15.6%;}
	.report-con01-list .report-con01-item:nth-child(6n+1):before{display: none;}
	.report-con01-list .report-con01-item:nth-child(5n+1):before{position: absolute; left: -60px; bottom: 20px; display: block; content: ''; width: 1630px; height: 260px; background-color: #f4f4f4;}
	.product-view-tab-con .report-con01-list .report-con01-item:nth-child(6n+1){clear: none;}
	.product-view-tab-con .report-con01-list .report-con01-item:nth-child(5n+1){clear: both;}
}
@media all and ( max-width: 1024px ){
	.report-con01-item{width: 20.6%;}
	.report-con01-list .report-con01-item:nth-child(5n+1):before{display: none;}
	.report-con01-list .report-con01-item:nth-child(4n+1):before{position: absolute; left: -60px; bottom: 20px; display: block; content: ''; width: 1630px; height: 260px; background-color: #f4f4f4;}
	.product-view-tab-con .report-con01-list .report-con01-item:nth-child(5n+1){clear: none;}
	.product-view-tab-con .report-con01-list .report-con01-item:nth-child(4n+1){clear: both;}
}
@media all and ( max-width: 800px ){
	.report-con01, .esg-con01{margin-top: 45px;}
	.report-con01-item{width: calc(33.33% - 20px); padding: 25px 10px;}
	.report-con01-list .report-con01-item:nth-child(4n+1):before{display: none;}
	.report-con01-list .report-con01-item:first-child:before,
	.report-con01-list .report-con01-item:nth-child(3n+1):before{position: absolute; left: -60px; bottom: 5px; display: block; content: ''; width: 1630px; height: 200px; background-color: #f4f4f4;}
	.report-con01-img{-webkit-box-shadow: 6px 6px 0px 0px rgba(0,0,0,0.05); box-shadow: 6px 6px 0px 0px rgba(0,0,0,0.05);}
	.report-con01-txt .tit{margin: 10px 0; height: 56px;}
	.report-con01-txt .tit h5{padding: 0 5px; font-size: 15px; line-height: 18px;}
	.report-con01-txt .tit h5 b{max-height: 53px;}
	.report-con01-txt .btn{height: 40px;}
	.report-con01-txt .btn .icon{width: 18px; height: 18px;}
	.report-con01-txt .btn .txt{margin-left: 7px; font-size: 11px; line-height: 40px;}
	.product-view-tab-con .report-con01-list .report-con01-item:nth-child(4n+1){clear: none;}
	.product-view-tab-con .report-con01-list .report-con01-item:nth-child(3n+1){clear: both;}
}
@media all and ( max-width: 640px ){
	.report-con01-item{width: calc(50% - 20px);}
	.report-con01-list .report-con01-item:nth-child(3n+1):before{display: none;}
	.report-con01-list .report-con01-item:nth-child(2n+1):before{position: absolute; left: -60px; bottom: 5px; display: block; content: ''; width: 1630px; height: 200px; background-color: #f4f4f4;}
	.product-view-tab-con .report-con01-list .report-con01-item:nth-child(3n+1){clear: none;}
	.product-view-tab-con .report-con01-list .report-con01-item:nth-child(2n+1){clear: both;}
}


/* ****************** 06 고객센터 :: 01 뉴스 ********************** */
@media all and ( max-width: 1220px ){
	.news-con01-item{width: 31.93%;}
}
@media all and ( max-width: 1024px ){
	.news-con01-item a{height: 420px;}
}
@media all and ( max-width: 800px ){
	.news-con01-wrapper{padding-top: 45px;}
	.news-con01-list{margin: -25px -10px;}
	.news-con01-item{width: calc(50% - 20px); margin: 25px 10px;}
	.news-con01-item a{height: 430px; padding: 25px 15px;}
	.txt-item a:after{display: none;}
	.news-con01-item a .new-bnr{top: -2px; right: 3px; width: 50px; height: 30px; font-size: 11px; line-height: 30px;}
	.news-con01-item a .new-bnr:before{width: 50px; height: 30px;}
	.news-con01-item a .new-bnr em{display: inline-block; position: relative; z-index: 1;}
	.news-con01-top{position: relative; padding-right: 90px;}
	.news-con01-top .date{width: 45px; text-align: center;}
	.news-con01-top .date span{font-size: 12px;}
	.news-con01-top .date b{margin-top: 5px; display: block; font-size: 33px; font-weight: 700; color: #006cc8;}
	.news-con01-top .category{top: 15px; font-size: 12px; padding: 0 2px 7px;}
	.news-con01-bottom{margin-top: 25px;}
	.img-item .news-con01-bottom{margin-top: 10px;}
	.news-con01-bottom .tit{font-size: 16px;}
	.news-con01-bottom .txt{margin-top: 15px; font-size: 12px; line-height: 1.9; height: 3.8em; -webkit-line-clamp: 2;}
	.news-con01-bottom .img{margin-bottom: 10px;}
}
@media all and ( max-width: 640px ){
	.news-con01-item a{height: 370px;}
}
@media all and ( max-width: 480px ){
	.news-con01-list{margin: -10px;}
	.news-con01-item{width: calc(100% - 20px); margin: 10px;}
	.news-con01-item a{height: 430px;}
}


/* ****************** 06 고객센터 :: 02 홍보동영상 ********************** */
@media all and ( max-width: 1024px ){
	.video-con01-left p{display: none;}

	.video-con02-list{margin: -30px -1.5%;}
	.video-con02-item{width: 30.33%; margin: 30px 1.5%;}
}
@media all and ( max-width: 800px ){
	.video-con01-left{position: static; float: none; width: 100%; padding-top: 0; padding: 25px; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.video-con01-tit{position: static;}
	.video-con01-left h5{font-size: 20px;}
	.video-con01-left p{margin-top: 15px; font-size: 15px;}
	.video-con01-tab{margin-top: 20px; position: static;}
	.video-con01-tab ul li + li{margin-top: 15px;}
	.video-con01-tab ul li a i{margin-right: 6px; font-size: 14px;}
	.video-con01-tab ul li:first-child a i{margin-right: 8px;}
	.video-con01-tab ul li a em{font-size: 12px;}

	.video-con01-right{margin-top: 15px; float: none; width: 100%;}
	.video-iframe-box{padding-top:55.92%;}

	.video-con02{padding-top: 50px; margin-top: 50px;}
	.video-con02-wrappaer{margin-bottom: 50px;}
	.video-con02-list{margin: -10px 0;}
	.video-con02-item{width: 100%; margin: 10px 0;}
	.video-con02-item p{margin-top: 10px; font-size: 14px;}
}


@media all and ( max-width: 1920px ){
	.intro-con01-inner:before{width: 66%;}
	.intro-con01-inner:after{left: 57%;}
}
@media all and ( max-width: 1530px ){
	.intro-con01-inner:before{width: 64%;}
	.intro-con01-inner:after{left: 61%;}
	.intro-con01-txt {width: 61%;}
	.intro-con01-txt .pc-br{display: none;}
	.intro-con01-btn {right: 30px;}
	.intro-con01-btn:before{left: 15px;}
	.intro-con01-btn.aos-animate:before{width: calc(100% - 230px);}

	.intro-con02 .area-box,
	.intro-con03 .area-box{padding: 0; margin: 0 30px; width: calc(100% - 60px);}
}
@media all and ( max-width: 1366px ){
	.intro-con02{padding: 150px 0 200px;}
	.intro-con03{padding: 120px 0 400px;}
	.intro-con03 .intro-con02-txt {padding-left: 0;}
	.intro-con02-txt .pc-br{display: none;}
	.intro-con02-img{-webkit-transform: scale(0.9); transform: scale(0.9); transform-origin: left;}
	.intro-con03-img{-webkit-transform: scale(0.9); transform: scale(0.9); transform-origin: right;}
}
@media all and ( max-width: 1220px ){
	.intro-con02{padding: 130px 0 170px;}
	.intro-con03{padding: 190px 0 450px;}
	.intro-con02-img{-webkit-transform: scale(0.8); transform: scale(0.8); transform-origin: left;}
	.intro-con03-img{-webkit-transform: scale(0.8); transform: scale(0.8); transform-origin: right;}
}
@media all and ( max-width: 1120px ){
	.intro-con02-img{-webkit-transform: scale(0.7); transform: scale(0.7); transform-origin: left;}
	.intro-con03-img{-webkit-transform: scale(0.7); transform: scale(0.7); transform-origin: right;}
}
@media all and ( max-width: 1024px ){
	.intro-con01{position: relative; padding-top: 600px; min-height: auto;}
	.intro-con01-bg{position: absolute; height: 600px; clip:rect(0,1920px,600px,1920px);}
	.intro-con01-bg.aos-animate {clip:rect(0,1920px,600px,0);}
	.intro-con01-inner .area-box {padding-top: 75px; padding-bottom: 20px;}
	.intro-con01-inner{position: relative; bottom: auto; top: -210px;}
	.intro-con01-inner:before{width: 100%;}
	.intro-con01-inner:after{left: 84%; width: 80px;}
	.intro-con01-txt{width: 100%;}
	.intro-con01-btn{position: relative; right: 0; bottom: auto; top: 100px; text-align: right;}
	.intro-con01-btn:before{left: 0;}
	.intro-con01-btn.aos-animate:before{width: calc(100% - 210px);}

	.intro-con02{padding: 0px 0 270px;}
	.intro-con03{padding: 190px 0 450px;}
	.intro-con02 .area-box,
	.intro-con03 .area-box{margin: 0 15px; width: calc(100% - 30px);}
	.intro-con02-img{-webkit-transform: scale(0.6); transform: scale(0.6); transform-origin: left;}
	.intro-con03-img{-webkit-transform: scale(0.6); transform: scale(0.6); transform-origin: right;}

	.intro-con04{padding: 120px 0 100px;}
	.intro-con04 .area-box{height: auto; display: block;}
	.intro-con04-top .tit{width: 100%; padding-right: 0; display: block;}
	.intro-con04-top .tit .pc-br{display: none;}
	.intro-con04-top .txt{margin-top: 20px; width: 100%; display: block;}
	.intro-con04-bottom{margin-top: 260px;}
	.intro-con04-list{margin: -3px 0;}
	.intro-con04-item{width: 100%; margin: 3px 0; padding: 50px 60px; text-align: left; font-size: 0;}
	.intro-con04-img{width: 120px; display: inline-block; vertical-align: middle; text-align: center;}
	.intro-con04-txtgroup{width: calc(100% - 120px); padding-left: 55px; display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.intro-con04-tit{margin-top: 0;}
	.intro-con04-txt{margin-top: 20px;}
}
@media all and ( max-width: 800px ){
	.intro-con01{padding-top: 300px;}
	.intro-con01-bg{height: 300px; clip:rect(0,1920px,300px,1920px);}
	.intro-con01-bg.aos-animate {clip:rect(0,1920px,300px,0);}
	.intro-con01-inner{top: -105px;}
	.intro-con01-inner:before{width: 100%;}
	.intro-con01-inner:after{left: 84%; width: 50px;}
	.intro-con01-inner .area-box{padding-top: 55px; padding-bottom: 10px;}
	.intro-con01-year{top: -86px; left: 15px;}
	.intro-con01-year p{font-size: 30px;}
	.intro-con01-year p b{font-size: 30px;}
	.intro-con01-txt .txt01{font-size: 16px;}
	.intro-con01-txt .txt02{margin-top: 20px; font-size: 14px;}
	.intro-con01-btn{top: 75px; right: 0;}
	.intro-con01-btn .btn .txt{font-size: 13px;}
	.intro-con01-btn .btn .cir{margin-left: 10px; width: 35px; height: 35px;}
	.intro-con01-btn .btn .cir i{font-size: 15px; line-height: 35px;}

	.intro-con01-btn.aos-animate:before{width: calc(100% - 180px);}

	.intro-con02{padding: 15px 0 45px;}
	.intro-con02-txt{margin-top: 25px; width: 100%; float: none;}
	.intro-con02-txt h5{font-size: 18px;}
	.intro-con02-txt p{margin-top: 20px; font-size: 14px;}
	.intro-con02-txt a{padding-left: 60px; margin-top: 30px;}
	.intro-con02-txt a:before,
	.intro-con02-txt a:after{position: absolute; top: 0; left: 0;}
	.intro-con02-txt a:before{top: 7px; left: 7px;}
	.intro-con02-txt a i{position: absolute; top: 0; left: 9px; font-size: 14px; line-height: 36px;}
	.intro-con02-txt a span{font-size: 11px; line-height: 36px;}

	.intro-con02-img .img01,
	.intro-con02-img .img02,
	.intro-con03-img .img01,
	.intro-con03-img .img02{display: none;}
	.intro-con02-img-m,
	.intro-con03-img-m{display: block; position: relative; width: 100%; height: 0; padding-top: 52.83%;}

	.intro-con03{padding: 45px 0 50px;}
	.intro-con03 .intro-con02-txt{margin-top: 25px; float: none;}

	.intro-con04{padding: 45px 0 50px;}
	.intro-con04-top .tit{font-size: 30px;}
	.intro-con04-top .txt .txt01{font-size: 18px;}
	.intro-con04-top .txt .txt02{margin-top: 15px; font-size: 14px;}
	.intro-con04-bottom{margin-top: 165px;}
	.intro-con04-item{width: 100%; margin: 3px 0; padding: 40px 30px;}
	.intro-con04-img{width: 60px;}
	.intro-con04-txtgroup{width: calc(100% - 60px); padding-left: 30px;}
	.intro-con04-img img{height: 40px;}
	.intro-con04-tit{font-size: 16px;}
	.intro-con04-txt{margin-top: 15px; font-size: 15px;}
}
@media all and ( max-width: 700px ){
	.intro-con04{background: #000 url("../images/content/intro_con04_bg_m.jpg") center top no-repeat; background-size: contain;}
}
@media all and ( max-width: 640px ){
	.intro-con01-inner:after{left: 84%; -webkit-transform: skew(-5deg); transform: skew(-5deg);}
}
@media all and ( max-width: 480px ){
	.intro-con01-inner:before{width: 100%;}
	.intro-con01-inner:after{left: 77%; -webkit-transform: skew(-5deg); transform: skew(-5deg);}
}


/* ****************** 01 회사소개 :: 생활 속의 유니드 ********************** */
/* 공통 :: 레이아웃 */
@media all and ( max-width: 800px ){
	#fullpage .section{height:auto !important;}
	#fullpage .fp-section .fp-tableCell,
	#fullpage .fp-section .fp-scrollable{padding-top:0; height:auto !important;}
}

/* 일상 공간 속~ */
@media all and (min-width:1221px) and (max-height:870px) {
	#lifeTabCon0 .life-tbl-inner{padding-top: 50px;}
	.life-tab-con00{-webkit-transform: scale(0.9); transform: scale(0.9);}
}
@media all and (min-width:1221px) and (max-height:830px) {
	.life-tab-con00{-webkit-transform: scale(0.8); transform: scale(0.8);}

	/* 탭 컨텐츠 */
	.life-tab-bg{min-height: 830px;}
	.life-dot.dot01{right: 921px; top: 551px;}
	.life-dot.dot02{right: 624px; top: 576px;}
	.life-dot.dot03{right: 640px; top: 340px;}
	.life-dot.dot04{right: 324px; top: 720px;}
	.tab02 .life-dot.dot01{right: 309px; top: 250px;}
	.tab02 .life-dot.dot02{right: 190px; top: 475px;}
	.tab03 .life-dot.dot01{right: 584px; top: 382px;}
	.tab03 .life-dot.dot02{right: 810px; top: 284px;}
	.tab04 .life-dot.dot01{right: 894px; top: 156px;}
	.tab04 .life-dot.dot02{right: 775px; top: 334px;}
	.tab05 .life-dot.dot01{right: 377px; top: 496px;}
	.tab05 .life-dot.dot02{right: 881px; top: 623px;}
	.tab06 .life-dot.dot01{right: 814px; top: 253px;}
	.tab06 .life-dot.dot02{right: 454px; top: 476px;}
	.tab06 .life-dot.dot03{right: 296px; top: 370px;}
	.tab07 .life-dot.dot01{right: 686px; top: 218px;}
	.tab07 .life-dot.dot02{right: 587px; top: 562px;}
}
@media all and (min-width:1221px) and (max-height:740px) {
	#lifeTabCon0 .life-tbl-inner{padding-top: 20px;}
	.life-tab-con00{-webkit-transform: scale(0.7); transform: scale(0.7);}
}
@media all and (min-width:1221px) and (max-height:680px) {
	.life-tab-con00{-webkit-transform: scale(1.0); transform: scale(1.0);}
	.life-tab-bg.tab00{min-height: 995px;}
}
@media all and (max-width:1200px) {
	#lifeTabCon0 .life-tbl-inner{padding-top: 50px;}
	.life-tab-con00{-webkit-transform: scale(0.7); transform: scale(0.7);}
}
@media all and (max-width:800px) {
	.life-tab-con00{-webkit-transform: scale(1.0); transform: scale(1.0);}
	.life-tab-con00-box{width: 320px; height: 370px;}
	.life-tab-con00-box span{position: absolute; display: block; width: 8px; height: 8px;}
	.life-tab-con00-box .line01{bottom: 90px; right: -4px;}
	.life-tab-con00-box .line02{bottom: -4px; left: 50%; margin-left: -4px;}
	.life-tab-con00-box .line03{bottom: 90px; left: -4px;}
	.life-tab-con00-box .line04{top: 90px; left: -4px;}
	.life-tab-con00-box .line05{top: -4px; left: 50%; margin-left: -4px;}
	.life-tab-con00-box .line06{top: 90px; right: -4px;}

	.life-tab-con00-box .line01:before{top: 6px; left: 1px;}
	.life-tab-con00-box .line02:before{top: 4px; left: 2px;}
	.life-tab-con00-box .line03:before{left: 4px; bottom: 2px;}
	.life-tab-con00-box .line04:before{transform: rotate(-31deg); transform-origin: left; top: 3px; left: 6px;}
	.life-tab-con00-box .line05:before{transform: rotate(31deg); transform-origin: left; top: 3px; left: 6px;}
	.life-tab-con00-box .line06:before{left: 4px; top: 7px;}

	.life-tab-con00-box .txt01{font-size: 12px;}
	.life-tab-con00-box .txt02{margin-top: 35px; font-size: 35px;}
	.life-tab-con00-box .txt03{margin-top: 10px; font-size: 33px;}
	.life-tab-con00-box .txt04{margin-top: 35px; font-size: 14px;}

	.life-tab-con00-box span em{width: 180px; font-size: 10px;}
	.life-tab-con00-box .line01 em{top: 12px; left: -166px;}
	.life-tab-con00-box .line02 em{top: 19.5px; left: -182.5px;}
	.life-tab-con00-box .line03 em{top: 6.5px; left: -188.5px;}
	.life-tab-con00-box .line04 em{transform: rotate(-31deg); top: -11.5px; left: -3.5px;}
	.life-tab-con00-box .line05 em{transform: rotate(31deg); top: -17.5px; left: 8px;}
	.life-tab-con00-box .line06 em{top: -7.5px; left: 17.5px;}

	/* 효과 */
	.life-tab-con00-box.aos-animate .line01:before{width: 180px;}
	.life-tab-con00-box.aos-animate .line02:before{width: 180px;}
	.life-tab-con00-box.aos-animate .line04:before{width: 180px;}
	.life-tab-con00-box.aos-animate .line05:before{width: 180px;}

	.life-tab-con00-box.aos-animate .line03:before{height: 180px;}
	.life-tab-con00-box.aos-animate .line06:before{height: 180px;}
	/* // */
}

/* 탭 */
@media all and (max-width:1800px) {
	#fp-nav.left {left: 25px !important;}
}
@media all and (max-width:1700px) {
	#fp-nav.left ul li .fp-tooltip em {display: none;}
}
@media all and (max-width:1660px) {
	#fp-nav.left {left: 25px !important;}
	#fp-nav.left ul li .fp-tooltip {display: none;}
}
@media all and (max-width:1220px) {
	#fp-nav.left{display: none !important;}
}

/* 탭 컨텐츠 :: 타이틀 */
@media all and (max-width:1220px){
	.cm-life-txt .num{font-size: 112px;}
	.cm-life-txt .txt{margin-top: 20px; font-size: 33px;}
}
@media all and (max-width:800px){
	.cm-life-txt{padding-left: 0;}
	.cm-life-txt .num{font-size: 30px;}
	.cm-life-txt .txt{margin-top: 10px; font-size: 21px;}
	/* 하단 컨텐츠 */
	.life-bottom-con{padding: 70px 0 65px;}
	.life-bottom-con h5{font-size: 36px; line-height: 1.25;}
	.life-bottom-con h5 span{height: 27px;}
	.life-bottom-con p{margin-top: 15px; font-size: 19px; line-height: 1.5;}
}

@media all and (max-width:1220px){
	.life-tab-bg{min-height: 830px;}
	.life-tab-next-txt{display: none;}
	.life-dot > a{display: none;}
	.life-dot > a.m-dot,
	.life-dot > a.m-ver-dot{display: block;}

	.life-tab-bg.tab01 {background: #000 url("../images/content/life_tab01_bg.jpg") no-repeat right -350px top 50%;}
	.life-dot.dot01{right: 763px; top: 588px;}
	.life-dot.dot02{right: 400px; top: 629px;}
	.life-dot.dot03{right: 420px; top: 340px;}
	.life-dot.dot04{right: 62px; top: 756px;}

	.tab02 .life-dot.dot02{right: 205px; top: 491px;}

	.life-tab-bg.tab03 {background: #000 url("../images/content/life_tab03_bg.jpg") no-repeat right -450px top 50%;}
	.tab03 .life-dot.dot01{right: 265px; top: 385px;}
	.tab03 .life-dot.dot02{right: 487px; top: 184px;}

	.life-tab-bg.tab04 {background: #000 url("../images/content/life_tab04_bg.jpg") no-repeat right -600px top 50%;}
	.tab04 .life-dot.dot01{right: 478px; top: 123px;}
	.tab04 .life-dot.dot02{right: 334px; top: 325px;}

	.life-tab-bg.tab05 {background: #000 url("../images/content/life_tab05_bg.jpg") no-repeat right -400px top 50%;}
	.tab05 .life-dot.dot01{right: 66px; top: 522px;}
	.tab05 .life-dot.dot02{right: 660px; top: 670px;}

	.life-tab-bg.tab06 {background: #000 url("../images/content/life_tab06_bg.jpg") no-repeat right -320px top 50%;}
	.tab06 .life-dot.dot01{right: 650px; top: 230px;}
	.tab06 .life-dot.dot02{right: 224px; top: 476px;}
	.tab06 .life-dot.dot03{right: 42px; top: 364px;}

	.life-tab-bg.tab07 {background: #000 url("../images/content/life_tab07_bg.jpg") no-repeat right -400px top 50%;}
	.tab07 .life-dot.dot01{right: 428px; top: 187px;}
	.tab07 .life-dot.dot02{right: 100px; top: 679px;}

	.popup-life-con{position: fixed !important; top: 50% !important; bottom: auto !important; left: 50% !important; margin-top: -100px !important; margin-left: -307.5px !important;}

	.m-ver-life-pop{position: fixed !important; top: 50% !important; bottom: auto !important; left: 50% !important; margin-top: -100px !important; margin-left: -307.5px !important; z-index: 999;}
	.m-ver-life-pop.active{opacity: 1; visibility: visible;}
	.popup-life-con {position: static !important; margin-top: 0 !important; margin-left: 0 !important; -webkit-transform: translateX(0); transform: translateX(0);}
	.m-ver-life-pop.active .popup-life-con{opacity: 1 !important; visibility: visible !important;}
	.popup-life-close-btn.pc-JS{display: none;}
	.popup-life-close-btn.m-JS{display: block;}
	.life-dot .popup-life-con {display: none;}
}
@media all and (max-width:800px){
	/* 탭 컨텐츠 */
	.life-tab-con{position: relative; width: 100%; height: 100%;}
	.life-tab-bg{position: relative; top: 0; left: 0; width: 100%; height: 100%; min-height: 995px;}
	.life-tbl{display: block; bottom: auto;}
	.life-tbl-inner{padding-top: 10%; display: block;}
	#lifeTabCon0 .life-tbl-inner{padding-top: 0; position: absolute; top: 50%; left: 50%; margin-left: -175px; margin-top: -185px;}

	.life-tab-bg{min-height: auto !important; position: relative; height: 0; padding-top: 51.71%; max-height: none;}
	#lifeTabCon0 .life-tab-bg{padding-top: 0; height: auto; padding: 50px 0; height: 470px;}
	.life-tab-bg.tab00{background: #000 url("../images/content/life_tab00_bg.jpg") no-repeat center/cover; }
	.life-tab-bg.tab01{background: #000 url("../images/content/life_tab01_bg.jpg") no-repeat center/cover;}
	.life-tab-bg.tab02{background: #000 url("../images/content/life_tab02_bg.jpg") no-repeat center/cover;}
	.life-tab-bg.tab03{background: #000 url("../images/content/life_tab03_bg.jpg") no-repeat center/cover;}
	.life-tab-bg.tab04{background: #000 url("../images/content/life_tab04_bg.jpg") no-repeat center/cover;}
	.life-tab-bg.tab05{background: #000 url("../images/content/life_tab05_bg.jpg") no-repeat center/cover;}
	.life-tab-bg.tab06{background: #000 url("../images/content/life_tab06_bg.jpg") no-repeat center/cover;}
	.life-tab-bg.tab07{background: #000 url("../images/content/life_tab07_bg.jpg") no-repeat center/cover;}

	.life-dot{left: 50% !important; top: 50% !important; right: auto !important;}
	.life-dot > a{left: 50%; margin-left: -15px; top: 50%; margin-top: -15px; width: 30px; height: 30px;}
	.life-dot > a:before{margin-top: -3px; margin-left: -3px; width: 6px; height: 6px;}

	.life-dot.dot01{margin-top: 10.6%; margin-left: -10.5%;}
	.life-dot.dot02{margin-top: 13%; margin-left: 7%;}
	.life-dot.dot03{margin-top: -4.1%; margin-left: 7%;}
	.life-dot.dot04{margin-top: 21%; margin-left: 28%;}

	.tab02 .life-dot.dot01{margin-top: -4.7%; margin-left: 27%;}
	.tab02 .life-dot.dot02{margin-top: 7.17%; margin-left: 33.8%;}

	.tab03 .life-dot.dot01{margin-top: -11%; margin-left: -3.5%;}
	.tab03 .life-dot.dot02{margin-top: -1%; margin-left: 9.5%;}

	.tab04 .life-dot.dot01{margin-top: -14.5%; margin-left: -9%;}
	.tab04 .life-dot.dot02{margin-top: -2%; margin-left: -0.75%;}

	.tab05 .life-dot.dot01{margin-top: 7%; margin-left: 23%;}
	.tab05 .life-dot.dot02{margin-top: 14.1%; margin-left: -8%;}

	.tab06 .life-dot.dot01{margin-top: -15%; margin-left: -38%;}
	.tab06 .life-dot.dot02{margin-top: 6%; margin-left: 18%;}
	.tab06 .life-dot.dot03{margin-top: -1%; margin-left: 28%;}

	.tab07 .life-dot.dot01{margin-top: -6%; margin-left: 0;}
	.tab07 .life-dot.dot02{margin-top: 12.2%; margin-left: 7.5%;}

	.m-ver-life-pop{position: absolute !important; top: 50%; left: 50%;  margin-top: -80px !important; margin-left: -150px !important; z-index: 999; opacity: 0; visibility: hidden;}
}
@media all and (max-width:480px){
	.life-dot.dot01 {margin-left: -11.5%;}
	.tab04 .life-dot.dot02 {margin-left: -1.75%;}
	.tab05 .life-dot.dot01{margin-left: 22%;}
	.tab05 .life-dot.dot02{margin-left: -9%;}
	.tab06 .life-dot.dot03 {margin-left: 27.5%;}
}

/* 팝업 */
@media all and (max-width:800px){
	.popup-life-con{top: 50px; left: 0; width: 300px; padding: 25px;}
	.popup-life-close-btn{top: 19px; right: 10px; width: 30px; height: 30px;}
	.popup-life-close-btn i{font-size: 26px;}
	.popup-life-con h5{font-size: 21px; padding-right: 15px;}
	.popup-life-con p{margin-top: 10px; font-size: 14px;}
	.popup-life-con span{margin-top: 20px;}
	.popup-life-con span img{height: 45px;}
}