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


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@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:calc(-1* var(--area-padding)); cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.cm-scroll-drag-guide {display:flex; justify-content:flex-end; margin-right:var(--area-padding); }
	.cm-scroll-drag-guide .cm-scroll-drag-inner { position: relative; width:50px; height: 50px; }
	.cm-scroll-drag-guide .cm-scroll-drag-inner:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:#ccc; content:""; border-radius:5px;}
	.cm-scroll-drag-guide .drag-tail { position: absolute; z-index: 1; left: 0px; top: 3px; animation:moveScrollAni 3s both infinite; }
	.cm-scroll-drag-guide .drag-tail .tail{display:block; width: 25px; height: 5px; background-color: rgba(0, 0, 0, 0.7); border-radius:5px; opacity:1; }
	.cm-scroll-drag-guide .drag-tail .hand-icon{ font-size:30px; color:#aaa }
	@keyframes moveScrollAni {
		0%, 10% {
			left: 0;
			margin-left: 0px;
		}
		50% {
			left: 100%;
			margin-left: -25px;
		}
		100% {
			left: 0;
			margin-left: 0px;
		}
	}
}

/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1220px){
	.sub-tab-list-style .area{padding:0}
}
@media all and (max-width:1024px){
	/* Tab Fixed Move*/
	.sub-tab-list-style.top-fixed{top:80px;}
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.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*/
	/* 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; background-color:#333; 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{background-color:transparent;}
	.sub-drop-menu-style ul li.selected a em{color:#f57f20; font-weight:600; }
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-list-style.top-fixed{top:60px;}
}


/* -------- 공통 :: 좌측메뉴 -------- */
@media all and (min-width:801px){
	.cm-left-nav-style ul{display: flex !important; height:auto !important}
}
@media all and (min-width:1280px){
	.cm-left-nav-style ul{display: block !important;}
	.white .cm-left-nav-style ul li a{background:rgba(255,255,255,0.1);}
	.white .cm-left-nav-style ul li a em,
	.white .cm-left-nav-style ul li a i{color:var(--white-color); opacity:0.8;}
}
@media all and (max-width:1820px){
	.sub-con-wrap .area{margin-inline:13vw;}
	.cm-left-nav-style ul li a{width:9vw; height:3vw; padding-inline:1vw 0.6vw;}
}
@media all and (max-width:1400px){
	.sub-con-wrap .area{margin-inline:calc(13vw - var(--area-padding));}
}
@media all and (max-width:1279px){
	.sub-con-wrap .area{margin-inline:auto;}
	
	#leftNavBar{display: flex; align-items:center; top:0; left:0; width:100%; height:7.5rem; box-shadow: 0px 2rem 3rem -3px rgba(0,0,0,0.08); background:var(--white-color); padding-inline:var(--area-padding); box-sizing:border-box; transform:translateY(-100%); transition:var(--transition-custom2);}
	#leftNavBar:before{position: absolute; content:''; width:100%; height:100%; background:#fff; bottom:100%; left:0;}
	#leftNavBar.top-fixed{top:0; transform:translateY(0);}
	#leftNavBar .nav-tit{display: block; font-size:3rem; line-height:1.5; letter-spacing:-0.015em; color:var(--black-color); font-weight:600; margin-right:4rem;}
	
	.cm-left-nav-style ul{align-items:center; margin:0 -3px;}
	.cm-left-nav-style ul li{margin:0 3px;}
	.cm-left-nav-style ul li a{justify-content:center; width:auto; min-width:14rem; height:3.7rem; border-radius:2rem; background:#fff; border:2px solid var(--main-color); box-sizing:border-box; padding-inline:1.5rem; box-sizing:border-box;}
	.cm-left-nav-style ul li a em{font-size:1.8rem;}
	.cm-left-nav-style ul li a i{display: none;}
	
	#leftNavBar.top-fixed.scroll-down{transform:translateY(var(--header-height));}
}
@media all and (max-width:800px){
	#leftNavBar{background:var(--main-color);}
	#leftNavBar.top-fixed{}
	#leftNavBar .nav-tit{display: none;}
	
	#leftNavBar{position:absolute; height:calc(var(--sub-menu-height) + 1px); } /* (+1 border height)*/
	.cm-left-nav-style{width:100%;}
	#leftNavBar .left-cur-location{position:relative; display:block; width:100%; text-align:left; height:var(--sub-menu-height); box-sizing:border-box; background:var(--main-color); border-radius:8px; z-index:99;}
	#leftNavBar .left-cur-location span{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:var(--sub-menu-height); color:#fff; font-weight:500; font-size:2rem;}
	#leftNavBar .left-cur-location .arrow{position:absolute; top:50%; right:0; width:2rem; height:2rem; margin-top:-1rem; font-size:2rem; color:#fff;}
	#leftNavBar .location-menu-con{display:none; position:absolute; top:100%; left:-1px; right:-1px; background-color:#fff; z-index:11; overflow:hidden;}
	#leftNavBar .location-menu-con:before{position: absolute; content:''; top:0; left:0; width:100%; height:1px; background:rgba(255,255,255,0.2); z-index:9;}
	#leftNavBar .location-menu-con li{border-bottom:1px solid rgba(0,0,0,0.1); margin:0;}
	#leftNavBar .location-menu-con li:first-child{border-top:0;}
	#leftNavBar .location-menu-con li a{display:flex; align-items:center; width:100%; height:4rem; padding:0 var(--area-padding); font-size:1.6rem; line-height:1.5; word-break:keep-all; box-sizing:border-box; border: none; border-radius: 0;}
	#leftNavBar .location-menu-con li.on{position:relative;}
	#leftNavBar .location-menu-con li.on a{color:var(--main-color); font-weight:700;}
}

/* -------- 공통 :: 탭 -------- */
@media all and (min-width:801px){
	.cm-tab-style ul{display: flex !important; height:4.4rem !important}
}
@media all and (max-width:800px){
	.cm-tab-style{background:var(--main-color); border-radius:8px; height:calc(var(--sub-menu-height) + 1px); padding:0 2rem;}
	.cm-tab-style .tab-cur-location{position:relative; display:block; width:100%; text-align:left; height:var(--sub-menu-height); box-sizing:border-box; background:var(--main-color); border-radius:8px; z-index:99;}
	.cm-tab-style .tab-cur-location span{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:var(--sub-menu-height); color:#fff; font-weight:500; font-size:2rem;}
	.cm-tab-style .tab-cur-location .arrow{position:absolute; top:50%; right:0; width:2rem; height:2rem; margin-top:-1rem; font-size:2rem; color:#fff;}
	.cm-tab-style ul{display:none; position:absolute; top:calc(100% - (var(--sub-menu-height) / 2)); left:0; right:0; background-color:var(--main-color); z-index:11; overflow:hidden; border-radius:0 0 8px 8px; padding-top: calc(var(--sub-menu-height) / 2); padding-bottom:0.4rem;}
	.cm-tab-style ul li{border-bottom:1px solid rgba(255,255,255,0.1); margin:0;}
	.cm-tab-style ul li:first-child{border-top:0;}
	.cm-tab-style ul li:last-child{border-bottom:0;}
	.cm-tab-style ul li a{display:flex; align-items:center; width:100%; height:4rem; padding:0 var(--area-padding); font-size:1.6rem; line-height:1.5; word-break:keep-all; box-sizing:border-box; border: none; border-radius: 0; color:var(--white-color) !important; opacity:0.5}
	.cm-tab-style ul li.selected{position:relative;}
	.cm-tab-style ul li.selected a{opacity:1;}
	
	.cm-move-tab-wrap{display: none;}
}

/* -------- 공통 :: 섹션 -------- */
@media all and (max-width:800px){
	.sub-con-wrap{padding:10rem 0 0;}
	.sub-con-wrap:last-child{padding-bottom:10rem;}
	.sub-con-wrap.no-padding:not(#subCon01){margin-top:10rem;}
}

/* -------- 공통 :: 섹션 타이틀 -------- */
@media all and (max-width:800px){
	.cm-tit-box .cm-tit{font-size:2.8rem;}
	.cm-tit-box .cm-txt{font-size:1.6rem;}
	.cm-tit-box .cm-tit + .cm-txt{margin-top:1.5rem;}
}

/* -------- 공통 :: 컨텐츠 텍스트01 -------- */
@media all and (max-width:800px){
	.cm-content-txt-style01:has(.content-category){padding-top:3rem;}
	.cm-content-txt-style01 .content-category{font-size:1.7rem;}
	.cm-content-txt-style01 .content-tit{font-size:3.4rem;}
}

/* -------- 공통 :: 컨텐츠 텍스트02 -------- */
@media all and (max-width:800px){
	.cm-content-txt-style02 .content-tit{font-size:2.9rem;}
	.cm-content-txt-style02 .content-txt{font-size:1.4rem;}
	.cm-content-txt-style02 .content-txt.check-txt{padding-left:1.8rem;}
	.cm-content-txt-style02 .content-txt.check-txt:before{font-size:1.4rem;}
	.cm-content-txt-style02 .content-tit + .content-txt{margin-top:1.5rem;}
}

/* -------- 공통 :: 컨텐츠 텍스트03 -------- */
@media all and (max-width:800px){
	.cm-content-txt-style03{display: block;}
	.cm-content-txt-style03:has(.content-category){padding-top:3rem;}
	.cm-content-txt-style03 .content-category{font-size:2rem;}
	.cm-content-txt-style03 .content-tit{font-size:5rem;}
	.cm-content-txt-style03 .content-txt{font-size:2rem; margin-left:0rem; margin-top:2rem;}
}

/* ***** 페이크폼 스타일 추가css ***** */
@media all and (max-width:800px){
    .fakeform-selectbox .select-title {text-indent: 1em; font-size: 1.4rem; line-height: 5rem;}
    .fakeform-selectbox .select-title:after{right:0.7em; font-size:2rem;}
    /* 옵션창 */
    .select-option span,
    .select-option strong {height: auto; font-size: 1.3rem; font-weight: 500; line-height: 1.5; padding: 1.5rem 1em;}
}

/* ***** SEARCH BOX ***** */
@media all and (max-width:800px) {
    .cm-search-box-style{padding:0; border:0}
    .cm-search-box-style .board-search-inner{max-width:none; }
}
@media all and (max-width:480px) {
    .cm-search-box-style .search-subject-select{width:100px}
    .cm-search-box-style .search-subject-select + .search-word,
    .cm-search-box-style .board-custom-select-box + .search-word{width:calc(100% - 150px);}
    .cm-search-box-style .board-custom-select-box{width:100px;}
    .board-custom-select-box .custom-select-trigger{font-size:13px;}
}

/* -------- 공통 :: 페이징 -------- */
@media all and (max-width:800px){
    .cm-paging-wrap .paging a{width:30px; height:30px; line-height:30px;}
 
    .cm-paging-wrap .paging-select .cur-num input{width:30px; height:30px; line-height:30px;}
    .cm-paging-wrap .paging-select .slash{font-size:16px;}
 
 
    .cm-paging-wrap  {flex-direction: column;}
    .cm-paging-wrap .paging {width: auto !important; margin-bottom: 20px;}
}  


/* ****************** ABOUT US :: 연혁 ********************** */
@media all and (max-width:1279px){
	.history-wrap .cm-content-txt-style01{padding-bottom:5rem; margin-bottom:6rem;}
	.history-con .history-left .years{font-size:7rem;}
	.history-con .history-left .tit{font-size:2.8rem;}
}
@media all and (max-width:800px){
	#wrap:has(.history-wrap){overflow:hidden;}
	.history-wrap{padding:7rem 0 6rem;}
	.history-wrap .cm-content-txt-style01{padding-bottom:3rem; margin-bottom:3rem;}
	
	.history-con{display: block;}
	.history-con .history-left{position: relative; top:0rem; width:100%; padding-right: 0rem;}
	.history-con .history-left .years{font-size:4.6rem; margin-bottom:1rem;}
	.history-con .history-left .tit{font-size:2rem; margin-bottom:2rem;}
	
	.history-con .history-right{width:100%; margin-top:3rem;}
	.history-con .history-right .history-info{margin-bottom:2rem;}
	.history-con .history-right .history-info .year{width:7rem; font-size:2rem;}
	.history-con .history-right .history-info .info-list{width:calc(100% - 7rem);}
	.history-con .history-right .history-info .info-list p{padding-left:1.6rem; font-size:1.4rem;}
	.history-con .history-right .history-info .info-list p:first-child{margin-top:0.3rem;}
	

	#wrap:has(.summ-wrap){overflow:visible;}
	.summ-wrap{padding:7rem 0 6rem;}
	.summ-wrap .cm-content-txt-style01{padding-bottom:3rem; margin-bottom:3rem;}
	.summ-con{display: block;}
	.summ-con .summ-left{ position: relative; top:0rem; width:100%; padding-right: 0rem;}
	.summ-con .summ-left .summ-tit{font-size:2.5rem; line-height:1.3; letter-spacing:-0.045em; color:#3079dd; font-weight:700; margin-bottom:3rem;}
	.summ-con .summ-left .summ-tit-sub{font-size:1.6rem; line-height:1.5; letter-spacing:-0.045em; margin-bottom:3rem; margin-left:2rem; margin-right:2rem;}
	.summ-con .summ-left .summ-tit-sub p {margin-top:1.5rem;}

	.summ-con .summ-right{width:100%; margin-top:0rem; padding-top:0;}
	.summ-con .summ-right .summ-info{display: flex; margin-bottom:2rem;}
	.summ-con .summ-right .summ-info:last-child{margin-bottom:0;}
	.summ-con .summ-right .summ-info .summ-info-tit{width:10rem; font-size:1.8rem; line-height:1.5; letter-spacing:-0.045em; color:#333; font-weight:500;}
	.summ-con .summ-right .summ-info .summ-info-list{width:calc(100% - 10rem);}
	.summ-con .summ-right .summ-info .summ-info-list p{position: relative; padding-left:2rem; box-sizing:border-box; font-size:1.4rem; line-height:1.5; letter-spacing:-0.045em; color:#777; margin-bottom:0.5rem;}
	.summ-con .summ-right .summ-info .summ-info-list p:before{position: absolute; content:''; width:0.7rem; height:3px; background:var(--main-color); opacity:0.3; top:1rem; left:0;}
	.summ-con .summ-right .summ-info .summ-info-list p:first-child{margin-top:0.6rem;}
	.summ-con .summ-right .summ-info .summ-info-list p:last-child{margin-bottom:0;}	
	
	
.ceo-wrap{padding:7rem 0 0rem;}
.ceo-wrap .cm-content-txt-style01{padding-bottom:3rem; margin-bottom:3rem;}
.ceo-con{display: block;}
.ceo-con .ceo-left{ width:100%; padding-top:3rem; box-sizing: border-box;}
.ceo-tit{font-size:2.5rem; line-height:1.3; letter-spacing:-0.045em; color:#3079dd; font-weight:700; margin-bottom:3rem;}
.ceo-tit-sub{font-size:1.6rem; line-height:1.5; letter-spacing:-0.045em; margin-bottom:0rem; margin-left:3rem; margin-right:3rem;}
.ceo-tit-sub p {margin-top:1.5rem;}

.ceo-con .ceo-right{width:100%; padding-top:0rem;padding-bottom:3rem;}
.ceo-con .ceo-right .ceo-info{display: flex; margin-bottom:2rem;}
.ceo-con .ceo-right .ceo-info:last-child{margin-bottom:0;}
.ceo-con .ceo-right .ceo-info .ceo-info-tit{width:11.5rem; font-size:2rem; line-height:1.2; letter-spacing:-0.045em; color:#333; font-weight:500;}
.ceo-con .ceo-right .ceo-info .ceo-info-list{width:calc(100% - 11.5rem);}
.ceo-con .ceo-right .ceo-info .ceo-info-list p{position: relative; padding-left:2rem; box-sizing:border-box; font-size:1.6rem; line-height:1.5; letter-spacing:-0.045em; color:#777; margin-bottom:0.5rem;}
.ceo-con .ceo-right .ceo-info .ceo-info-list p:before{position: absolute; content:''; width:0.7rem; height:3px; background:var(--main-color); opacity:0.3; top:1rem; left:0;}
.ceo-con .ceo-right .ceo-info .ceo-info-list p:first-child{margin-top:0.6rem;}
.ceo-con .ceo-right .ceo-info .ceo-info-list p:last-child{margin-bottom:0;}
	
}


/* ****************** PR :: 진인프라 소식 ********************** */
/* hover */
@media all and (min-width:801px){
	.bbs-basic-gallery-con04 .bbs-thum-list li a:hover{border-color:transparent;}
	.bbs-basic-gallery-con04 .bbs-thum-list li a:hover:before{opacity:1;box-shadow: 0.8rem 1rem 3rem 0px rgba(13,74,157,0.18);}
	.bbs-basic-gallery-con04 .bbs-thum-list li a:hover h3,
	.bbs-basic-gallery-con04 .bbs-thum-list li a:hover  .view-more{color:var(--main-color); opacity:1;} 
}
@media all and (max-width:1280px){
	.cm-search-tit-wrap:has(.pr-search-tit-inner-tab){display: block;}
	.pr-search-tit-inner-tab{justify-content:space-between; margin-bottom:2rem;}
	.pr-search-tit-inner-tab .pr-tab-list-style{margin-right:0; transform:none;}/*translateY(6.8rem)*/
}
@media all and (max-width:800px){
	.pr-search-tit-inner-tab .pr-tab-list-style{transform:none;}
	.pr-tab-list-style ul li a{min-width:10rem; height:4rem; padding-inline:1rem; 
	.pr-tab-list-style ul li a em{font-size:1.6rem;}

	.cm-search-tit-wrap{display: block;}
	.cm-search-box-style{width:100%; margin-top:2rem;}

	.bbs-basic-gallery-con04 .bbs-thum-list{margin-top:2rem;}
	.bbs-basic-gallery-con04 .bbs-thum-list li a{position:relative; flex-wrap:wrap; padding:1.5rem 1rem 3rem;}
    .bbs-basic-gallery-con04 .bbs-thum-list li a .bbs-thumb-img,.bbs-thumb-info-con{display:block; width:100%; padding:0;}
	.bbs-basic-gallery-con04 .bbs-thum-list li a .bbs-thumb-img{margin-bottom:2rem;}
	.bbs-thumb-info-con h3{font-size:2.4rem;}
	.bbs-thumb-info-con .view-more{bottom:2rem;}
}
@media all and (max-width:480px){
	.pr-search-tit-inner-tab{display: block;}
	.pr-search-tit-inner-tab .pr-tab-list-style{margin-top:2rem; margin-left:0;}
	.pr-tab-list-style ul li{width:calc(50% - 0.5rem);}
	.pr-tab-list-style ul li a{min-width:auto;}
}

/* ****************** PR :: 게시판 :: 뷰페이지  ********************** */
@media all and (max-width:800px){
	.bbs-view-top{font-size:1.4rem;}
	.bbs-view-top .bbs-tit{font-size:2.4rem;}
	.cm-btn-controls{margin-top:3rem;}
	.bbs-view-prev-next-list{margin-top:3rem;}
	.bbs-prev-next-tbl th,
	.bbs-prev-next-tbl td{font-size:1.4rem; height:5rem;}
}


/* ****************** BUSINESS :: Business ********************** */
@media all and (max-width:800px){
	/* Business :: sticky 스타일 */
	.sub-bg-JS > .area{padding-block:7rem;}
	
	.business-con{padding:7rem 0;}
	/* Business :: 주요산업 */
	.business-major-list-wrap{margin-top:3rem;}

	.business-major-slide{margin-top:3rem;}
	/* Business :: 주요산업 :: 화살표 */
	.business-major-slide .slick-arrow{width:5rem; height:5rem;}
	.business-major-slide .slick-arrow i{font-size:1.6rem;}
	/* Business :: 주요산업 :: Dots */
	.business-major-slide .slick-dots{top:calc(100% + 3rem);}
	.business-major-slide .slick-dots li{margin:0 5px;}
	.business-major-slide .slick-dots li button{width:6px; height:6px;}
	.business-major-slide .slick-dots li.slick-active button{width:40px;}
	
	/* Business :: 주요산업 :: 텍스트 */
	.business-major-slide .slide-info-box{right:5rem; height:calc(100% - 10rem); width:calc(100% - 10rem); padding:3rem 1.5rem 2rem; height:auto;}
	.business-major-slide .slide-info-box .slide-tit-box{padding-bottom:1.5rem;}
	.business-major-slide .slide-info-box .slide-tit-box .count{font-size:1.7rem;}
	.business-major-slide .slide-info-box .slide-tit-box .slide-tit{font-size:3rem;}
	.business-major-slide .slide-info-box .slide-txt-box{padding:1.5rem 0;}
	.business-major-slide .slide-info-box .slide-txt-box .slide-txt{font-size:1.6rem; margin-bottom:1rem;}
	.business-major-slide .slide-info-box .slide-txt-box .slide-txt.check{padding-left:2rem;}
	.business-major-slide .slide-info-box .slide-txt-box .slide-txt.check:before{top:-0.2rem; left:0rem;}
	.business-major-slide .slide-info-box .slide-btn-box .cm-btn-style01{height:4rem;}
		
	/* Business :: Reference & Partners */
	.business-partner-tit{font-size:3rem;}
	.business-partner-count{margin-top:3rem;}
	.business-partner-count .count-item{padding:0 2rem;}
	.business-partner-count .count-item:before{height:8rem;}
	.business-partner-count .count-item .count-tit{font-size:2rem;}
	.business-partner-count .count-item .count-num{font-size:6rem;}
	.business-partner-count .count-item .count-num .plus{top: 0.6rem;}
}
@media all and (max-width:480px){
	/* Business :: 주요산업 :: 화살표 */
	.business-major-slide .slick-arrow{top: calc(100% + 2.5rem);}
	.business-major-slide .slick-arrow.slick-prev{left:var(--area-padding);}
	.business-major-slide .slick-arrow.slick-next{right:var(--area-padding);}
	/* Business :: 주요산업 :: 텍스트 */
	.business-major-slide .slide-info-box{right:2rem; width:calc(100% - 4rem);}
	.business-major-slide .slide-info-box .slide-btn-box{display: block; }
	.business-major-slide .slide-info-box .slide-btn-box .cm-btn-style01{width:100%; margin:0.5rem 0;}
}


/* ****************** 서브 컨텐츠 스타일 ********************** */
/* 스타일 01 */
@media all and (max-width:800px){
	.sub-con-style01{margin-top:3rem;}
	.sub-con-style01 .sub-con-item{display: block; margin-bottom:2rem;}
	.sub-con-style01 .sub-con-item:before{border-radius:2rem;}
	.sub-con-style01 .sub-con-item .img-box{width:100%; transform:translateY(50px);}
	.sub-con-style01 .sub-con-item .img-box span{border-radius:1.6rem;}
	.sub-con-style01 .sub-con-item .txt-box{width:100%;padding:2rem; opacity:0; transform:translateY(50px);}
	.sub-con-style01 .sub-con-item .txt-box .num{font-size:2.1rem;}
	/* reverse */
	.sub-con-style01 .sub-con-item:nth-child(even) .img-box{transform:translateY(50px);}
	.sub-con-style01 .sub-con-item:nth-child(even) .txt-box{transform:translateY(50px);}
	/* animated */
	.sub-con-style01 .sub-con-item.animated .img-box{transform:translateY(0);}
	.sub-con-style01 .sub-con-item.animated .txt-box{transform:translateY(0);}
}

/* 스타일 02 */
@media all and (max-width:800px){
	.sub-con-style02 .sub-con-item{width:100%; padding:2rem;}
	.sub-con-style02 .sub-con-item .txt-box{padding:3rem 1.5rem 2rem;}
	.sub-con-style02 .sub-con-item .txt-box .num{font-size:3rem; top:3rem; right:2rem;}
}

/* 스타일 03 */
@media all and (max-width:800px){
	.sub-con-style03 .sub-con-item{display: block;}
	.sub-con-style03 .sub-con-item .img-box{width:100%; margin:auto;}
	.sub-con-style03 .sub-con-item .txt-box{width:90%; max-width:none; margin-top:6rem;}
}
@media all and (max-width:480px){
	.sub-con-style03 .sub-con-item .img-box{width:80%;}
}

/* 스타일 04 */
@media all and (max-width:800px){
	.sub-con-style04{padding:2rem 2.5rem; border-radius:2rem; min-height:17rem; }
	.sub-con-style04 .content-icon-box{width:7.5rem;}
	.sub-con-style04 .content-icon-box span img{width:100%;}
	.sub-con-style04 .content-txt-box{width:calc(100% - 7.5rem); padding-left:2.5rem;}
	.sub-con-style04 .content-txt-box h4{font-size:2.6rem; margin-bottom:0rem;}
	.sub-con-style04 .content-txt-box p{}
	#subCon04 .sub-con-style04 .content-txt-box h4{font-size:2.6rem; margin-bottom:2rem;}
	#subCon04 .sub-con-style04 .content-txt-box{width:100%;}
	#subCon04 .sub-con-style04 .content-txt-box .list-info{margin-left:0;}
	#subCon04 .sub-con-style04 .content-txt-box .list-info .list-info-tit{width:100%; font-size:2rem; line-height:1.2; letter-spacing:-0.045em; color:#eee; font-weight:500;opacity:0.8}
	#subCon04 .sub-con-style04 .content-txt-box .list-info .list-info-list{width:100%;}
}

/* 스타일 05 */
@media all and (max-width:800px){
	.sub-con-style05{flex-direction:column; padding:2rem 2.5rem; border-radius:2rem;}
	.sub-con-style05 .content-icon-box span img{width:100%;}
	.sub-con-style05 .content-txt-box{width:100%; padding-left:0; text-align:center; padding:2rem;}
	.sub-con-style05 .content-txt-box h4{font-size:2.6rem; margin-bottom:0rem;}
	.sub-con-style05 .content-txt-box p{display: none;}
}

/* 스타일 06 */
@media all and (max-width:800px){
	.sub-con-style06{margin:0;}
	.sub-con-style06 .sub-con-item{width:100%; margin:0 0 8rem;}
	.sub-con-style06 .sub-con-item .content-icon-box{transform:translateY(0);}
	.sub-con-style06 .sub-con-item .content-txt-box h4{font-size:2.6rem;}
	.sub-con-style06 .sub-con-item .content-txt-box p{font-size:1.6rem;}
	
	#subCon04 .sub-con-style07{margin:-3rem 0 0 0;}
	#subCon04 .sub-con-style07 .sub-con-item{width:100%; margin:0 0 4rem; padding-left:8rem}
	#subCon04 .sub-con-style07 .sub-con-item .content-icon-box{transform:translateY(0);margin-right:7rem}
	#subCon04 .sub-con-style07 .sub-con-item .content-txt-box h4{font-size:2.6rem;}
	#subCon04 .sub-con-style07 .sub-con-item .content-txt-box p{font-size:1.6rem;}
	
	
.ethic-con{display: block;}
.ethic-con .ethic-left{ width:100%; padding-right: 0rem; box-sizing: border-box;}
.ethic-con .ethic-left .ethic-tit{font-size:2.5rem; line-height:1.3; letter-spacing:-0.045em; font-weight:700; margin-bottom:3rem;margin-top:3rem}
.ethic-con .ethic-left .ethic-tit-sub{font-size:1.8rem; line-height:1.5; letter-spacing:-0.045em; margin-bottom:3rem; margin-right:0;}
.ethic-con .ethic-left .ethic-tit-sub p {margin-top:1.5rem;}
.ethic-con .ethic-left .ethic-tit-sub p strong{width:10rem; display:inline-block;}

.ethic-con .ethic-right{width:100%; padding-top:2rem; padding-left:2rem;border-left:1px solid rgba(0,0,0,0.2);}
.ethic-con .ethic-right .ethic-info{display: flex; height:7rem;}
.ethic-con .ethic-right .ethic-info:last-child{margin-bottom:0;}
.ethic-con .ethic-right .ethic-info .ethic-info-tit{width:3rem; font-size:4rem; line-height:0.8; letter-spacing:-0.045em; color:#333; font-weight:500;}
.ethic-con .ethic-right .ethic-info .ethic-info-list{width:calc(100% - 3rem);}
.ethic-con .ethic-right .ethic-info .ethic-info-list p{position: relative; padding-left:2rem; box-sizing:border-box; font-size:1.6rem; line-height:1.2; letter-spacing:-0.045em; color:#555; margin-bottom:0.5rem;}
.ethic-con .ethic-right .ethic-info .ethic-info-list p .strong{width:4rem; display:block;}
.ethic-con .ethic-right .ethic-info .ethic-info-list p:first-child{margin-top:0.6rem;}
.ethic-con .ethic-right .ethic-info .ethic-info-list p:last-child{margin-bottom:0;}

.ethic-con .ethic-right .ethic-info-sign{margin-top:3rem; padding:1rem; border-top:1px solid rgba(0,0,0,0.2); text-align:left; font-size:1.6rem;}




.pr-con{display: block;}
.pr-con .pr-left{ width:100% !important; padding-right: 0rem; box-sizing: border-box;}
.pr-con .pr-left .pr-tit{font-size:2.5rem; line-height:1.3; letter-spacing:-0.045em; font-weight:700; margin-bottom:3rem;margin-top:3rem}
.pr-con .pr-left .pr-tit-sub{font-size:1.8rem; line-height:1.5; letter-spacing:-0.045em; margin-bottom:3rem; margin-right:0rem;}
.pr-con .pr-left .pr-tit-sub p {margin-top:1.5rem;}

.pr-con .pr-right{width:100% !important; padding-top:2rem; padding-left:0rem;border-left:1px solid rgba(0,0,0,0.2);}
.pr-con .pr-right .pr-info{display: flex;}
.pr-con .pr-right .pr-info:last-child{margin-bottom:0;}
.pr-con .pr-right .pr-info .pr-info-tit{width:3rem; font-size:4rem; line-height:0.8; letter-spacing:-0.045em; color:#333; font-weight:500;}
.pr-con .pr-right .pr-info .pr-tit{font-size:2.5rem; line-height:1.3; letter-spacing:-0.045em; font-weight:500; margin-bottom:3rem;margin-top:3rem}
.pr-con .pr-right .pr-info .pr-info-list{width:100%;}
.pr-con .pr-right .pr-info .pr-info-list p{position: relative; padding-left:2rem; box-sizing:border-box; font-size:1.8rem; line-height:1.5; letter-spacing:-0.045em; color:#555; margin-bottom:0.8rem;}
.pr-con .pr-right .pr-info .pr-info-list p:first-child{margin-top:0;}
.pr-con .pr-right .pr-info .pr-info-list p:last-child{margin-bottom:0;}

.pr-con .pr-right .pr-info-sign{margin-top:3rem; padding:3rem; border-top:1px solid rgba(0,0,0,0.2); text-align:right; font-size:2rem;}
.cm-style-guide-tit{padding: 3rem 0; font-size: 2.4rem; line-height: 1.5; font-weight: 600; letter-spacing: -0.025em; ;}

.pr-con .pr-right .pr-info-img{position: relative; display: flex; align-items: flex-start; background-image:url('') !important;}
.pr-con .pr-right .pr-info-img .pr-info-img-left{ width:50%; padding:0rem; margin-bottom:2rem; margin-top:2rem; border-right:1px solid rgba(0,0,0,0.1); text-align:center;}
.pr-con .pr-right .pr-info-img .pr-info-img-right{ width:50%; padding:0rem; margin-bottom:2rem; margin-top:2rem;  text-align:center;}

.pr-con .pr-right .pr-info-img .pr-info-img-left img, .pr-con .pr-right .pr-info-img .pr-info-img-right img{ width:70%;} 
.pr-con .pr-right .pr-info-img .pr-info-img-sec1{ width:31.5%; height:17rem; text-align: center;}
.pr-con .pr-right .pr-info-img .pr-info-img-sec2{ width:31.5%; height:17rem; text-align:center; }
.pr-con .pr-right .pr-info-img .pr-info-img-sec3{ width:31.5%; height:17rem; text-align:center; }

.pr-info-img-sec-tit{width:100%; font-size:4rem; letter-spacing:-0.045em; color:var(--main-color); font-weight:700; text-align: center;margin-top:2rem !important;}
.pr-info-img-sec-tit1{width:100%; font-size:2rem; letter-spacing:-0.045em; color:#333; font-weight:500; text-align: center;}

.pr-con .pr-right .pr-info-img:first-child .pr-info-img-left{ padding-top:0;}
.pr-con .pr-right .pr-info-img:first-child .pr-info-img-right{ padding-top:0;}

.pr-info-img-point{display: inline-block; font-size:1.3rem; padding:0.2rem 1rem; line-height:1.5; letter-spacing:-0.045em;  font-weight:600; color:#777; border:2px solid  #777; border-radius:2rem; margin-bottom:2.5rem;}

.pr-song-center {text-align:center;}
.pr-song-hidden {display:none;}
.m-fs-16 p{font-size:1.6rem !important;}
.m-fs-14 {font-size:1.4rem !important;}
.m-fs-18 {font-size:1.8rem !important;}
.m-fs-20 {font-size:2.0rem !important;}
.m-fs-24 {font-size:2.4rem !important;}
.m-padding-3 {padding:3rem !important;}


/* 스타일 08 */
.sub-con-style08{display: block;margin:0;}
.sub-con-style08 .sub-con-item{width:100%;margin:1rem 1rem 2rem 1rem;}
.sub-con-style08 .sub-con-item .content-icon-box{position: absolute; top:0; right:8rem; transform:translateY(-30%);}
.sub-con-style08 .sub-con-item .content-icon-box img{position: relative; width:80%}
.sub-con-style08 .sub-con-item .content-txt-box{position: relative; z-index:1;}
.sub-con-style08 .sub-con-item .content-txt-box h4{font-size:3.2rem; line-height:1.31; letter-spacing:-0.045em; color:var(--white-color); margin-bottom:0.5rem;}
.sub-con-style08 .sub-con-item .content-txt-box p{font-size:1.8rem; line-height:1.55; letter-spacing:-0.045em; color:var(--white-color); opacity:0.6;}
/* animated */
.sub-con-style08.animated .sub-con-item{opacity:1; transform:translateY(0);}
.sub-con-style08.animated .sub-con-item:nth-child(1){transition-delay:0s;}
.sub-con-style08.animated .sub-con-item:nth-child(2){transition-delay:0.2s;}
.sub-con-style08.animated .sub-con-item:nth-child(3){transition-delay:0.4s;}
.sub-con-style08.animated .sub-con-item:nth-child(4){transition-delay:0.6s;}
.sub-con-style08.animated .sub-con-item:nth-child(5){transition-delay:0.8s;}
.sub-con-style08.animated .sub-con-item:nth-child(6){transition-delay:1s;}
.sub-con-style08.animated .sub-con-item:nth-child(n+6){transition-delay:1.2s;}


/* 스타일 08-1 */
.sub-con-style081{display: block; flex-wrap:wrap; margin:2rem;}
.sub-con-style081 .sub-con-item{position: relative; width:calc(100% - 0.5rem); margin:3rem; opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.sub-con-style081 .sub-con-item .content-icon-box{position: absolute; top:0; right:2rem; transform:translateY(-40%);text-align:right;}
.sub-con-style081 .sub-con-item .content-icon-box img{position: relative; width:30%; opacity:0.6;}
.sub-con-style081 .sub-con-item .content-txt-box{position: relative; z-index:1;}
.sub-con-style081 .sub-con-item .content-txt-box h4{font-size:3.2rem; line-height:1.31; letter-spacing:-0.045em; color:var(--black-color); margin-bottom:0.5rem;}
.sub-con-style081 .sub-con-item .content-txt-box p{font-size:1.8rem; line-height:1.55; letter-spacing:-0.045em; color:var(--black-color); opacity:0.6;}
/* animated */
.sub-con-style081.animated .sub-con-item{opacity:1; transform:translateY(0);}
.sub-con-style081.animated .sub-con-item:nth-child(1){transition-delay:0s;}
.sub-con-style081.animated .sub-con-item:nth-child(2){transition-delay:0.2s;}
.sub-con-style081.animated .sub-con-item:nth-child(3){transition-delay:0.4s;}
.sub-con-style081.animated .sub-con-item:nth-child(4){transition-delay:0.6s;}
.sub-con-style081.animated .sub-con-item:nth-child(5){transition-delay:0.8s;}
.sub-con-style081.animated .sub-con-item:nth-child(6){transition-delay:1s;}
.sub-con-style081.animated .sub-con-item:nth-child(n+6){transition-delay:1.2s;}



/* 스타일 02 */
.sub-con-style021{display: block;}
.sub-con-style021 .sub-con-item{width:calc(100% - 0.5rem); background:rgba(255,255,255,0.5); backdrop-filter:blur(1rem); border-radius:3.6rem; padding:2.5rem; box-sizing:border-box; opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.sub-con-style021 .sub-con-item .img-box{position: relative; width:100%; height:0; padding-top:55.737%; border-radius:2.6rem; overflow:hidden; opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.sub-con-style021 .sub-con-item .img-box img{position: absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.sub-con-style021 .sub-con-item .txt-box{position: relative; padding:1.5rem; box-sizing:border-box; opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.sub-con-style021 .sub-con-item .txt-box .num{position: absolute; top:-0.5rem;  font-size:5rem; color:rgba(0,0,0,0.13); font-weight:500;}
/* animated */
.sub-con-style021 .sub-con-item.animated{opacity:1; transform:TranslateY(0);}
.sub-con-style021 .sub-con-item.animated .img-box{opacity:1; transform:TranslateY(0); transition-delay:0.3s}
.sub-con-style021 .sub-con-item.animated .txt-box{opacity:1; transform:TranslateY(0); transition-delay:0.5s}


/* -------- 메인 컨텐츠 :: 컨텐츠5(Notice) -------- */
.main-notice-wrap1{display: block; padding:0 0 1rem 0;}
.main-notice-wrap1 .main-notice-left{position: relative;width:100%;}
.main-notice-wrap1 .main-notice-left .main-notice-left-inner{/* position: relative; */ padding-top:3rem;}
.main-notice-wrap1 .main-notice-left .main-notice-left-inner:before{position: relative; content:''; width:0; height:61rem; top:76%; left:50%; transform:translate(-50%, -50%); background:no-repeat center; background-size:cover; background-image:url(''); border-radius:3rem; transition:var(--transition-custom2);}
.main-notice-wrap1 .main-notice-left .main-tit-box{display: flex ; flex-direction: column; justify-content: center;}
.main-notice-wrap1 .main-notice-left .main-tit-box .cm-btn-style01{margin-top:4.5rem;}
.main-notice-wrap1 .main-notice-left .main-tit-box .main-tit {font-size: 2.4rem;letter-spacing: -0.015em;font-weight: 700;color: #555;}
.main-notice-wrap1 .main-notice-left .main-tit-box .main-sub-tit {
    display: block;
    margin-top: 1rem;
    font-size: 1.8rem;
    letter-spacing: -0.045em;
    font-weight: 500;
    line-height: 1.66;
    color: #777;
}

.main-notice-wrap1 .main-notice-list-m{display: none;}
.main-notice-wrap1 .main-notice-right{position: relative; width:95%; padding-left:0; display: block; margin:0; box-sizing:border-box; pointer-events: none;}
.main-notice-wrap1 .main-notice-line{width:100%; margin:0 8px; pointer-events: auto;}
.main-notice-wrap1 .main-notice-list{}
.main-notice-wrap1 .main-notice-list .notice-item{margin-bottom:15px;}
.main-notice-wrap1 .main-notice-list .notice-item a{position: relative; display: block; background:rgba(255,255,255,0.5); border-radius:1.2rem; padding:2rem 2rem 3rem; box-sizing:border-box; box-shadow: 0.5rem 2rem 4rem 1rem rgba(0,0,0,0.07); overflow:hidden; }
.main-notice-wrap1 .main-notice-list .notice-item a:before{position: relative; content:''; inset:0; background: linear-gradient(135deg,  rgba(24,99,213,1) 0%,rgba(4,68,160,1) 100%); opacity:0; transition:var(--transition-custom);}
.main-notice-wrap1 .main-notice-list .notice-item .date-box{position: relative; padding:0 1.5rem; box-sizing:border-box; margin-top:-6rem;}
.main-notice-wrap1 .main-notice-list .notice-item .date-box .year{display: block; font-size:1.4rem; line-height:1.5; letter-spacing:-0.045em; font-weight:500; color:#fff; transition:var(--transition-custom);}
.main-notice-wrap1 .main-notice-list .notice-item .date-box .date{display: block; font-size:3rem; line-height:1.2; letter-spacing:-0.045em; font-weight:500; color:#fff; opacity:0.7; transition:var(--transition-custom);}
.main-notice-wrap1 .main-notice-list .notice-item .img-box{position: relative; width:100%; height:0; padding-top:46.66%; overflow:hidden; border-radius:0.8rem; margin-bottom:2.5rem;}
.main-notice-wrap1 .main-notice-list .notice-item .img-box img{position: absolute; inset:0; width:100%; object-fit:cover;}
.main-notice-wrap1 .main-notice-list .notice-item .img-box.no-images{background:#f5f5f5;}
.main-notice-wrap1 .main-notice-list .notice-item .img-box.no-images img{top:50%; left:50%; transform:translate(-50%, -50%); width:auto; max-width:100%;}

.main-notice-wrap1 .main-notice-list .notice-item .txt-box{position: relative;margin-top:1.2rem;}
.main-notice-wrap1 .main-notice-list .notice-item .txt-box p{font-size:1.6rem; line-height:1.36; letter-spacing:-0.045em; color:#555; margin-bottom:1.5rem;}
.main-notice-wrap1 .main-notice-list .notice-item .txt-box .addr{font-weight:500; color:var(--main-color); margin-bottom:1.5rem;margin-top:-1.0rem;}

/* hover */
.main-notice-wrap1 .main-notice-list .notice-item a:hover:before{opacity:1}
.main-notice-wrap1 .main-notice-list .notice-item a:hover .date-box .year,
.main-notice-wrap1 .main-notice-list .notice-item a:hover .date-box .date,
.main-notice-wrap1 .main-notice-list .notice-item a:hover .txt-box p{color:#fff;}
}