.tabDepth>a,
	.lastDepth>a,
	.depth3>a,
	.depth3>a>span:before,

	#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,

	.mSolution .mSolutionBox .mSolution_txt .btns>a,
	.mQuick>* .btns>a,

	#mRoute .routeMap #routeBtn>a,
	#mAbout .linkAbout>a .thumb img,

	.mProduct>.list a>.lay,
	.cont_img .btns>a{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%;}

/*[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:1px solid #434343; font-size:0; line-height:0;}
	.nTable>table{width:100%; border-spacing:0; table-layout : fixed;}
	.nTable>table th,
	.nTable>table td{padding:1.5rem 0; background-color: #fff; border-bottom:1px solid #ddd; font-size:1.8rem; line-height:2.4rem; color:#666; letter-spacing: -0.04em; text-align:left; border-collapse:collapse; empty-cells:show; box-sizing: border-box; word-break:keep-all; word-wrap:break-word;}

	.nTable>table>thead>tr>th,
	.nTable>table>tbody>tr>th{font-weight: bold; color: #333; text-align: center;}
	.nTable>table>tbody>tr>th{width:18rem; vertical-align: top;}
	.nTable>table>tbody>tr>th.trans{padding-top:1.8rem;}

	.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{margin-top:0rem; font-weight: 300; font-size:16px; line-height:2.4rem;}

	.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("../img/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;}

	h4.txt{margin-bottom:50px; padding-bottom:24px; border-bottom:1px solid #707070; font-weight: bold; font-size:28px; line-height:1; color: #000; letter-spacing: -0.03em;}

	h4.line{margin-bottom:50px; padding-top:2.2rem; font-size:2rem; line-height:1; color: #636363; text-align: center; letter-spacing: -0.03em; position: relative;}
	h4.line:before{content: ""; width: 2.1rem; height: 0.2rem; background-color: #3a3a3a; display: block; position:absolute; left:50%; top:0; transform: translateX(-50%);}
	h4.line>strong{font-weight: bold; font-size:4rem; color: #000; display:block;}
	h4.line>p{padding-top:0.9rem;}
	h4.line.mt{margin-top:8rem;}

	h5.bul{margin:6rem 0 2.5rem; padding-left:2.2rem; font-weight: 500; font-size:2.1rem; line-height:1; color: #000; letter-spacing: -0.03em; position: relative;}
	h5.bul:before{content: ""; width: 1.4rem; height: 1.4rem; border:0.3rem solid #1952a7; display: block; position:absolute; left:0; top:0.5rem; border-radius:999px;}
	h5.bul .more{padding:0.5rem 1rem; border:1px solid #dadada; font-weight: 400; font-size:1.4rem; color: #666; position: absolute; right:0; top:-0.2rem; display:inline-block;}

	h6.bul{margin-top:3.5rem;padding:0 0 1rem 1rem; font-weight: 500; font-size:2rem; line-height:1; color: #1b1b1b; letter-spacing: -0.03em; position: relative;}
	h6.bul:before{content: "-"; position:absolute; left:0; top:0;}

	.nTxt{font-size:17px; line-height:24px; color: #626262; letter-spacing: -0.03em; word-break:keep-all; word-wrap:break-word;}

	h5.bul + .nTxt{margin-top:-1rem;}

	.f0{font-size:0; line-height:0; text-align: center;}

	.scrollTb{display:inline-block; font-size:0; line-height:0; }
	.scrollTb img{max-width:none;}
	.scroll_info{width:100%; padding:2rem 0; font-size:0; line-height:0; position: relative; display:none;}
	.scroll_info:before{content:"← scroll →"; margin-top:-2rem; 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: #ff0000; left:42%;}
		to {color: #006cb7; left:46%;}
	}

	.wideFrame{height: 0; padding-bottom: 56.25%; /* 16:9 */ position: relative;}
	.wideFrame iframe{width: 100%; height: 100%; max-height:350px; position: absolute; left: 0; top: 0;}

	.wideMap{width:100%; height:35rem; position: relative; overflow:hidden;}
	.wideMap>#map{width:1280px !important; height:35rem; margin:-17.5rem 0 0 -640px !important; position: absolute; left:50% !important; top:50% !important;}

	.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:5px 10px; background-color:#f00; font-size:14px; 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("../img/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("../img/main/arr_mBtns.png");}
/*[e] All Style */

/*[s] Main Style */
	.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}
	}

	#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:100vh; object-fit: cover;}

	#mVisual .slick-arrow{width:37px; height:71px; 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:0.3;}
	#mVisual .slick-prev{background-image: url("../img/main/btn_slick_prev.png"); left:4.25%;}
	#mVisual .slick-next{background-image: url("../img/main/btn_slick_next.png"); right:4.25%;}
	#mVisual .slick-arrow:hover{opacity:1;}

	#mVisual .vTxtArea{width:100%; height:100%; max-width:1400px; 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; box-sizing: border-box;}
	#mVisual .vTxtArea .vTxt_in{width:100%;  position: relative;}
	#mVisual .vTxt{width:100%; position: absolute; left:0; top:-999px;}
	#mVisual .vTxt .ii{top:50px; text-align: left; 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: bold; font-size:6.8rem; line-height:1; color: #f8f8f8; text-shadow:0 0 10px rgba(0,0,0,0.5);}
	#mVisual .vTxt .ii.txt{padding-top:2rem; font-weight: 500; font-size:2.8rem; line-height:4.4rem; color: rgba(255,255,255,0.7);}

	#mVisual .slick-dots{width:100%; text-align: center; position: absolute; left:0; bottom:20rem; z-index:7;}
	#mVisual .slick-dots>li{display:inline-block; vertical-align: top;}
	#mVisual .slick-dots>li+li{margin-left:2.5rem;}
	#mVisual .slick-dots>li button{width:1.6rem !important; height:1.6rem; margin:0; padding:0; background-color:rgba(255,255,255,0.3); border:none; font-size:0; line-height:0; cursor: pointer; box-sizing: border-box; border-radius:99px;}
	#mVisual .slick-dots>li.slick-active button{background-color:rgba(255,255,255,1); }

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


	.mSolution{background-color: #f8f8f8; font-size:0; line-height:0;}
	.mSolution .mSolutionBox{padding:10rem 0; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}
	.mSolution .mSolutionBox .mSolution_txt{width:44.286%; order: 1;}
	.mSolution .mSolutionBox .mSolution_txt .tit{font-weight: 300; font-size:1.4rem; line-height:1; color: #22b4f7; letter-spacing: 1px !important}
	.mSolution .mSolutionBox .mSolution_txt .tit>span{color: #32b87b; letter-spacing: 1px !important}
	.mSolution .mSolutionBox .mSolution_txt .title{padding-top:1.5rem; font-weight: bold; font-size:3.4rem; line-height:1; color: #000;}
	.mSolution .mSolutionBox .mSolution_txt .txt{padding-top:2.5rem; font-size:1.8rem; line-height:2.6rem; color: #666;}
	.mSolution .mSolutionBox .mSolution_txt .btns{padding-top:3.5rem;}
	.mSolution .mSolutionBox .mSolution_txt .btns>a{width:16rem; border:1px solid #333; font-size:1.6rem; line-height:5.4rem; color: #333; text-align: center; display:inline-block; box-sizing:border-box;}
	.mSolution .mSolutionBox .mSolution_txt .btns>a:hover{border-color:transparent; color: #fff;
		background: #22b4f7; /* Old browsers */
		background: -moz-linear-gradient(-45deg,  #22b4f7 0%, #32b87b 99%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  #22b4f7 0%,#32b87b 99%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  #22b4f7 0%,#32b87b 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22b4f7', endColorstr='#32b87b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.mSolution .mSolutionBox .mSolution_img{width:55.714%; box-shadow:5px 5px 10px rgba(0,0,0,0.2); order: 2;}
	.mSolution .mSolutionBox .mSolution_img img{height:35.6rem;}

	.mSolution+.mSolution{background-color: #fff;}
	.mSolution+.mSolution .mSolutionBox{padding:10rem 0; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}
	.mSolution+.mSolution .mSolutionBox .mSolution_txt{order: 2; text-align: right;}
	.mSolution+.mSolution .mSolutionBox .mSolution_img{order: 1;}


	.mQuick{width:100%; height:40rem; display: table; table-layout: fixed;}
	.mQuick>*{width:50%; background-repeat:no-repeat; background-position: center center; background-size: cover; text-align: center; display:table-cell; vertical-align: middle;}
	.mQuick>* .title{font-weight: bold; font-size:3.4rem; line-height:1; color: #fff;}
	.mQuick>* .btns{padding-top:3.5rem;}
	.mQuick>* .btns>a{width:16rem; border:1px solid #fff; font-size:1.6rem; line-height:5.4rem; color: #fff; text-align: center; display:inline-block; box-sizing:border-box;}
	.mQuick>* .btns>a:hover{border-color:transparent;
		background: #22b4f7; /* Old browsers */
		background: -moz-linear-gradient(-45deg,  #22b4f7 0%, #32b87b 99%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  #22b4f7 0%,#32b87b 99%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  #22b4f7 0%,#32b87b 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22b4f7', endColorstr='#32b87b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}

	.mQuick .mQuick_left{background-image: url("../img/main/img_quick01.jpg");}
	.mQuick .mQuick_right{background-image: url("../img/main/img_quick02.jpg");}

	.flowing{padding:0; background-color: #fff;}
	.flowing .mMaq{width:100%; padding:0 0px 0 15rem; font-size:0; line-height:0; position: relative; overflow:hidden; box-sizing:border-box;}
	.flowing .mMaq .mqRoll{overflow:hidden; position: relative;}
	.flowing .mMaq .mqRoll>ul{padding:2rem 0; white-space: nowrap; position: relative; left:0;}
	.flowing .mMaq .slider{width:19rem; margin:0 1rem; border:1px solid #ededed; font-size:0; line-height:0; text-align: center; overflow:hidden; display:inline-block; vertical-align: top; position: relative; box-sizing:border-box;}
	.flowing .mMaq .slider img{width:auto; max-width:none; height:100%; max-height:5.8rem; object-fit:contain;}

	.flowing .mMaq .controll{width:7rem; height:2.2rem; margin-top:-1.1rem; display: flex; justify-content: space-between; position: absolute; left:4rem; top:50%; z-index:7;}
	.flowing .mMaq .controll>a{width:1.1rem; height:2.2rem;  display:inline-block; vertical-align: top;}

	.flowing .mMaq .controll>.play{margin-top:0.2rem; background-image: url('../img/main/btn_flowing_stop.png'); background-position: left top; background-repeat: no-repeat;}
	.flowing .mMaq .controll>.play.active{background-image: url('../img/main/btn_flowing_play.png'); background-position: left top; background-repeat: no-repeat;}
/*[e] Main Style */

/*[s] Sub Style */
	.cont_img{font-size:0; line-height:0; position: relative;}
	.cont_img>img{height:36rem;}
	.cont_img>.cont_img_in{width:100%; height:100%; padding:5rem; text-align: center; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; position: absolute; left:0; top:0; box-sizing: border-box;}
	.cont_img>.cont_img_in>*{flex: 1 1 100%;}
	.cont_img .logo{padding-bottom:1rem;}
	.cont_img .logo img{width:17rem;}
	.cont_img .tit{padding-bottom:1.5rem; font-weight: bold; font-size:4.2rem; line-height:1.2; color: #fff; letter-spacing: 0.04em !important;}
	.cont_img .txt{font-weight: 300; font-size:2.2rem; line-height:1.4; color: #ededed; letter-spacing: 0.02em !important;}

	.text_group{margin-top:6rem; text-align: center;}
	.text_group .tit{font-weight: bold; font-size:2.8rem; line-height:1.2; color: #000;}
	.text_group .txt{padding-top:1.5rem; font-size:1.6rem; line-height:2.6rem; color: #666;}
	.text_group .txt>strong{font-size:1.8rem;}

	.line_ps{margin-top:5.5rem; padding-top:1.5rem; border-top:1px solid #c1c1c1; font-size:1.6rem; line-height:2.6rem; color: #666;}

	.vision_group{padding:8rem 0 7rem; font-size:0; line-height:0; text-align: center; position: relative;}
	.vision_group h3.tit{padding-bottom:4.5rem; font-weight: bold; font-size:2.2rem; line-height:1; color: #008fd7;}
	.vision_group p.tit{margin-top:-0.5rem; font-weight: bold; font-size:3.8rem; line-height:4.2rem; color: #000; letter-spacing: 0.06em !important;}
	.vision_group p.txt{padding-top:1.5rem; font-size:2.2rem; line-height:1.4; color: #666; letter-spacing: 0.04em !important;}
	.vision_group p.img{width:1920px; margin-left:-960px; font-size:0; line-height:0; text-align: center; position: relative; left:50%; display:block;}
	.vision_group .vision_box{width:100%; max-width:1460px; margin:0 auto; padding:0 3rem;}
	.vision_group .vision_box>ul{margin-left:-4rem;}
	.vision_group .vision_box>ul>li{width:25%; padding-left:4rem; display:inline-block; vertical-align: top; box-sizing: border-box;}
	.vision_group .vision_box>ul>li div{height:14.5rem; padding:1rem; background-color: #fff; border:1px solid #008fd7; font-weight: bold; font-size:1.7rem; line-height:2.7rem; color: #333; text-align: center; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; box-sizing: border-box; position: relative;}
	.vision_group .vision_box>ul>li div:before{content: ""; width: 0; height: 0; border-top:3rem solid #008fd7; border-bottom:none; border-left:0; border-right:3rem solid transparent; display: inline-block; position:absolute; left: 0; top:0px; box-sizing: border-box;}
	.vision_group .vision_box>ul>li.c01 div{}
	.vision_group .vision_box>ul>li.c01 div:before{}
	.vision_group .vision_box>ul>li.c02 div{border-color:#074377;}
	.vision_group .vision_box>ul>li.c02 div:before{border-top-color:#074377;}
	.vision_group .vision_box>ul>li.c03 div{border-color:#14ae67;}
	.vision_group .vision_box>ul>li.c03 div:before{border-top-color:#14ae67;}
	.vision_group .vision_box>ul>li.c04 div{border-color:#747474;}
	.vision_group .vision_box>ul>li.c04 div:before{border-top-color:#747474;}


	.historyArea{font-size:0; line-height:0; position: relative;}
	.historyArea:before{content: ""; width: 2.4rem; height:2.4rem; margin-left:-1.2rem; background-color:#f28f00; border:none; display: inline-block; position:absolute; left: 50%; bottom:0rem; box-sizing: border-box; border-radius:99px; box-shadow:0 2px 7px rgba(0,0,0,0.3);}
	.historyArea:after{content: ""; width: 1.6rem; height:1.6rem; margin-left:-0.8rem; background-color:#fff; border:none; display: inline-block; position:absolute; left: 50%; bottom:0.4rem; box-sizing: border-box; border-radius:99px; box-shadow:0 2px 7px rgba(0,0,0,0.3);}
	.historyArea .history_box{}
	.historyArea .history_box>.logo{}
	.historyArea .history_box>.logo>span{width:25rem; height:7.6rem; margin-left:-12.5rem; background-color: #fff; border-radius:999px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; box-shadow:0 3px 10px rgba(0,0,0,0.3); position: relative; left:50%;}
	.historyArea .history_box>.logo>span img{width:19.3rem;}

	.historyArea .history_box>.list{padding-top:5rem; position: relative;}
	.historyArea .history_box>.list:before{content: ""; width: 2px; display: inline-block; position:absolute; left: 50%; top:0; bottom:0; transform: translateX(-50%);
		background: #0087cb; /* Old browsers */
		background: -moz-linear-gradient(90deg,  #0087cb 0%, #032e6b 99%); /* FF3.6-15 */
		background: -webkit-linear-gradient(90deg,  #0087cb 0%,#032e6b 99%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(180deg,  #0087cb 0%,#032e6b 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0087cb', endColorstr='#032e6b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.historyArea .history_box>.list>li{padding:0 0 4.5rem 50%; text-align: right; position: relative; z-index:2;}

	.historyArea .history_box .histore_re{width:100%; padding:0 7rem; text-align: left; box-sizing: border-box; position: relative;}
	.historyArea .history_box .histore_re:before{content: ""; width: 2rem; height:2rem; margin-left:-1rem; background-color:#fff; border:1px solid #0591d7; display: inline-block; position:absolute; left: 0; top:0.7rem; box-sizing: border-box; border-radius:99px; box-shadow:0 2px 7px rgba(0,0,0,0.3);}
	.historyArea .history_box .histore_re:after{content: ""; width: 1.2rem; height:1.2rem; margin-left:-0.6rem; background-color:#008fd7; border:none; display: inline-block; position:absolute; left: 0; top:1.1rem; box-sizing: border-box; border-radius:99px;}
	.historyArea .history_box .histore_re>.year{font-weight: bold; font-size:3.2rem; line-height:1; color: #000;}
	.historyArea .history_box .histore_re>ul{width:100%; padding-top:1.5rem;}
	.historyArea .history_box .histore_re>ul>li{padding-left:1.3rem; font-size:1.8rem; line-height:3.6rem; color: #666; position: relative;}
	.historyArea .history_box .histore_re>ul>li:before{content: ""; width: 0.3rem; height:0.3rem; background-color:#747474; display: inline-block; position:absolute; left: 0; top:1.8rem; box-sizing: border-box;}

	.historyArea .history_box>.list>li:nth-child(even){padding:0 50% 10rem 0; text-align: left;}
	.historyArea .history_box>.list>li:nth-child(even) .histore_re{text-align: right;}

	.historyArea .history_box>.list>li:nth-child(even) .histore_re:before{margin:0 -1rem 0 0; left:auto; right:0;}
	.historyArea .history_box>.list>li:nth-child(even) .histore_re:after{margin:0 -0.6rem 0 0; left:auto; right:0;}

	.historyArea .history_box>.list>li:nth-child(even) .histore_re>.year{order:2;}
	.historyArea .history_box>.list>li:nth-child(even) .histore_re>ul{order: 1;}

	.historyArea .history_box>.list>li:nth-child(even) .histore_re>ul>li{padding:0 0.9rem 0 0;}
	.historyArea .history_box>.list>li:nth-child(even) .histore_re>ul>li:before{left:auto; right:0;}

	.historyArea .history_box + .history_box>.logo>span img{width:9.5rem;}
	.historyArea .history_box + .history_box>.list:before{
		background: #930d25; /* Old browsers */
		background: -moz-linear-gradient(90deg,  #930d25 0%, #f39200 99%); /* FF3.6-15 */
		background: -webkit-linear-gradient(90deg,  #930d25 0%,#f39200 99%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(180deg,  #930d25 0%,#f39200 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#930d25', endColorstr='#f39200',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.historyArea .history_box + .history_box .histore_re:before{border-color:#e85113}
	.historyArea .history_box + .history_box .histore_re:after{background-color: #e84c0d;}


	.solutionBg{padding-bottom:12rem; background:#f8f8f8 url('../img/bg_solution.png') repeat-x left top;}
	.solutionBg .cont_img .tit{font-size:3.4rem;}
	.solutionBg .cont_img .txt{font-size:1.7rem;}
	.stackArea{font-size:0; line-height:0; text-align: left;}
	.stackArea .stack_re{width:100%; margin-top:10rem; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between;}
	.stackArea .stack_re>.photoBox{width:41.07%; order:2;}
	.stackArea .stack_re>.photoBox img{width:100%; max-width:none; height:31rem; box-shadow:5px 5px 10px rgba(0,0,0,0.3);}

	.stackArea .stack_re>.textBox{width:58.93%; padding-right:8rem; order:1; box-sizing:border-box;}
	.stackArea .stack_re>.textBox .tit{font-weight: bold; font-size:3.2rem; line-height:1; color: #000;}
	.stackArea .stack_re>.textBox ul{width:100%; padding-top:1.5rem;}
	.stackArea .stack_re>.textBox ul>li{padding-left:1.1rem; font-size:1.8rem; line-height:3.4rem; color: #666; position: relative;}
	.stackArea .stack_re>.textBox ul>li:before{content: ""; width: 0.3rem; height:0.3rem; background-color:#074377; display: inline-block; position:absolute; left: 0; top:1.7rem; box-sizing: border-box;}

	.stackArea .stack_re:nth-child(even)>.photoBox{order:1;}
	.stackArea .stack_re:nth-child(even)>.textBox{padding:0 0 0 8rem; order:2; text-align: left;}


	.recruitArea{font-size:0; line-height:0;}
	.recruitArea .recruit_re{padding:6rem 4rem 5rem; border:1px solid #ebebeb; border-top-color:#333; text-align: center;}
	.recruitArea .recruit_re .title{font-weight: bold; font-size:3rem; line-height:1; color: #020204;}
	.recruitArea .recruit_re .recruit_icon{}
	.recruitArea .recruit_re .recruit_icon>div{width:33%; max-width:40rem; margin-top:5rem; display:inline-block; vertical-align: top;}
	.recruitArea .recruit_re .recruit_icon>div>p{width:14rem; margin:0 auto; padding:0.5rem; border-radius:999px; box-sizing: border-box; overflow:hidden;
		background: #0495c2; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #0495c2 0%, #12aa73 99%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #0495c2 0%,#12aa73 99%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  #0495c2 0%,#12aa73 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0495c2', endColorstr='#12aa73',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.recruitArea .recruit_re .recruit_icon>div>p>img{background-color: #fff; border-radius:999px;}
	.recruitArea .recruit_re .recruit_icon>div>dl{padding:2.5rem 0 1.5rem;}
	.recruitArea .recruit_re .recruit_icon>div>dl>dt{font-weight: bold; font-size:2rem; line-height:1.4; color: #333;}
	.recruitArea .recruit_re .recruit_icon>div>dl>dd{padding-top:0.3rem; font-size:1.6rem; line-height:1.4; color: #666;}
	.recruitArea .recruit_re .btns{padding-top:3rem;}
	.recruitArea .recruit_re .btns>a{width:16rem; font-weight: bold; font-size:1.6rem; line-height:5.4rem; color: #fff; display:inline-block; vertical-align: top;
		background: #0495c2; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #0495c2 0%, #12aa73 99%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #0495c2 0%,#12aa73 99%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  #0495c2 0%,#12aa73 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0495c2', endColorstr='#12aa73',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.recruitArea .recruit_re + .recruit_re{margin-top:5rem;}


	.etc_clause{width:90%; margin:0 auto; padding:60px 80px 80px; background-color: #fdfdfd; border:1px solid #cecece; font-size:0; line-height:0; text-align: center; box-sizing:border-box; border-radius:10px; position: relative;}
	.etc_clause:before,
	.etc_clause:after{content:"";position:absolute;z-index:-1;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:100px / 10px;}
	.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 .logo{margin:0;}
	.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;}
/*[e] Sub Style */

/*[s] Plugin Style */
	/* 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%;}

		.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:100px; display:inline-block; position: fixed; right:0; top:0;}
		.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;}
		.layerArea .layerIn .layerBox>.tit{padding:25px 25px 15px;}
		.layerArea .layerIn .layerBox>.tit>strong{font-size:16px; line-height:1; color:#00a9cc;}
		.layerArea .layerIn .layerBox .contLy{}

	/* 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 */

@media only screen and (max-width : 1600px){
	/*[s] Main Style */
		#mVisual .slick-arrow{display:none !important;}
	/*[e] Main Style */
}
@media only screen and (max-width : 1440px){
	/*[s] Main Style */
		#mVisual .vTxtArea{padding:0 3rem;}
	/*[e] Main Style */
}

@media only screen and (max-width : 1320px){
	/*[s] Main Style */
	/*[e] Main Style */

	/*[s] Sub Style */
	/*[e] Sub Style */
}
@media only screen and (max-width : 1280px){
}
@media only screen and (max-width : 1240px){
	.scroll_info{display:block;}
	.scrollTb{width:100%; display:block; overflow:hidden; overflow-x:scroll;}
	.scrollTb>*{width:1200px;}

	/*[s] Sub Style */
		.stackArea .stack_re>.textBox{padding-right:4rem;}
		.stackArea .stack_re:nth-child(even)>.textBox{padding:0 0 0 4rem;}
	/*[e] Sub Style */
}
@media only screen and (max-width : 1200px){
	.scroll_info{display:block;}
	.scrollTb{width:100%; display:block; overflow:hidden; overflow-x:scroll;}
	.scrollTb>*{width:1200px;}

	/*[s] Sub Style */
	/*[e] Sub Style */
}
@media only screen and (max-width : 1024px){
	/*[s] All Style */
		.depth3{margin-bottom:6rem; display: flex; justify-content: space-between;}
		.depth3:before{display:none;}
		.depth3>a{width:100%; height:auto; padding:1rem 2rem;}
		.depth3>a+a{margin-left:-1px;}
		.depth3>a>span:before{display:none;}
	/*[e] All Style */

	/*[s] Main Style */
		.mSolution .mSolutionBox{padding:10rem 0; display: block;}
		.mSolution .mSolutionBox .mSolution_txt{width:100%; padding-top:5.5rem;}
		.mSolution .mSolutionBox .mSolution_img{width:100%;}
		.mSolution+.mSolution .mSolutionBox .mSolution_txt{text-align:left;}
	/*[e] Main Style */

	/*[s] Sub Style */
		.vision_group p.img{width:180%; margin-left:-90%;}
		.vision_group .vision_box>ul{margin:-2rem 0 0 -2rem;}
		.vision_group .vision_box>ul>li{width:50%; padding:2rem 0 0 2rem;}

		.historyArea{font-size:0; line-height:0; position: relative;}
		.historyArea:before{margin-left:2rem; left: 0;}
		.historyArea:after{margin-left:2.4rem; left: 0%;}
		.historyArea .history_box{}
		.historyArea .history_box>.logo{}
		.historyArea .history_box>.logo>span{margin-left:0rem; left:0%;}
		.historyArea .history_box>.logo>span img{width:19.3rem;}

		.historyArea .history_box>.list{position: relative;}
		.historyArea .history_box>.list:before{left: 3.1rem; transform: translateX(0);}
		.historyArea .history_box>.list>li{padding:0 0 4.5rem 0; text-align: left;}

		.historyArea .history_box .histore_re{}
		.historyArea .history_box .histore_re:before{margin-left:2.2rem;}
		.historyArea .history_box .histore_re:after{margin-left:2.6rem;}
		.historyArea .history_box .histore_re>.year{}
		.historyArea .history_box .histore_re>ul{width:100%;}
		.historyArea .history_box .histore_re>ul>li{padding-left:1.4rem;}
		.historyArea .history_box .histore_re>ul>li:before{top:1.9rem;}

		.historyArea .history_box>.list>li:nth-child(even){padding:0 0 4.5rem 0;}
		.historyArea .history_box>.list>li:nth-child(even) .histore_re{text-align: left;}
		.historyArea .history_box>.list>li:nth-child(even) .histore_re:before{margin:0 0 0 2.2rem; left:0; right:auto;}
		.historyArea .history_box>.list>li:nth-child(even) .histore_re:after{margin:0 0 0 2.6rem; left:0; right:auto;}

		.historyArea .history_box>.list>li:nth-child(even) .histore_re>.year{order:1;}
		.historyArea .history_box>.list>li:nth-child(even) .histore_re>ul{order: 2;}

		.historyArea .history_box>.list>li:nth-child(even) .histore_re>ul>li{padding:0 0 0 1.4rem;}
		.historyArea .history_box>.list>li:nth-child(even) .histore_re>ul>li:before{left:0; right:auto;}


		.stackArea .stack_re{width:100%; margin-top:10rem; display: block;}
		.stackArea .stack_re>.photoBox{width:100%;}
		.stackArea .stack_re>.photoBox img{}

		.stackArea .stack_re>.textBox{width:100%; margin-top:4rem; padding:0 !important;}

		.recruitArea .recruit_re .recruit_icon>div{width:50%; max-width:none;}
	/*[e] Sub Style */
}
@media only screen and (max-width : 840px){
	/*[s] All Style */
		.nTable{}
		.nTable>table{}
		.nTable>table th,
		.nTable>table td{padding:2.5rem 0; font-size:2.2rem; line-height:3.2rem;}

		.nTable>table>tbody>tr>th{width:11rem;}
		.nTable>table>tbody>tr>th.trans{padding-top:2.1rem;}
		.nTable.en>table>tbody>tr>th{width:20rem;}

		.nTable>table .transportation>li{padding-left:0;}
		.nTable>table .transportation>li>p{padding-bottom:1rem; font-size:2.2rem; line-height:1; position: relative;}
		.nTable>table .transportation>li>dl>dt>span{font-size:2rem; line-height:4rem;}
		.nTable>table .transportation>li>dl>dd .inT{font-size:2rem; line-height:4rem;}

		.nTable +.nTable{margin-top:4rem;}

		.tabDepth{margin-bottom:3rem;}
		.tabDepth>a{height:5.2rem; font-size:2rem;}

		.depth3>a{font-size:2rem; line-height:1.4;}

		h4.txt{padding-bottom:4rem; font-size:3rem;}

		h4.line{margin-bottom:4rem;}
		h4.line.mt{margin-top:6rem;}

		.nTxt{font-size:2rem; line-height:2.8rem;}

		.scrollTb>*{width:128rem;}
		.introduceArea .scrollTb>*{width:111.8rem;}

		.admGo{font-size:0; line-height:0; position: relative; z-index:7;}
		.admGo>a{padding:0.625rem 1.25rem; background-color:#f00; font-size:1.25rem; line-height:1.2; color:#fff; display:inline-block; position:absolute; left:0; bottom:0;}

		.arrBtn{font-size:2rem; line-height:4.6rem;}
		.arrBtn>span{padding-right:60px;}
	/*[e] All Style */

	/*[s] Main Style */
		#mVisual .visualRoll .slider img{height:104rem;}

		#mVisual .vTxt .ii{text-align: center;}
		#mVisual .vTxt .ii.tit{font-size:6.1rem; line-height:1.2;}
		#mVisual .vTxt .ii.txt{padding-top:3rem;}


		.mSolution .mSolutionBox .mSolution_txt .tit{font-size:2.2rem;}
		.mSolution .mSolutionBox .mSolution_txt .title{font-size:4rem;}
		.mSolution .mSolutionBox .mSolution_txt .txt{font-size:2.4rem; line-height:3.4rem;}
		.mSolution .mSolutionBox .mSolution_txt .btns{}
		.mSolution .mSolutionBox .mSolution_txt .btns>a{width:100%; font-size:2.2rem; line-height:7rem;}

		.mQuick{height:auto; display: block;}
		.mQuick>*{width:100%; height:40rem; display: flex; flex-wrap: wrap; align-content: center; justify-content: center;}
		.mQuick>*>*{flex:1 1 100%;}
		.mQuick>* .title{font-size:3.6rem;}
		.mQuick>* .btns>a{width:20rem; font-size:2.2rem; line-height:7rem;}


		.flowing .mMaq{width:100%; padding:0 0px 0 0; font-size:0; line-height:0; position: relative; overflow:hidden; box-sizing:border-box;}
		.flowing .mMaq .mqRoll{overflow:hidden; position: relative;}
		.flowing .mMaq .mqRoll>ul{padding:3rem 0;}
		.flowing .mMaq .slider{}
		.flowing .mMaq .slider img{}

		.flowing .mMaq .controll{display:none;}
		.flowing .mMaq .controll>a{width:1.2rem; height:2.2rem;  display:inline-block; vertical-align: top; background-size: cover;}

		.flowing .mMaq .controll>.play{margin-top:0.2rem; background-image: url('../img/main/btn_flowing_stop.png'); background-position: left top; background-repeat: no-repeat;}
		.flowing .mMaq .controll>.play.active{background-image: url('../img/main/btn_flowing_play.png'); background-position: left top; background-repeat: no-repeat;}
	/*[e] Main Style */

	/*[s] Sub Style */
		.cont_img{}
		.cont_img>img{height:72.4rem; object-position: 90% center;  font-family: 'object-fit: cover; object-position: 90% center;';}
		.cont_img>.cont_img_in{text-align: left; align-content: flex-end;}
		.cont_img .logo{}
		.cont_img .logo img{width:27.4rem;}
		.cont_img .tit{font-size:4.8rem;}
		.cont_img .txt{font-size:2.6rem;}

		.text_group{}
		.text_group .tit{font-size:3.4rem;}
		.text_group .txt{font-size:2.4rem; line-height:3.4rem;}
		.text_group .txt>strong{font-size:2.6rem;}

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

		.vision_group{}
		.vision_group h3.tit{font-size:2.6rem;}
		.vision_group p.tit{letter-spacing: 0.04em !important;}
		.vision_group p.txt{font-size:2.6rem; line-height:3.6rem; letter-spacing: 0.02em !important;}
		.vision_group p.img{width:auto; margin-left:0%; left:0;}

		.vision_group .vision_box>ul{margin-left:0;}
		.vision_group .vision_box>ul>li{width:100%; padding-left:0;}
		.vision_group .vision_box>ul>li div{font-size:2.2rem; line-height:3.2rem;}


		.historyArea .history_box .histore_re>.year{font-size:3.6rem;}
		.historyArea .history_box .histore_re>ul>li{padding-left:1.4rem; font-size:2.2rem; line-height:4rem;}
		.historyArea .history_box .histore_re>ul>li:before{top:1.9rem;}


		.solutionBg .cont_img .tit{font-size:4rem;}
		.solutionBg .cont_img .txt{font-size:2.2rem;}
		.stackArea .stack_re>.textBox .tit{font-size:3.6rem;}
		.stackArea .stack_re>.textBox ul>li{padding-left:1.1rem; font-size:2.2rem; line-height:4rem;}
		.stackArea .stack_re>.textBox ul>li:before{top:1.9rem;}


		.recruitArea .recruit_re .title{padding-bottom:2rem; font-size:3.4rem;}
		.recruitArea .recruit_re .recruit_icon>div{margin-top:3rem;}
		.recruitArea .recruit_re .recruit_icon>div>dl>dt{font-size:2.4rem;}
		.recruitArea .recruit_re .recruit_icon>div>dl>dd{font-size:2.2rem;}
		.recruitArea .recruit_re .btns>a{width:100%; font-size:2.2rem; line-height:7.4rem; display:block;}


		.etc_clause{width:100%; margin:0 auto; padding:5rem 4rem; 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;}
	/*[e] Sub Style */
}

/*
transform: scale(1.1) 부분을
transform: scale(1.1) rotate(.001deg); 로 변경하면 부드럽게 처리되네요


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

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

가운데 정렬
justify-content: center;

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

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

​

* 수직으로 적용
align-items

컨테이너의 꼭대기로 정렬
justify-content: flex-start
​
컨테이너의 바닥으로 정렬
flex-end​

가운데로 정렬
center

컨테이너의 시작 위치에 정렬
baseline​

컨테이너에 맞도록 늘린다.
stretch


.list_ol_01 {counter-reset:item; margin-bottom:10px;}
.list_ol_01 > li {position: relative; font-size: 16px; line-height: 1.75; margin-bottom:4px; color: #636363; padding-left:26px;}
.list_ol_01 > li:last-child {margin-bottom: 0;}
.list_ol_01 > li:before {counter-increment: item; content: counter(item); width: 18px; height: 18px; display: inline-block; background: #fff; border:1px solid #636363; color: #636363; border-radius: 50%; text-align: center; line-height:18px; font-size: 10px; position: absolute; top: 5px; left: 0; font-weight:400;}

-webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-transform: translateX(-50%); transform: translateX(-50%);
filter:grayscale(100%) blur(0px); -webkit-filter:grayscale(100%) blur(0px);
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: flex; justify-content: space-between; // 양쪽 끝 정렬
display: flex; justify-content: space-around; // 센터 정렬
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
text-indent:-99999px;
!important
display:table;
table-layout:fixed;
display:table-row;
display:table-cell;
box-sizing:border-box;
word-break:keep-all; word-wrap:break-word;
border-radius:2px;
*/