@charset "UTF-8";

	.cate-list>a,
	.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,

	.qm-box>button:before,

	.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,
	#main-cont04-01 .mc04-link>a,

	.method-list>li,
	.method-list>li .icon img,
	.method-list>li dl,

	.consulting-about-re:before,
	.consulting-about-re ul{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%;}

/*[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:2.3rem; font-weight: bold; font-size:2.6rem; line-height:1; color: #000; position: relative;}
	h4.bul:before{content: ""; width: 1.2rem; height: 1.2rem; background-color: var(--point); position:absolute; left: 0; top:0.7rem; border-radius:100%;}
	*+h4.bul{margin-top:6.5rem;}

	h4.txt{margin-bottom:4.5rem; font-weight: bold; font-size:3rem; line-height:1; color: #000; position: relative;}
	h4.txt p.small{font-weight: 500; font-size:2.2rem;}
	*+h4.txt{margin-top:8rem;}

	h4.txt.c{line-height:4.6rem; text-align: center;}
	h4.txt.c .red{color: #ff0000;}
	h4.txt.c .blue{color: #8faadc;}

	h4.txt.s{margin-bottom:2.5rem;}

	h4.txt.line{padding-bottom:2.4rem; text-align: center;}
	h4.txt.line:before{content: ""; width: 4.3rem; height:3px; background-color: var(--point2); position:absolute; left: 50%; bottom:0px; transform: translateX(-50%);}

	h4.tit{margin-bottom:1.5rem; font-weight: bold; font-size:3.2rem; line-height:1; color: var(--point); position: relative;}
	*+h4.tit{margin-top:8.5rem;}

	ul.bul{margin-top:4rem;}
	ul.bul>li{padding-left:1.4rem; font-weight: 500; font-size:2rem; line-height:2.8rem; color: #333; position: relative;}
	ul.bul>li+li{margin-top:1rem;}
	ul.bul>li:before{content: "-"; position:absolute; left: 0; top:0px;}

	ul.jum{margin-top:4rem; display: flex; flex-flow: row wrap; gap:1.4rem 10%;}
	ul.jum>li{width:100%; padding-left:1.2rem; font-weight: 500; font-size:2rem; line-height:2.8rem; color: #333; position: relative;}
	ul.jum>li:before{content: "·"; position:absolute; left: 0; top:0px;}
	ul.jum>li .copy{color: #999;}

	ul.jum.four{}
	ul.jum.four>li{width:auto;}

	.nTxt{font-size:2rem; line-height:3.2rem; color: #555;}
	.nTxt .red{color: #d83652;}
	.nTxt.fw5{font-weight: 500;}

	.ps-txt{padding-left:1.8rem; font-size:2rem; line-height:3.2rem; color: #555; position: relative;}
	.ps-txt:before{content: "*"; color: #d83652; display: inline-block; position:absolute; left: 0; top:-0.2rem;}

	.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;}

	.wideKakao{width: 100%; margin: 0 auto; position: relative;}
	.wideKakao>.root_daum_roughmap{width: 100%; height:50rem;}
	.wideKakao>.root_daum_roughmap .wrap_map{height:100%; position: absolute; left: -1px; right: -1px; top: -1px;}
	.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;}

	.nTable{width:100%; font-size:0; line-height:0;}
	.nTable>table{width:100%; border-spacing:0; border-collapse: collapse;}
	.nTable>table th,
	.nTable>table td{padding:2rem; background-color: #fff; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-weight: 600; font-size:2rem; line-height:1.5; color:#000; text-align:center; vertical-align: middle; border-collapse:collapse; empty-cells:show; box-sizing: border-box; word-break:keep-all; word-wrap:break-word;}

	.nTable>table tr>*:last-child{border-right:none !important;}

	.nTable>table th{}
	.nTable>table>thead>tr>th{background-color: var(--point); color: #fff;}
	.nTable>table .th{background-color: #f5f6fa;}
	.nTable>table .w150{width:15rem;}
	.nTable>table .w180{width:18rem;}

	.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 Style */
	a .thumb{overflow:hidden;}
	a .thumb img{transition: all .7s ease-out; transform-origin: 50% 50%;}
	a:hover .thumb img{transform: scale(1.1);}

	.mScrolls{width:100%; font-size:0; line-height:0; text-align: center; position: fixed; left:0; bottom:40px; z-index:8; display:none;
		animation-duration: .7s; animation-iteration-count:infinite; animation-name: scrollDown; animation-timing-function:ease-in-out; animation-direction:alternate;
	}
	@keyframes scrollDown {
		from {bottom:50px; opacity:1;}
		to {bottom:30px; opacity:0.5}
	}

	.m-title{width:100%; line-height:1.3; color: var(--point); display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start;}
	.m-title>dt{padding-top:8rem; font-size:var(--f__size--35); display: flex; align-items: center; gap:1.2rem;}
	.m-title>dt:after{content: ""; width: 25rem; height: 0.3rem; background-color: var(--point);}

	.m-title>dd{min-width: calc(100% - 37rem);}
	.m-title>dd>div[data-font="en-b"]{font-size:var(--f__size--160);}
	.m-title>dd p{margin-top:4.5rem; font-size:var(--f__size--28); line-height:var(--line__height--50); color: #000;}
	.m-title>dd p.point{font-weight: 800; font-size:var(--f__size--35); color: var(--point);}

	.m-title.full>dt,
	.m-title.full>dd{width:100%; min-width:auto; padding-top:0;}
	.m-title.full>dd{margin-top:5rem; padding:0 5rem;}

	.m-tit{margin-top:9rem; display: flex; flex-flow: row wrap; justify-content: space-between; gap:4rem;}
	.m-tit>dl{width:100%;}
	.m-tit>dl>dt{font-size:var(--f__size--60); line-height:1.3; color:var(--point);}
	.m-tit>dl>dd{margin-top:1rem; font-size:var(--f__size--28); line-height:var(--line__height--50); color: #000;}

	.m-tit.two{gap:8rem;}
	.m-tit.two>dl{width:calc((100% - 8rem) / 2);}
	.m-tit.two>dl>dt{white-space: nowrap;}

	.m-tit.orange>dl>dt{color:var(--point2);}

	.list-portfolio{margin-top:22rem;}
	.list-portfolio img{aspect-ratio:300/225; object-fit: cover; vertical-align: top;}
	.list-portfolio>li{display: flex; flex-flow: row wrap; align-items: flex-end; justify-content: space-between;}
	.list-portfolio>li+li{margin-top:30rem;}

	.list-portfolio>li .left-box{width:50%; padding-right:1rem;}
	.list-portfolio>li .left-box .title{font-weight: 800; font-size:var(--f__size--50); line-height:var(--line__height--65); color: var(--point);}
	.list-portfolio>li .left-box .tit{margin-top:1rem; font-weight: 500; font-size:var(--f__size--24); line-height:1; color: var(--point);}
	.list-portfolio>li .left-box .text{margin-top:5rem; font-size:var(--f__size--24); line-height:var(--line__height--45); color:#000;}
	.list-portfolio>li .left-box .photo{margin-top:5rem; display: flex; gap:1rem;}
	.list-portfolio>li .left-box .photo>p{flex:1;}

	.list-portfolio>li .right-box{width:50%;}
	.list-portfolio>li .right-box img{width: 100%; aspect-ratio:1/1;}

	.btn-more{width:12.8rem; height:6rem; margin:16rem auto 0; background-color: var(--point2); font-weight: 800; font-size:2.7rem; line-height:1; color: #fff; border-radius:99px; display: flex; align-items: center; justify-content: center;}

	.form-row + .btn-more{margin-top:5.5rem;}
	.works-list .btn-more{margin-top:10rem;}

	.mConts{width:100%; height:100vh; position: relative;}

	#main-zero{width:100%; height:100vh; text-align: center; display: flex; align-items: center; justify-content: center;}
	#main-zero .svg-logo{max-width:1000px;}

	#main-one{margin-top:23rem;}
	#main-one .main-one{margin-top:15rem; padding-top:13rem; position: relative;}
	#main-one .main-one .text{font-size:var(--f__size--190); line-height:1.1; color:var(--point); position: absolute; left:5rem; top:0;}
	#main-one .main-one-in{width:calc(100% + 336px); height:96rem; background: url('/images/main/img_main-one.jpg') no-repeat left center/ cover; overflow: hidden; position: relative; z-index:2;}
	#main-one .main-one-in .text{color: #fff; top:-13rem; z-index:3;}

	#main-two{margin-top:21rem;}
	#main-two .m-title>dd>div[data-font="en-b"]{line-height:1.1;}

	#main-two .two-layout{margin-top:12rem; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-end;}
	#main-two .two-layout + .two-layout{margin-top:20rem;}
	#main-two .two-layout .text-box{width:54%; min-width:620px;}
	#main-two .two-layout .text-box .point{margin-top:0;}
	#main-two .two-layout .icon-box{width:calc(100% - 640px); text-align: center;}

	#main-two .two-layout:nth-child(odd) .text-box{text-align: right; order:2;}
	#main-two .two-layout:nth-child(odd) .icon-box{order:1;}

	#main-three{margin-top:21rem;}
	#main-three .m-title>dd{}
	#main-three .m-title>dd>div[data-font="en-b"]{line-height:0.9;}

	#main-three .full-area.point{margin-top:17rem; padding:9rem 0;}
	#main-three .full-area.point .point,
	#main-three .full-area.point .m-tit>dl>dt,
	#main-three .full-area.point .m-tit>dl>dd{color: #fff;}

	#main-three .full-area.point .m-tit{gap:5rem;}

	#main-three .full-area.client{padding:17rem 0 27rem; background: url('/images/main/bg_line.jpg') repeat-x left bottom/auto 9.7rem;}
	#main-three .full-area.client .client-list{margin-top:12rem; display: flex; flex-flow: row wrap; gap:2.5rem;}
	#main-three .full-area.client .client-list>li{width:calc((100% - 10rem) / 5); display: inline-flex; align-items: center; justify-content: center;}

	#main-three .list-portfolio{margin-top:27rem;}

	#main-four{margin-top:21rem;}
	#main-four .m-title>dd{}
	#main-four .m-title>dd>div[data-font="en-b"]{line-height:1;}
	#main-four .m-title .svg-logo{width:50rem;}

	#main-four .list-portfolio>li .left-box{width:50%; padding:0 0 0 4rem; order:2;}
	#main-four .list-portfolio>li .right-box{order:1;}

	#main-five{margin-top:12rem; padding-bottom:11rem;}
	#main-five .m-title>dd{}
	#main-five .m-title>dd>div[data-font="en-b"]{line-height:1;}

	.form-info{margin-top:7.5rem;}
	.form-info input::-ms-input-placeholder{color:#b3b3b3;}
	.form-info input::-webkit-input-placeholder{color:#b3b3b3;}
	.form-info input::-moz-placeholder{color:#b3b3b3;}

	.form-info input{width:auto; height:5.2rem; padding:0; border:0 !important; background-color: #fff; font-weight: 600; font-size:var(--f__size--24); line-height:1; color: #000; text-align: center; display: inline-flex; align-items: center; justify-content: center; vertical-align: top;}
	.form-info input:focus,
	.form-info .fake-input:focus{outline: none;}
	.form-info input.ipt-1{width:clamp(100px,50%,405px);}
	.form-info input.ipt-2{width:clamp(100px,50%,245px);}
	.form-info input.ipt-3{width:clamp(100px,50%,500px);}
	.form-info input.ipt-4{width:clamp(100px,50%,785px);}
	.form-info input.ipt-5{width:clamp(100px,50%,195px);}
	.form-info input.ipt-6{width:clamp(100px,50%,305px);}

	.form-info .fake-input{padding: 0 .5rem; font-weight: 600; font-size:var(--f__size--24); line-height:5.2rem; color: #000; text-align: center; display: inline-block; vertical-align: top; position: relative; word-break: break-all; outline: none; cursor: text;}
	.form-info .fake-input.ipt-3{min-width:clamp(100px,50%,500px);}
	.form-info .fake-input.ipt-4{min-width:clamp(100px,50%,785px);}

	.form-info .fake-input[contenteditable="true"]:empty:before{content: attr(data-placeholder); width:100%; font-weight: 600; font-size:var(--f__size--24); line-height:5.2rem; color:#b3b3b3; text-align: center;}
	/*
	 프로젝트를 수행할 팀을 찾고 있습니다.
	*/

	.form-info .form-row{font-size:var(--f__size--28); line-height:5.2rem; color: #000;}
	.form-info .form-row.hr{margin-top:3rem;}
	.form-info .form-row b{font-weight: 800; color: var(--point); display:inline-block; vertical-align: top;}
	.form-info .form-row .l{margin-left:1rem;}
	.form-info .form-row .r{margin-right:1rem;}
	.form-info .form-row .c{margin:0 1rem;}

	.form-info .file{margin-top:4rem; font-size:0; line-height:0;}
	.form-info .file.hr{margin-top:1rem !important;}
	.form-info .file+.file{margin-top:1.5rem !important;}
	.form-info .file>.file_wrap{width:12.3rem; height:5.2rem; background-color: #fff; border:2px solid var(--point); font-weight: bold; font-size:var(--f__size--22); line-height:1; color: var(--point); text-align: center; cursor:pointer; display: inline-flex; align-items: center; justify-content: center; position: relative; vertical-align: top;}
	.form-info .file>.file_wrap input[type=file]{width:100%; height:100%; opacity:0; cursor:pointer; position: absolute; left:0; top:0; z-index:3;}
	.form-info .file .thumb.text{width:100%; height:52px; margin-left:2rem; max-width:calc(100% - 14.3rem); font-weight: 600; font-size:var(--f__size--24); line-height:1; color:#b3b3b3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-flex; align-items: center;}

	.budget-slider{width: 780px; height: 4rem; margin: 5rem 0 7rem}

	.budget-slider .range {width: 100%; height: 0.5rem; position: relative; }

	.budget-slider .range input {width: 100%; position: absolute; top: 0.2rem; height: 0; -webkit-appearance: none; padding: 0}

	.budget-slider .range input::-webkit-slider-thumb{width: 2.2rem; height: 2.2rem; margin: 0 auto; background-color: var(--point); margin: -1rem 0 0; border-radius: 50%; cursor: pointer; border: 0 !important; -webkit-appearance: none;}
	.budget-slider .range input::-moz-range-thumb{width: 2.2rem; height: 2.2rem; margin: 0 auto; background-color: var(--point); margin: -1rem 0 0; border-radius: 50%; cursor: pointer; border: 0 !important;}
	.budget-slider .range input::-ms-thumb{width: 2.2rem; height: 2.2rem; margin: 0 auto; background-color: var(--point); margin: -1rem 0 0; border-radius: 50%; cursor: pointer; border: 0 !important;}

	.budget-slider .range input::-webkit-slider-runnable-track{width: 100%;height: 0.2rem;cursor: pointer;background: var(--point)}
	.budget-slider .range input::-moz-range-track{width: 100%;height: 0.2rem;cursor: pointer;background: var(--point)}
	.budget-slider .range input::-ms-track{width: 100%;height: 0.2rem;cursor: pointer;background: var(--point)}

	.budget-slider .range input:focus {background: 0 0; outline: none}

	.budget-slider .range input::-ms-track {width: 100%;cursor: pointer;background: 0 0;border-color: transparent;color: transparent}

	.budget-slider .range-labels {margin: 1.8rem 0 0;width: 100%;padding: 0;list-style: none;position: relative}
	.budget-slider .range-labels li{width: 0; position: absolute; left: 0;top: 0; text-align: center; cursor: pointer;}
	.budget-slider .range-labels li:before{content: ""; width: 1.8rem; height: 1.8rem; margin: 0 auto; background-color: #fff; border:0.2rem solid var(--point); border-radius: 50%; position: absolute; left: 0; top: -3.2rem; transform: translateX(-50%)}

	.budget-slider .range-labels li div {font-weight: bold; font-size: 1.8rem !important; line-height: 2.1rem !important;color: var(--point); position: absolute;left: 50%;top: 0;transform: translateX(-50%);}
	.budget-slider .range-labels li:first-child div{}
	.budget-slider .range-labels li:last-child div{}

	.budget-slider .range-labels .active {}
	.budget-slider .range-labels li.active div {}

	.budget-slider .range-labels .selected:before {background: var(--point)}
	.budget-slider .range-labels .active.selected:before {display: none}

	.budget-slider .range-labels li:nth-child(1){left: 1.4%}
	.budget-slider .range-labels li:nth-child(2){left: 20.866%}
	.budget-slider .range-labels li:nth-child(3){left: 40.333%}
	.budget-slider .range-labels li:nth-child(4){left: 59.699%}
	.budget-slider .range-labels li:nth-child(5){left: 79.166%}
	.budget-slider .range-labels li:nth-child(6){left: 98.6%}

	.budget-slider input[type=range]::-webkit-slider-thumb {background: var(--point) !important}
/*[e] Main Style */

/*[s] Sub Style */
	#main-one.recruit{margin-top:0;}
	#main-one.recruit .main-one{margin-top:17rem; padding-top:10.5rem;}
	#main-one.recruit .main-one .text{font-size:clamp(8.5rem,12.5954vw,16.5rem); line-height:1; color:var(--point2);}
	#main-one.recruit .main-one-in{height:82rem; background-image: url('/images/sub/img_recruit.jpg');}
	#main-one.recruit .main-one-in .text{color: #fff; top:-10.5rem;}
	#main-one.recruit .main-one-in .txt{height:100%; padding-top:7rem; font-weight: bold; font-size:3rem; line-height:5.5rem; color: #fff; position: absolute; left:5rem; top:0; display: flex; align-items: center;}
	#main-one.recruit .main-one-in .txt strong{font-weight: 800; font-size:3.8rem; line-height:6.1rem;}

	#main-one.recruit .main-one+.m-title.full{margin-top:5rem;}

	#main-one.recruit .full-area{margin-top:4rem; padding:6rem 0 5rem; border-top:4px solid var(--point2); border-bottom:4px solid var(--point2);}
	.welfare-list{padding:0 3rem; display: flex; flex-flow: row wrap; gap:7rem 0;}
	.welfare-list>dl{width:calc(100%  / 3); padding:0 2rem;}
	.welfare-list>dl>dt{font-weight: 800; font-size:2.9rem; line-height:1; color: var(--point);}
	.welfare-list>dl>dd{margin-top:1.5rem; font-size:2.3rem; line-height:4.2rem; color: #000;}

	#main-five.recruit{margin-top:0;}
	#main-five.recruit .m-title>dd{margin-top:0;}
	#main-five.recruit .m-title>dd p.point{margin-top:14rem;}


	#works{padding:22rem 0 10rem;}
	.page-title{font-size:var(--f__size--160); line-height:1; color: var(--point); text-align: center;}

	.cate-list{margin-top:6rem; text-align: center; display: flex; align-items: center; justify-content: center; gap:0 4.9rem;}
	.cate-list>a{font-weight: bold; font-size:2.5rem; line-height:4.5rem; color: var(--point); position: relative;}
	.cate-list>a+a:before{content: "|"; width: 4.9rem; font-weight: 800; position:absolute; left: -4.9rem; top:0; transform:rotate(15deg);}
	.cate-list>a:hover,
	.cate-list>a.active{font-weight: 900; color: var(--point2);}

	.works-list{width:100%; margin-top:9rem; font-size:0; line-height:0; position: relative;}
	.works-list ul.list{display: flex; flex-flow: row wrap; gap:2.2rem;}
	.works-list ul.list li{width:calc((100% - 4.4rem) / 3);}
	.works-list ul.list li .works-link{width:100%;  display:block; overflow:hidden; position: relative;}
	.works-list ul.list li .works-link .thumb{width:100%; aspect-ratio: 1/1; display:block; overflow:hidden; position: relative;}
	.works-list ul.list li .works-link .thumb img{width:100%; max-width:none; height:100%; object-fit:cover; vertical-align: top; transition: all .7s ease-out;}

	.works-list ul.list li .works-link .over{width:100%; height:100%; background-color: rgba(0,73,136,0.7); position: absolute; left:0; top:0; z-index:3; display:none;}
	.works-list ul.list li .works-link .over dl{width:100%; height:100%; display: flex; flex-flow: row wrap; align-content: center; justify-content: center;}
	.works-list ul.list li .works-link .over dl>*{width:100%; line-height:1.2; color: #fff; text-align: center;}
	.works-list ul.list li .works-link .over dl>dt{font-weight: 800; font-size:clamp(1.5rem,2.3438vw,2.8rem);}
	.works-list ul.list li .works-link .over dl>dd{margin-top:clamp(1rem,3.125vw,2rem); font-weight: bold; font-size:clamp(1rem,1.5625vw,2rem);}

	#works.view{padding:45.5rem 0 30rem;}
	#works.view .list-portfolio{margin-top:0;}
	#works.view .btn-more.arr{width:16.5rem; margin-top:0; padding-right:0.5rem; position: absolute; left:3rem; top:-14.5rem;}
/*[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{}
/*[e] Plugin Style */

@media only screen and (max-width : 1310px){
	/*[s] Main Style */
		.m-title.full>dd{padding:0;}

		.m-tit{}
		.m-tit>dl{}
		.m-tit.two>dl>dt{font-size:clamp(4rem, 4.8vw, var(--f__size--60));}
		.m-tit.two>dl>dd{font-size:clamp(1.6rem, 2.24vw, var(--f__size--28)); line-height:clamp(2.9rem, 4vw, var(--line__height--50));}

		#main-three .full-area.point .m-tit.two>dl>dt{font-size:clamp(3.4rem, 4.8vw, var(--f__size--60));}
		#main-three .full-area.point .m-tit.two>dl>dd{font-size:clamp(2rem, 2.24vw, var(--f__size--28));}

		.welfare-list{padding:0; gap:7rem 5rem;}
		.welfare-list>dl{width:calc((100% - 10rem) / 3); padding:0;}
	/*[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 */
		.wideKakao>.root_daum_roughmap{height:auto; padding-bottom: 56.25%;}

		ul.jum{gap:1rem 0;}
		ul.jum.four>li{width:50%;}
	/*[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 */
		#main-two .two-layout{}
		#main-two .two-layout .text-box{width:100%; min-width:auto; margin-top:6rem; text-align: center !important; order:2;}
		#main-two .two-layout .icon-box{width:100%; order:1;}
	/*[e] Main Style */

	/*[s] Sub Style */
		.cate-list{gap:0 2.7rem;}
		.cate-list>a{}
		.cate-list>a+a:before{width:2.7rem; left: -2.7rem;}

		.works-list ul.list li .works-link .over{display:block !important; left:0 !important; top:0 !important;}
	/*[e] Sub Style */

	/*[s] Plugin Style */
		.fancybox__slide{padding:48px 3rem 8px !important;}
		#insight-summary .layer-in{padding:9rem 6rem;}
	/*[e] Plugin Style */
}
@media only screen and (max-width : 840px){
	/*[s] All Style */
		.nTable>table th,
		.nTable>table td{font-size:2.2rem;}

		.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;}

		.nTxt{font-size:2.2rem; line-height:3.4rem;}

		ul.bul>li{padding-left:1.4rem;}
		ul.jum>li{padding-left:0.8rem;}
	/*[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 .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: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 .moPopClose button{font-size:1.8rem; line-height:2.4rem;}
		#popLayer .moPopClose button:before{width: 2.4rem; height: 2.4rem; font-size:1.8rem; line-height:2.6rem;}
		#popLayer .moPopClose button.toDay_close{padding-left:3.2rem;}
		#popLayer .moPopClose button.close{padding-right:3.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 */
		.m-title{}
		.m-title>dt{padding-top:3.5rem; font-size:2.2rem;}
		.m-title>dt:after{width: 16rem; height: 0.2rem;}

		.m-title>dd{}
		.m-title>dd>div[data-font="en-b"]{font-size:10rem;}
		.m-title>dd p{margin-top:4rem; font-size:2.2rem; line-height:3.8rem;}
		.m-title>dd p.point{font-size:2.6rem; line-height:4.5rem;}

		#main-two .m-title>dd p{margin-top:2rem;}

		.m-title.full>dt,
		.m-title.full>dd{}
		.m-title.full>dd{margin-top:3rem;}

		.m-tit{margin-top:5rem; display: flex; flex-flow: row wrap; justify-content: space-between; gap:3rem;}
		.m-tit>dl{width:100%;}
		.m-tit>dl>dt{font-size:6rem; line-height:1.3; color:var(--point);}
		.m-tit>dl>dd{margin-top:1rem; font-size:var(--f__size--28); line-height:var(--line__height--50); color: #000;}

		.m-tit:not(.two)>dl+dl{margin-top:-1rem;}

		.m-tit.two{gap:4rem 5rem;}
		.m-tit.two>dl{width:calc((100% - 5rem) / 2);}

		#main-three .full-area.point .m-tit.two{gap:3rem;}
		#main-three .full-area.point .m-tit.two>dl{width:calc(45% - 1.5rem);}
		#main-three .full-area.point .m-tit.two>dl:nth-child(even){width:calc(55% - 1.5rem);}

		.list-portfolio{margin-top:10rem;}
		.list-portfolio>li{}
		.list-portfolio>li+li{margin-top:12rem;}

		.list-portfolio>li .left-box{width:100%; margin-top:4rem; padding-right:0; order:2;}
		.list-portfolio>li .left-box .title{font-size:3.4rem; line-height:4.5rem;}
		.list-portfolio>li .left-box .tit{margin-top:1rem; font-size:2rem;}
		.list-portfolio>li .left-box .text{margin-top:3rem; font-size:2rem; line-height:3.5rem;}
		.list-portfolio>li .left-box .photo{display:none;}

		.list-portfolio>li .right-box{width:100%; order:1;}

		.btn-more{margin:8rem auto 0; font-size:2.4rem;}
		.form-row + .btn-more{margin-top:4.5rem;}

		#main-one{margin-top:0;}
		#main-one .main-one{margin-top:6.5rem; padding-top:6.5rem;}
		#main-one .main-one .text{font-size:10rem; left:2rem;}
		#main-one .main-one-in{width:calc(100% + 3rem); height:37rem; background-image: url('/images/main/img_main-one_m.jpg');}
		#main-one .main-one-in .text{top:-6.5rem;}

		#main-two{margin-top:10rem;}
		#main-two .two-layout{}
		#main-two .two-layout + .two-layout{margin-top:8.5rem;}
		#main-two .two-layout .icon-box img[src="/images/main/icon_main-two01.png"]{width:clamp(19.7rem, 30.7813vw, 27.7rem)}
		#main-two .two-layout .icon-box img[src="/images/main/icon_main-two02.png"]{width:clamp(20.9rem, 32.6563vw, 33.6rem)}
		#main-two .two-layout .icon-box img[src="/images/main/icon_main-two03.png"]{width:clamp(32.7rem, 51.0938vw, 42.1rem)}

		#main-three{margin-top:10rem;}
		#main-three .m-title>dd{}
		#main-three .m-title>dd>div[data-font="en-b"]{}
		#main-three .m-title>dd p.point.mt70{margin-top:2rem !important;}

		#main-three .full-area.point{margin-top:4.5rem; padding:4.5rem 0 6rem;}
		#main-three .full-area.point p.point,
		#main-three .full-area.point .m-tit>dl>dt,
		#main-three .full-area.point .m-tit>dl>dd{color: #fff;}

		#main-three .full-area.point p.point,
		#main-three .full-area.client p.point{font-size:2.9rem;}

		#main-three .full-area.point .m-tit{gap:5rem;}

		#main-three .full-area.client{padding:6.5rem 0 14rem; background-size:auto 4.5rem;}
		#main-three .full-area.client .client-list{margin-top:4rem; gap:1rem;}
		#main-three .full-area.client .client-list>li{width:calc((100% - 4rem) / 5);}

		#main-three .list-portfolio{margin-top:12rem;}

		#main-four{margin-top:13rem;}
		#main-four .m-title>dt{width:100%; padding-top:0;}
		#main-four .m-title>dd{margin-top:3rem;}
		#main-four .m-title>dd>div[data-font="en-b"]{line-height:1.1;}
		#main-four .m-title>dd p.point{margin-top:1rem;}

		#main-four .list-portfolio>li .left-box{width:100%; padding:0;}
		#main-four .list-portfolio>li .right-box{}

		#main-five{margin-top:9rem; padding-bottom:5rem;}
		#main-five .m-title>dd{}
		#main-five .m-title>dd>div[data-font="en-b"]{line-height:1.1;}
		#main-five .m-title>dd p.point{margin-top:1rem;}

		.form-info{margin-top:5rem;}

		.form-info input{height:4rem; font-size:1.7rem;}
		.form-info input:focus{outline: none;}
		.form-info input.ipt-1{width:45.3125vw;}
		.form-info input.ipt-2{width:27.3438vw;}
		.form-info input.ipt-3{width:56.25vw;}
		.form-info input.ipt-4{width:78.125vw;}
		.form-info input.ipt-5{width:21.875vw;}
		.form-info input.ipt-6{width:37.5vw;}

		.form-info .fake-input{font-size:1.7rem; line-height:4rem;}
		.form-info .fake-input[contenteditable="true"]:empty:before{font-size:1.7rem; line-height:4rem;}

		.form-info .fake-input.ipt-3{min-width:56.25vw;}
		.form-info .fake-input.ipt-4{min-width:78.125vw;}

		.form-info .form-row{font-size:2rem; line-height:4rem;}
		.form-info .form-row.hr{margin-top:2.5rem;}
		.form-info .form-row .l{margin-left:0.7rem;}
		.form-info .form-row .r{margin-right:0.7rem;}
		.form-info .form-row .c{margin:0 0.7rem;}

		.form-info .file{margin-top:4rem; font-size:0; line-height:0;}
		.form-info .file>.file_wrap{width:10rem; height:4rem; font-size:1.6rem;}
		.form-info .file .thumb.text{width:100%; height:4rem; margin-left:1.5rem; max-width:calc(100% - 11.5rem); font-size:1.7rem;}

		.budget-slider{width:100%; margin: 3rem 0}

		.budget-slider .range {}

		.budget-slider .range input {}

		.budget-slider .range input::-webkit-slider-thumb{}
		.budget-slider .range input::-moz-range-thumb{}
		.budget-slider .range input::-ms-thumb{}

		.budget-slider .range input::-webkit-slider-runnable-track{}
		.budget-slider .range input::-moz-range-track{}
		.budget-slider .range input::-ms-track{}

		.budget-slider .range input:focus {}

		.budget-slider .range input::-ms-track {}

		.budget-slider .range-labels {}
		.budget-slider .range-labels li{}
		.budget-slider .range-labels li:before{}

		.budget-slider .range-labels li div {font-size: 1.3rem !important; line-height: 1.5rem !important;}
		.budget-slider .range-labels li:first-child div{}
		.budget-slider .range-labels li:last-child div{}

		.budget-slider .range-labels .active {}
		.budget-slider .range-labels li.active div {}

		.budget-slider .range-labels .selected:before {}
		.budget-slider .range-labels .active.selected:before{}

		.budget-slider .range-labels li:nth-child(1){left: 1.1rem}
		.budget-slider .range-labels li:nth-child(2){left: 20.866%}
		.budget-slider .range-labels li:nth-child(3){left: 40.333%}
		.budget-slider .range-labels li:nth-child(4){left: 59.699%}
		.budget-slider .range-labels li:nth-child(5){left: 79.166%}
		.budget-slider .range-labels li:nth-child(6){left: 98.6%}

		.budget-slider input[type=range]::-webkit-slider-thumb {}
	/*[e] Main Style */

	/*[s] Sub Style */
		#main-one.recruit{margin-top:0;}
		#main-one.recruit .main-one{margin-top:16rem; padding-top:5rem;}
		#main-one.recruit .main-one .text{font-size:8rem;}
		#main-one.recruit .main-one-in{height:36.8rem; background-image: url('/images/sub/img_recruit_m.jpg');}
		#main-one.recruit .main-one-in .text{top:-5rem;}
		#main-one.recruit .main-one-in .txt{padding-top:7rem; font-size:1.6rem; line-height:2.9rem; left:2rem;}
		#main-one.recruit .main-one-in .txt strong{font-size:2rem; line-height:3.3rem;}

		#main-one.recruit .main-one+.m-title.full{margin-top:5rem;}

		#main-one.recruit .full-area{margin-top:3rem; padding:2.5rem 0 2rem; border-top:2px solid var(--point2); border-bottom:2px solid var(--point2);}
		.welfare-list{gap:3.5rem 3rem;}
		.welfare-list>dl{width:calc((100% - 3rem) / 2);}
		.welfare-list>dl>dt{font-size:2.5rem;}
		.welfare-list>dl>dd{margin-top:1rem; font-size:2rem; line-height:3.7rem;}

		#main-five.recruit{margin-top:0;}
		#main-five.recruit .m-title>dd{margin-top:0;}
		#main-five.recruit .m-title>dd p.point{margin-top:10rem;}

		#works{padding:20rem 0 6rem;}
		.page-title{font-size:7rem;}

		.cate-list{margin-top:1.5rem;}
		.cate-list>a{font-size:1.4rem; line-height:3.4rem;}

		.works-list{margin-top:3rem;}
		.works-list ul.list{gap:1rem;}
		.works-list ul.list li{width:calc((100% - 2rem) / 3);}

		#works.view{padding:17rem 0 10rem;}
		#works.view .list-portfolio{margin-top:0;}
		#works.view .btn-more.arr{width:16.5rem; margin-top:4.5rem; padding-right:0.5rem; position: static;}

		#works.view .list-portfolio>li img{width: 100%; aspect-ratio:1/1;}
		#works.view .list-portfolio>li .left-box{margin-top:0; order:1;}
		#works.view .list-portfolio>li .left-box .photo{display:flex; flex-wrap: wrap; gap:2.5rem;}
		#works.view .list-portfolio>li .right-box{margin-top:2.5rem; order:2;}
		/*
		.list-portfolio{margin-top:10rem;}
		.list-portfolio>li{}
		.list-portfolio>li+li{margin-top:12rem;}

		.list-portfolio>li .left-box{width:100%; margin-top:4rem; padding-right:0; order:2;}
		.list-portfolio>li .left-box .title{font-size:3.4rem; line-height:4.5rem;}
		.list-portfolio>li .left-box .tit{margin-top:1rem; font-size:2rem;}
		.list-portfolio>li .left-box .text{margin-top:3rem; font-size:2rem; line-height:3.5rem;}
		.list-portfolio>li .left-box .photo{display:none;}

		.list-portfolio>li .right-box{width:100%; order:1;}
		*/
	/*[e] Sub Style */

	/*[s] Plugin Style */
	/*[e] Plugin Style */
}
@media only screen and (max-width : 640px){
}
@media only screen and (max-width : 480px){
}

/*
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; align-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);
width:calc((100% - 8rem) / 2);
box-shadow:0 0 1rem rgba(0,0,0,0.2);
*/