.lastDepth>a,

	#mVisual .visual_in .ii,
	#mVisual .visual_in .ii.btn>a,
	#mVisual .bx-pager>span,
	#mVisual .bx-pager-item>a,
	#mVisual .slick-dots>li button:before,

	#mVisual .iconMenu .inConts>a,

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

	.cont_img .btns>a{transition: all .3s ease-out; transform-origin: 50% 50%;}

	#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;'; position: absolute; left:0; top:0;}

	.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 #555;}
	.nTable>table{width:100%; border-spacing:0; table-layout : fixed;}
	.nTable>table th,
	.nTable>table td{padding:13px 18px; background-color: #fff; border-bottom:1px solid #ddd; font-size:18px; line-height:1.4; color:#666; letter-spacing: -0.02em; 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{background-color: #f6f6f6; font-weight:500; color:#222; text-align: center; position: relative;}
	.nTable>table>tbody>tr>th{width:180px; border-right:1px solid #ddd;}

	.nTable>table .tit{font-weight: 500; color: #222;}

	.nTable.list>table{background-color: #ddd; border-spacing:1px;}
	.nTable.list>table th,
	.nTable.list>table td{padding:13px 10px; border-bottom:none; text-align: center;}
	.nTable.list>table>tbody>tr>th{width:auto; border-right:none;}

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

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

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

	.nTit{font-weight: 300; font-size:28px; line-height:36px; color: #333; text-align: center;}
	.nTit>span{font-weight: 300;}
	.nTxt{font-weight: 300; font-size:15px; line-height:22px; color: #888; text-align: center;}

	h4.txt{padding-bottom:40px; font-weight: bold; font-size:30px; line-height:1; color: #222; text-align: center; letter-spacing: -0.02em;}
	h4.line{margin-top:50px; padding:0 0 20px 18px; font-weight: bold; font-size:20px; line-height:33px; color: #222; text-align: left; letter-spacing: -0.01em; position: relative;}
	h4.line:before{content: ""; width: 9px; height: 33px; background-color: #1ea052; display: block; position:absolute; left:0; top:0;}
	h4.line span.s{font-weight: 400;}
	h4.line.black:before{background-color: #515151;}
	h4.line.en{height:1px; padding-bottom:0; opacity: 0; overflow: hidden;}
	#contents h4.line:first-child{margin-top:0;}

	.terminam_subTit{padding:0 0 18px 19px; font-weight: bold; font-size: 18px; line-height: 1; color: #222; letter-spacing: -0.02em; position: relative;}
	.terminam_subTit:before{content: ""; width: 13px; height: 13px; border:4px solid #1ea052; display: block; position:absolute; left:0; top:4px; box-sizing: border-box; border-radius:99px;}

	.scrollTb{display:inline;}
	.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%;}
	}

	#mVisual .vTxt .ii.tit,
	#mVisual .vTxt .ii.tits,
	#mRoute .routeMap .routeLink>li a,
	#mRoute .routeMap #routeBtn>a,
	.greeting_img dl>dt,
	.greeting_text>dl>dt{font-family: 'Roboto', sans-serif !important;}
/*[e] All Style */

/*[s] Main Style */
	#mVisual{width:100%; font-size:0; line-height:0; position: relative; overflow:hidden;}
	#mVisual .visualRoll{white-space: nowrap;}
	#mVisual .visualRoll .slider{width:100%; height:960px; 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 .slick-dots{width:100%; text-align: center; position: absolute; left:0; bottom:4rem; z-index:6;}
	#mVisual .slick-dots>li{width:auto !important; padding:0 !important; display:inline-block; vertical-align: top;}
	#mVisual .slick-dots>li+li{margin-left:1.3rem;}
	#mVisual .slick-dots>li button{width:2.1rem !important; height:2.1rem; margin:0; padding:0; background-color:#ccc; border:none; font-size:0; line-height:0; position: relative; cursor: pointer; border-radius:99px; overflow:hidden;}
	#mVisual .slick-dots>li.slick-active button{background-color:#068238;}

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

	#mVisual .vTxt{width:100%; max-width:1200px; text-align: left; position: absolute; left:50%; top:153px; z-index:5; transform: translateX(-50%);}
	#mVisual .vTxt .ii{top:50px; display:block; opacity: 0; position: relative; text-shadow:0px 5px 5px rgba(0,0,0,0.3);}
	#mVisual .vTxt .i01{-webkit-transition-delay: .7s; transition-delay: .7s;}
	#mVisual .vTxt .i02{-webkit-transition-delay: .75s; transition-delay: .75s;}
	#mVisual .vTxt .i03{-webkit-transition-delay: .8s; transition-delay: .8s;}
	#mVisual .vTxt .i04{-webkit-transition-delay: .85s; transition-delay: .85s;}
	#mVisual .vTxt .i05{-webkit-transition-delay: .9s; transition-delay: .9s;}
	#mVisual .vTxt .i06{-webkit-transition-delay: .95s; transition-delay: .95s;}
	#mVisual .vTxt .i07{-webkit-transition-delay: 1s; transition-delay: 1s;}

	#mVisual .vTxt .ii{font-weight: 900; line-height:1; color: #fff; letter-spacing: -0.02em; text-transform : uppercase; text-shadow:0 0 10px rgba(0,0,0,0.5);}
	#mVisual .vTxt .ii.tit{font-size:50px;}
	#mVisual .vTxt .ii.tits{font-size:24px;}
	#mVisual .vTxt .ii.txt{font-weight: 300; font-size:22px; line-height:34px;}
	#mVisual .vTxt .ii.txt>strong{font-weight: bold;}
	#mVisual .vTxt .ii.tit+.tits{padding-top:15px;}
	#mVisual .vTxt .ii.tits+.txt{padding-top:20px;}

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

	.mConts{font-size:0; line-height:0;}

	.mTitle{padding-bottom:30px; text-align: center;}
	.mTitle>dt{font-weight: bold; font-size:36px; line-height:1; color: #222;}
	.mTitle>dd{padding-top:20px; font-weight: 500; font-size:18px; line-height:1; color: #222;}

	#mVisualBtm{width:100%; max-width:1280px; margin:-210px auto 0; padding:60px 40px; background-color: #fff; position: relative; z-index:7; box-sizing:border-box; display: flex; justify-content: space-between;}
	#mVisualBtm .mList_box{width:440px; }
	#mVisualBtm .mList_box .title{padding-bottom:25px; border-bottom:3px solid #222; position: relative;}
	#mVisualBtm .mList_box .title *{display:inline-block; vertical-align:bottom;}
	#mVisualBtm .mList_box .title strong{font-weight: bold; font-size:22px; line-height:23px; color: #222; letter-spacing: -0.02em; position: relative;}
	#mVisualBtm .mList_box .title a.more{width:75px; height:23px; background: url("../../images/ko/main/btn_more.jpg") no-repeat left top; position: absolute; right:0; top:0px;}
	#mVisualBtm .mList_box .list{margin-top:20px;}
	#mVisualBtm .mList_box .list>li{position: relative;}
	#mVisualBtm .mList_box .list>li>*{font-weight: 400; font-size:18px; line-height:40px; color: #666; letter-spacing:0.02em;}
	#mVisualBtm .mList_box .list>li a{max-width:75%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	#mVisualBtm .mList_box .list>li .day{position: absolute; right:0; top:0;}

	#mVisualBtm .mList_box .list>li.noPost{font-size:16px; line-height:160px; color: #555; text-align: center;}

	#mVisualBtm .rightQuick{width:720px; display: flex; justify-content: space-between;}
	#mVisualBtm .rightQuick>a{text-align: center; letter-spacing: -0.02em; flex: 1 1 240px; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; box-sizing:border-box;}
	#mVisualBtm .rightQuick>a+a{border-left:1px solid #e7e7e7;}
	#mVisualBtm .rightQuick .title{font-weight: bold; font-size:20px; line-height:1; color: #222;}
	#mVisualBtm .rightQuick .icon{flex-basis:175px; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center;}
	#mVisualBtm .rightQuick .text{font-size:16px; line-height:26px; color: #666;}

	#mRoute{width:100%; max-width:1200px; margin:0 auto; padding:60px 0 120px; position: relative; box-sizing:border-box;}
	#mRoute .routeMap{position: relative;}
	#mRoute .routeMap .routeThumb{display:none; position: relative;}
	#mRoute .routeMap .routeLink{padding:18px 20px; background-color: rgba(255,255,255,0.9);position: absolute; left:20px; bottom:30px; z-index:3; border-radius:5px; overflow:hidden; display:inline-block;}
	#mRoute .routeMap .routeLink.right{left:auto; right:20px;}
	#mRoute .routeMap .routeLink>li{padding-left:10px; position: relative;}
	#mRoute .routeMap .routeLink>li:before{content: ""; width: 2px; height: 1px; background-color: #555; display: inline-block; position:absolute; left: 0; top:50%; box-sizing: border-box; border-radius:3px; transform: translateY(-50%);}
	#mRoute .routeMap .routeLink>li a{font-size:15px; line-height:26px; color: #555; display:block;}

	#mRoute .routeMap #routeBtn{display: flex; justify-content: space-between;}
	#mRoute .routeMap #routeBtn>a{width:100%; background-color: #f6f6f6; border:1px solid #ddd; font-weight: 500; font-size:17px; line-height:1.4; color: #888; text-align: center; display:inline-block; vertical-align: top; flex: 1 1 25%; box-sizing:border-box; position: relative;}
	#mRoute .routeMap #routeBtn>a+a{margin-left:-1px;}
	#mRoute .routeMap #routeBtn>a>span{height:68px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}

	#mRoute .routeMap #routeBtn>a:hover,
	#mRoute .routeMap #routeBtn>a.active{background-color: #0c602e; border-color:#0c602e; color: #fff; z-index:2;}

	#mRoute .routeMap #routeBtn>a.blue:hover,
	#mRoute .routeMap #routeBtn>a.blue.active{background-color: #0184f3; border-color:#0184f3;}

	#mAbout{padding:120px 0; background-color: #f6f6f6; position: relative; box-sizing:border-box;}
	#mAbout .linkAbout{display: flex; justify-content: space-between;}
	#mAbout .linkAbout>a{width:100%; flex: 1 1 400px; overflow:hidden; position: relative;}
	#mAbout .linkAbout>a .thumb{}
	#mAbout .linkAbout>a .linkAbout_in{padding:40px; position: absolute; left:0; right:0; top:50%; transform: translateY(-50%); z-index:2; box-sizing: border-box;}
	#mAbout .linkAbout>a .linkAbout_in>*{color: #fff; letter-spacing: -0.04em;}
	#mAbout .linkAbout>a .linkAbout_in .num{padding-bottom:13px; font-weight: bold; font-size:20px; line-height:1; position: relative;}
	#mAbout .linkAbout>a .linkAbout_in .num:before{content: ""; width: 22px; height: 2px; background-color: #fff; display: inline-block; position:absolute; left: 1px; bottom:0px;}
	#mAbout .linkAbout>a .linkAbout_in .text{padding-top:40px;}
	#mAbout .linkAbout>a .linkAbout_in .text>dt{font-weight: bold; font-size:20px; line-height:1;}
	#mAbout .linkAbout>a .linkAbout_in .text>dd{padding-top:15px; font-weight: 500; font-size:18px; line-height:27px;}
	#mAbout .linkAbout>a .linkAbout_in .btn{padding-top:55px;}
	#mAbout .linkAbout>a .linkAbout_in .btn>span{height:42px; padding:0 25px; border:2px solid #fff; font-weight: 500; font-size:16px; line-height:40px; display:inline-block;}

	#mAbout .linkAbout>a:hover .thumb img{transform: scale(1.03) rotate(.001deg);}
/*[e] Main Style */

/*[s] Sub Style */
	.cont_img{font-size:0; line-height:0; position: relative;}
	.cont_img dl{color: #fff; text-align: center; position: absolute; left:0; right:0; top:50%; transform: translateY(-50%); text-shadow:-2px 2px 5px rgba(0,0,0,0.5);}
	.cont_img dl>dt{font-weight: bold; font-size:36px; line-height:1; letter-spacing: -0.05em;}
	.cont_img dl>dd{padding-top:20px; font-weight: 500; font-size:18px; line-height:1; position: relative;}
	.cont_img .btns{padding-top:40px; font-size:0; line-height:0;}
	.cont_img .btns>a{width:100%; max-width:240px; height:70px; background-color: #244a33; font-weight: 500; font-size:18px; line-height:70px; color: #fff; letter-spacing: -0.02em; display:inline-block; vertical-align: top;}
	.cont_img .btns>a:hover,
	.cont_img .btns>a.active{background-color: #069540;}

	/* 회사소개 - 인사말 */
		.greeting_text{padding:90px 2rem 0 25%; position: relative;}
		.greeting_text.ethical{padding:65px 0 0 0%; text-align: center;}
		.greeting_text:before{content: ""; width: 1px; height: 80px; margin-left:-0.5px; background-color: #ccc; display: block; position:absolute; left:50%; top:-40px;}
		.greeting_text .photo{width:20rem; text-align: center; position: absolute; left:2rem; top:9.1rem; display:inline-block;}
		.greeting_text .photo>div{width:20rem; display:inline-block;}
		.greeting_text .photo .name{font-weight: 500; font-size:16px; line-height:26px; color: #222; letter-spacing:-0.02em; display:block;}
		.greeting_text p{font-size:18px; line-height:28px; color: #666; letter-spacing:-0.05em; word-break:keep-all; word-wrap:break-word;}
		.greeting_text p>strong{font-weight: 500; color: #222;}
		.greeting_text dd p{font-size:18px; line-height:28px;}

		.greeting_text>dl{padding:0 0 40px;}
		.greeting_text>dl>dt{font-weight: bold; font-size:26px; line-height:1; color: #222;}
		.greeting_text>dl>dt>span{color: #08a345;}
		.greeting_text>dl>dd{padding-top:30px;}
		.greeting_text>dl>dd img.ptVar{display:inline-block;}

	/* 회사소개 - 연혁 */
		.historyArea{padding-top:60px; font-size:0; line-height:0; letter-spacing: -0.02em; display:none;}
		.historyArea h4.txt{}
		.historyArea .history_re{border-top:1px solid #555;}
		.historyArea .history_re>li{width:100%; padding:20px 7rem; border-bottom:1px solid #ddd; display:table; table-layout: fixed;}
		.historyArea .history_re>li>*{display:table-cell; vertical-align: top;}
		.historyArea .history_re>li .year{width:140px; font-weight: bold; font-size:30px; line-height:1; color: #069540;}
		.historyArea .history_re>li dl{width:100%; display:table; table-layout: fixed;}
		.historyArea .history_re>li dl>*{padding:0px 0; font-size:18px; line-height:1; color: #fff; display:table-cell; vertical-align: middle; box-sizing:border-box;}
		.historyArea .history_re>li dl>dt{width:55px; /* height:34px; background-color: #666;*/ font-weight: bold; font-size:20px; color: #222; text-align: center; /*border-radius:9px;*/}
		.historyArea .history_re>li dl>dd{padding-left:19px; line-height:1.4; color: #666;}
		.historyArea .history_re>li dl+dl{margin-top:20px;}

	/* 회사소개 - 윤리경영 */
		.ethical_icon{max-width:70%; margin:90px auto 80px; display: flex; flex-flow: row wrap; justify-content: space-between;}
		.ethical_icon>li{width:100%; padding:3rem 0; flex: 1 1 50%; border-top:1px solid #e7e7e7; text-align: center; letter-spacing: -0.02em; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; box-sizing:border-box;}
		.ethical_icon>li+li{}
		.ethical_icon>li:nth-child(even){border-left:1px solid #e7e7e7;}
		.ethical_icon>li:nth-child(1),
		.ethical_icon>li:nth-child(2){border-top:none;}
		.ethical_icon .icon{flex-basis:84px; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center;}
		.ethical_icon dl{margin-top:20px; letter-spacing: -0.02em;}
		.ethical_icon dl>dt{font-weight: 500; font-size:20px; line-height:1; color: #222;}
		.ethical_icon dl>dd{padding-top:15px; font-size:18px; line-height:26px; color: #666; word-break:keep-all; word-wrap:break-word;}

	/* 회사소개 - 오시는길 */
		.locationBox{font-size:0; line-height:0;}
		.locationBox .location_txt{padding-bottom:20px; display: flex; justify-content: flex-start;}
		.locationBox .location_txt dl{margin-right:40px; display:table; table-layout: fixed;}
		.locationBox .location_txt dl>*{font-size:18px; line-height:1; letter-spacing: -0.02em; display:table-cell; vertical-align: middle;}
		.locationBox .location_txt dl>dt{font-weight: bold; color: #222; white-space: nowrap;}
		.locationBox .location_txt dl>dt .fa{margin-right:10px; vertical-align: middle;}
		.locationBox .location_txt dl>dd{padding-left:20px; color: #666;}
		.locationBox .location_txt dl>dd>p{padding-right:20px; display:inline-block; vertical-align: top; white-space: nowrap;}
		.locationBox .location_txt dl>dd>p>strong{font-weight: 400; color: #222;}
		.locationBox .location_txt dl+dl{}

		.locationBox iframe{width:100%; height:450px;}

	/* 네트워크 - 해외 에이전트 */
		.agency_list{margin:-30px -10px 0; font-size:0; line-height:0; display: flex; flex-flow: row wrap; justify-content: flex-start;}
		.agency_list>li{padding:30px 10px 0; flex: 1 1 49.16%; box-sizing:border-box;}
		.agency_tit{margin-top:30px; padding-bottom:18px; font-weight: bold; font-size:18px; line-height:1; color: #222; letter-spacing: -0.02em;}
		.line.t+.agency_tit{margin-top:0;}

	/* 서비스항로 */
		.routeArea{font-size:0; line-height:0; overflow:hidden;}
		.routeArea>ul{margin-top:-10px; padding-right:22px; position: relative;}
		.routeArea>ul>li{margin-top:10px; padding:0 20px 0 42px; background: url("../../images/ko/route/bg_route2.png") no-repeat left top; font-size:16px; line-height:45px; color: #333; letter-spacing: -0.01em; display:inline-block; vertical-align: top; white-space: nowrap; position: relative; box-sizing: border-box;}
		.routeArea>ul>li>span{display:block; position: relative;}
		.routeArea>ul>li:after{content: ""; width: 22px; height: 45px; background: url("../../images/ko/route/bg_route.png") no-repeat right center; background-size: cover; display: inline-block; position:absolute; right:-22px; top:0px; box-sizing: border-box;}

		.routeArea>ul>li:first-child,
		.routeArea>ul>li.first{background-position:-22px 0;}
		.routeArea>ul>li:first-child:before,
		.routeArea>ul>li.first:before{content: ""; width: 1px; height: 100%; background-color: #d2d2d2; position: absolute; left:0; top:0;}
		.routeArea>ul>li.first>span{left:0;}

		.route_img{margin-top:30px; font-size:0; line-height:0;}

	/* 해운정보 - VESSEL LIST */
		.information_img{font-size:0; line-height:0;}

	/* 해운정보 - CONTAINER SPEC */
		.qp_img{margin-bottom:20px; border:1px solid #ddd; font-size:0; line-height:0; position: relative; box-sizing: border-box;}
		.qp_img .qp_roll{margin-left:-1px; white-space: nowrap;}
		.qp_img .qp_roll .slider{width:33.333%; border-left:1px solid #ddd; padding:40px; font-size:0; line-height:0; text-align: center; position: relative; overflow:hidden; display:inline-block; vertical-align: top; box-sizing: border-box;}
		.qp_img .qp_roll .slider img{display:inline-block !important; vertical-align: top;}

		.qp_img .slick-dots{width:100%; text-align: center; position: absolute; left:0; bottom:15px; z-index:6;}
		.qp_img .slick-dots>li{width:auto !important; padding:0 !important; display:inline-block; vertical-align: top;}
		.qp_img .slick-dots>li+li{margin-left:10px;}
		.qp_img .slick-dots>li button{width:15px !important; height:15px; margin:0; padding:0; background-color:#ccc; border:none; font-size:0; line-height:0; position: relative; cursor: pointer; border-radius:99px; overflow:hidden; opacity:0.5;}
		.qp_img .slick-dots>li.slick-active button{background-color:#068238; opacity: 1;}

	/* 해운정보 - 품질/인증현황 */
		.certificationArea{width:100%; font-size:0; line-height:0; display: flex; justify-content: flex-start;}
		.certificationArea>div{width:33.333%; text-align: center;}
		.certificationArea>div .certification_in{width:100%; display: flex; justify-content: space-around;}
		.certificationArea>div .certification_in dl{flex: 0 1 240px;}
		.certificationArea>div .certification_in dl>dt{border:1px solid #e6e6e6; box-shadow:10px 10px 10px #e6e6e6;}
		.certificationArea>div .certification_in dl>dt img{width:100%; max-width:none;}
		.certificationArea>div .certification_in dl>dd{padding-top:25px; font-size:16px; line-height:1; color: #666; letter-spacing: -0.02em; display:none}

	/* 컨테이너 해운지수 */
		.shipping-info{padding:6rem; background-color: #f8f8f8; display: flex; gap:4.8rem;}
		.shipping-info>dt{}
		.shipping-info>dt img{filter: drop-shadow(6px 6px 6px #e0e0e0);}
		.shipping-info>dd{width:calc(100% - 141px - 48px); font-weight: 500; font-size:18px; line-height:28px; color: #666;}
		.shipping-info>dd>p{padding-bottom:1rem; font-weight: bold; font-size:20px; color: #222;}
		.shipping-info>dd>strong{font-weight: bold; color: #222;}
		.shipping-info>dd>a{width:160px; height:44px; margin-top:25px; padding-bottom:2px; background-color: #fff; border:1px solid #ccc; font-weight: normal; font-size:16px; line-height:1; color: #666; display: flex; align-items: center; justify-content: center; border-radius:3px; gap:10px;}
/*[e] Sub Style */

/*[s] Etc Style */
	.sitemapArea{margin:-5rem -1% 0; font-size:0; line-height:0; display: flex; flex-wrap: wrap; justify-content: space-between;}
	.sitemapArea>li{width:18%; padding:5rem 1% 0; }
	.sitemapArea>li>a{height:4rem; border-bottom:1px solid #333; font-weight: 500; font-size:2.4rem; line-height:1; color: #333; display:block;}

	.sitemapArea>li>ul{}
	.sitemapArea>li>ul>li{padding-left:1rem; border-bottom:1px solid #dedede;}
	.sitemapArea>li>ul>li>a{width:100%; height:5rem; font-weight: 500; font-size:1.8rem; line-height:1.2; color: #333; display:table; table-layout: fixed;}
	.sitemapArea>li>ul>li>a>span{display:table-cell; vertical-align: middle;}

	.sitemapArea>li>ul>li ul{margin-left:-1rem; padding:1rem; background-color: #f9f9f9;}
	.sitemapArea>li>ul>li ul>li{position: relative;}
	.sitemapArea>li>ul>li ul>li:before{content: ""; width: 3px; height: 3px; margin-top:-1.5px; background-color: #7d7c7c; font-size:0; line-height:0; display: inline-block; position:absolute; left: 0; top:50%;}
	.sitemapArea>li>ul>li ul>li>a{width:100%; height:4rem; padding-left:1.2rem; font-size:1.6rem; line-height:1.3; color: #605f5f; display:table; table-layout: fixed; box-sizing: border-box;}
	.sitemapArea>li>ul>li ul>li>a>span{display:table-cell; vertical-align: middle;}
/*[e] Etc Style */

/*[s] Plugin Style */
	/* Layer Style */
		.layerCell{display:none;}
		.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:8rem; 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{}
		.layerArea .layerIn .layerBox>.tit>strong{}
		.layerArea .layerIn .layerBox .contLy{font-size:;}

		.textLay{width:80%; max-width:76rem; padding:5rem; background-color: #f9f9f9 !important;}
		.textLay>.tit{padding-bottom:3rem; font-weight: 500; font-size:2.4rem; line-height:1.3; color: #222; text-align: center; letter-spacing: -0.03em;}
		.textLay .contLy{background-color: #fff; padding:3rem; font-size:1.6rem; line-height:1.5; text-align: left; letter-spacing: -0.03em;}
		.textLay .contLy .scroll{max-height:22rem; overflow:hidden; overflow-y:auto; word-break:keep-all; word-wrap:break-word;}

	/* 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 : 1412px){
	.scroll_info.org{display:block;}
	.scrollTb.org{width:100%; display:block; overflow:hidden; overflow-x:scroll;}
	.scrollTb.org>*{width:1352px;}
}
@media only screen and (max-width : 1240px){
	.scroll_info{display:block;}
	.scrollTb{width:100%; display:block; overflow:hidden; overflow-x:scroll;}
	.scrollTb>*{width:1200px;}

	/* 2021-04-19 활성화
	#mVisualBtm .rightQuick>a{transition: all .3s ease-out; transform-origin: 50% 50%;}
	#mVisualBtm .rightQuick a:hover{background-color: #ebf7f0;}
	#mVisualBtm .rightQuick a:hover .title{padding-bottom:10px; order: 2;}
	#mVisualBtm .rightQuick a:hover .icon{flex-basis:135px; order: 1;}
	#mVisualBtm .rightQuick a:hover .text{order: 3;}
	*/
}
@media only screen and (max-width : 1200px){
}
@media only screen and (max-width : 1024px){
	/*[s] All Style */

	/*[e] All Style */

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

		#mVisual .slick-arrow{width:6rem; height:6rem; background-size: cover;}
		#mVisual .slick-prev{left:2rem;}
		#mVisual .slick-next{right:2rem;}

		#mVisual .vTxt{padding:0 2rem; top:7rem; box-sizing: border-box;}
		#mVisual .vTxt .ii{top:5rem;}

		#mVisual .vTxt .ii.tit{font-size:5rem;}
		#mVisual .vTxt .ii.tits{font-size:2.4rem;}
		#mVisual .vTxt .ii.txt{font-size:2.2rem; line-height:3.4rem;}
		#mVisual .vTxt .ii.txt>strong{}
		#mVisual .vTxt .ii.tit+.tits{padding-top:1.5rem;}
		#mVisual .vTxt .ii.tits+.txt{padding-top:2rem;}

		.mTitle{padding-bottom:3rem; letter-spacing: -0.02em;}
		.mTitle>dt{font-size:3.6rem;}
		.mTitle>dd{padding-top:1.8rem; font-size:1.8rem; line-height:1.4;}

		#mVisualBtm{margin:0 auto 0; padding:6rem 0 0; display:block;}
		#mVisualBtm .mList_box{width:100%; padding:0 2rem; box-sizing:border-box;}
		#mVisualBtm .mList_box .title{padding-bottom:2.5rem; border-bottom:0.3rem solid #222;}
		#mVisualBtm .mList_box .title *{display:inline-block; vertical-align:bottom;}
		#mVisualBtm .mList_box .title strong{font-weight: bold; font-size:2.4rem; line-height:2.4rem; color: #222; letter-spacing: -0.02em; position: relative;}
		#mVisualBtm .mList_box .title a.more{width:3rem; height:3rem; background-image: url("../../images/ko/main/btn_more_m.jpg"); background-size: cover; top:-0.3rem;}
		#mVisualBtm .mList_box .list{margin-top:2rem;}
		#mVisualBtm .mList_box .list>li{position: relative;}
		#mVisualBtm .mList_box .list>li>*{font-weight: 400; font-size:2rem; line-height:4rem; color: #666; letter-spacing:0.02em;}
		#mVisualBtm .mList_box .list>li a{max-width:75%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
		#mVisualBtm .mList_box .list>li .day{position: absolute; right:0; top:0;}

		#mVisualBtm .mList_box .list>li.noPost{font-size:16px; line-height:160px; color: #555; text-align: center;}

		#mVisualBtm .rightQuick{width:100%; margin-top:6rem; background-color: #f6f6f6; padding:6rem 0; box-sizing:border-box;}
		#mVisualBtm .rightQuick>a{text-align: center; letter-spacing: -0.02em; flex: 1 1 33.3333%; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; box-sizing:border-box;}
		#mVisualBtm .rightQuick>a+a{border-left:1px solid #e7e7e7;}
		#mVisualBtm .rightQuick .title{flex-basis:6rem; font-weight: bold; font-size:2rem; line-height:1.4; color: #222; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center;}
		#mVisualBtm .rightQuick .icon{flex-basis:11.7rem;}
		#mVisualBtm .rightQuick .text{font-size:1.8rem; line-height:2.6rem; color: #666;}

		#mRoute{padding:12rem 2rem;}

		#mAbout{padding:12rem 0;}
		#mAbout .linkAbout{display: block;}
		#mAbout .linkAbout>a{width:100%; display:block; overflow:hidden; position: relative;}
		#mAbout .linkAbout>a .thumb{}
		#mAbout .linkAbout>a .thumb img{width:100%; max-width:none;}
		#mAbout .linkAbout>a .linkAbout_in{padding:4rem;}
		#mAbout .linkAbout>a .linkAbout_in>*{}
		#mAbout .linkAbout>a .linkAbout_in .num{padding-bottom:1.3rem; font-size:2.2rem;}
		#mAbout .linkAbout>a .linkAbout_in .num:before{width: 2.2rem; height: 0.2rem;}
		#mAbout .linkAbout>a .linkAbout_in .text{padding-top:3.5rem;}
		#mAbout .linkAbout>a .linkAbout_in .text>dt{font-size:2.4rem;}
		#mAbout .linkAbout>a .linkAbout_in .text>dd{padding-top:1.5rem; font-size:2rem; line-height:2.8rem;}
		#mAbout .linkAbout>a .linkAbout_in .btn{padding-top:5rem;}
		#mAbout .linkAbout>a .linkAbout_in .btn>span{height:4.2rem; padding:0 2.5rem; border:0.2rem solid #fff; font-size:2rem; line-height:4rem;}

		#mAbout .linkAbout>a:hover .thumb img{transform: scale(1.03) rotate(.001deg);}
	/*[e] Main Style */

	/*[s] Sub Style */
		.cont_img{font-size:0; line-height:0; position: relative;}
		.cont_img>img{height:38rem; object-fit: cover;}
		.cont_img dl{}
		.cont_img dl>dt{font-size:4rem;}
		.cont_img dl>dd{padding-top:2rem; font-size:2rem; line-height:1.4;}
		.cont_img .btns{padding-top:4rem;}
		.cont_img .btns>a{max-width:45%; height:7rem; font-size:2rem; line-height:7rem;}
		.cont_img .btns>a:hover,
		.cont_img .btns>a.active{background-color: #069540;}

		/* 회사소개 - 인사말 */
			.greeting_text{padding:9rem 0 0;}
			.greeting_text.ethical{padding:6.5rem 0 0 0%;}
			.greeting_text:before{content: ""; width: 1px; height: 8rem; top:-4rem;}

			.greeting_text .photo{width:30rem; margin-left:-15rem; position: relative; left:50%; top:0;}
			.greeting_text .photo .name{font-size:2rem; line-height:3rem;}

			.greeting_text p{font-size:2.2rem; line-height:3.2rem;}
			.greeting_text p>strong{}

			.greeting_text dd p{font-size:2.2rem; line-height:3.2rem;}

			.greeting_text>dl{padding:6rem 0 4rem;}
			.greeting_text>dl>dt{font-size:3.6rem;}
			.greeting_text>dl>dt>span{color: #08a345;}
			.greeting_text>dl>dd{padding-top:3rem;}

		/* 회사소개 - 연혁 */
			.historyArea{padding-top:6rem;}
			.historyArea h4.txt{}
			.historyArea .history_re{}
			.historyArea .history_re>li{padding:2rem 3rem;}
			.historyArea .history_re>li>*{}
			.historyArea .history_re>li .year{width:10rem; font-size:3rem;}
			.historyArea .history_re>li dl{}
			.historyArea .history_re>li dl>*{/*padding:0.6rem 0;*/ font-size:2rem;}
			.historyArea .history_re>li dl>dt{width:5.5rem; /*height:3.4rem; border-radius:0.9rem;*/ font-size:2.2rem;}
			.historyArea .history_re>li dl>dd{padding-left:1.9rem; line-height:1.4; color: #666;}
			.historyArea .history_re>li dl+dl{margin-top:2rem;}

		/* 회사소개 - 윤리경영 */
			.ethical_icon{max-width:100%; margin:6rem 0 5.5rem; }
			.ethical_icon>li{}
			.ethical_icon>li+li{border-left:none;}
			.ethical_icon>li:nth-child(even){border-left:1px solid #e7e7e7;}
			.ethical_icon>li:nth-child(1),
			.ethical_icon>li:nth-child(2){border-top:none;}
			.ethical_icon .icon{flex-basis:8.4rem;}
			.ethical_icon dl{margin-top:2rem;}
			.ethical_icon dl>dt{font-size:2.2rem;}
			.ethical_icon dl>dd{padding:1.5rem 1.5rem 0; font-size:2rem; line-height:1.4;}

		/* 회사소개 - 오시는길 */
			.locationBox{font-size:0; line-height:0;}
			.locationBox .location_txt{padding-bottom:2rem; display: block;}
			.locationBox .location_txt dl{margin-right:4rem;}
			.locationBox .location_txt dl>*{font-size:2rem; vertical-align: top;}
			.locationBox .location_txt dl>dt{}
			.locationBox .location_txt dl>dt .fa{margin-right:1rem;}
			.locationBox .location_txt dl>dd{padding-left:2rem;}
			.locationBox .location_txt dl>dd>p{padding-right:2rem;}
			.locationBox .location_txt dl>dd>p>strong{}
			.locationBox .location_txt dl>dd>p+p{margin-top:1rem;}
			.locationBox .location_txt dl+dl{margin-top:2rem;}

			.locationBox iframe{width:100%; height:30rem;}

		/* 네트워크 - 해외 에이전트 */
			.agency_list{margin:-3rem 0 0; font-size:0; line-height:0; display: block;}
			.agency_list>li{padding:3rem 0 0; box-sizing:border-box;}
			.agency_list .agency_tit{padding-bottom:18px; font-weight: bold; font-size:18px; line-height:1; color: #222; letter-spacing: -0.02em;}

		/* 해운정보 - CONTAINER SPEC */
			.qp_img{margin-bottom:2rem;}
			.qp_img .qp_roll{}
			.qp_img .qp_roll .slider{padding:4rem;}

			.qp_img .slick-dots{bottom:1.5rem;}
			.qp_img .slick-dots>li{}
			.qp_img .slick-dots>li+li{margin-left:1rem;}
			.qp_img .slick-dots>li button{width:1.5rem !important; height:1.5rem;}
			.qp_img .slick-dots>li.slick-active button{}

		/* 해운정보 - 품질/인증현황 */
			.certificationArea{display:block;}
			.certificationArea>div{width:100%;}
			.certificationArea>div+div{margin-top:5rem;}
			.certificationArea>div .certification_in{}
			.certificationArea>div .certification_in dl{flex: 0 1 45%;}
			.certificationArea>div .certification_in dl>dt{}
			.certificationArea>div .certification_in dl>dt img{}
			.certificationArea>div .certification_in dl>dd{padding-top:2.5rem; font-size:2rem;}
	/*[e] Sub Style */

	/*[s] Etc Style */
		.sitemapArea{margin:-5rem -1.5% 0; justify-content: flex-start;}
		.sitemapArea>li{width:30%; padding:5rem 1.5% 0;}
	/*[e] Etc Style */
}
@media only screen and (max-width : 840px){
	/*[s] All Style */
		.nTable{}
		.nTable>table{}
		.nTable>table th,
		.nTable>table td{padding:1.5rem 2rem; font-size:2.2rem;}

		.nTable>table>thead>tr>th,
		.nTable>table>tbody>tr>th{}
		.nTable>table>tbody>tr>th{width:15rem;}

		.nTable>table .tit{}

		.nTable.list>table th,
		.nTable.list>table td{padding:1.5rem 1rem;}

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

		h4.txt{padding-bottom:4rem; font-size:3rem;}
		h4.line{margin-top:5rem; padding:0 0 2rem 1.8rem; font-size:2.4rem; line-height:3.3rem;}
		h4.line:before{width: 0.9rem; height: 3.3rem;}
		#contents h4.line:first-child{margin-top:0;}

		.terminam_subTit{padding:0 0 2rem 2.2rem; font-size: 2rem;}
		.terminam_subTit:before{width: 1.5rem; height: 1.5rem; border:0.4rem solid #1ea052; top:0.4rem;}
	/*[e] All Style */

	/*[s] Main Style */
		#mRoute .routeMap{}
		#mRoute .routeMap .routeThumb{}
		#mRoute .routeMap .routeLink{display:none;}
		#mRoute .routeMap .routeLink>li{}
		#mRoute .routeMap .routeLink>li:before{}
		#mRoute .routeMap .routeLink>li a{}

		#mRoute .routeMap #routeBtn{position: relative; left:0; right:0; bottom:0;}
		#mRoute .routeMap #routeBtn>a{font-size:1.8rem;}
		#mRoute .routeMap #routeBtn>a+a{}
		#mRoute .routeMap #routeBtn>a>span{height:6.8rem}
	/*[e] Main Style */

	/*[s] Sub Style */
		/* 회사소개 - 연혁 */
			.greeting_text>dl>dd img.ptVar{display:none;}
			.greeting_text>dl>dd img.mVar{display:inline-block;}

		/* 컨테이너 해운지수 */
			.shipping-info{padding:4rem 3rem;}
			.shipping-info>dt{display:none;}
			.shipping-info>dd{width:100%; font-size:2rem; line-height:3rem;}
			.shipping-info>dd>p{font-size:2.2rem;}
			.shipping-info>dd>a{width:20rem; height:5.4rem; margin-top:2.5rem; padding-bottom:0.2rem; font-size:1.8rem; gap:1rem;}
	/*[e] Sub Style */

	/*[s] Etc Style */
		.sitemapArea{margin:-5rem 0 0; display: block; }
		.sitemapArea>li{width:100%; padding:5rem 0 0;}
	/*[e] Etc Style */
}

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


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