@charset "UTF-8";

	.tabDepth>a,
	.lastDepth>a,
	.depth3>a,
	.depth3>a>span:before,
	.faq_list>li .q,
	.faq_list>li .q>.bul,

	#mVisual .visualRoll .slider>div,
	#mVisual .vTxtArea .ii,
	#mVisual .slick-dots>li button,
	#mVisual .slick-dots>li button:before,
	#mVisual .vTxt .ii,

	#mVisual .iconMenu .inConts>a,

	#main-business>a:before,
	/*#main-customer a,*/
	#main-customer a>p img,
	#main-customer a>dl,

	.swiper-button,
	.swiper-pagination-bullet,
	.m-tab>a,
	#quick-right>a,
	.store-area>.store-map .thumb .finding-map-link,
	.store-area>.store-map .thumb .finding-map-link:after,
	#quick-right,
	#quick-social{transition: all .3s ease-out; transform-origin: 50% 50%;}


	.historyArea .history_box>.logo>span,
	.historyArea .history_box>.list:before,
	#mVisual .vTxt .ii{transition: all .5s ease-out; transform-origin: 50% 50%;}

	#mainVisual .vTxt .ii{transition: all .7s ease-out; transform-origin: 50% 50%;}

	#mVisual .visualRoll .slider .photoBox p{transition: all 1s ease-out; transform-origin: 50% 50%;}

	#mainVisual .visualRoll .swiper-slide>img{transition: all 2s ease-out; transform-origin: 50% 50%;}


		.apply-result .text-wrap {display:flex;flex-direction:column;align-items:center;gap:1.6rem;border-top:2px solid #333;border-bottom:1px solid #e2e2e2;padding:6rem 3rem;text-align:center;}
		.apply-result .text-wrap strong {color:#111;font-size:3.4rem;}
		.apply-result .text-wrap p {color:#111;font-size:2.2rem;}

		.apply-result .text-wrap .res_1 {color:#111;font-size:3.4rem; font-weight:700;}
		.apply-result .text-wrap .res_2 {color:#111;font-size:2.2rem;}



/*[s] All Style */
	/*
		.bg_thumb_box{width:100%; height:100%; background-repeat: no-repeat; background-position: center center; box-sizing: border-box;}
		img.bg_thumb{opacity: 0;}
		img.ofi{width:100%; height:100%; object-fit:cover; object-position: center center; font-family: 'object-fit: cover; object-position: center center;';}

		.tbLayout{width:100%; display:table;}
		.tbLayout.fixed{table-layout: fixed;}
		.tbLayout>*{display:table-cell; vertical-align: middle; box-sizing: border-box;}
		.tbLayout.vat>.td{vertical-align: top;}
		.tbLayout.full{width:1920px; margin-left:-960px; position: relative; left:50%;}

		.nTable{width:100%; border-top:2px solid #333; font-size:0; line-height:0;}
		.nTable>table{width:100%; border-spacing:0; border-collapse: collapse; table-layout : fixed;}
		.nTable>table th,
		.nTable>table td{padding:3rem 4.5rem; background-color: #fff; border-bottom:1px solid #dadada; font-size:1.7rem; line-height:1.5; color:#666; text-align:left; vertical-align: middle; border-collapse:collapse; empty-cells:show; box-sizing: border-box; word-break:keep-all; word-wrap:break-word;}

		.nTable>table th{height:5rem; padding:0; border-right:1px solid #dadada; font-size:1.8rem; color: #333; text-align: center;}
		.nTable>table>thead>tr>th{background-color: #f8f9fb; font-weight: 500;}
		.nTable>table>tbody>tr>th{}

		.nTable>table .inT{margin-right:2rem; display:inline-block;}
		.nTable>table .transportation{}
		.nTable>table .transportation>li{padding-left:7.5rem; position: relative;}
		.nTable>table .transportation>li+li{margin-top:2rem;}
		.nTable>table .transportation>li>p{font-weight: bold; font-size:1.8rem; line-height:3rem; color: #333; position: absolute; left:0; top:0;}
		.nTable>table .transportation>li>dl{display: flex; justify-content: space-between;}
		.nTable>table .transportation>li>dl+dl{margin-top:1rem;}
		.nTable>table .transportation>li>dl>dt{padding-right:1rem; white-space: nowrap;}
		.nTable>table .transportation>li>dl>dt>span{padding:0 0.8rem; background-color: #a2133f; font-size:1.5rem; line-height:3rem; color: #fff; display:inline-block; border-radius:3px;}
		.nTable>table .transportation>li>dl>dt.g>span{background-color: #48a824;}
		.nTable>table .transportation>li>dl>dt.b>span{background-color: #205cc0;}
		.nTable>table .transportation>li>dl>dt.h>span{background-color: #2faebd;}
		.nTable>table .transportation>li>dl>dt.r>span{background-color: #da352d;}
		.nTable>table .transportation>li>dl>dd{width:100%;}
		.nTable>table .transportation>li>dl>dd .inT{margin-right:1.5rem; font-size:1.6rem; line-height:3rem;}

		.nTable.en>table .transportation>li{padding-left:8.5rem;}

		.nTable>table .tit{padding-bottom:0.5rem; font-weight: 400; color: #1b1b1b;}
		.nTable>table ul.bul{}
		.nTable>table ul.bul>li{font-weight: 300; font-size:1.7rem; line-height:1.6; color: #666;}

		.nTable>table .icon{width:14.5rem; margin:0 auto; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: flex-start; text-align: left;}
		.nTable>table .icon>dt{width:5.8rem;}
		.nTable>table .icon .i01{width:3.3rem;}
		.nTable>table .icon .i02{width:3.8rem;}
		.nTable>table .icon .i03{width:3.5rem;}
		.nTable>table .icon .i04{width:2.7rem;}
		.nTable>table .icon .i05{width:3.4rem;}
		.nTable>table .icon .i06{width:3.6rem;}

		.nTable.small{margin-top:1.5rem; border:1px solid #2f3334; overflow:hidden;}
		.nTable.small>table{width:calc(100% + 3px); margin:-1px; background-color: #bcbcbc; border-spacing:1px;}
		.nTable.small>table th,
		.nTable.small>table td{padding:10px;  border:none; font-weight: 400; font-size:15px; line-height:20px; color: #595959; text-align: center;}
		.nTable.small>table>thead>tr>th{background-color: #e9e9e9; font-size:16px; color: #262626;}
		.nTable.small>table>tbody>tr>th{width:auto; border-right:none;}

		.nTable +.nTable{margin-top:40px;}

		.tabDepth{width:100%; margin-bottom:35px; font-size:0; line-height:0; text-align: center; box-sizing: border-box; overflow:hidden;}
		.tabDepth>a{width:19rem; height:46px; background-color: #fdfdfd; border:1px solid #e2e2e2; font-size:18px; line-height:1.2; color: #737373; display:inline-block; vertical-align: top; box-sizing: border-box;}
		.tabDepth>a+a{margin-left:-1px;}
		.tabDepth>a>span{display:inline-block; position: relative; top:50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);}

		.tabDepth>a:hover,
		.tabDepth>a.active{background-color: #1b54aa; border-color:#1b54aa; color: #fff; z-index:2;}

		.depth3{width:100%; margin-bottom:70px; font-size:0; line-height:0; text-align: center; box-sizing: border-box; overflow:hidden; position: relative;}
		.depth3:before{content: ""; width: 100%; height: 1px; background-color: #b0b0b0; display: inline-block; position:absolute; left: 0; top:50%;}
		.depth3>a{width:260px; height:54px; min-height:5.4rem; background-color: #1952a7; border:1px solid #0c3879; font-size:19px; line-height:1.2; color: #fff; display:inline-block; vertical-align: top; box-sizing: border-box; position: relative; z-index:2;}
		.depth3>a+a{margin-left:-1px;}
		.depth3>a>span{display:inline-block; position: relative; top:50%;-webkit-transform: translateY(-50%); transform: translateY(-50%); word-break:keep-all; word-wrap:break-word;}
		.depth3>a>span:before{content: ""; width: 0; height:2.1rem; margin-top:0.2rem; background:url("/images/bul_d3.png") no-repeat left top; background-size: 2.1rem; display: inline-block; vertical-align: top; position: relative; left:-3.1rem; opacity: 0;}

		.depth3>a:hover,
		.depth3>a.active{background-color: #0091db; border-color:#0086cb; z-index:3;}
		.depth3>a:hover>span:before,
		.depth3>a.active>span:before{width: 3.1rem; left:0rem; opacity: 1;}

		.lastDepth{width:100%; margin-bottom:50px; font-size:0; line-height:0; text-align: center; box-sizing: border-box; overflow:hidden; display: flex; justify-content: space-between; }
		.lastDepth>a{width:100%; height:60px; background-color: #fff; border:1px solid #d3d3d3; font-size:18px; line-height:1.2; color: #666; display:inline-block; vertical-align: top; box-sizing: border-box;}
		.lastDepth>a+a{margin-left:-1px;}
		.lastDepth>a>span{display:inline-block; position: relative; top:50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);}

		.lastDepth>a:hover,
		.lastDepth>a.active{background-color: #f192a6; border-color:#f192a6; color: #fff; z-index:2;}

		.lastDepthConts{font-size:0; line-height:0; display:none; overflow:hidden;}

		.groupTit{padding-bottom:3.5rem;}
		.groupTit .step{padding-bottom:1rem; font-weight: bold; font-size:2.2rem; line-height:1; color: #23abaf;}
		h4.txt{font-weight: bold; font-size:2.6rem; line-height:1; color: #1b1b1b;}
		.nTxt{padding-top:2.5rem; font-size:1.7rem; line-height:2.6rem; color: #888;}

		ul.star{}
		ul.star>li{padding-left:2.2rem; font-size:1.7rem; line-height:3.2rem; color: #666; position: relative;}
		ul.star>li:before{content: "※"; position:absolute; left: 0.4rem; top:0px;}

		ul.etc{}
		ul.etc>li{padding-left:3.3rem; font-size:1.7rem; line-height:3.2rem; color: #666; position: relative;}
		ul.etc>li:before{content: attr(data-title); position:absolute; left: 0; top:0px;}



		.admGo{font-size:0; line-height:0; position: relative; z-index:7;}
		.admGo>a{padding:10px 20px; background-color:#f00; font-size:16px; line-height:1.2; color:#fff; display:inline-block; position:absolute; left:0; bottom:0;}
		.admGos{padding:0.5rem 1rem; background-color:#f00; font-size:1.6rem; line-height:1.2; color:#fff; display:inline-block; position: absolute; right:0; top:0; z-index:7;}

		.arrBtn{padding:0 1.8rem; border:0.2rem solid #fff; font-size:16px; line-height:4rem; color: #fff; display:inline-block; border-radius:99px;}
		.arrBtn>span{padding-right:6rem; background: url("/images/main/arr_mBtns_w.png") no-repeat right center; background-size:3.1rem; display:inline-block;}
		.arrBtn.black{border-color:#333; color: #333;}
		.arrBtn.black>span{background-image: url("/images/main/arr_mBtns.png");}


		h4{font-weight: 600; font-size:3rem; line-height:1.2; color: #222;}
		*+h4{margin-top:19rem;}
		h4+*{margin-top:2.5rem;}
		h5{font-weight: 600; font-size:2rem; line-height:2.8rem; color: #222;}
		*+h5{margin-top:3rem;}
		.information-ol+h5,
		h5.mt{margin-top:9rem;}
		h5+*{margin-top:3rem;}

		.category-top{width:calc(100% + 1rem); margin:5rem 0 5rem -0.5rem; font-size:0; line-height:0; text-align: center; display:block; position: relative; overflow:hidden; overflow-x:auto;}
		.category-top>ul{display: flex; justify-content: flex-start;}
		.category-top>ul>li{margin:0.5rem; display:inline-block; vertical-align: top; position: relative;}
		.category-top>ul>li a{height:4.5rem; padding:0 2rem; background-color: #eee; font-weight: 600; font-size:1.8rem; line-height:1.4; color: #222; display:table; white-space: nowrap; border-radius:99px;}
		.category-top>ul>li a>span{display:table-cell; vertical-align: middle; word-break:keep-all; word-wrap:break-word;}

		.category-top>ul>li a.active,
		.category-top>ul>li:hover a{background-color:#222; color:#fff;}
		.category-top>ul>li a.active{font-weight: 500;}

		.category-txt{width:100%; margin:-1rem 0 5rem 0; font-size:0; line-height:0; position: relative; overflow:hidden; overflow-x:auto;}
		.category-txt>ul{display: flex; justify-content: flex-start;}
		.category-txt>ul>li{margin:1rem 6rem 1rem 0; display:inline-block; vertical-align: top; position: relative;}
		.category-txt>ul>li a{font-weight: 500; font-size:1.8rem; line-height:1.2; color: #222; display:inline-block; white-space: nowrap;}
		.category-txt>ul>li a>span{}

		.category-txt>ul>li a.active,
		.category-txt>ul>li:hover a{color:var(--point);;}
		.category-txt>ul>li a.active{}

		.category-tab{width:100%; height:6rem; margin:7rem 0 5rem; font-size:0; line-height:0; text-align: center; position: relative;}
		.category-tab>.category-tab_in{position: relative;}
		.category-tab ul{width:100%; margin:0 auto; background-color: #636772; display: flex; justify-content: center; border-radius:99px;}
		.category-tab ul>li{flex:1 1 25%; display:inline-block; vertical-align: top; position: relative;}
		.category-tab ul>li a{width:100%; height:6rem; font-weight: 600; font-size:2rem; line-height:1.2; color: #fff; white-space: nowrap; display: flex; flex-direction: row; align-items: center; justify-content: center; border-radius:99px;}
		.category-tab ul>li a>span{}

		.category-tab ul>li a.active,
		.category-tab ul>li:hover a{background-color: #bffa55; color: #222;}
		.category-tab ul>li a.active{}

		.category-tab.fixed{transform: inherit !important; transition-delay: inherit !important; transition-duration:inherit !important;}
		.category-tab.fixed .category-tab_in{width:100vw; background-color: #636772; position: fixed; left:0; top:9rem; z-index:10;}
		.category-tab.fixed ul{max-width:120rem; border-radius:0;}
		.category-tab.fixed ul>li a{border-radius:0;}

		ul.bul{}
		ul.bul>li{padding-left:1rem; font-size:1.7rem; line-height:2.5rem; color: #222; position: relative;}
		ul.bul>li+li{margin-top:0.5rem;}
		ul.bul>li:before{content: "·"; position:absolute; left: 0; top:0px;}

		.scrollTb{display:inline-block; font-size:0; line-height:0; text-align: center;}
		.scrollTb img{max-width:none;}
		.nTable.scrollTb{padding-bottom:2rem;}
		.scroll_info{width:100%; padding:2rem 0; font-size:0; line-height:0; position: relative; display:none;}
		.scroll_info:before{content:"← scroll →"; margin-top:-1rem; font-size:2rem; line-height:1; color: #ff0000; display:inline-block; position: absolute; left:44%; top:50%; animation-duration: 1s; animation-iteration-count:infinite; animation-name: scrollMove; animation-timing-function:ease-In-Out;animation-direction:alternate;}
		@keyframes scrollMove {
			from {color: #222; left:42%;}
			to {color: var(--point); left:46%;}
		}

		.wideKakao{width: 100%; margin: 0 auto; position: relative;}
		.wideKakao>.root_daum_roughmap{width: 100%; height:58rem;}
		.wideKakao>.root_daum_roughmap .wrap_map{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
		.wideKakao .hide {display: none;}

		h5.txt{margin-bottom:2.2rem; font-weight: bold; font-size:2.2rem; line-height:1.2; color: #222;}
		*+h5.txt{margin-top:10rem;}
		h5.txt.recruitment{margin:4rem 0 1.3rem;}

		ul.bul{}
		ul.bul>li{padding-left:1.4rem; font-weight: 500; font-size:1.8rem; line-height:3rem; color: #666; position: relative;}
		ul.bul>li:before{content: "ㆍ"; position:absolute; left: 0; top:0px;}

		.depth3{width:100%; margin-bottom:10rem; display: flex; justify-content: center;}
		.depth3>a{width:18rem; height:6rem; background-color: #f5f5f5; font-weight: 500; font-size:1.8rem; line-height:1.2; color: #999; text-align: center; display: flex; align-items: center; justify-content: center; border-radius:0.5rem;}
		.depth3>a+a{margin-left:1rem;}

		.depth3>a:hover,
		.depth3>a.active{background-color: var(--point); color:#fff;}
	*/
	.f0{font-size:0; line-height:0;}

	.depth-three{width:100%; margin-bottom:3rem; font-size:0; line-height:0; text-align: center; overflow:hidden; display: flex; justify-content: center; }
	.depth-three>a{width:20rem; height:6.5rem; background-color: #f8f8f8; border:1px solid #e2e2e2; font-weight:500; font-size:1.8rem; line-height:1.2; color: #666; display: flex; align-items: center; justify-content: center; transition: all .3s ease-out; position: relative;}
	.depth-three>a+a{margin-left:-1px;}

	.depth-three>a:is(:hover, .active){background-color: var(--point); border-color:var(--point); color:#fff; z-index:2;}

	.depth-three-conts{display:none;}

	h4.bul{margin-bottom:4rem; padding-left:1.7rem; font-weight: 600; font-size:2.8rem; line-height:1; color: #111; position: relative;}
	h4.bul:before{content: ""; width: 0.6rem; height: 2.8rem; background-color: var(--point); position:absolute; left: 0; top:0;}
	/**+h4.bul{margin-top:6.5rem;}*/

	.lattice{background-size: 1rem, 3rem, 1rem 1rem, 3rem 3rem; background-image: linear-gradient(90deg, #ededed 1px, transparent 1px), linear-gradient(90deg, #ededed 1px, transparent 1px), linear-gradient(#ededed 1px, transparent 1px), linear-gradient(#ededed 1px, transparent 1px);}

	.wideFrame{height: 0; padding-bottom: 56.25%; position: relative;}
	.wideFrame>video,
	.wideFrame>iframe{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

	.wideFrame.h740{height: 74rem; padding-bottom: 0;}

	.wideKakao{width: 100%; margin: 0 auto; position: relative;}
	.wideKakao>.root_daum_roughmap{width: 100%; height:43rem;}
	.wideKakao>.root_daum_roughmap .wrap_map{height:100%; position: absolute; left: -1px; right: -1px; top: -1px;border:0.1rem solid #e6e6e6;}
	.wideKakao .hide {display: none;}

	.hd-bar{padding-top:4px; background:linear-gradient( to right, #0a9680 0, #0a9680 58%, #221e1f 58%, #221e1f 72%, #d8922a 72%, #d8922a) no-repeat; background-size:100% 4px;}

	.scrollTb{display:inline-block; font-size:0; line-height:0; text-align: center;}
	.scrollTb img{max-width:none;}
	.nTable.scrollTb{padding-bottom:2rem;}
	.scroll_info{width:100%; padding:4rem 0; font-size:0; line-height:0; position: relative; display:none;}
	.scroll_info:before{content:"← scroll →"; margin-top:0; font-size:1.8rem; line-height:1; color: #ff0000; display:inline-block; position: absolute; left:44%; top:2rem; animation-duration: 1s; animation-iteration-count:infinite; animation-name: scrollMove; animation-timing-function:ease-In-Out;animation-direction:alternate;}
	@keyframes scrollMove {
		from {color: #222; left:42%;}
		to {color: var(--point); left:46%;}
	}

	select.base{width:100%; height:4rem; padding:0 5rem 0 2rem; background:#fff url('/images/bg_select_arr_m.png') no-repeat right center; background-size:3rem; border:1px solid #ccc; font-weight: 400; font-size:1.5rem; line-height:3.8rem; color: #666; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:5px; box-sizing:border-box;}
	select.base::-ms-expand{display:none;}
/*[e] All Style */

/*[s] Main Popup Style */
	#hd_pop {z-index:101;position:relative;margin:0 auto;height:0}
	#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
	.hd_pops{width:auto !important; max-width:100%; height:auto !important; background-color:#fff; position:absolute; display:block; border-radius: 1rem; overflow:hidden; box-sizing:border-box; box-shadow:0 0 3rem rgba(0,0,0,0.5);}
	.hd_pops img{width:100%}
	.hd_pops_con{}
	.hd_pops_footer{display: flex; gap: 1rem; justify-content: space-between; padding: 15px 2rem; font-size: 0; line-height: 0; color:#888; text-align:left;position:relative}
	.hd_pops_footer.white{background-color: #fff;}
	.hd_pops_footer.black{background-color: #000;}

	.hd_pops_footer .hd_pops_reject {position: relative; font-size: 14px; line-height: 1; color: #888; padding: 0 0 0 20px;}
	.hd_pops_footer .hd_pops_reject::before{position: absolute; content: ''; width: 14px; height: 14px; top: 0; left: 0; border: 1px solid #888; background-color: #fff;}
	.hd_pops_footer .hd_pops_reject::after{position: absolute; content: ''; width: 10px; height: 10px; top: 2px; left: 2px; background-image: url('/img/icon_check.svg'); background-repeat: no-repeat; background-size: contain; background-position: center;}

	.hd_pops_footer .hd_pops_close{width: 14px; height: 14px;/*   background-image: url('/img/icon_close.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; */}

	/* black */
	.hd_pops_footer.black .hd_pops_reject {color: #fff;}
	.hd_pops_footer.black .hd_pops_reject::before{border: 1px solid #fff;}
	/* .hd_pops_footer.black .hd_pops_reject::after{filter: brightness(0) saturate(100%) invert(100%);} */

	.hd_pops_footer.black .hd_pops_close{filter: brightness(0) saturate(100%) invert(100%);}

	#popLayer{width:100%; height:100%; font-size:0; line-height:0; position:fixed; left:0; top:0; z-index:99; overflow:hidden; overflow-y:auto;}
	#popLayer.disNone{display:none !important;}
	#popLayer #moPopArea{width:100vw; height:100vh; padding:10rem 3rem; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: row; align-items: flex-start; justify-content: flex-start; -ms-flex-align:center;}
	#popLayer #moPopArea .moPop{width:100%; max-width:50rem; margin:0; position: relative;}
	#popLayer #moPopArea #moPopRoll{background-color: #fff; border-radius:2rem; overflow:hidden; box-shadow:0 2rem 4rem rgba(0,0,0,0.3);}
	#popLayer .slider{width:100%; border-radius:2rem 2rem 0 0; box-sizing:border-box; overflow:hidden;}
	#popLayer .slider img{width:100%; vertical-align: top;}
	#popLayer .slider .HKeditorContent{padding:20px; font-size:20px; line-height:1.5; color: #666;}
	#popLayer .slider .HKeditorContent img{width:auto;}
	#popLayer #moPopRoll.roll .slider{}

	#popLayer .layerPopClose{width:3rem; height:3rem; margin:0; padding:0; font-size:0; line-height:0; position: absolute; right:1.5rem; top:1.5rem; z-index:6; transform:rotate(45deg);}
	#popLayer .layerPopClose:before,
	#popLayer .layerPopClose:after{content: ""; background-color: #222; display: block; position:absolute; left: 50%; top:50%;}
	#popLayer .layerPopClose:before{width: 100%; height: 2px; margin:-1px 0 0 -1.5rem;}
	#popLayer .layerPopClose:after{width: 2px; height: 100%; margin:-1.5rem 0 0 -1px;}

	#popLayer .moPopClose{width:100%; border-radius:0 0 2rem 2rem; display: flex; justify-content: space-between; overflow:hidden;}
	#popLayer .moPopClose>*{flex:1 1 50%; height:6rem; font-size:1.6rem; line-height:1; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}
	#popLayer .moPopClose button{background-color: #878896; border:none; color: #dcdeea; position: relative;}
	/*#popLayer .moPopClose button:before{content: "X"; width: 1.8rem; height: 1.8rem; background-color: rgba(255,255,255,0.3); border:1px solid #000; font-family: dotum; font-weight: bold; font-size:1.6rem; line-height:1.6rem; color: #000;display: inline-block; position:absolute; top:0; box-sizing: border-box;}
	#popLayer .moPopClose button.toDay_close{padding-left:2.5rem;}
	#popLayer .moPopClose button.toDay_close:before{left:0;}*/
	#popLayer .moPopClose button.close{padding-right:2.5rem}
	#popLayer .moPopClose button.close:before{right:0;}
	#popLayer .moPopClose a{background-color: #3617cd; color:#fff}

	#popLayer .slick-dots{width:100%; padding:0; text-align: center; position: absolute; left:0; bottom:7rem; z-index:7;}
	#popLayer .slick-dots>li{margin:0 0.7rem; display:inline-block; vertical-align: top;}
	#popLayer .slick-dots>li+li{}
	#popLayer .slick-dots>li button{width:1.4rem; height:1.4rem; padding:0; background-color:#d4d7d9; border:none; font-size:0; line-height:0; position: relative; cursor: pointer; border-radius:999px; overflow:hidden; transition: all .3s ease-out;}
	#popLayer .slick-dots>li.slick-active button{width:30px; background-color: #333;}

	#popLayer #moPopArea #moPopRoll{opacity: 0; visibility: hidden; transition: opacity 1s ease;}
	#popLayer #moPopArea #moPopRoll.open,
	#popLayer #moPopArea #moPopRoll.slick-initialized{visibility: visible; opacity: 1;}
/*[e] Main Popup Style */

/*[s] Main Style */
		.mainTitle{font-size:4.5rem;color:#000;font-weight:900;text-align:center;}

	/* visual */
		#main-visual,
		#main-visual .main-slider,
		#main-visual .main-slider .slick-slide,
		#main-visual .main-slider .slide-media,
		#main-visual .main-slider .mobile_in{height:760px !important;}

		#main-visual .main-slider .mobile_in{width: 242vw; position: relative; left:50%; transform: translateX(-50%);}
		#main-visual .main-slider .mobile_in video,
		#main-visual .main-slider .mobile_in iframe{width:100% !important; height:110% !important; position: absolute; left:0 !important; top:0 !important; transform: translate(0%, 0%);}

		#main-visual{width:100%; margin-bottom: 5rem; background:#36465d url('/theme/prix/img/loading.gif') no-repeat center center; background-size: contain; font-size:0; line-height:0; position: relative; overflow:hidden;}
		#main-visual .main-slider{width: 100%; background-color:#36465d; position: relative; opacity: 0; visibility: hidden; transition:all 3s ease;}
		#main-visual .main-slider.slick-initialized{opacity: 1; visibility: visible;}

		#main-visual .main-slider .slick-slide{position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
		#main-visual .main-slider .slick-slide:before{content: ''; width: 100%; height: 100%; background-color: #000; position: absolute; top: 0; left: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: .3; z-index: 1;}
		#main-visual .main-slider video {width: auto; height: auto; min-width: 100%; min-height: 100%; display: block; position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%);}
		#main-visual .main-slider iframe {position: relative; pointer-events: none;}
		#main-visual .main-slider figure {height: 100%; margin:0; position: relative;}
		#main-visual .main-slider .slide-image {height: 100%; background-size: cover; background-position: center; opacity: 0; transition:all .8s ease;}
		#main-visual .main-slider .slide-image{opacity: 1;}

		#main-visual .main-slider .image-entity {width: 100%; opacity: 0; visibility: hidden;}
		#main-visual .main-slider .loading {width: 100%; position: absolute; left: 0; top: 44%;}
		#main-visual .main-slider .slide-media {background-repeat: no-repeat; background-position: center center; background-size: cover; animation:slideOut .4s cubic-bezier(0.4, 0.29, 0.01, 1);}
		#main-visual .main-slider .caption{position: absolute; left: 5%; top: 44%; text-align: center; padding: 20px; border: 3px solid; color: #fff; margin: 0; font-size: 40px; font-weight: bold; letter-spacing: .02em; opacity: 0; z-index: 1; transition:all .3s ease; transform:translateY(100px); -webkit-backface-visibility: hidden; backface-visibility: hidden;}

		#main-visual .main-slider .slick-active{z-index: 1;}
		#main-visual .main-slider .slick-active .slide-media{animation:slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);}
		#main-visual .main-slider .slick-active .caption{opacity: 1; transform:translateY(0); transition:all .7s cubic-bezier(0.32, 0.34, 0, 1.62) .6s;}

		#main-visual .slick-arrow{width:47px; height:90px; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: cover; border:none; font-size:0; line-height:0; position: absolute; top:50%; z-index:7; transform: translateY(-50%); cursor: pointer;}
		#main-visual .slick-prev{background-image: url("/images/main/btn_slick_prev.png"); left:100px;}
		#main-visual .slick-next{background-image: url("/images/main/btn_slick_next.png"); right:100px;}
		#main-visual .slick-arrow:hover{opacity:1;}

		#main-visual .controll{width:260px; padding-top:0; margin-left:-130px; position: absolute; left: 50%; bottom: 5rem; display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
		#main-visual .controll .dot{display:inline-block; vertical-align: middle;}
		#main-visual .controll .auto{display:inline-block; vertical-align: middle;}
		#main-visual .controll .auto{padding-left:10px;}
		#main-visual .controll .auto button{width:27px; height:27px; background:transparent url("/images/btn_slick_pause.png") no-repeat left top; border:none;}
		#main-visual .controll .auto button.off{background-image:url("/images/btn_slick_play.png");}

		#main-visual .slick-dots{display:flex; flex-wrap: nowrap; justify-content: flex-start;}
		#main-visual .slick-dots>li{width:auto !important; padding:0 !important; display:inline-block; vertical-align: top;}
		#main-visual .slick-dots>li+li{margin-left:0;}

		#main-visual .dot_Line,
		#main-visual .dot_Line>dt,
		#main-visual .dot_Line>dd .line{transition: all .3s ease-out; transform-origin: 50% 50%;}
		#main-visual .dot_Line>dd .line>span{}
		#main-visual .vTxt.first .dot_Line>dd .line>span{}

		#main-visual .dot_Line{padding-right:10px; box-sizing: border-box; position: relative;}
		#main-visual .dot_Line>dt{font-weight: 500; font-size:15px; line-height:1; color: rgba(255,255,255,0.3); white-space: nowrap;}
		#main-visual .dot_Line>dd{position: absolute; left:27px; right:10px; top:50%;}
		#main-visual .dot_Line>dd .line{width:100%; height:2px; background-color: rgba(255,255,255,0.3); display:inline-block; vertical-align: middle; position: relative; overflow:hidden;}
		#main-visual .dot_Line>dd .line>span{width:100%; height:2px; background-color: rgba(255,255,255,1); display:inline-block; position: absolute; left:-100%; top:0;}

		#main-visual .slick-dots>li.slick-active .dot_Line{padding-right:120px;}
		#main-visual .slick-dots>li.slick-active .dot_Line>dt{color: rgba(255,255,255,1);}
		#main-visual .slick-dots>li.slick-active .dot_Line>dd .line{width:100%;}
		#main-visual .slick-dots>li.slick-active .dot_Line>dd .line>span{}

		@keyframes slideIn {
			from {
				filter:blur(15px);
			} to {
				filter:blur(0);
			}
		}
		@keyframes slideOut {
			from {
				filter:blur(0);
			} to {
				filter:blur(15px);
			}
		}

	/* visual */
		#mVisual{width:100%; font-size:0; line-height:0; position: relative; overflow:hidden;}
		#mVisual .visualRoll{white-space: nowrap;}
		#mVisual .visualRoll .slider{width:100%; background-repeat: no-repeat; background-position: center center; background-size: cover; font-size:0; line-height:0; position: relative; overflow:hidden; display:inline-block; vertical-align: top;}
		#mVisual .visualRoll .slider img{width:100%; max-width:none; height:96rem; object-fit: cover;}
		#mVisual .visualRoll .slider video{width:100%; max-width:none; height:96rem; object-fit: cover;}

		#mVisual .slick-arrow{width:35px; height:63px; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: cover; border:none; font-size:0; line-height:0; position: absolute; top:50%; z-index:7; transform: translateY(-50%); cursor: pointer; opacity:1;}
		#mVisual .slick-prev{background-image: url("/images/main/btn_slick_prev.png"); left:4.25%;}
		#mVisual .slick-next{background-image: url("/images/main/btn_slick_next.png"); right:4.25%;}
		#mVisual .slick-arrow:hover{opacity:1;}

		#mVisual .vTxtArea{width:100%; height:96rem; max-width:1560px; padding:0 3rem; text-align: left; position: absolute; left:50%; top:0; transform: translateX(-50%); z-index:5; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: flex-start;}
		#mVisual .vTxtArea .vTxt_in{width:100%; padding:9rem 0 34rem; position: relative;}
		#mVisual .vTxt{width:100%; position: absolute; left:0; top:-999px;}
		#mVisual .vTxt .ii{color: #fff; top:50px; display:block; opacity: 0; position: relative; word-break:keep-all; word-wrap:break-word;}
		#mVisual .vTxt .i01{-webkit-transition-delay: .4s; transition-delay: .4s;}
		#mVisual .vTxt .i02{-webkit-transition-delay: .45s; transition-delay: .45s;}
		#mVisual .vTxt .i03{-webkit-transition-delay: .5s; transition-delay: .5s;}
		#mVisual .vTxt .i04{-webkit-transition-delay: .55s; transition-delay: .55s;}
		#mVisual .vTxt .i05{-webkit-transition-delay: .6s; transition-delay: .6s;}
		#mVisual .vTxt .i06{-webkit-transition-delay: .65s; transition-delay: .65s;}
		#mVisual .vTxt .i07{-webkit-transition-delay: .7s; transition-delay: .7s;}

		#mVisual .vTxt .ii.tit{font-weight:900; font-size:1.8rem; line-height:1;}
		#mVisual .vTxt .ii.title{margin-top:2rem; font-weight: bold; font-size:5.5rem; line-height:6rem;}
		#mVisual .vTxt .ii.txt{margin-top:3rem; font-weight: 500; font-size:2.2rem; line-height:1.4;}

		#mVisual .vTxt .ii.controll{margin-top:5rem;}

		#mVisual .slick-dots{width:100%;}
		#mVisual .slick-dots>li{display:inline-block; vertical-align: top;}
		#mVisual .slick-dots>li+li{margin-left:1rem;}
		#mVisual .slick-dots>li button{width:1.1rem !important; height:1.1rem; margin:0; padding:0; background-color:#c7c8c6; border:none; font-size:0; line-height:0; cursor: pointer; border-radius:99px;}
		#mVisual .slick-dots>li.slick-active button{width:4.1rem !important; background-color:#0a60dd;}

		#mVisual .vTxt.active{position: static; top:0px;}
		#mVisual .vTxt.active .ii{top:0px; opacity:1;}

	/* visual */
		#mainVisual{width:100%; position: relative; overflow:hidden;}
		#mainVisual .visualRoll{white-space: nowrap;}
		#mainVisual .visualRoll .swiper-slide{width:100%; background-repeat: no-repeat; background-position: center center; background-size: cover; font-size:0; line-height:0; position: relative; overflow:hidden; display:inline-block; vertical-align: top;}
		#mainVisual .visualRoll .swiper-slide>img{width:100%; max-width:none; height:96rem; object-fit: cover; object-position: center center; filter:grayscale(80%) blur(5px); transform:scale(1.1);}
		#mainVisual .visualRoll .swiper-slide>video{width:100%; max-width:none; height:96rem; object-fit: cover;}

		#mainVisual .vTxtArea{width:100%; max-width:168rem; height:100%; margin-left:-84rem; padding:0 2rem 8rem; text-align: left; position: absolute; left:50%; top:0; z-index:5; display: flex; align-items: center; justify-content: center;}
		#mainVisual .vTxt{width:100%; position: relative;}
		#mainVisual .vTxt .ii{line-height:1; color: #fff; top:50px; display:block; opacity: 0; position: relative; word-break:keep-all; word-wrap:break-word; white-space: normal;}
		#mainVisual .vTxt .i01{transition-delay: 1.3s;}
		#mainVisual .vTxt .i02{transition-delay: 1.35s;}
		#mainVisual .vTxt .i03{transition-delay: 1.4s;}
		#mainVisual .vTxt .i04{transition-delay: 1.45s;}
		#mainVisual .vTxt .i05{transition-delay: 1.5s;}
		#mainVisual .vTxt .i06{transition-delay: 1.55s;}
		#mainVisual .vTxt .i07{transition-delay: 1.6s;}

		#mainVisual .vTxt .ii.title{font-weight: 700; font-size:5.5rem; line-height:6.5rem;text-align:center;font-family:'Play';}
		#mainVisual .vTxt .ii.text{font-size:3rem; line-height:4rem; font-weight:600; text-align:center;margin-top:2rem;}
		#mainVisual .vTxt .ii.btns{margin-top:3.4rem; text-align:center;}
		#mainVisual .vTxt .ii.btns>a{width:18rem; height:5.6rem; font-weight: 600;border-radius:5rem;font-size:2rem; line-height:1; color: #fff; display: inline-flex; align-items: center; justify-content: center;  background-color:var(--point);}


		#mainVisual .swiper-option{width:120rem; margin:0 auto; position: relative; display:none;}
		#mainVisual .swiper-button{font-family:'SUIT Variable'; font-weight: 100; font-size:8rem; line-height:1; color: rgba(255,255,255,0.8); position: absolute; top:-39rem; display: inline-block; cursor: pointer;  z-index:7;}
		#mainVisual .swiper-button-prev{left:0;}
		#mainVisual .swiper-button-next{right:0;}
		#mainVisual .swiper-button:hover{color: rgba(255,255,255,1);}


		#mainVisual .swiper-pagination{display: flex; align-items: center; justify-content:center; gap:0 1.5rem; bottom:10rem; z-index:5;}
		#mainVisual .swiper-pagination-bullet{margin:0; width:1.2rem; height:1.2rem; display: flex; align-items: center; gap:0; background-color:transparent;border:0.1rem solid #fff;}
		#mainVisual .swiper-pagination-bullet.swiper-pagination-bullet-active{width:4.2rem;background-color:var(--point); opacity:1;border-radius:5rem;border:none;}

		#mainVisual .swiper-slide-active .vTxt .ii{top:0px; opacity:1;}
		#mainVisual .visualRoll .swiper-slide.swiper-slide-active>img{filter:grayscale(0) blur(0px); transform:scale(1);}

		.mainTitleBox{margin-bottom:4rem;}

		.mainTitle{font-size:5rem;line-height:6rem;font-weight:700;color:#000;text-align:center;}
		.mainSubText{font-size:2rem;line-height:3rem;color:#555;font-family:'Play';text-align:center;}

		#mainIntro{text-align:center;}
		#mainIntro > dl{height:60rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:url('/images/main/main_top_bg.jpg')no-repeat center / cover;}
		#mainIntro > dl dt{font-size:5rem;color:#000;line-height:6rem;letter-spacing:0;}
		#mainIntro > dl dt span{font-weight:900;letter-spacing:0;}
		#mainIntro > dl dt strong{color:var(--point);letter-spacing:0;}
		#mainIntro > dl dd{font-size:3rem;line-height:4rem;font-weight:600;color:#000;margin-top:1.6rem;letter-spacing:0;}
		#mainIntro .swiper-slide{position:relative;padding:20rem 1rem 0;min-height:96rem;color:#fff;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;align-items:center;gap:23rem;}
		#mainIntro .swiper-slide.active:after{opacity:0;}
		#mainIntro .swiper-slide:after{width:100%;height:100%;transition:all .3s ease-out;content:'';left:0;top:0;background:rgba(0, 0, 0,.5);position:absolute;}
		#mainIntro .swiper-slide:nth-child(1){background-image:url('/images/main/main_intro_img_01.jpg');}
		#mainIntro .swiper-slide:nth-child(2){background-image:url('/images/main/main_intro_img_02.jpg');}
		#mainIntro .swiper-slide:nth-child(3){background-image:url('/images/main/main_intro_img_03.jpg');}
		#mainIntro .swiper-slide > span{font-size:2rem;font-family:'Play';position:relative;z-index:1;}
		#mainIntro .swiper-slide div{position:relative;z-index:1;}
		#mainIntro .swiper-slide div:before{width:0.1rem;height:15rem;content:'';top:-19rem;left:50%;transform:translate(-50%);background:#fff;position:absolute;z-index:1;}
		#mainIntro .swiper-slide div dl dt{font-size:4rem;font-weight:600;}
		#mainIntro .swiper-slide div dl dd{font-size:2.2rem;line-height:3.2rem;margin-top:1.5rem;}
		#mainIntro .swiper-slide div a{display:none;width:18rem; height:5.6rem;margin-top:4rem;font-weight: 600;border-radius:5rem;font-size:2rem; line-height:1; color: #fff; align-items: center; justify-content: center;  background-color:var(--point);}
		#mainIntro .swiper-slide.active div a{display: inline-flex;}


		#mainBusiness{background:url('/images/main/business_bg.jpg')no-repeat center / cover;padding:12.5rem 0 15rem;}
		#mainBusiness .inConts > ul{display:flex;gap:1.8%;}
		#mainBusiness .inConts > ul > li{transition:.5s ease;width:34.146%;height:66rem;border-radius:1rem;background-position:center;background-repeat:no-repeat;background-size:cover;}
		#mainBusiness .inConts > ul > li:nth-child(1){background-image:url('/images/main/business_img_01.png');}
		#mainBusiness .inConts > ul > li:nth-child(2){background-image:url('/images/main/business_img_02.png');}
		#mainBusiness .inConts > ul > li.active{width:calc(100% - 35.946%);}
		#mainBusiness .inConts > ul > li a{padding:0 2rem 0 10rem;height:100%;color:#fff;display:flex;flex-direction:column;justify-content:center;}
		#mainBusiness .inConts > ul > li dl dt{font-size:4.5rem;font-weight:600;}
		#mainBusiness .inConts > ul > li dl dt span{display:block;font-size:2rem;color:#fff;font-family:'Play';font-weight:400;}
		#mainBusiness .inConts > ul > li dl dd{margin-top:0.8rem;letter-spacing:0;font-size:2.2rem;line-height:3.2rem;display:none;transition:.5s ease;animation:up-motion .3s cubic-bezier(.25,.46,.45,.94) both 0.4s;}
		#mainBusiness .inConts > ul > li.active dl dd{display:block;}
		#mainBusiness .inConts > ul > li a p{margin-top:4.5rem;opacity:0;transition:.5s ease; }
		#mainBusiness .inConts > ul > li a p img{width:7.1rem;}
		#mainBusiness .inConts > ul > li.active a  p{opacity:1;}


		@keyframes up-motion{
			0% {opacity: 0; top:1rem;}
			100% {opacity: 1; top:0;}
		}


		#mainManagement{padding:15rem 0;}
		#mainManagement ul{display:flex;flex-wrap:wrap;}
		#mainManagement .inConts .swiper-slide{box-shadow:0 0.7rem 1.6rem 0 rgba(102, 102, 102, 0.6);width:32%;height:54rem;border-radius:1rem;color:#fff;background-position:center;background-repeat:no-repeat;background-size:cover;}
		#mainManagement .inConts .swiper-slide:nth-child(1){background-image:url('/images/main/management_img_01.png');}
		#mainManagement .inConts .swiper-slide:nth-child(2){background-image:url('/images/main/management_img_02.png');}
		#mainManagement .inConts .swiper-slide:nth-child(3){background-image:url('/images/main/management_img_03.png');}
		#mainManagement .inConts .swiper-slide > a{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 2rem 0 5rem;}
		#mainManagement .inConts .swiper-slide:last-child{display:flex;flex-direction:column;justify-content:center;padding:0 6rem 0 5rem;}
		#mainManagement .inConts .swiper-slide a{color:#fff;}
		#mainManagement .inConts .swiper-slide dl dt{font-size:4rem;font-weight:600;}
		#mainManagement .inConts .swiper-slide dl dd{display:block;font-size:2rem;font-family:'Play';}
		#mainManagement .inConts .swiper-slide p{font-size:2rem;line-height:3rem;margin-top:2.5rem;}
		#mainManagement .inConts .swiper-slide span{margin-top:4rem;display:none;}
		#mainManagement .inConts .swiper-slide span img{width:7.1rem;}
		#mainManagement .inConts .swiper-slide:hover span{display:block;}
		#mainManagement .inConts .swiper-slide ul{margin-top:6rem;gap:2.5rem 7.1%;}
		#mainManagement .inConts .swiper-slide ul li{width:46.2%;}
		#mainManagement .inConts .swiper-slide ul li a{display:block;font-size:2rem;opacity:0.3;padding:0 0 1.8rem 0.2rem;}
		#mainManagement .inConts .swiper-slide ul li a:hover{opacity:1;background:url('/images/main/main_arrow_icon_w.png')no-repeat top 0.8rem right / 1rem auto;}
		#mainManagement .inConts .swiper-slide ul li:nth-child(-n+2) a{border-bottom:0.1rem solid #fff;}


		#mainPromotional{position:relative;padding:5rem 0 15rem;}
		#mainPromotional:before{width:auto;height:auto;font-size:10rem;line-height:11rem;white-space:nowrap;content:'PROMOTIONAL VIDEO';top:0;left:50%;transform:translateX(-50%);position:absolute;color:#112a80;opacity:0.07;font-weight:700;font-family:'Play';}
		#mainPromotional .swiper-slide iframe{pointer-events: auto;box-shadow:0 0.7rem 1.6rem 0 rgba(102, 102, 102, 0.6);aspect-ratio: 16 / 9;border-radius:1rem;}
		#mainPromotional .noneDate{height:auto !important;border:0.1rem solid #ddd;border-radius:1rem;}
		#mainPromotional .lt_img{cursor:auto;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:1rem;}
		#mainPromotional .swiper-pagination{position:static;margin-top:4rem;display: flex; align-items: center;justify-content:center;gap:0 1.5rem;}
		#mainPromotional .swiper-pagination-bullet{margin:0; width:1.2rem; height:1.2rem; transition:none;display: flex; align-items: center; gap:0; border:0.1rem solid #ccc;background:transparent;opacity:1;}
		#mainPromotional .swiper-pagination-bullet.swiper-pagination-bullet-active{width:4.2rem; height:1.2rem;background:linear-gradient(to right, #17bb76, #118ec6); opacity:1;border:none;border-radius:5rem;}
		#mainPromotional .swiper-button-next,
		#mainPromotional .swiper-button-prev{width:7.1rem;height:7.1rem;background: url("/images/main/main_arrow_icon.png") no-repeat center / 7.1rem auto;transition:none !important;}
		#mainPromotional .swiper-button-prev{transform:rotate(-180deg);left:10rem;}
		#mainPromotional .swiper-button-next{right:10rem;}
		#mainPromotional .swiper-button-next::after,
		#mainPromotional .swiper-button-prev::after {display: none;}
		#mainPromotional .mainPromotionalSw{position:relative;}


		/* NEWS */
		#mainNews{background:#f7f8fa;padding:15rem 0;}
		#mainNews .slideBox{position:relative;}
		#mainNews .swiper-slide{height:auto;border-radius:1rem;background:#fff;position:relative;box-shadow:0 1.7rem 1.6rem 0 rgba(102, 102, 102, 0.3);}

		#mainNews .swiper-slide .imgBox{max-height:24rem;border-radius:1rem 1rem 0 0;text-align:center}
		#mainNews .swiper-slide .imgBox img{width:100%;max-height:24rem;border-radius:1rem 1rem 0 0;}
		#mainNews .swiper-slide > a{height:100%;display:flex;justify-content:space-between;flex-direction:column;position:relative;}
		#mainNews .swiper-slide > a > div{padding:2.4rem 2rem 2.9rem 2.6rem;margin-top:-0.2rem;}
		#mainNews .swiper-slide:hover > a > div{background:var(--point);border-radius:0 0 1rem 1rem;}
		#mainNews .swiper-slide > a > div > span{width:6rem;height:3rem;margin-bottom:1.3rem;line-height:1;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:var(--point); position: relative;border: 0.1rem solid var(--point);border-radius:1rem;font-family:'Play';}
		#mainNews .swiper-slide:hover > a > div > span{color:#fff;border-color:#fff;background:var(--point);}
		#mainNews .swiper-slide > a > div dl dt{min-height:6rem;font-size:2rem;line-height:3rem;font-weight:500;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break:break-all !important;}
		#mainNews .swiper-slide > a > div dl dd{font-size:1.8rem;color:#999;margin-top:2rem;}

		#mainNews .swiper-slide:hover > a > div dl dt{color:#fff;}
		#mainNews .swiper-slide:hover > a > div dl dd{color:#fff;}
		#mainNews .noDate{text-align:center;margin:0 auto;font-size:2.6rem;}
		#mainNews .moreBtn{width:18rem;height:5.6rem;margin:4rem auto 0;text-align:center;}
		#mainNews .moreBtn a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:5rem;border:0.1rem solid #515258;color:#515258;font-size:2rem;font-weight:600;}

		.layerPopup{position:fixed;left:5rem; top:10rem;z-index:9999;}
		.mainPop .imgBox{max-height:65rem;overflow:hidden;overflow-y:auto;}
		.mainPop .popBtn{background:#000;display:flex;justify-content:space-between;padding:1rem;}
		.mainPop .popBtn button{color:#fff;font-size:1.4rem;}


/*[e] Main Style */

/*[s] Sub Style */
		.ptTxt{color:var(--point);}
		.bText{font-size:2.5rem;font-weight:700;}
		.bText2{font-size:3.5rem;font-weight:700;}
		.aboutTop{text-align:center;margin-bottom:5.4rem;}
		.aboutTop dd{font-size:2.5rem;line-height:3.5rem;margin-top:2rem;}
		.whiteText{color:#fff;}
		.subTitle{font-size:4rem;line-height:5rem;font-weight:700;}
		.fullBgBox .subTitle{margin-bottom:4rem}
		.c_555{color:#555;}
		.pt_90{padding-top:9rem !important;}
		.pt_100{padding-top:10rem !important;}
		.pb_100{padding-bottom:10rem !important;}
		.mb_50{margin-bottom:5rem !important;}
		.downBtn{position:relative;flex-shrink:0;width:22rem; height:6rem;border-radius:5rem;font-size:1.8rem; line-height:1; color: #999;display:inline-flex;align-items: center; justify-content: center;  border:0.1rem solid #999;font-family:'Play';}
		.downBtn:hover{border:0;background-image:linear-gradient(to right, #2050d8, #166be3);color:#fff;}
		.downBtn:after{width:1.4rem;height:1.7rem;content:'';position:absolute;right:3rem;top:50%;transform:translateY(-50%);background:url('/images/sub/download_icon.png')no-repeat center / 1.4rem auto;}
		.downBtn:hover:after{background-image:url('/images/sub/download_icon_on.png');}
		.mt_50{margin-top:5rem;}
		.mt_60{margin-top:6rem;}
		.shadowListTitle{display:flex;align-items:flex-end;margin-bottom:3rem;}
		.shadowListTitle dt{font-size:3rem;line-height:4rem;font-weight:700;}
		.shadowListTitle dd{font-size:1.8rem;font-family:'Play';color:#555;margin-left:2rem;}
		.roundBtn{display:none;width:22rem; height:6rem;font-weight: 600;border-radius:5rem;line-height:1; color: #fff;display:inline-flex;align-items: center; justify-content: center;  background-image:linear-gradient(to right, #2050d8, #166be3);}


		.roundImgBox{height:46rem;z-index:1;padding:0 1rem;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;position:relative;}
		.roundImgBox:before{width:calc(100% + 36rem);z-index:-1;height:100%;box-shadow:0 0.7rem 1.6rem 0 rgba(102, 102, 102, 0.6);border-radius:1rem;content:'';left:50%;transform:translate(-50%);position:absolute;background-repeat:no-repeat;background-position:center;background-size:cover;}
		.whiteText{font-size:2.2rem;line-height:3.2rem;color:#fff;position:relative;z-index:1;}
		.aboutWrap .roundImgBox:before{background-image:url('/images/sub/about_img_01.png');}
		.foamingWrap .roundImgBox:before{background-image:url('/images/sub/foaming_img_01.png');}
		.rndWrap .roundImgBox:before{background-image:url('/images/sub/rnd_img_01.png');}
		.bizPolicyWrap .roundImgBox:before{background-image:url('/images/sub/biz_policy_img_01.png');}
		.qualityVisionWrap .roundImgBox:before{background-image:url('/images/sub/quality_vision_img_01.png');}
		.qualityVisionWrap .roundImgBox .bText{color:#fff;font-weight:600;}
		.foamingWrap .roundImgBox > dl{margin-bottom:4.2rem;}
		.foamingWrap .roundImgBox .subTitle{color:#fff;margin-bottom:0.8rem;}
		.rndWrap .roundImgBox .subTitle{color:#fff;margin-bottom:0.8rem;}
		.roundImgBox .roundBigTit{color:#fff;font-size:6rem;line-height:7rem;font-weight:700;font-family:'Play';z-index:1;}
		.aboutWrap .crossList{padding:12rem 0;}
		.roundImgBox > dl,
		.roundImgBox > ul{position:relative;width:100%;z-index:1;}

		.crossList{display:flex;flex-direction:column;gap:10rem;}
		.crossList.crossReverse li{justify-content:space-between;gap:7rem;}
		.crossList > li{display:flex;align-items:center;justify-content:space-between;}
		.crossList > li .imgBox img{border-radius:1rem;box-shadow:0 0.7rem 1.6rem 0 rgba(102, 102, 102, 0.6);}
		.crossList > li:nth-child(even) .imgBox,
		.crossList.crossReverse > li:nth-child(odd) .imgBox{order:1;padding-left:2.5rem;}
		.crossList > li:nth-child(even) div,
		.crossList.crossReverse > li:nth-child(odd) div{order:0;}
		.crossList > li:nth-child(odd) .imgBox{order:0;padding-right:2.5rem;}
		.crossList > li:nth-child(odd) div{width:49%;order:1;}
		.crossList > li div{width:44%;}
		.crossList > li dl dt{font-size:3rem;font-weight:700;}
		.crossList > li dl dt span{display:block;font-family:'Play';font-weight:400;font-size:2rem;color:#999;}
		.crossList > li dl dd{margin-top:3rem;}
		.crossList > li .bText{margin-bottom:1.5rem;}
		.addTextBox .bText{margin-bottom:2rem;}
	
		.iconBoxList{display:flex;gap:4rem;}
		.iconBoxList li{display:flex;gap:2.3rem;text-align:left;align-items:center;flex:1;background:#fff;border-radius:1rem;padding:2.7rem 2rem 2.8rem 4.8rem;}
		.iconBoxList li .imgBox{flex-shrink:0;}
		.iconBoxList li .imgBox img{width:5.1rem;}
		.iconBoxList li dl dd{font-size:2.2rem;font-weight:600;;}

		.iconList{display:flex;}
		.iconList li{flex:1;padding:0 1rem;position:relative;}
		.iconList li:after{width:0.1rem;height:100%;opacity:.3;content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);border:0.1rem dashed #000;}
		.iconList li:last-child:after{display:none;}
		.iconList .imgBox{width:17rem;height:17rem;display:flex;align-items:center;justify-content:center;margin:0 auto 2.6rem;box-shadow:0 1.7rem 1.6rem 0 rgba(102, 102, 102, 0.2);border-radius:5rem;background:#fff;}



		.fullBgBox{position:relative;z-index:1;padding:11rem 1rem;}
		.fullBgBox:before{width:100vw;height:100%;content:'';left:50%;top:0;transform:translateX(-50.01%);position:absolute;background:#f7f8fa;z-index:-1;}
		.aboutWrap .fullBgBox .bText{margin-bottom:1.6rem;}
		.aboutWrap .fullBgBox .iconList{margin-top:5rem;}
		.aboutWrap .fullBgBox .iconList dl dt{margin-bottom:0.5rem;}

		.designTab{display:flex;margin-bottom:6rem;}
		.designTab li{flex:1;cursor:pointer;background:#f2f2f2;color:#999;text-align:center;border-top:0.1rem solid #e2e2e2;border-right:0.1rem solid #e2e2e2;border-bottom:0.1rem solid #000}
		.designTab li.active{background:#fff;color:#000;font-weight:700;border-left:0.1rem solid #000;border-color:#000;border-bottom:0;}
		.designTab li a{width:100%;height:100%;padding:1.9rem 0 1.8rem;display:flex;color:#999;align-items:center;justify-content:center;}
		.designTab li.active a{color:#000;}

		.introForeign:nth-of-type(n+2){margin-top:9rem;}
		.introForeign > p{margin-bottom:2rem;}
		.introBox{display:none;border-top:0.2rem solid #000;padding:5rem 0 0;}
		.introBox.active{display:block;}
		.introCont{display:flex;justify-content:space-between;padding:0 5rem;}
		.introCont > div{padding:2rem 2rem 0 0; }
		.introCont h4{font-size:3rem;font-weight:700;}
		.introCont ul{margin-top:2rem;}
		.introCont ul li{padding:1.8rem 0 2rem;border-bottom:0.1rem solid #e6e6e6;}
		.introCont ul li:first-child{padding-top:0;}
		.introCont ul li:last-child{padding-bottom:0;border-bottom:none;}
		.introCont ul li:nth-child(1) dl dt{background-image:url('/images/sub/intro_icon_01.png');}
		.introCont ul li:nth-child(2) dl dt{background-image:url('/images/sub/intro_icon_02.png');}
		.introCont ul li:nth-child(3) dl dt{background-image:url('/images/sub/intro_icon_03.png');}
		.introCont dl{display:flex;}
		.introCont dl dt{width:12rem;flex-shrink:0;font-weight:500;background-repeat:no-repeat;background-position:top 0.4rem left;background-size:2rem;padding-left:3rem;}
		.introCont dl dd,
		.introCont dl dd a{color:#555;}

		.foamingIntro > dl dd p:nth-child(n+2){margin-top:0.9rem;}
		.foamingIntro .subTitle,
		.rndIntro .subTitle{margin-bottom:2rem;}
		.foamingIntro .iconList{margin-top:7rem;}
		.foamingIntro .iconList .iconBox{margin-bottom:2.4rem;}
		.foamingIntro .iconList li .iconBox img{width:7.2rem;}
		.foamingIntro .iconList li dl dt{font-size:2.2rem;}

		.borderList{border-top:0.1rem solid #000;}
		.borderList li{border-bottom:0.1rem solid #e6e6e6;padding:5.2rem 0 5.3rem;}
		.borderList li dl dt{font-size:2.5rem;line-height:3.5rem;font-weight:700;}
		.borderList li dl dd{color:#555;margin-top:1rem;}
		.borderList.borderBtnList li{display:flex;align-items:center;justify-content:space-between;}
		.borderList.borderBtnList li dl{width:75%;padding-right:1rem;}

		.imgShadowList{display:flex;flex-wrap:wrap;gap:2rem 2%;}
		.imgShadowList li{width:49%;background:#fff;border-radius:1rem;box-shadow:0 1.7rem 1.6rem 0 rgba(102, 102, 102, 0.2);}
		.imgShadowList li dl{padding:5.3rem 2rem 7rem 3rem;}
		.imgShadowList li dl dt{font-size:2.5rem;font-weight:700;margin-bottom:0.7rem;}
		.imgShadowList li dl dd{color:#555;padding-right:10rem;}
		.imgShadowList.imgOnly img{border-radius:1rem;}

		.imgShadowList.imgShadowListThree{gap:2rem 3.2%;}
		.imgShadowList.imgShadowListThree li{width:31.2%;}
		.imgShadowList.imgShadowListThree li dl{padding:2.3rem 2rem 4.5rem 3rem;}
		.imgShadowList.imgShadowListThree li dl dt{margin-bottom:0.3rem;}
		.imgShadowList.imgShadowListThree li dl dt p{font-family:'Play';font-size:1.8rem;color:var(--point);font-weight:400;margin-bottom:0.6rem;}
		.imgShadowList.imgShadowListThree li dl dd{padding-right:5rem;}

		.grayRoundBox{display:flex;gap:2rem;}
		.grayRoundBox li{flex:1;background:#f7f8fa;padding:5rem 2rem 4rem 5.6rem;border-radius:1rem;display:flex;gap:4.5rem;}
		.grayRoundBox li .imgBox img{width:7rem;}
		.grayRoundBox li dl dt{font-size:2.5rem;font-weight:700;margin-bottom:1rem;}
		.grayRoundBox li dl dd{font-weight:600;letter-spacing:-0.01rem;color:#555;}
		.grayRoundBox li dl dd div{display:flex;}
		.grayRoundBox li dl dd div p{width:9rem;flex-shrink:0;}
		.petitionWrap .grayRoundBox li{gap:3rem;}
		.petitionWrap .grayRoundBox li .imgBox img{width:8rem;}
		.petitionWrap .grayRoundBox li dl dt{margin-bottom:0.5rem;}
		.petitionWrap .grayRoundBox li dl dd{font-weight:400;}

		.flexDesignBox{display:flex;}
		.flexDesignBox h5{width:24rem;flex-shrink:0;font-size:3rem;line-height:4rem;font-weight:700;letter-spacing:-0.01rem;}
		.flexDesignBox .flexDesignCont{width:calc(100% - 24rem);display:flex;align-items:center;justify-content:space-between;}
		.flexDesignBox .flexDesignCont p{padding-right:2rem;}
		.flexDesignBox .flexDesignCont .roundBtn{flex-shrink:0;}

		.numIconList{display:flex;flex-wrap:wrap;gap:2rem 1.6%;}
		.numIconList li{width:23.8%;min-height:28rem;display:flex;flex-direction:column;padding:4.5rem 2rem 3rem 3rem;background-color:#fff;background-repeat:no-repeat;background-position:right 3rem top 5rem;background-size:7rem auto;border-radius:1rem;box-shadow:0 1.7rem 1.6rem 0 rgba(102, 102, 102, 0.2);}
		.numIconList li:nth-child(1){background-image:url('/images/sub/biz_system_icon_01.png');}
		.numIconList li:nth-child(2){background-image:url('/images/sub/biz_system_icon_02.png');}
		.numIconList li:nth-child(3){background-image:url('/images/sub/biz_system_icon_03.png');}
		.numIconList li:nth-child(4){background-image:url('/images/sub/biz_system_icon_04.png');}
		.numIconList li:nth-child(5){background-image:url('/images/sub/biz_system_icon_05.png');}
		.numIconList li:nth-child(6){background-image:url('/images/sub/biz_system_icon_06.png');}
		.numIconList li:nth-child(7){background-image:url('/images/sub/biz_system_icon_07.png');}
		.numIconList li:hover:nth-child(1){background-image:url('/images/sub/biz_system_icon_on_01.png');}
		.numIconList li:hover:nth-child(2){background-image:url('/images/sub/biz_system_icon_on_02.png');}
		.numIconList li:hover:nth-child(3){background-image:url('/images/sub/biz_system_icon_on_03.png');}
		.numIconList li:hover:nth-child(4){background-image:url('/images/sub/biz_system_icon_on_04.png');}
		.numIconList li:hover:nth-child(5){background-image:url('/images/sub/biz_system_icon_on_05.png');}
		.numIconList li:hover:nth-child(6){background-image:url('/images/sub/biz_system_icon_on_06.png');}
		.numIconList li:hover:nth-child(7){background-image:url('/images/sub/biz_system_icon_on_07.png');}
		.numIconList li:hover{background-color:var(--point);}
		.numIconList li:hover p{color:#fff;text-decoration:underline;}
		.numIconList li:hover dl dt,
		.numIconList li:hover dl dd{color:#fff;}
		.numIconList li > p{font-size:1.8rem;font-weight:700;font-family:'Play';color:#555;margin-bottom:7rem;}
		.numIconList li dl dt{font-size:2.2rem;font-weight:600;}
		.numIconList li dl dd{color:#555;}

		.orgaList{text-align:center;margin-top:5rem;position:relative;}
		.orgaList:before{width:0.1rem;height:100%;content:'';left:50%;transform:translateX(-50%);background:#ccc;top:0;position:absolute;z-index:0;}
		.orgaList li{width:26rem;height:8rem;z-index:1;position:relative;margin:0 auto;border-radius:0.5rem;background:linear-gradient(to bottom, #176ae2, #2050d8);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;}
		.orgaList li:nth-child(n+2){margin-top:10rem;}
		.orgaList li:nth-child(2){background:linear-gradient(to bottom, #169ee3, #207ed8);}
		.orgaList li:nth-child(3){background:linear-gradient(to bottom, #e1ce0c, #d89a20);}
		.orgaList li p{font-size:2.2rem;line-height:3.2rem;}
		.orgaList li span{line-height:3rem;}

		.halfCont{display:flex;align-items:center;margin:8rem 0 10rem;}
		.halfCont > div{width:50%;}
		.halfCont > div:nth-child(2){padding-left:6rem;}
		.halfCont ul li:nth-child(n+2){margin-top:2.5rem;padding-top:2.5rem;border-top:0.1rem solid #e6e6e6;}
		.halfCont ul li dl{display:flex;justify-content:space-between;align-items:center;}
		.halfCont ul li dl dt{font-size:2.5rem;letter-spacing:-0.01rem;font-weight:500;}
		.halfCont ul li dl dt img{width:3rem;margin-right:1rem}
		.halfCont ul li dl dd{font-size:3rem;letter-spacing:-0.01rem;font-weight:600;}
		.halfCont ul li dl dd img{width:23.7rem;}
		.bizPolicyWrap .bText2{margin-bottom:0.6rem;}
		.bizPolicyWrap .topText dd{margin-top:1.5rem;}

		.qualitypolicyWrap .topText{margin-top:10rem;}
		.qualitypolicyWrap .topText dt{font-size:2.2rem;line-height:3.2rem;font-weight:600;}
		.qualitypolicyWrap .topText dd{margin-top:1rem;}
		.qualitypolicyWrap .topText dd p:nth-child(n+2){margin-top:0.7rem;}


		.bgIconBox{position:relative;z-index:0;text-align:center;}
		.bgIconBox:before{width:100vw;z-index:-1;height:100%;padding:10rem 0;content:'';left:50%;transform:translate(-50%);position:absolute;background:url('/images/sub/biz_policy_bg.jpg')no-repeat center / cover;}
		.bgIconBox > div > dl{color:#fff;margin-bottom:4rem;}
		.bgIconBox > div > ul{display:flex;flex-wrap:wrap;margin-bottom:4rem;border:0.1rem solid rgba(255, 255, 255,.1);}
		.bgIconBox > div > ul li{width:33.3%;height:27rem;display:flex;flex-direction:column;justify-content:center;color:#fff;border-right:0.1rem solid rgba(255, 255, 255,.1);}
		.bgIconBox > div > ul li:nth-child(-n+3){border-bottom:0.1rem solid rgba(255, 255, 255,.1);}
		.bgIconBox > div > ul li:nth-child(3n){border-right:0;}
		.bgIconBox > div > ul li:hover{background:var(--point);}
		.bgIconBox > div > ul li .imgBox img{width:9rem}
		.bgIconBox > div > ul li dl{margin-top:2rem;}
		.bgIconBox > div > ul li dl dt{font-size:3rem;font-weight:700;}
		.bgIconBox > div > ul li dl dd{font-size:2.2rem;font-weight:500;}

		.qualityListBox{margin:9rem 0 10rem;}
		.qualityListBox ol{display:flex;flex-wrap:wrap;border:0.1rem solid #e6e6e6;margin-top:5rem;}
		.qualityListBox ol li{width:25%;background:#f7f8fa;height:32rem;display:flex;flex-direction:column;justify-content:center;padding:0 2rem 0 3rem;border-right:0.1rem solid #e6e6e6;}
		.qualityListBox ol li:hover{background:#fff;}
		.qualityListBox ol li:nth-child(-n+4){border-bottom:0.1rem solid #e6e6e6;}
		.qualityListBox ol li:nth-child(4n){border-right:0;}
		.qualityListBox ol li:nth-child(1){background: linear-gradient(45deg, #204fd8 50%, #295bed 50%);position:relative;}
		.qualityListBox ol li:nth-child(1):after{width:8.1rem;height:8rem;content:'';right:3.9rem;bottom:3.9rem;background:url('/images/sub/quality_vision_icon_01.png')no-repeat center / 8.1rem auto;position:absolute;}
		.qualityListBox ol li > div{margin-top:-4rem;font-size:3rem;line-height:4rem;color:#fff;font-family:'Play';}
		.qualityListBox ol li span{font-size:1.8rem;font-weight:700;font-family:'Play';color:#555;margin-bottom:4.5rem;}
		.qualityListBox ol li:hover span{text-decoration:underline;}
		.qualityListBox ol li dl dt{font-size:2.2rem;line-height:3.2rem;font-weight:500;}
		.qualityListBox ol li:hover dl dt{color:var(--point);font-weight:700;}
		.qualityListBox ol li dl dd{font-size:1.8rem;line-height:2.5rem;color:#555;}


		.qualitySlideBox{position:relative;z-index:1;padding:12.5rem 0;}
		.qualitySlideBox:before{width:100vw;height:100%;left:50%;transform:translateX(-50%);top:0;content:'';z-index:-1;background:url('/images/sub/quality_policy_bg_img.jpg')no-repeat center / cover;position:absolute;}
		.qualitySlideBox .slideTop{text-align:center;margin-bottom:4.5rem;}
		.qualitySlideBox .slideTop dl dt{font-size:3.5rem;line-height:4.5rem;font-weight:600;}
		.qualitySlideBox .slideTop dl dd{line-height:3rem;margin-top:1rem;color:#555;}
		.qualitySlideBox .swiper-slide{height:auto;background:#fff;border-radius:1rem;box-shadow:0 1.7rem 1.6rem 0 rgba(102, 102, 102, 0.2);}
		.qualitySlideBox .swiper-slide .imgBox img{width:100%;}
		.qualitySlideBox .swiper-slide dl{margin-top:1.2rem;padding:1.2rem 3rem 5rem;}
		.qualitySlideBox .swiper-slide dl dt{font-size:1.8rem;font-weight:700;letter-spacing:-0.01rem;margin-bottom:1.6rem;font-family:'Play';}
		.qualitySlideBox .swiper-slide dl dd{font-size:2.2rem;letter-spacing:-0.01rem;line-height:3.2rem;}
		.qualitySlideBox > p{font-size:2.2rem;line-height:3.2rem;color:#555;margin-top:4.4rem;text-align:center;}
		.qualitySlideBox > p span{font-weight:600;color:#000;}
		.qualitypolicyIso{position:relative;z-index:0;text-align:center;}
		.qualitypolicyIso:before{width:100vw;z-index:-1;height:100%;max-height:70rem;padding:10rem 0;content:'';left:50%;transform:translate(-50%);position:absolute;background:url('/images/sub/quality_policy_bg_img_02.jpg')no-repeat center / cover;}
		.qualitypolicyIso dl{color:#fff;}
		.qualitypolicyIso dl dd{font-size:2.2rem;line-height:3.2rem;margin-top:1.5rem;}
		.qualitypolicyIso ul{display:flex;justify-content:space-between;margin-top:4.5rem;gap:5rem 2%;}
		.qualitypolicyIso ul li{}
		.qualitypolicyIso ul li .imgBox img{box-shadow:0 1.7rem 1.6rem 0 rgba(102, 102, 102, 0.2);}
		.qualitypolicyIso ul li div{font-weight:600;line-height:3rem;margin-top:2.7rem;}

		.dotList > li{font-size:2.2rem;line-height:3.2rem;color:#555;position:relative;padding-left:1.3rem;}
		.dotList > li:nth-child(n+2){margin-top:1rem;}
		.dotList > li:before{width:0.2rem;height:0.2rem;border-radius:100%;background:#555;left:0;top:1.3rem;content:'';position:absolute;}
		
		.energyWrap > .fullBgBox{padding-bottom:4.5rem;}
		.energyBox h4{margin-bottom:4rem;}

		.energyWrap .crossList > li{gap:12rem;}
		.energyWrap .crossList > li div{width:43%;}

		.ecoBox{display:none;}
		.ecoBox.active{display:block;}
		.ecoBox > p{font-size:3rem;line-height:4rem;margin:6rem 0 5rem;}
		.ecoBox > p span{font-weight:600;}
		.ecoBox .fullBgBox .subTitle{margin-bottom:5rem;}
		.ecoOrgBox .iconList{margin-bottom:5rem;}
		.ecoOrgBox .iconList li img{width:7rem;}
		.ecoOrgBox .iconList li span{font-size:2.2rem;font-weight:600;margin-top:1.5rem;display:block;}
		.ecoOrgBox .numIconList li{background-image:none !important;padding:3.5rem 2rem 3rem 3rem;}
		.ecoOrgBox .numIconList li p{margin-bottom:1.8rem;font-weight:400;}
		.ecoOrgBox .numIconList li span{font-size:1.8rem;line-height:2.8rem;letter-spacing:-0.02rem;color:#555;}
		.ecoOrgBox .numIconList li:hover span{color:#fff;}
		.ecoMnaBox .numIconList li div{font-size:2.2rem;line-height:3.2rem;font-weight:600;letter-spacing:-0.02rem;}
		.ecoMnaBox .numIconList li div span{font-size:2rem;line-height:3rem;font-weight:400;}
		.ecoMnaBox .numIconList li:hover{color:#fff;}
		.ecoMnaBox .numIconList li:nth-child(1){background-image:url('/images/sub/biz_system_icon_02.png');}
		.ecoMnaBox .numIconList li:nth-child(2){background-image:url('/images/sub/eco_safe_icon_05.png');}
		.ecoMnaBox .numIconList li:nth-child(3){background-image:url('/images/sub/eco_safe_icon_06.png');}
		.ecoMnaBox .numIconList li:nth-child(4){background-image:url('/images/sub/eco_safe_icon_07.png');}
		.ecoMnaBox .numIconList li:nth-child(5){background-image:url('/images/sub/eco_safe_icon_08.png');}
		.ecoMnaBox .numIconList li:nth-child(6){background-image:url('/images/sub/eco_safe_icon_09.png');}
		.ecoMnaBox .numIconList li:nth-child(7){background-image:url('/images/sub/eco_safe_icon_10.png');}
		.ecoMnaBox .numIconList li:nth-child(8){background-image:url('/images/sub/eco_safe_icon_11.png');}
		.ecoMnaBox .numIconList li:nth-child(9){background-image:url('/images/sub/eco_safe_icon_12.png');}
		.ecoMnaBox .numIconList li:nth-child(10){background-image:url('/images/sub/eco_safe_icon_13.png');}
		.ecoMnaBox .numIconList li:hover:nth-child(1){background-image:url('/images/sub/biz_system_icon_on_02.png');}
		.ecoMnaBox .numIconList li:hover:nth-child(2){background-image:url('/images/sub/eco_safe_icon_05.png');}
		.ecoMnaBox .numIconList li:hover:nth-child(3){background-image:url('/images/sub/eco_safe_icon_06.png');}
		.ecoMnaBox .numIconList li:hover:nth-child(4){background-image:url('/images/sub/eco_safe_icon_07.png');}
		.ecoMnaBox .numIconList li:hover:nth-child(5){background-image:url('/images/sub/eco_safe_icon_08.png');}
		.ecoMnaBox .numIconList li:hover:nth-child(6){background-image:url('/images/sub/eco_safe_icon_09.png');}
		.ecoMnaBox .numIconList li:hover:nth-child(7){background-image:url('/images/sub/eco_safe_icon_10.png');}
		.ecoMnaBox .numIconList li:hover:nth-child(8){background-image:url('/images/sub/eco_safe_icon_11.png');}
		.ecoMnaBox .numIconList li:hover:nth-child(9){background-image:url('/images/sub/eco_safe_icon_12.png');}
		.ecoMnaBox .numIconList li:hover:nth-child(10){background-image:url('/images/sub/eco_safe_icon_13.png');}

		.idealWrap .fullBgBox > p{font-size:2.5rem;line-height:3.5rem;margin-bottom:5rem;}

		.imgCont > li:first-child{padding-top:0;}
		.imgCont > li{padding:18rem 0 12rem;position:relative;z-index:1;}
		.imgCont > li:nth-child(even):before{width:100vw;height:100%;content:'';left:50%;top:0;transform:translateX(-50.01%);position:absolute;background:#f7f8fa;z-index:-1;}
		.imgCont > li h4{font-size:3.5rem;font-weight:700;margin-bottom:2rem;}
		.imgCont > li > div{display:flex;justify-content:space-between;gap:3rem;}
		.imgCont li .imgBox{width:45.312%;}
		.imgCont li .imgTextBox{width:45.312%;}
		.imgCont li .imgTextBox dl:nth-child(n+2){margin-top:4.6rem;}
		.imgCont li .imgTextBox dl dt{font-size:2.2rem;font-weight:600;margin-bottom:0.5rem;}
		.imgCont li .imgTextBox dl dd{color:#555;line-height:3rem;}
		.imgCont li .imgTextBox dl dd div span{display:block;color:#000;font-size:2rem;font-weight:600;margin-bottom:0.3rem;}
		.imgCont li .imgTextBox dl dd div:nth-child(n+2){margin-top:1rem;}
		.imgCont li .imgTextBox dl dd div ul li{padding-left:1.5rem;position:relative;}
		.imgCont li .imgTextBox dl dd div ul li:before{width:0.7rem;height:0.2rem;background:#555;left:0;top:1.5rem;content:'';position:absolute;}
		.jobBox{position:relative;}
		.jobBox #his_progress{content: ""; width: 0.3rem; margin-left:-0.3rem; background-color:#555; display: inline-block; position:absolute; left: 50%; top:1.5rem; border-radius: 0 0 9px 9px;z-index:3;}
		.jobBox:before{z-index:2;content: ""; width: 0.3rem;height:calc(100% - 12rem);margin-left:-0.3rem; background-color: #e6e6e6; display: inline-block; position:absolute; left: 50%; top:1.5rem; bottom:0;}

		.evaluationTop{display:flex;margin-bottom:8rem;}
		.evaluationTop h4{width:18rem;flex-shrink:0;}
		.evaluationTop div{line-height:3rem;align-items:flex-start;}
		.squareTitle{position:relative;padding-left:1.7rem;font-size:2.5rem;line-height:3.5rem;font-weight:700;margin-bottom:2rem;}
		.squareTitle:before{width:0.8rem;height:2.6rem;content:'';left:0;top:0.4rem;position:absolute;background:#204fd8;}

		.welfareWrap > div:nth-child(n+2){margin-top:8rem;}
		.welfareWrap > div > ul{flex-wrap:wrap;border-top:0.2rem solid #222;}
		.welfareWrap > div > ul > li{display:flex;border-bottom:0.1rem solid #e6e6e6;}
		.welfareWrap > div > ul > li > div{width:50%;display:flex;gap:4rem;padding:3rem 4rem 3.3rem;}
		.welfareWrap > div > ul > li:nth-child(even) > div{background:#f7f8fa;}
		.welfareWrap > div > ul > li > div:first-child{border-right:0.1rem solid #e6e6e6;}
		.welfareWrap div ul li .imgBox{flex-shrink:0;}
		.welfareWrap div ul li .imgBox img{width:8rem;}
		.welfareWrap div ul li dl dt{font-size:2.2rem;line-height:3.2rem;font-weight:600;margin-bottom:0.6rem;}
		.welfareWrap div ul li dl dd{color:#555;line-height:3rem;}

		.educationWrap{text-align:center;}
		.educationWrap .educationTop{font-size:2.5rem;line-height:3.5rem;margin-bottom:3rem;}

		.recruitRndWrap{position:relative;z-index:1;padding:11.7rem 0 12rem;}
		.recruitRndWrap:before{width:100vw;height:100%;left:50%;transform:translateX(-50%);top:0;content:'';z-index:-1;background:url('/images/sub/recruit_rnd_bg.jpg')no-repeat center / cover;position:absolute;}
		.recruitRndWrap > dl{color:#fff;margin-bottom:5rem;}
		.recruitRndWrap > dl dt{font-size:3.5rem;line-height:4.5rem;font-weight:700;margin-bottom:1.8rem;}
		.recruitRndWrap > dl dd p{font-size:2.5rem;line-height:3.5rem;font-weight:600;margin-bottom:0.6rem;}
		.recruitRndWrap > dl dd span{font-size:2.2rem;line-height:3.2rem;}
		.recruitRndWrap > dl dd div{margin-top:7rem;}
		.recruitRndWrap > ol{display:flex;flex-wrap:wrap;gap:4rem 3.1%;}
		.recruitRndWrap > ol li{width:31.2%;border-radius:1rem;background:#fff;padding:3.1rem 3rem 3.2rem;}
		.recruitRndWrap > ol li span{display:block;font-weight:700;font-family:'Play';color:#555;margin-bottom:4rem;}
		.recruitRndWrap > ol li .imgBox img{width:9.9rem;}
		.recruitRndWrap > ol li dl{margin-top:1.7rem;}
		.recruitRndWrap > ol li dl dt{font-weight:600;font-size:2.2rem;line-height:3.2rem;}
		.recruitRndWrap > ol li dl dd{color:#555;line-height:3rem;margin-top:0.6rem;}


		.history-area{margin-top:5rem; font-size:0; line-height:0; position: relative;}
		.history-area:before{content: ""; width: 0.6rem; margin-left:-0.3rem; background-color: #e6e6e6; display: inline-block; position:absolute; left: 50%; top:1.5rem; bottom:0;}
		.history-area>li{text-align: right; display: flex; justify-content: space-between; position: relative; z-index:2;}
		.history-area>li+li{margin-top:9rem;}
		.history-area .history-in{width:50%; padding:0 10rem; text-align: left; display:inline-block; vertical-align: top; position: relative; cursor: default; order:2;}
		.history-area .history-in[href]{cursor: pointer !important;}
		.history-area .history-in:before{content: ""; width: 1.6rem; height:1.6rem; background-color:var(--point); display: inline-block; position:absolute; left: -0.8rem; top:1rem; border-radius:999px; box-sizing: border-box;}
		.history-area .history-in>strong{font-weight: 700; font-size:3.5rem; line-height:1; color: #111; display:block;}
		.history-area .txt_wrap{margin-top:2rem; display: flex; justify-content: flex-start;}
		.history-area .txt_wrap p{position:relative;font-size:1.8rem; line-height:1.55; color: #999; position: relative;}
		.history-area .txt_wrap p+p{margin-top:0.7rem;}
		.history-area .txt_wrap>p+p{margin-top:1rem;}
		.history-area .txt_wrap .txt_in p{display:flex;}
		.history-area .txt_wrap .txt_in p span{color:#222;font-weight:500;}
		.history-area>li .thumb{width:50%; margin-top:0; padding:0 4rem; position: relative; order:1;}
		.history-area>li .thumb img{width:calc(100% - 8rem); height:calc(100%); object-fit:cover; object-position: center center; position: absolute; left:4rem; right:4rem; top:0; bottom:0;}
		.history-area>li:nth-child(odd){text-align: left;}
		.history-area>li:nth-child(odd) .history-in{text-align: right; order:1;padding-left:0;}
		.history-area>li:nth-child(even) .history-in{padding-right:0;}
		.history-area>li:nth-child(odd) .history-in:before{left:auto; right: -0.8rem;}
		.history-area>li:nth-child(odd) .thumb{order:2;}
		.history-area>li:nth-child(odd) .txt_wrap{justify-content: flex-end;}
		.history-area>li:nth-child(odd) .txt_wrap p{padding-left:0;padding-right:0.9rem;justify-content:flex-end;}
		.history-area>li:nth-child(odd) .txt_wrap p:before{left:auto;right:0;}
		.history-area>li:nth-child(odd) .txt_wrap p span{order:1;margin-left:4rem;}
		.history-area>li:nth-child(even) .txt_wrap p span{margin-right:4rem;}

	/* Location */
		.locationWrap .location:nth-of-type(n+2){margin-top:9rem;}
		.locationWrap .locationBox{margin-top:4rem;}
		.locationWrap .locationBox h4{font-size:3rem;font-weight:700;}
		.locationWrap .locationBox dl{padding-right:1rem;margin-top:1.3rem;}
		.locationWrap .locationBox dl dt{display:flex;font-size:2.5rem;font-weight:500;}
		.locationWrap .locationBox dl dt span img{width:1.8rem;vertical-align:-0.4rem;}
		.locationWrap .locationBox dl dd ul li p span img{width:2rem;}
		.locationWrap .locationBox dl dt span{margin-right:0.5rem;}
		.locationWrap .locationBox dl dd{margin-top:1rem;}
		.locationWrap .locationBox dl dd ul{display:flex;gap:1.5rem 7rem;flex-wrap:wrap;}
		.locationWrap .locationBox dl dd ul li{display:flex;align-items:center;color:#555;}
		.locationWrap .locationBox dl dd ul li p{margin-right:2rem;display:flex;align-items:center;color:#000;}
		.locationWrap .locationBox dl dd ul li p span{margin-right:1rem;}
		.locationWrap .locationBox dl dd ul li a{color:#555;}
		.locationWrap .locationBox > ul{width:41.407%;display:flex;justify-content:space-between;}
		.locationWrap .locationBox > ul li{width:calc(50% - 0.5rem);}
		.locationWrap .locationBox > ul li a{width:100%;background-position:center right 3rem;background-repeat:no-repeat;text-align:center;outline:1px solid #e6e6e6;outline-offset:-1px;display:block;padding:1.951rem 0;background-color:#f6f6f6;font-size:2rem;color:#9da0a8;font-weight:500;border-radius:0.5rem;}
		.locationWrap .locationBox > ul li a:hover{background-color:#1e398d;background-image:url('/images/sub/location_arrow.png');color:#fff;outline:none;transition:all .3s ease-out;}

/*[e] Sub Style */

/*[s] Plugin Style */
	.layer-base.fancybox__content>.carousel__button.is-close{width:3.3rem; height:3.3rem; top:2.2rem !important; right:3rem; display:none !important;}
	.layer-base.fancybox__content>.carousel__button.is-close svg{width:100%; height:100%; stroke-width:1.5; filter:none; color: #666;}

	.layer-base{padding:0 !important; background-color: transparent !important; font-size:0; line-height:0; display:none;}
	.layer-base .layer-in{}

	#insight-summary{width:100%; max-width:120rem; text-align: center;}
	#insight-summary .layer-in{padding:9rem 12rem; background-color: #fff; border-radius:1rem;}
	#insight-summary .character{}
	#insight-summary .character img{width:10rem;}
	#insight-summary .insight-summary-title{}
	#insight-summary .insight-summary-title>dt{font-weight: 600; font-size:3rem; line-height:1.2; color: var(--point);}
	#insight-summary .insight-summary-title>dd{font-size:2.6rem; line-height:3.4rem; color: #666;}

	.insight-summary-title{width:100%; margin-bottom:6rem; padding:4rem 3rem; background-color: #f0f0f0;}
	.insight-summary-title .cate{font-size:1.6rem; line-height:1.2; color: #666;}
	.insight-summary-title .title{margin-top:1rem; font-weight: 600; font-size:2.4rem; line-height:1.2; color: var(--point); display: block; overflow: hidden;}
	.insight-summary-title .day{margin-top:2rem; font-size:1.4rem; line-height:1.2; color: #999;}

	.insight-summary-list{width:100%; text-align: left;}
	.insight-summary-list>li+li{margin-top:5.5rem;}
	.insight-summary-list .cate{font-size:1.6rem; line-height:1.2; color: #666;}
	.insight-summary-list .title{margin-top:1.5rem; font-weight: 600; font-size:2rem; line-height:1.2; color: var(--point); display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.insight-summary-list .text{margin-top:1rem; font-size:1.6rem; line-height:2.6rem; color: #666; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
	.insight-summary-list .view{margin-top:1.5rem; font-size:1.4rem; line-height:1.2; color: #999; text-decoration: underline; text-underline-position:under; display:inline-block;}

	#insight-summary .insight-summary-list{margin-top:4rem;}

	/* Layer Style */
		/*.layerArea .layerIn .layerBgIn{width:0px; height:0px; background-color: rgba(255,255,255,0.7); position:absolute; left:50%; top:50%; z-index:100; -webkit-transition: .5s; transition: .5s; transform-origin: 50% 50%;}*/

		.layerCell{display:none;}

		.layerArea{width:0px; height:0px; background-color: rgba(0,0,0,0.7); position:fixed; left:50%; top:50%; z-index:99; overflow:hidden; overflow-y:auto; -webkit-transition: .5s; transition: .5s; transform-origin: 50% 50%;}
		.layerArea.one,
		.layerArea.two{width:100%; height:100%; left:0%; top:0%;}
		.layerArea.two .layerBgIn{width:100%; height:100%; left:0%; top:0%;}
		.layerArea .closeLy{width:1.7rem; height:1.7rem; display:inline-block; position: absolute; right:0; top:0;}
		.layerArea .closeLy:before,
		.layerArea .closeLy:after{content: ""; background-color: #080808; position: absolute; left:50%; top:50%;}
		.layerArea .closeLy:before{width: 100%; height: 2px; transform:translate(-50%, -50%) rotate(45deg);}
		.layerArea .closeLy:after{width: 2px; height: 100%; transform:translate(-50%, -50%) rotate(45deg);}
		.layerArea .closeLy.type02{width:2.3rem; height:2.3rem; right:3rem; top:3rem;}
		.layerArea .closeLy.type02:before,
		.layerArea .closeLy.type02:after{background-color: #676767;}

		.layerArea .layerIn{width:100%; height:100%; display: table; position:relative;}
		.layerArea .layerIn .layerCell{width:100%; height:100%; padding:70px 0; display: table-cell; vertical-align:middle; position:relative; box-sizing: border-box;}
		.layerArea .layerIn .layerBox{margin:0 auto; background-color: #fff; font-size:0; line-height:0; display:none; position: relative; box-sizing: border-box; z-index:99; border-radius:1rem;}
		/*
		.layerArea .layerIn .layerBox>.tit_lay{padding:25px 25px 15px;}
		.layerArea .layerIn .layerBox>.tit_lay>strong{font-size:16px; line-height:1; color:#00a9cc;}
		*/
		.layerArea .layerIn .layerBox .contLy{position: relative;}

		.downlay{width:100%; padding:10rem 0; border-radius:0 !important;}
		.downlay .closeLy{top:-5rem;}
		.downlay>.contLy{width:64.5rem; margin:0 auto; text-align: center;}
		.downlay .title{padding-bottom:5rem; font-weight: bold; font-size:3rem; line-height:1; color: #000;}
		.downlay .title>strong{color: #23abaf;}
		.downlay .utllBox{width:47.6rem; margin:0 auto; display:table; table-layout: fixed;}
		.downlay .utllBox>*{width:50%; display:table-cell; vertical-align: top; box-sizing: border-box;}
		.downlay .utllBox .tit{font-size:1.5rem; line-height:1; color: #666;}
		.downlay .utllBox .txt{margin-top:2.5rem; font-size:1.2rem; line-height:1; color: #888;}
		.downlay .utllBox .icon{height:15rem; margin-top:3rem; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center;}
		.downlay .utllBox .icon>p+p{margin-top:2rem;}
		.downlay .utllBox>.qr{border-left:1px solid #dadada;}
		.downlay .utllBox>.store img{width:16.8rem;}
		.downlay .utllBox>.qr img{width:15rem;}

		.formLay{width:62rem; padding:7rem 5rem 6rem; border-radius:1rem;}
		.formLay input[type=text]{width:100%; height:5.4rem; padding:0; background-color:#fff; border-bottom:2px solid #e8e8e8; font-size:1.8rem; line-height:5.2rem; color:#666; box-sizing: border-box; vertical-align:middle; display:inline-block;}
		.formLay .title{padding-bottom:3.5rem; border-bottom:1px solid #333; font-weight: 500; font-size:2.6rem; line-height:1; color: #1b1b1b;}
		.formLay .textBox{width:62rem; margin:-1px 0 0 -5rem; padding:4rem 0; background-color: #f6f7fa; border-top:1px solid #ececec; border-bottom:1px solid #ececec; font-size:1.9rem; line-height:1; color: #1b1b1b; letter-spacing: -0.08em; text-align: center; position: relative; z-index:2;}
		.formLay .textBox>span{color: #149699;}
		.formLay .launchingForm{margin-top:1rem;}
		.formLay .launchingForm>li{padding-top:4rem;}
		.formLay .launchingForm>li>dl{}
		.formLay .launchingForm>li>dl>dt{font-weight: 500; font-size:1.9rem; line-height:1; color: #1b1b1b;}
		.formLay .launchingForm>li>dl>dd{height:6.4rem; padding-top:1rem; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: flex-start; box-sizing: border-box;}
		.formLay .launchingForm>li>dl>dd.two{flex-wrap: nowrap; justify-content: space-between; white-space: nowrap;}
		.formLay .launchingForm>li>dl .checkIn{}

		.formLay .launchingForm>li.two{display: flex; justify-content: space-between;}
		.formLay .launchingForm>li.two>dl{width:48%;}
		.formLay .launchingForm>li .clauseView{font-size:1.7rem; line-height:1; color: #989898;display:inline-block;}
		.formLay .launchingForm>li .clauseView>span{border-bottom:1px solid #999; padding:0.2rem 0 0.3rem; display:inline-block;}
		.formLay .btnArea{margin-top:6rem;}

		.privacylay{width:62rem; padding:7rem 5rem;}
		.privacylay .title{padding-bottom:3.5rem; font-weight: 500; font-size:2.8rem; line-height:1; color: #000; text-align: center;}
		.privacylay .clauseArea .scroll{padding:3.5rem 3.9rem; background-color: #f8f9fb; border:1px solid #eee; font-weight: 300; font-size:1.7rem; line-height:2.6rem; color: #666;}

	/* Img Over Bg Style */
		#photo{width:960px;margin:0 auto; position:relative; overflow:hidden;}
		#photo>li{width:150px; height:150px; margin:5px; float:left; display:inline; overflow:hidden; }
		#photo>li>a{width:100%; height:100%; position: relative; display:block; overflow:hidden;}
		#photo>li>a>img{width:100%; height:100%; display:block; border-radius:5px;}
		#photo>li>a>.bg_l{width:100%; height:100%; background-color:red; position: absolute; left:0; top:0; display:none; opacity:0.3; border-radius:5px;}

	/* Notice One Line Style */
		.mNoticeList{width:100%; height:60px; margin-top:25px; overflow:hidden; position: relative;}
		.mNoticeList>ul{width:100%; position: absolute; left:0; top:-60px;}
		.mNoticeList>ul>li{height:60px; position: relative;}
		.mNoticeList>ul>li>a{padding-left:73px; display:block; position: relative;}
		.mNoticeList .day{width:41px; padding-right:15px; border-right:1px solid #d5d1cc; font-weight: 600; font-size:12px; line-height:1; color: #b99764; text-align: center; position: absolute; left:0; top:0;}
		.mNoticeList .day>strong{font-weight: 700; font-size:32px; line-height:1; display:block;}
		.mNoticeList dl.list{font-size:16px; line-height:20px; color: #876e49; word-break:keep-all; word-wrap:break-word;}
		.mNoticeList dl.list>dt{padding-bottom:6px; font-weight: 600; font-size:12px; line-height:1; color: #b99764;}
/*[e] Plugin Style */

		.step-wrap ul {display:grid;grid-template-columns:repeat(3, 1fr);    overflow: hidden;border:1px solid #dadde1;}
		.step-wrap ul li {position:relative;border-right:0 !important;display:flex;flex-direction:column;justify-content:center;align-items:center;height:8rem;color:#a2a7ab;font-size:2.5rem;font-weight:500;line-height:1.2;background-color:#f4f6f8;}
		.step-wrap ul li + li {border-left:0;}

		.step-wrap ul li a {color:#a2a7ab;}
		.step-wrap ul li span {font-family:'Montserrat', sans-serif;font-size:1.4rem;font-weight:400;}
		.step-wrap ul li.active  {color:#fff;background-color:var(--point);border-color:var(--point);}
		.step-wrap ul li .menuBtn {position:absolute;top:50%;right:1rem;transform:translateY(-50%);}
		.step-wrap ul li .menuBtn a{display:block;font-size:1.4rem;font-weight:500;color:#1e398d;background-color:#fff;border-radius:.4rem;border:1px solid #ddd;padding:.4rem .8rem;}
		.step-wrap ul li .menuBtn a:nth-child(2){color:#666;margin-top:0.5rem;}

		.step-wrap.active01 ul li{}
		.step-wrap.active01 ul li:nth-child(1) a {color:#fff;}
		.step-wrap.active01 ul li:nth-child(1) {color:#fff;background-color:var(--point);border-color:var(--point);z-index:2;}
		.step-wrap.active01 ul li:nth-child(2) {z-index:1;;}
		.step-wrap.active01 ul li:nth-child(2)::before {content:"";position:absolute;top:0;right:1rem;transform:rotate(-17deg);width:0.2rem;height:4.3rem;background:#ddd;clip-path:polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%)}
		.step-wrap.active01 ul li:nth-child(2)::after {content:"";position:absolute;bottom:-0.4rem;right:1rem;transform:rotate(17deg);width:0.2rem;height:4.3rem;background:#ddd;clip-path:polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%)}
		.step-wrap.active01 ul li:nth-child(1)::after {content:"";position:absolute;top:0;right:0;transform:translateX(50%);width:6.5rem;height:8rem;clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);background-color:var(--point);}
		.step-wrap.active02 ul li:nth-child(2) {color:#fff;background-color:var(--point);border-color:var(--point);z-index:2;}
		.step-wrap.active02 ul li:nth-child(2) a {color:#fff;}
		.step-wrap.active02 ul li:nth-child(2)::before {content:"";position:absolute;top:-0.1rem;left:0;transform:translateX(-50%);width:6.5rem;height:8.1rem;clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);background-color:#f4f6f8}
		.step-wrap.active02 ul li:nth-child(2)::after {content:"";position:absolute;top:-0.1rem;right:0;transform:translateX(50%);width:6.5rem;height:8.1rem;clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);background-color:var(--point);}
		.step-wrap.active03 ul li:nth-child(3) {color:#fff;background-color:var(--point);border-color:var(--point);z-index:2;}
		.step-wrap.active03 ul li:nth-child(3) a {color:#fff;}
		.step-wrap.active03 ul li:nth-child(1) {z-index:1;}


		.step-wrap.active03 ul li:nth-child(1)::before {content:"";position:absolute;top:0;right:1rem;transform:rotate(-17deg);width:0.2rem;height:4.3rem;background:#ddd;clip-path:polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%)}
		.step-wrap.active03 ul li:nth-child(1)::after {content:"";position:absolute;bottom:-0.4rem;right:1rem;transform:rotate(17deg);width:0.2rem;height:4.3rem;background:#ddd;clip-path:polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%)}

		.step-wrap.active03 ul li:nth-child(3)::before {content:"";position:absolute;top:0;left:-1.6rem;;transform:translateX(-50%);width:6.5rem;height:7.96rem;clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);background-color:#f4f6f8}

		.sub-title {display:flex;justify-content:space-between;align-items:center;margin:4rem 0 .8rem;}
		.sub-title h4 {color:#231f20;font-size:2.5rem;font-weight:600;}
		.sub-title .guide {color:#666;font-size:1.7rem;}
		.sub-title .guide::before {content:"* ";color:#ed1c24;}

		.radio-field .radio-item input[type=checkbox] + label {display:inline-flex;align-items:center;font-size:1.6rem;gap:.6rem;}
		.radio-field .radio-item input[type=checkbox] + label:before {content:"";width:2rem;height:2rem;border:1px solid #ddd;}
		.radio-field .radio-item input[type=checkbox]:checked + label:before {border-color:var(--point);background:url("/images/sub/checked-ico.svg") no-repeat center center/cover;}

		.pw-input-wrap {position:relative;display:inline-flex;align-items:center;}
		.pw-toggle {position:absolute;right:0.8rem;background: transparent;border:0;padding:0.6rem;cursor:pointer;display:grid;place-items:center;border-radius:6px;}
		/*.pw-toggle:focus-visible {outline:2px solid #6aa5ff;outline-offset:2px;}*/
		.pw-toggle {padding:0;margin:0;}
		.pw-toggle svg {display:block;width:3.4rem;height:3.4rem;}

		
	/* etc */
		.etc_clause{width:90%; margin:0 auto;  font-size:0; line-height:0; text-align: center; box-sizing:border-box; position: relative; overflow: visible !important;}
		.etc_clause:before,
		.etc_clause:after{content:"";position:absolute;top:2%;bottom:0;left:10px;right:10px;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);  -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-border-radius:100px / 10px; border-radius:0 7rem 0 7rem;}
		.etc_clause:after{right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg);}
		.etc_clause .etc_clause_in{padding:60px 80px 80px; background-color: #fdfdfd; border:1px solid #cecece; border-radius:0 7rem 0 7rem; position: relative; z-index:2;}
		.etc_clause .logo{margin:0;}
		.etc_clause .logo img{width:40rem;}
		.etc_clause .txt{padding:15px 0 55px; font-weight: 300; font-size:18px; line-height:1; color: #636363;}
		.etc_clause .txt>span{font-weight: 400; color: #1b1b1b;}
		.etc_clause .scroll{font-weight:300; font-size:16px; line-height:1.8; color: #626262; text-align: left;}
		.etc_select{width:90%; margin:0 auto 2rem; text-align: right;}
		.etc_select select.base{width:auto;}

@media only screen and (max-width : 1500px){
	/*[s] Main Style */
		#mainVisual .vTxtArea{max-width:none; margin-left:0; left:0;}
	/*[e] Main Style */

	/*[s] Sub Style */
	/*[e] Sub Style */
}

@media only screen and (max-width : 1240px){
}

@media only screen and (max-width : 1300px){
	.scroll_info{display:block;}
	.scrollTb{width:100%; padding-bottom:2rem; display:block; overflow:hidden; overflow-x:scroll;}
	.scrollTb>*{width:120rem !important;}

	/*[s] Main Style */




	/*[e] Main Style */

	/*[s] Sub Style */


	/*[e] Sub Style */

	/*[s] Layer Style */
	/*[e] Layer Style */
}
@media only screen and (max-width : 1024px){
	/*[s] All Style */
		.wideFrame.h740{height: 0; padding-bottom: 56.25%;}
		.wideKakao>.root_daum_roughmap{height:auto; padding-bottom: 56.25%;}
	/*[e] All Style */

	/*[s] Main Popup Style */
		.hd_pops{position: absolute; left:2rem !important; top:2rem !important;}
		.hd_pops_con{width:auto !important;}
	/*[e] Main Popup Style */

	/*[s] Main Style */
		/* visual */
			#mVisual .visualRoll .slider img{}
			#mVisual .slick-arrow{display:none !important;}
			#mVisual .slick-dots{display:block !important;}

		#mainIntro{padding:0 2rem;}
		#mainIntro .swiper-slide{min-height:80rem;padding:16rem 1rem 0;gap:15rem;}
		#mainIntro .swiper-slide div:before{height:11rem;top:-13rem;}
		#mainIntro .swiper-slide:after{display:block !important;opacity:1 !important;}
		#mainIntro .swiper-slide div a{display:inline-flex !important}

		#mainBusiness .inConts > ul{display:block;}
		#mainBusiness .inConts > ul > li:nth-child(n+2){margin-top:3rem;}
		#mainBusiness .inConts > ul > li{width:100% !important;height:auto;}
		#mainBusiness .inConts > ul > li a{padding:9rem 2rem 9rem 5rem;}
		#mainBusiness .inConts > ul > li a p{opacity:1 !important;}
		#mainBusiness .inConts > ul > li dl dd{display:block !important;animation:unset;}

		#mainPromotional:before{display:none;}

			#mainManagement .inConts .swiper-slide span{display:block !important;}


	
	/*[e] Main Style */

	/*[s] Sub Style */

		.introCont{flex-wrap:wrap;padding:0;}
		.introCont > div{width:100%;order:1;}
		.introCont > .imgBox{width:70%;margin:0 auto;order:0;}
		.introCont > .imgBox img{width:100%;}
		.introBox{padding-bottom:2rem;}

		.crossList > li{display:block;}
		.crossList > li .imgBox{width:100%;padding:0 !important;margin-bottom:4rem;}
		.crossList > li .imgBox img{width:100%;}
		.crossList > li div{width:100% !important;}
		.crossList > li dl dt span{font-size:2.2rem;}

		.iconBoxList li{padding:2.7rem 1rem 2.8rem 2rem;}
		.imgShadowList li dl dd{padding-right:0;}

		.grayRoundBox li{gap:2rem;padding:5rem 2rem 4rem 3rem;}
		.numIconList li{width:49.2%;}

		.halfCont{display:block;}
		.halfCont > div{width:100%;}
		.halfCont > div > img{width:100%;}
		.halfCont > div:nth-child(2){padding:0;margin-top:3rem;}

		.qualityListBox ol li{width:50%;}
		.qualityListBox ol li:nth-child(3){border-right:0.1rem solid #e6e6e6;}
		.qualityListBox ol li:nth-child(2n){border-right:0;}
		.qualityListBox ol li:nth-child(-n+6){border-bottom:0.1rem solid #e6e6e6;}

		.bgIconBox > div > ul li dl dd{font-size:2.6rem;}

	/*[e] Sub Style */

	/*[s] Plugin Style */
		.fancybox__slide{padding:48px 3rem 8px !important;}
		#insight-summary .layer-in{padding:9rem 6rem;}
	/*[e] Plugin Style */

	.step-wrap.active03 ul li:nth-child(3)::before{top:-0.08rem;height:7.98rem;}
}
@media only screen and (max-width : 840px){

.step-wrap.active03 ul li:nth-child(3)::before{top:-0.19rem;height:8.07rem;}
	/*[s] All Style */
		.depth-three>a{height:7.5rem; font-size:2.4rem;}

		.scroll_info{padding:2rem 0 5rem;}
		.scroll_info:before{font-size:2.4rem; top:0;}

		.radio-field .radio-item input[type=checkbox] + label{font-size:2rem;}

		h4.bul{font-size:3rem;}
	/*[e] All Style */

	/*[s] Main Popup Style */
		.hd_pops{left:2rem !important; right:2rem !important;}
		.hd_pops_con{}

		#popLayer{}
		#popLayer #moPopArea{}
		#popLayer #moPopArea .moPop{max-width:90%;}
		#popLayer #moPopArea #moPopRoll{}
		#popLayer .slider{}
		#popLayer .slider img{}

		#popLayer .layerPopClose{width:4rem; height:4rem; right:2rem; top:2rem;}
		#popLayer .layerPopClose:before{margin:-1px 0 0 -2rem;}
		#popLayer .layerPopClose:after{margin:-2rem 0 0 -1px;}

		#popLayer .moPopClose{}
		#popLayer .moPopClose>*{height:8rem; font-size:2rem;}
	
		#popLayer .slick-dots{bottom:10rem;}
		#popLayer .slick-dots>li{}
		#popLayer .slick-dots>li+li{}
		#popLayer .slick-dots>li button{width:1.8rem; height:1.8rem;}
		#popLayer .slick-dots>li.slick-active button{}
	/*[e] Main Popup Style */

	/*[s] Main Style */
		/* visual */
			#main-visual,
			#main-visual .main-slider,
			#main-visual .main-slider .slick-slide,
			#main-visual .main-slider .slide-media,
			#main-visual .main-slider .mobile_in{height:70vh !important;}

			#main-visual .main-slider .mobile_in{width: 242vw;}
			#main-visual .main-slider .mobile_in video,
			#main-visual .main-slider .mobile_in iframe{height:100% !important;}

		/* visual */
			#mVisual .visualRoll .slider img{height:115rem;}

			#mVisual .vTxtArea{height:115rem; align-items: flex-start;}
			#mVisual .vTxtArea .vTxt_in{padding:24.5rem 0 0;}

			#mVisual .vTxt .ii.tit{font-size:2.2rem;}
			#mVisual .vTxt .ii.title{font-size:5.5rem; line-height:6.5rem;}
			#mVisual .vTxt .ii.txt{font-size:2.6rem; line-height:1.3;}

			#mVisual .vTxt .ii.controll{margin-top:11rem;}

			#mVisual .slick-dots>li+li{margin-left:1.5rem;}
			#mVisual .slick-dots>li button{width:1.6rem !important; height:1.6rem;}
			#mVisual .slick-dots>li.slick-active button{width:6.1rem !important;}

		/* visual */
			#mainVisual{}
			#mainVisual .visualRoll .swiper-slide>img{height:97rem;}
			#mainVisual .vTxtArea{padding:10rem 3rem;}

			#mainVisual .vTxt .ii.title{font-size:5.2rem;}
			#mainVisual .vTxt .ii.text{}
			#mainVisual .vTxt .ii.btns{margin-top:3.3rem;}
			#mainVisual .vTxt .ii.btns>a{width:20rem; height:7.4rem; font-size:2.4rem;}

			#mainVisual .swiper-controll{margin-top:0; top:auto !important; bottom:7rem;}
			#mainVisual .swiper-controll>.inConts{justify-content: center;}

			#mainVisual .swiper-pagination{gap:2.9rem; bottom:10rem}
			#mainVisual .swiper-pagination-bullet{width:2.3rem; height:2.3rem;}


			.mainSubText{font-size:2.4rem;line-height:3.4rem;}

			#mainIntro .swiper-slide > span{font-size:2.2rem;}
			#mainIntro .swiper-slide div dl dd{font-size:2.4rem;line-height:3.4rem;}
			#mainIntro .swiper-slide div a{width:20rem;height:6.6rem;font-size:2.4rem;}

			#mainBusiness .inConts > ul > li dl dt span{display:none;}
			#mainBusiness .inConts > ul > li dl dd{font-size:2.6rem;line-height:3.6rem;}

			#mainManagement .inConts .swiper-slide{height:75rem;}
			#mainManagement .inConts .swiper-slide dl dd{font-size:2.4rem;}
			#mainManagement .inConts .swiper-slide p{font-size:2.4rem;line-height:3.4rem;}
			#mainManagement .inConts .swiper-slide ul li{width:100%;}
			#mainManagement .inConts .swiper-slide ul li a{font-size:2.4rem;}
			#mainManagement .inConts .swiper-slide ul li:nth-child(-n+3) a{border-bottom:0.1rem solid #fff;}



			#mainNews .slideBox{padding:0 7rem;}
			#mainNews .swiper-slide{width:100% !important;}
			#mainNews .swiper-slide > a > div > span{width:9rem;height:4.6rem;font-size:2.2rem;margin-bottom:2rem;}
			#mainNews .swiper-slide > a > div dl dt{font-size:3rem;}
			#mainNews .swiper-slide > a > div dl dd{font-size:2.4rem;}
			#mainNews .swiper-slide .imgBox{max-height:40rem;}
			#mainNews .swiper-slide .imgBox img{max-height:40rem;}
			#mainNews .moreBtn{width:21rem;height:7rem;}
			#mainNews .moreBtn a{font-size:2.7rem;}

			.layerPopup{width:90%;top:15rem;left:50%;transform:translateX(-50%);}
			.layerPopup .imgBox img{width:100%;}
			.mainPop .popBtn button{font-size:2rem;}

	/*[e] Main Style */

	/*[s] Sub Style */

		.aboutTop dd{font-size:3rem;line-height:4rem;}
		.aboutTop dd span{display:block;margin-bottom:1rem;}
		.aboutWrap .fullBgBox.tac > dl{text-align:left !important;} 

		.locationWrap .locationBox h4{font-size:3.2rem;}
		.locationWrap .locationBox dl dt{font-size:2.8rem;}
		.locationWrap .locationBox dl dd ul{gap:1.5rem 4rem;}

		.introCont > .imgBox{width:100%;}
		.introCont > div{padding-right:0;}
		.introCont dl dt{background-position:top 0.8rem left;}

		.bText{font-size:3rem;} 
		.iconList{flex-wrap:wrap;gap:8rem 0;}
		.iconList li{width:50%;flex:unset;}
		.iconList .imgBox{width:22rem;height:22rem;}
		.addTextBox.tac{text-align:left !important;}
		.whiteText{font-size:2.6rem;line-height:3.6rem;}
		.iconBoxList li dl dd{font-size:2.6rem;}
		.downBtn{width:26rem;font-size:2.2rem;}
		.roundBtn{width:24rem;height:7rem;font-size:2.4rem;}

		.foamingWrap .roundImgBox{height:75rem;}
		.iconBoxList{display:block;}
		.iconBoxList li{width:100%;}
		.iconBoxList li:nth-child(n+2){margin-top:2rem;}

		.iconList li:after{display:none;}
		.foamingIntro .iconList li dl dt{font-size:2.6rem;}
		.borderList.borderBtnList li{flex-wrap:wrap;justify-content:flex-end;}
		.borderList.borderBtnList li dl{width:100%;padding-right:0;margin-bottom:2rem;}
		.borderList li dl dt{font-size:2.8rem;}

		.imgShadowList li{width:100% !important;}
		.imgShadowList li img{width:100%;}
		.imgShadowList li dl dt{font-size:2.8rem;}

		.imgShadowList.imgShadowListThree li dl dt p{font-size:2.4rem;}
		.shadowListTitle dd{font-size:2.4rem;}
		.flexDesignBox{display:block;}
		.flexDesignBox h5{width:100%;margin-bottom:2rem;}

		.grayRoundBox{display:block;}
		.grayRoundBox li{width:100%;}
		.grayRoundBox li:nth-child(n+2){margin-top:2rem;}
		.grayRoundBox li dl dt{font-size:2.8rem;}

		.flexDesignBox .flexDesignCont{width:100%;display:block;text-align:right;}
		.flexDesignBox .flexDesignCont p{text-align:left;}
		.flexDesignBox .flexDesignCont .roundBtn{margin-top:2rem;}

		.numIconList li > p{font-size:2.2rem;}
		.numIconList li dl dt{font-size:2.6rem;}
		.orgaList li{width:30rem;height:10rem;}
		.orgaList li p{font-size:2.6rem;line-height:3.6rem;}

		.bgIconBox > div > ul li{width:50%;}
		.bgIconBox > div > ul li:nth-child(3){border-right:0.1rem solid rgba(255, 255, 255,.1);}
		.bgIconBox > div > ul li:nth-child(2n){border-right:0;}
		.bgIconBox > div > ul li:nth-child(-n+4){border-bottom:0.1rem solid rgba(255, 255, 255,.1);}

		.qualityVisionWrap .roundImgBox{height:56rem;}
		.qualityListBox ol li span{font-size:2.2rem;}
		.qualityListBox ol li dl dt{font-size:2.6rem;line-height:3.6rem;}
		.qualityListBox ol li dl dd{font-size:2.2rem;line-height:3.2rem;}
		.qualitySlideBox > p{font-size:2.6rem;line-height:3.6rem;}
		.qualitySlideBox .swiper-slide dl dt{font-size:2.2rem;}
		.qualitySlideBox .swiper-slide dl dd{font-size:2.6rem;line-height:3.6rem;}
		.qualitySlideBox .slideTop dl dd{line-height:3.4rem;}
		.qualitypolicyWrap .topText dt{font-size:2.6rem;line-height:3.6rem;}
		.qualitypolicyIso:before{max-height:unset;}
		.qualitypolicyIso ul{flex-wrap:wrap;}
		.qualitypolicyIso ul li{width:49%;}
		.qualitypolicyIso ul li div{color:#fff;}
		.qualitypolicyIso dl dd{font-size:2.6rem;line-height:3.6rem;}

		.ecoOrgBox .numIconList li span{font-size:2.4rem;line-height:3.4rem;}
		.ecoMnaBox .numIconList li div{font-size:2.6rem;line-height:3.6rem;}
		.ecoMnaBox .numIconList li div span{font-size:2.4rem;line-height:3.4rem;}
		.ecoOrgBox .iconList li span{font-size:2.6rem;line-height:3.6rem;}

		.imgCont > li > div{display:block;}
		.jobBox #his_progress,
		.jobBox:before{display:none;}
		.imgCont > li{padding:12rem 0;}
		.imgCont li .imgBox{width:100%;}
		.imgCont li .imgBox img{width:100%;}
		.imgCont li .imgTextBox{width:100%;margin-top:2rem;}
		.imgCont li .imgTextBox dl dt{font-size:2.6rem;}
		.imgCont li .imgTextBox dl dd{line-height:3.4rem;}
		.imgCont li .imgTextBox dl dd div span{font-size:2.4rem;}

		.evaluationTop{display:block}
		.evaluationTop h4{width:100%;}

		.squareTitle{font-size:2.9rem;line-height:3.9rem;}
		.squareTitle:before{top:0.6rem;}
		.welfareWrap > div > ul > li{flex-wrap:wrap;}
		.welfareWrap > div > ul > li > div:first-child{border-right:0;}
		.welfareWrap > div > ul > li > div:nth-child(n+2){background:#f7f8fa !important;border-top:0.1rem solid #e6e6e6;}
		.welfareWrap > div > ul > li > div{width:100%;}
		.welfareWrap > div > ul > li:nth-child(even) > div{background:unset;}
		.welfareWrap div ul li dl dt{font-size:2.6rem;line-height:3.6rem;}
		.welfareWrap div ul li dl dd{line-height:3.4rem;}

		.recruitRndWrap > ol{gap:3rem 4%;}
		.recruitRndWrap > ol li{width:48%;}
		.recruitRndWrap > dl dt{font-size:3.7rem;line-height:4.7rem;}
		.recruitRndWrap > dl dd p{font-size:2.8rem;line-height:3.8rem;}
		.recruitRndWrap > dl dd span{font-size:2.6rem;line-height:3.6rem;}
		.recruitRndWrap > ol li dl dt{font-size:2.6rem;line-height:3.6rem;}
		.recruitRndWrap > ol li dl dd{line-height:3.4rem;}

		.dotList > li{font-size:2.6rem;line-height:3.6rem}
		.dotList > li:before{top:1.7rem;}
		/* 회사연혁 */
			.history_top{padding:10.2rem 4rem 10.8rem}
			.history_top p{font-size:2.4rem; line-height:3.4rem;}
			.history-area{}
			.history-area:before{margin-left:0; left: 0%;}
			.history-area #his_progress{margin-left:0; left: 0%;}
			.history-area>li{text-align: left !important; display: block;}
			.history-area .history-in{width:100%; padding:0 0 0 4rem !important; text-align: left !important;}
			.history-area .history-in:before{width: 2rem; height:2rem; left: -0.7rem; top:0.5rem;}
			.history-area>li:nth-child(odd) .txt_wrap p span{order:0;margin-left:0;}
			.history-area .txt_wrap .txt_in p span{margin-right:2rem !important;}
			.history-area .history-in>strong{font-size:3.5rem;}
			.history-area .txt_wrap{}
			.history-area .txt_wrap p{padding:0 0 0 0.9rem !important; font-size:2.4rem;justify-content:flex-start !important;}
			.history-area .txt_wrap p+p{margin-top:1rem;}
			.history-area>li:nth-child(odd) .txt_wrap p:before{right:auto;left:0;}
			.history-area .txt_wrap p:before{top:1.7rem;}
			.history-area>li .thumb{width:100%; margin-top:3rem; padding-right:0; position: relative;}
			.history-area>li .thumb img{width:100%; height:auto; position: static; }
			.history-area>li:nth-child(odd) .history-in:before{left:-0.7rem; right:auto;}
			.history-area>li:nth-child(odd) .txt_wrap{justify-content: flex-start;}

		/* etc */
			.etc_clause{width:100%; margin:0 auto;}
			.etc_clause .etc_clause_in{padding:5rem 3rem; border-radius:1rem;}
			.etc_clause .logo{margin:0;}
			.etc_clause .txt{padding:2rem 0 6rem; font-size:2.2rem;}
			.etc_clause .scroll{font-size:2rem;}
			.etc_select{width:100%;}
			.etc_select select.base{width:22rem;}
	/*[e] Sub Style */

	/*[s] Plugin Style */
	/*[e] Plugin Style */

		.privacy-wrap .head{margin-bottom:0;}
		.privacy-wrap .head h5 {font-size:2.4rem;}
		.privacy-wrap .conts {padding:2rem;}
		.privacy-wrap .conts .scroll-table {font-size:2rem;}
}
@media only screen and (max-width : 640px){
	.depth-three>a{width:100%;}

		.pw-input-wrap{width:100%;}
		.recruitRndWrap > ol li{width:100%;}
}

		@media only screen and (max-width : 501px){
		}

@media only screen and (max-width : 480px){

.locationWrap .locationBox dl dt{font-size:2.7rem;}
.locationWrap .locationBox dl dd ul li{font-size:1.9rem}
.locationWrap .locationBox > ul{width:100%;}
}

.info_exp {padding:10px; font-size:1.5rem;}
/*
transform: scale(1.1) 부분을
transform: scale(1.1) rotate(.001deg); 로 변경하면 부드럽게 처리되네요

display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; -ms-flex-align:center;
display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; -ms-flex-align:center;
display: flex; align-items: center; justify-content: center;
display: flex; align-items: center; justify-content: space-between;

display: flex; flex-flow: column wrap; justify-content: space-between;
display: flex; flex-flow: column wrap; justify-content: center;
display: flex; flex-flow: row wrap; justify-content: center;
display: flex; flex-flow: row wrap; justify-content: space-between;

display: flex; justify-content: space-between; // 양쪽 끝 정렬

맨 앞에 정렬
justify-content: flex-start;
​
맨 끝에 정렬
justify-content: flex-end;

가운데 정렬
justify-content: center;

서로 같은 간격으로 박스들이 조정됨.
justify-content: space-between;​

컨텐츠 뿐만 아니라 그 주변도 같은 간격으로 조정됨.
justify-content: space-around;


-webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-transform: translateX(-50%); transform: translateX(-50%);
filter:grayscale(100%); -webkit-filter:grayscale(100%);
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
transition: all .5s linear;
transition: all .5s ease-out;
transform:rotate(180deg);
-webkit-transition-timing-function:ease-in linear; transition-timing-function:ease-in linear;
-webkit-transition-delay: .8s; transition-delay: .8s;
:before{content: ""; width: 24px; height: 24px; background-color: #fff; border:1px solid #666; display: inline-block; position:absolute; left: 0; top:0px; box-sizing: border-box;}

display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; //한줄 감추기
display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; //두줄 감추기
active
:first-child
:nth-child(1)
:nth-of-type(1)
box-sizing:border-box;
word-break:keep-all; word-wrap:break-word;
border-radius:2px;
width:calc(100% / 6);
box-shadow:0 0 1rem rgba(0,0,0,0.2);
*/