/* -------- 怨듯넻 :: �� -------- */
/* Tab 怨듯넻 �ㅽ��� */
.sub-tab-wrapper-style{position:relative; height:70px; margin-bottom:100px;}
.sub-tab-list-style ul{display:table; width:100%; height:100%; table-layout:fixed;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{/* float:left; */ display:table-cell; vertical-align:middle; position:relative; width:20%; background-color:#e6e6e6; /* border:1px solid #e5e5e5; border-left:0 */ border-bottom: 1px solid #eee;}
/* .sub-tab-list-style ul li:first-child{border-left:1px solid #e5e5e5;} */
.sub-tab-list-style ul li a{display:table; height:70px; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:rgba(0,0,0,0.5); font-weight: 500; font-size:16px; letter-spacing:-0.30px; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; border-bottom:0; background:#1c8b7d;}
.sub-tab-list-style ul li.selected a em{color:#fff; font-weight: 600;}
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

/* -------- 怨듯넻 :: �� (maintenence-page) -------- */
.maintenance-page .sub-tab-wrapper-style {height: 60px;}
.maintenance-page .sub-tab-list-style ul li a {height: 60px;}
.maintenance-page .sub-tab-wrapper-style.ht-plus-tab-style ul li {background: none;}
.maintenance-page .sub-tab-wrapper-style.ht-plus-tab-style ul li.selected {border-color:#000; border-bottom:1px solid #000; background:none;}
.maintenance-page .sub-tab-wrapper-style.ht-plus-tab-style ul li.selected em {color: #000; font-weight: 400;}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}

/* ��뒪����2 */
.ht-plus-tab-style {height: 60px;}
.ht-plus-tab-style ul li {background-color:initial; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.ht-plus-tab-style ul li.selected {background:none; border-bottom:1px solid #26a091; border-color:#26a091;}
.ht-plus-tab-style ul li a {height: 60px;}
.ht-plus-tab-style .sub-tab-list-style ul li.selected em {color:#26a091;}

/* -------- 怨듯넻 :: �� -------- */
@media all and ( max-width: 800px ){
	/* Tab 怨듯넻 �ㅽ��� */
	.sub-tab-wrapper-style,
	.sub-tab-list-style.top-fixed,
	.sub-tab-list-style ul li a{height:40px; position: relative; z-index: 10;}
	.sub-tab-wrapper-style {margin-bottom: 50px;}
	.sub-tab-list-style ul li a em{font-size:13px}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative;}
	.sub-drop-open-btn-style{display:block; position:relative; padding:0 15px; height:40px; line-height:40px; font-size:15px; background-color:#333; box-sizing:border-box;}
	.sub-drop-open-btn-style span{color:#fff; }
	.sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.sub-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.sub-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box; flex-wrap:wrap;}
	.first-sub-tab .sub-drop-menu-style ul {margin: 0 15px; width: calc(100% - 30px);} 
	.sub-drop-menu-style ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent}
	.sub-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.sub-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:10px 15px; border:0;}
	.sub-drop-menu-style ul li a em{font-size:13px;}
	.sub-drop-menu-style ul li.selected{background-color:transparent; border:0;}
	.sub-drop-menu-style ul li.selected a em{color:var(--main-color); font-weight:600; }

	.maintenance-page .sub-tab-list-style ul li a {height: auto;}
	.maintenance-page .sub-tab-wrapper-style {height: auto; margin-bottom: 50px;}
	/* .maintenance-page .sub-tab-wrapper-style.ht-plus-tab-style ul li.selected {border:0;} */
	.maintenance-page .ht-plus-con .con-tit-box strong {font-size:28px;}
	.maintenance-page .sub-tab-wrapper-style.ht-plus-tab-style ul li.selected {border-bottom:0;}
}

@media all and (max-width:1280px){
	.m-br{display:block;}
	.pc-br{display:none;}
}

/* -------- 怨듯넻 :: �대�吏� -------- */
.img-center {position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; max-width: 100%; max-height: 100%; margin: auto;}

.ht-plus-con .service .con-tit-box, .auto-door-container .con-tit-box  {display:flex; margin-bottom:0px; margin-top:60px; font-family: 'NanumSquare', sans-serif;}
.ht-plus-con .con-tit-box .tit{/*width: 33.334%;*/width:25%;}
.ht-plus-con .con-tit-box strong, .auto-door-container .con-tit-box strong {position: relative; /*font-size:45px;*/ font-size:30px; letter-spacing:-0.075em; color: #000; line-height:1.1; font-weight:600;}
.ht-plus-con .con-tit-box strong {display:inline-block;}
.ht-plus-con .con-tit-box strong:after {display: none; content: ""; position: absolute; width: 10px; height: 10px; background: var(--main-color); right: -30px; bottom: 30px;}
.ht-plus-con .con-tit-box strong span {display:block; font-size:16px; color: #666; letter-spacing:-0.075em; font-weight: 400; margin-top: 10px;}
.ht-plus-con .service .con-tit-box p, .auto-door-container .con-tit-box p {/*width: calc(100% - 33.334%);*/ width:100%; font-size:18px; letter-spacing:-0.075em; color: #666; line-height:1.666em; position:relative; padding-left:14px;}
.ht-plus-con .service .con-tit-box p:before {display: block;position: absolute;left: 0;content: "-";font-size: 16px;color: rgba(0, 0, 0, 0.8);}
.auto-door-container .con-tit-box strong:before {display: block; content: ""; width: 10px; height: 10px; background: var(--main-color); position: absolute; right: -30px; bottom: 12px;}

/* maintenance */
.maintenance-page .ht-plus-con .con-tit-box .tit {width: calc(25.253% - 40px); margin-right: 40px;}
.maintenance-page .ht-plus-con .con-tit-box p {width: calc(100% - 25.253%);}

@media all and (max-width:800px){
	.maintenance-page .ht-plus-con .con-tit-box .tit {width: 100%;}
	.maintenance-page .ht-plus-con .con-tit-box p {width: 100%;}
	.auto-door-container .con-tit-box strong:before {width: 5px; height: 5px; right: -15px; bottom: 10px;}
}

/* ���댄� 怨듯넻 :: HT PLUS */
.content-tit-box {text-align:center; margin-bottom: 50px;}
.content-tit-box strong {font-size:60px; letter-spacing:-0.025em; color: #000; font-weight: 700; line-height:1.1;}
.content-tit-box p {font-size:16px; letter-spacing:0.45rem; color: #888888; font-weight: 400; margin-top: 10px;}
.con-tit-box p.con-tit {font-size:34px; letter-spacing:-0.075em; color: #000; font-weight: 700;}
.auto-door-container .content-tit-box p {margin-top: 15px;}

@media all and (max-width:800px){
	.content-tit-box strong {font-size:40px;}
	.content-tit-box p {font-size:13px;}
	.ht-plus-con .con-tit-box strong:after { width: 5px; height: 5px; right: -15px; bottom: 30px;}
	.con-tit-box p.con-tit {font-size:22px;}
}

/* ht hms */
/* .service-con {border:1px solid var(--main-color); box-sizing:border-box; background: #fff;} */
.service-con .title {background: var(--main-color); color: #fff; height: 65px; font-size:20px; letter-spacing:-0.075em; text-align:center; line-height:65px;}
.service-container {margin: 3.334% 4.083%;}
.service-container > ul {display:flex;}
.service-container > ul > li {width: calc((100% - 6.167%) / 3); margin-right: 3.083%;}
.service-container > ul > li:last-of-type {margin-right: 0;}
.service-container > ul > li .tit {background:#666; color: #fff; height: 45px; height: 45px; width: 100%; display: inline-block; text-align: center; line-height: 45px; font-size:18px;}
.service-container > ul > li .inner-con {display:flex; flex-direction:column; height: 100%;}

.service-container .inner-box {border:1px dashed #666; border-top:0; padding: 30px 25px; height: calc(100% - 45px); box-sizing: border-box;}
.service-container .inner-box .icon-box {width:21.37%; margin-bottom: 35px;}

/* maintenence-page */
.maintenance-page .service-container {margin: 2.529% 3.161% 3.161%;}
.maintenance-page .service-container .inner-box .icon-box {width: 14.601%;}
.service-container .inner-box .icon-box span {display: block; position: relative; width: 100%; height: 0; padding-top: 100%;}
.service-container .inner-box dt {font-size:18px; letter-spacing:-0.075em; color: #000; font-weight: 700; margin-bottom: 20px;}
.service-container .inner-box dd ul li {position: relative; font-size:16px; letter-spacing:-0.075em; color: rgba(0,0,0,0.8); margin-top: 15px; line-height:1.35; padding-left:10px;}
.service-container .inner-box dd ul li:before {display: block; content:"-"; position:absolute; left: 0; top: 2px;}
.service-container .inner-box dd ul li > span {font-size:14px; color: #666;}
.service-container li:last-of-type .inner-box dd ul li:last-child {color: rgba(0,0,0,0.6); padding-left:25px;}
.service-container li:last-of-type .inner-box dd ul li:last-child:before {content:""; width: 3px; height: 3px; background: #6c6c6c; top: 8px; left: 15px;}
.service-container .inner-box .box {padding-top: 25px; padding-bottom:25px; border-top: 1px solid #eaeaea;}
.service-container .inner-box .box:first-of-type {padding-top: 0; border-top: 0;}
.service-container .inner-box .box:last-of-type {padding-bottom: 0;}
.maintenance-page .service-container > ul > li {width: calc((100% - 5.406%) / 3); height: 620px; margin-right: 2.703%;}
.maintenance-page .service-container > ul > li:last-child {margin-right: 0;}
.maintenance-page .service-detail-box {padding: 2.334% 3.083%;}
.maintenance-page .sub-title:after {display:none;}
.hms-diagram {padding: 95px 0 60px;}
.hms-diagram .sub-title {margin-bottom: 50px; font-size: 34px; text-align: center; display: block;}

/* service */
.service-container.home-network > ul > li {/*width: calc((100% - 4.092%) / 4);*/ width: calc((100% - 0%) / 2); margin-right: 1.364%;}
.service-container.home-network > ul > li:last-of-type {margin-right: 0;}
.service-container.home-network .inner-box dd ul li {line-height:1.75em;}
.service-container.home-network .inner-box dd ul li:first-of-type {margin-top: 0;}
.service-container.home-network > ul > li:last-of-type .inner-box dd ul li:last-child {padding-left:10px; color: rgba(0,0,0,0.8);}
.service-container.home-network > ul > li:last-of-type .inner-box dd ul li:last-child:before {content:"-"; width: initial; height: initial; top: 2px; left: 0; background: none;}
.service-container.home-network .cargo_img { margin-top:30px;}

/* service2 */
.ht-post-process2 {display:flex;/* margin-top:30px;*/}
.ht-post-process2 {margin: 3.334% 4.083%;}
.ht-post-process2 dl:first-of-type {width: 66.666%; margin-right: 1.364%;}
/*.ht-post-process2 dl:last-of-type {width: calc(100% - (66.666% + 1.364%));}*/
.ht-post-process2 dl:last-of-type {width:16.666%;}
.ht-post-process2 dl:nth-child(2) {width:16.666%; margin-right: 1.364%;}
.ht-post-process2 dl:first-of-type dt {width:25%;}
/*.ht-post-process2 dl dd > div:nth-child(2):before {width:100%; content:'수송 당일 아침 확인'; background: rgba(102,102,102,0.84); height:45px; position:absolute; top:-45px; left:0; color:#ffffff;line-height:45px;font-size:18px;letter-spacing:-0.075em; font-weight: 500; border-left:1px solid #ffffff;}
.ht-post-process2 dl dd > div:nth-child(3):before {width:100%; content:'상차지 도착 확인'; background: rgba(102,102,102,0.84); height:45px; position:absolute; top:-45px; left:0; color:#ffffff;line-height:45px;font-size:18px;letter-spacing:-0.075em; font-weight: 500; border-left:1px solid #ffffff;}
.ht-post-process2 dl dd > div:nth-child(4):before {width:100%; content:'상차지 출발 확인'; background: rgba(102,102,102,0.84); height:45px; position:absolute; top:-45px; left:0; color:#ffffff;line-height:45px;font-size:18px;letter-spacing:-0.075em; font-weight: 500; border-left:1px solid #ffffff;}*/
.ht-post-process2 dl dt {background: #666; height: 45px; color: #fff; font-size:18px; letter-spacing:-0.075em; font-weight: 500; text-align:center; line-height:45px;}
.ht-post-process2 dl:first-of-type dt {background: rgba(102,102,102,0.84);}
.ht-post-process2 dl:last-of-type dt {background: rgba(102,102,102,0.74);}
.ht-post-process2 dd {position: relative; display:flex; border:1px dashed #666; /*border-top:0;*/font-family: 'NanumSquare', sans-serif;}
.ht-post-process2 dd > div {position: relative; width:25%; padding:20px 20px; box-sizing: border-box; height:200px; /*display: flex;*/ align-items:top; text-align:center;}
.ht-post-process2 dd > div:after { display: block; content: ""; width: 1px;height:80%; background: #eaeaea; position: absolute; right: 0; top:10%;}
.ht-post-process2 dd > div:last-child:after {display:none;}
.ht-post-process2 .icon-box {margin-right: 35px; width: 13.966%;}
.ht-post-process2 .icon-box span {display: block; position: relative; width: 100%; height: 0; /*padding-top: 101.7%;*/ padding-top:41.7%;}
.ht-post-process2 .tit-box {text-align:center;}
.ht-post-process2 .tit-box .tit {font-size:18px; letter-spacing:-0.075em; color: #000; font-weight:600; line-height:1.444em; text-align:center; padding-bottom:10px; display:block;}
.ht-post-process2 .tit-box .txt {font-size:15px; letter-spacing:-0.1em; color: rgba(0,0,0,0.8); margin-top:10px; text-align:center; line-height:1.3;}
.ht-post-process2 .tit-box .txt2 { color:#000; font-size:18px; letter-spacing:-0.075em; font-weight:600; line-height:8.6em;font-family: 'NanumSquare', sans-serif;}
.ht-post-process2 .tit-box .txt.star_txt {color:#f72900;}
.ht-post-process2 dl:last-of-type dd > div {width: 100%;}
.ht-post-process2 dl:nth-child(2) dd > div {width: 100%;}
/*.ht-post-process2 .connection {display:flex; align-items:center; justify-content:center; width: 100px; height: 32px; background:#ffffff; border:1px solid #58ad1f; border-radius:16px; color: #222222; font-size:14px; letter-spacing:-0.075em; position: absolute; top:85px; transform: translateY(-50%); right: 38px; z-index: 10;}*/
.ht-post-process2 .connection {position: absolute; top:35%; transform: translateY(-50%); right: -15px; z-index: 10;}
.ht-post-process2 .connection .line {/*display:inline-block; width: 100px; background: #58ad1f; height: 1px; position:absolute;*/}
.ht-post-process2 .connection .line:first-of-type {left: -100px;}
.ht-post-process2 .connection .line:first-of-type:before {display: none; content:""; width: 5px; height: 5px; background: #ddd; border-radius:100%; position:absolute; left:0; top: -2px;}
.ht-post-process2 .connection .line:last-of-type {right: -100px;}
.ht-post-process2 .connection .line:last-of-type:after {display: block; content:""; width:0px; height:0px; /*background: #ddd; border-radius:100%;*/ position:absolute; right:0; top: -3px; border-top:30px solid transparent; border-bottom:30px solid transparent; border-left:15px solid #58ad1f;}

@media all and (max-width:1220px){
	.ht-hms-service-con.area {padding:0; margin: 0 30px;}
}

@media all and (max-width:800px){
	.service-container.home-network .inner-box {padding:25px;}
	.service-container.home-network .inner-box .box:last-of-type {margin-top: 0;}
	.service-container.home-network > ul > li {width: 100%; margin-right: 0;}
	.hms-diagram .sub-title {font-size:22px;}
}

.service-detail-box {background: #f5f5f5; padding: 3.334% 4.083%;}
.service-detail-box p {position: relative; font-size:16px; letter-spacing:-0.075em; color: rgba(0,0,0,0.8); line-height:1.25; margin-top: 10px; padding-left:10px;}
.service-detail-box p:before {display: block; position:absolute; left: 0; content:"-"; font-size:16px; color: rgba(0,0,0,0.8);}

@media all and (max-width:800px){
	.service-detail-box p:before {top: -3px;}
	.ht-hms-service-con.area {padding:0; margin: 0 0px;}
}

.con:not(.service) {margin-top: 95px;}
.con:not(.service, .auto) .con-tit-box {text-align:center; margin-bottom: 50px;}
.diagram img {max-width:100%;}

/* �좎�蹂댁닔 愿�由� 履� */
.ht-hms-service-con {border:2px solid #28937e; box-sizing:border-box; background: #fff; margin-top:30px; font-family: 'NanumSquare', sans-serif;}
.ht-hms-service-con .title {background:#28937e; color: #fff; /*height: 65px;*/ font-size:20px; letter-spacing:-0.075em; text-align:center; /*line-height:65px;*/ padding:17px 35px;line-height:26px;}
.ht-hms-service-con .title .cargo_txt_01 { color:#ffe5a7;}
.ht-hms-service-con .title .cargo_txt_02 { color:#ffcdbe;}

/* �ㅻ쭏�몄꽌鍮꾩뒪 :: �댁슜 (�섑뻾�덉감) */
.service-con-process-con{position:relative; }
.service-team-con{width:56%;padding:80px 0; background:#e60044 url(/images/content/service_process_bg.jpg) no-repeat 50% 50%; background-size:cover;}
.service-team-con h5{padding:0 0 65px 0; color:#fff; text-align:center;}
.service-team-con h5 strong{display:block; font-size:30px; letter-spacing:-0.75px; font-weight:400; padding-bottom:16px;}
.service-team-con h5 span{opacity:0.7;filter:Alpha(opacity=70); font-size:16px; letter-spacing:-0.75px; line-height:33px; font-weight:400;}
.service-team-con .service-team-list li{float:left; width:33.33%; text-align:center;}
.service-team-con .service-team-list li dl{color:#fff;}
.service-team-con .service-team-list li dl dt{padding:35px 0 17px; font-size:15px; letter-spacing:-0.6px;}
.service-team-con .service-team-list li dl dd p{font-size:12.5px; letter-spacing:-0.5px; font-weight:400; line-height:17px; padding-bottom:5px; opacity:0.6;filter:Alpha(opacity=60);}
.service-process-detail-con{position:absolute; top:0px; right:0px; width:52%; height:100%; }
.service-process-detail-con h5{position:relative; top:50%; text-align:center; margin-top:-36px; color:#0099ff; font-size:22px; letter-spacing:-0.75px; font-weight:500; line-height:36px;}
.service-process-callcenter-con{position:absolute; top:0px; left:0px; width:100%;}
.service-process-detail-con .left-line,
.service-process-detail-con .middle-line,
.service-process-detail-con .right-line{position:absolute; top:50%; margin-top:-2px; display:block; width:34%; height:4px; background-color:#0099ff;}
.service-process-detail-con .left-line{left:0; }
.service-process-detail-con .middle-line{left:38%; margin-left:90px;}
.service-process-detail-con .right-line{left:72%; margin-left:90px; width:4px; height:114px;}
.service-process-detail-con .right-line:after,
.service-process-detail-con .left-line:before{display:block; position:absolute; top:50%; left:-10px; margin-top:-10px; content:""; width:20px; height:20px; background-color:#0099ff; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.service-process-detail-con .right-line:after{top:100%;margin:-5px 0 0 2px; }
.service-process-detail-con .icon{position:relative; margin-left:36%;}
.service-process-detail-con .icon strong{position:absolute; bottom:-32px; left:0; width:90px; text-align:center; color:#333; font-size:15px; line-height:22px; letter-spacing:-0.75px; font-weight:400;}

/* �쒕퉬�� �섑뻾�덉감 */
.service-process-con2{margin-top:50px}
.service-team2 .team-top-txt {text-align:center;}
.service-team2 .team-top-txt .tit{font-weight:600; font-size:24px; letter-spacing:-0.75px; color:#000; line-height:1.4; padding-right:2%; box-sizing:border-box; margin-bottom: 20px;}
.service-team2 .team-top-txt .txt p{ font-size:18px; letter-spacing:-0.75px; color:rgba(0,0,0,0.8); line-height:2;}

.team-box2{margin:55px -0.5% 0; display:flex; flex-wrap:wrap}
.team-box2 li{ display:flex; width:24%; margin:0 0.5%; background-color:#ffffff}
.team-box2 li .connection {position: absolute; /*top:0%; transform: translateY(-0%); right: 15px;*/ z-index: 10;}
.team-box2 li .connection .line {}
.team-box2 li .connection .line:before {display: block;content: "";width: 0px;height: 0px;position: absolute;right:-5px;top:50px;transform: translateY(50%);border-top: 30px solid transparent;border-bottom: 30px solid transparent;border-left: 20px solid #aaaaaa;}
/*.team-box2 li .connection .line:last-of-type {right: -100px;}
.team-box2 li .connection .line:last-of-type:after {display: block;content: "";width: 0px;height: 0px;position: absolute;right: 0;top: -3px;border-top: 30px solid transparent;border-bottom: 30px solid transparent;border-left: 15px solid #58ad1f;}*/
.team-box2 li .inner{padding:11.5% 13% 15% 14%; width:100%;}
.team-box2 li .inner .icon{position:relative; display:inline-block; height:79px; width:100%; margin-bottom:25px}
.team-box2 li .inner .icon img{position:absolute; bottom:0; left:0}
.team-box2 li .inner .tit{display:block; font-weight:600; font-size:20px; letter-spacing:-0.75px; color:#000; line-height:1.4; margin-bottom:25px; text-align:center;}
.team-box2 li .inner .txt span{position:relative; display:block; font-weight:400; font-size:16px; letter-spacing:-0.75px; color:#000; opacity:0.6; line-height:1.5; margin-bottom:12px; padding-left:10px}
.team-box2 li .inner .txt span:last-child{margin-bottom:0}
.team-box2 li .inner .txt span:before{position:absolute; content:""; width:3px; height:3px; left:0; top:10px; background-color:#000; opacity:0.6}

.service-process-con{margin-top:50px}
.service-team .team-top-txt {text-align:center;}
.service-team .team-top-txt .tit{font-weight:600; font-size:24px; letter-spacing:-0.75px; color:#000; line-height:1.4; padding-right:2%; box-sizing:border-box; margin-bottom: 20px;}
.service-team .team-top-txt .txt p{ font-size:18px; letter-spacing:-0.75px; color:rgba(0,0,0,0.8); line-height:2;}

.team-box{margin:55px -0.5% 0; display:flex; flex-wrap:wrap}
.team-box li{ display:flex; width:24%; margin:0 0.5%; background-color:#eeeeee;}

.team-box li .connection {position: absolute; /*top:0%; transform: translateY(-0%); right: 15px;*/ z-index: 10;}
.team-box li .connection .line {}
.team-box li .connection .line:before {display:block;content: ">";width: 20px;height: 60px; color:#aaaaaa; font-size:50px; font-weight:100; position: absolute;right:0px;top:90px;transform: translateY(50%);}

.team-box li .inner{padding:11.5% 13% 15% 14%}
.team-box li .inner .icon{position:relative; display:inline-block; height:79px; width:100%; margin-bottom:25px}
.team-box li .inner .icon img{position:absolute; bottom:0; left:0}
.team-box li .inner .tit{display:block; font-weight:600; font-size:20px; letter-spacing:-0.75px; color:#000; line-height:1.4; margin-bottom:25px}
.team-box li .inner .txt span{position:relative; display:block; font-weight:400; font-size:16px; letter-spacing:-0.75px; color:#000; opacity:0.6; line-height:1.5; margin-bottom:12px; padding-left:10px}
.team-box li .inner .txt span:last-child{margin-bottom:0}
.team-box li .inner .txt span:before{position:absolute; content:""; width:3px; height:3px; left:0; top:10px; background-color:#000; opacity:0.6}

/* �섑뻾�덉감 :: �섎떒 */
.service-team-circle{position:relative; background:url("../images/content/service_team_line.png") no-repeat 50% 0; padding:45px 0 225px}
.service-team-circle .center-txt{display:table; width:100%; height:120px; margin:0 auto; background-color:#28937e; text-align:center; border-radius:0px}
.service-team-circle .center-txt p{display:table-cell; vertical-align:middle; font-size:20px; letter-spacing:-0.75px; color:#fff; line-height:1.38}
.service-team-circle .center-txt p b{font-weight:700}
.service-team-circle .circle-item{position:absolute; top:0; left:0; width:100%; height:100%}
.service-team-circle .circle-item li{text-align:center; position:absolute; left:50%; top:50%; margin-top:-5%; transform:translateX(-50%); }
.service-team-circle .circle-item li.item01{margin-left:-29%}
.service-team-circle .circle-item li.item02{top:auto; bottom:0; margin-top:0}
.service-team-circle .circle-item li.item03{margin-left:29%}
.service-team-circle .circle-item li .icon{max-width:100%}
.service-team-circle .circle-item li .tit{display:block; font-weight:400; font-size:18px; letter-spacing:-0.75px; color:#000; line-height:1.4; margin-top:15px}
.service-team-circle .circle-item li .tit em{display:block; font-size:14px; font-weight:400; opacity:0.6; margin-top:5px; }

/* �섑뻾�덉감 */
@media all and (max-width:800px){
	
	.service-process-con{margin-top:25px}
	.service-team .team-top-txt .tit{float:none; width:100%; padding:0 0 10px; font-size:22px}
	.service-team .team-top-txt .txt{float:none; width:100%}
	.service-team .team-top-txt .txt p{font-size:14px;}
	.team-box{display:block; flex-wrap:inherit}
	.team-box li{float:none; width:100%; margin:0 0 10px; position:relative}
	.team-box li .inner{/*padding:20px 80px 20px 20px*/padding:30px 80px 30px 20px}
	.team-box li .inner .icon{height:auto; /*margin-bottom:15px;*/ width:auto; position:absolute; top:25%; right:15px}
	.team-box li .inner .icon img{position:relative; /*height:55px*/height:45px}
	.team-box li .inner .tit{font-size:14px; margin-bottom:0px;font-family: "나눔고딕", NanumGothic, "Nanum Gothic", sans-serif;}
	.team-box li .inner .txt span{font-size:13px; margin-bottom:6px;font-family: "나눔고딕", NanumGothic, "Nanum Gothic", sans-serif;}
	.team-box li .inner .txt span:before{top:8px}
	
	.team-box2 li{ width:100%;margin:0 0.0% 1%;}
	.team-box2 li .connection { left:50%;}
	.team-box2 li .connection .line:before {transform: rotate(90deg) translateX(-50%) translateY(-0%);right:-5px;top:50%; margin-top:-18px;}
	.team-box2 li .inner .tit{ font-size:16px; font-family: "나눔고딕", NanumGothic, "Nanum Gothic", sans-serif; font-weight:500;margin-bottom:15px;}
	
	.team-box li .connection { left:50%;}
	.team-box li .connection .line:before {transform: rotate(90deg) translateX(-50%) translateY(-0%);top:50%; margin-top:-27px;}
	
	/* �섑뻾�덉감 :: �섎떒 */
	.service-team-circle{background:transparent; padding:30px 0 0}
	.service-team-circle .center-txt{width:100%; height:70px; padding:10px 15px;}
	.service-team-circle .center-txt p{font-size:16px}
	.service-team-circle .circle-item{position:relative; text-align:center; margin-top:30px}
	.service-team-circle .circle-item li{display:inline-block; position:relative; left:auto; top:auto; margin-top:0; transform:translateX(0); vertical-align:top; width:30%; padding:0 1%; max-width:150px}
	.service-team-circle .circle-item li.item01,
	.service-team-circle .circle-item li.item03{margin-bottom:0; margin-left:0}
	.service-team-circle .circle-item li .icon{max-height:110px}
	.service-team-circle .circle-item li .tit{font-size:14px; margin-top:10px}
	.service-team-circle .circle-item li .tit em{font-size:12px}
}

/* 異쒕룞�쒕퉬�� */
.service-process-move-con{position:absolute; bottom:0px; left:0px; width:100%;}
.service-process-move-con .right-line{top:auto; bottom:50%; margin-bottom:-2px}
.service-process-move-con .right-line:after{top:auto; bottom:100%; }
.service-process-move-con .icon strong{bottom:100%; width:500px; margin-bottom:12px; margin-left:-200px; }
.service-process-move-con .icon strong span{display:block; color:#696969}

/* 愿�由ъ옄 */
.service-process-manage-con{position:absolute; right:0px; top:50%; width:200px; text-align:center; margin-top:-70px}
.service-process-manage-con .icon strong{width:100%;}

/* �ㅻ쭏�몄꽌鍮꾩뒪 :: �댁슜 (湲곕��④낵) */
.effect-list-con dt{position:relative; width:274px; height:76px; line-height:76px; text-align:center; margin:0px auto; background-color:#333; color:#fff; font-size:18px; letter-spacing:-0.75px; }
.effect-list-con dt:before{position:absolute; top:100%; left:50%; content:""; margin-top:-4px; margin-left:-4px; width:8px; height:8px; background-color:#e60044; border-radius:50%; z-index:1;}
.effect-list-con dd{padding-top:118px; background:url(/images/content/service_effect_line.jpg) no-repeat 50% 0; background-size:100% 118px }
.effect-list-con dd ul{margin:0 -1%;}
.effect-list-con dd li{float:left; position:relative; width:23%; margin:0 1%;}
.effect-list-con dd li:before{position:absolute; bottom:100%; left:50%; content:""; margin-bottom:-4px; margin-left:-4px; width:8px; height:8px; background-color:#e60044; border-radius:50%; z-index:1;}
.effect-list-con dd li .effect-detail-inner{border:1px solid #ddd; background-color:#f2f2f2;}
.effect-list-con dd li .table-layout{height:58px; border-bottom:1px solid #ddd; text-align:center;}
.effect-list-con dd li strong{display:block;  font-size:20px; font-weight:400; letter-spacing:-0.75px; color:#555;}
.effect-list-con dd li .effect-detail-con{height:158px; background-color:#fff; padding:22px 20px; }
.effect-list-con dd li .effect-detail-con p{position:relative; padding-left:10px; color:#777; font-size:14px; letter-spacing:-0.75px; line-height:22px; padding-bottom:13px; word-break:keep-all;}
.effect-list-con dd li .effect-detail-con p:before{content:"-"; position:absolute; top:0px; left:0px;}

@media all and (max-width:1120px){
	/* �ㅻ쭏�몄꽌鍮꾩뒪 :: �댁슜 */
	.hms-diagram{padding-top:48px;}
	.service-term-detail dd{font-size:14px; line-height:22px;}

	/* �ㅻ쭏�몄꽌鍮꾩뒪 :: �댁슜 (�좎�蹂댁닔) */
	.service-top-content .service-top-tit strong{font-size:20px; margin-bottom:5px;}
	.service-top-content .service-top-tit span{font-size:13px;}
	.service-manage-service-list li h5{font-size:18px;}
	.service-manage-con dl dt{font-size:16px; text-indent:0; padding:0 10px;}
	.service-manage-con dl dd p{font-size:14px; line-height:22px;}
	.service-manage-con dl dd p .sub-manage-txt{font-size:13px;}

	/* �ㅻ쭏�몄꽌鍮꾩뒪 :: �댁슜 (�섑뻾�덉감) */
	.service-team-con h5 strong{font-size:22px; padding-bottom:10px;}
	.service-team-con h5 span{font-size:14px; line-height:20px;}
	.service-team-con .service-team-list li dl dt{padding:20px 0 10px; font-size:13px;}
	.service-team-con .service-team-list li dl dd p{font-size:11px; line-height:13px;}
	.service-process-detail-con h5{font-size:18px; line-height:24px;}
	.service-process-detail-con .icon strong{font-size:13px; line-height:18px;}
	.service-process-manage-con{right:-20px;}

	/* �ㅻ쭏�몄꽌鍮꾩뒪 :: �댁슜 (湲곕��④낵) */
	.effect-list-con dd li strong{font-size: 16px; } 
	.effect-list-con dd li .effect-detail-con{height:181px; padding:15px 6px;}
	.effect-list-con dd li .effect-detail-con p{font-size:13px;}
}
@media all and (max-width:800px){
	/* �ㅻ쭏�몄꽌鍮꾩뒪 :: �댁슜 (�좎�蹂댁닔) */
	.service-top-content .service-top-tit{position:static;}
	.service-top-content .service-top-bg{height:400px; background-size:cover;}
	.service-top-inner-content{margin-top:-139px; left:0; right:0; text-align:center;}
	.service-top-inner-content dl{max-width:200px; display:inline-block; width:45%; margin:0 1%; vertical-align:top; background-color:rgba(255,255,255,0.9)}
	.service-top-inner-content dl.service-top-con1{margin-bottom:0;}
	.service-top-inner-content dl dt,
	.service-top-inner-content dl dd{font-size:14px; padding:15px 10px;}
	.service-top-inner-content dl dd{height:104px; line-height:26px}	
	.service-manage-service-list{margin:0}
	.service-manage-service-list li{float:none; width:100%; margin:0 0 20px 0}
	.service-manage-service-list li h5{font-size:17px; margin-bottom:15px;}
	.service-manage-service-list li h5:before{height:15px; width:3px;}
	.service-manage-con dl{margin-bottom:5px}
	.service-manage-con dl dt{height:40px; font-size:15px;background-color:#f2f2f2}
	.service-manage-con dl dd{padding:15px; background-color:#fff;}
	.service-manage-con dl.height1 dd,
	.service-manage-con dl.height2 dd{height:auto}
	.service-manage-con dl dd p{font-size:13px; line-height:20px;}
	.service-manage-con dl dd p .sub-manage-txt{font-size:12px;}
	
	/* �ㅻ쭏�몄꽌鍮꾩뒪 :: �댁슜 (�섑뻾�덉감) */
	.service-team-con{width:auto; height:auto; padding:40px 15px;; background-image:none;}
	.service-team-con h5 span{font-size:13px; line-height:18px;}
	.service-team-con .service-icon img{height:50px;}
	.service-team-con .service-team-list li dl dt{height:30px; line-height:18px;}
	.service-process-detail-con{position:relative; width:100%; height:300px;}
	.service-process-callcenter-con,.service-process-move-con{width:50px; left:30px; height:100%;}
	.service-process-manage-con{width:auto; top:auto; bottom:-20px; left:30px; right:30px;}
	.service-process-detail-con .icon{width:50px; height:50px; margin-left:0; position:relative; top:45%; left:-50%;}
	.service-process-move-con .icon{left:auto; right:-50%;}
	.service-process-manage-con .icon{left:50%; top:0px; margin-left:-25px;}
	.service-process-detail-con .icon img{width:50px; height:50px;}
	.service-process-move-con{left:auto; right:30px;}
	.service-process-detail-con .left-line{width:4px; height:100%; top:0px;}

	.service-process-move-con .left-line{left:auto; right:0}
	.service-process-detail-con .right-line{left:0; margin-left:0; width:100%;  height:4px; bottom:0; top:auto;}
	.service-process-detail-con .right-line:after, .service-process-detail-con .left-line:before{top:0px; width:14px; height:14px; left:-6px; margin-top:-7px}
	.service-process-detail-con .right-line:after{left:auto; right:-6px}
	.service-process-move-con .right-line:after{left:auto; right:auto; left:-6px;}
	.service-process-detail-con .middle-line{display:none;}
	.service-process-detail-con .icon strong{width:50px; text-align:left; bottom:100%; margin-bottom:0; padding:5px 0 10px; background-color:#fff}
	.service-process-move-con .icon strong{margin-left:0; left:auto; right:0; width:200px; text-align:right;}
	.service-process-manage-con .icon strong{width:200px; left:50%; margin-left:-100px;text-align:center;}

	/* �ㅻ쭏�몄꽌鍮꾩뒪 :: �댁슜 (湲곕��④낵) */
	.effect-list-con dt:before{display:none;}
	.effect-list-con dd{padding-top:15px; background:none;}
	.effect-list-con dd li{width:48%; margin-bottom:2%;}
	.effect-list-con dd li:before{display:none}
	.effect-list-con dd li .table-layout{height:38px;}
	.effect-list-con dd li strong{font-size:14px;}
	.effect-list-con dd li .effect-detail-con{height:120px;}
	.effect-list-con dd li .effect-detail-con p{font-size:12px; line-height:16px; padding-bottom:8px;}
}
@media all and (max-width:480px){
	
	/* �ㅻ쭏�몄꽌鍮꾩뒪 :: �댁슜 (�좎�蹂댁닔) */
	.service-top-content .service-top-bg{height:200px;}
	.service-top-inner-content{overflow:hidden; margin-top:0; position:static; border-bottom:1px solid #eee;}
	.service-top-inner-content dl{display:block; float:left; width:50%; max-width:none; margin:0; box-shadow:none; border-radius:0;}
	.service-top-content .service-top-tit{padding:20px 15px;}
	.service-top-content .service-top-tit strong{font-size:15px; line-height:20px;}
	.service-top-content .service-top-tit span{font-size:13px;}

	/* �ㅻ쭏�몄꽌鍮꾩뒪 :: �댁슜 (湲곕��④낵) */
	.effect-list-con dt{height:45px; line-height:45px; font-size:15px; width:100%;}
	.effect-list-con dd{padding-top:2%;}
	.effect-list-con dd ul{margin:0;}
	.effect-list-con dd li{float:none; width:100%; margin:0; margin-bottom:2%;}
	.effect-list-con dd li .effect-detail-con{height:auto;}
}

@media all and (max-width:800px){
	.ht-hms-service-con .title {font-size:15px; /*height: 50px; line-height:50px;*/line-height:20px;padding: 12px 30px;}
	.service-container > ul {flex-wrap:wrap;}
	.service-container > ul > li, .maintenance-page .service-container > ul > li {width: 100%; height: auto; margin-right: 0;}
	.service-container > ul > li .tit {font-size:14px;}
	.service-container .inner-box dt {font-size:14px;}
	.service-container .inner-box dd ul li {font-size:13px;}
	.service-container .inner-box dd ul li:last-of-type {font-size:13px;}
	.service-detail-box p {font-size:13px;}
	.ht-plus-con .service .con-tit-box {flex-wrap:wrap; margin-bottom: 30px;}
	.ht-plus-con .con-tit-box .tit {width: 100%; margin-right: 0;}
	.ht-plus-con .service .con-tit-box p {width: 100%; margin-top: 20px; font-size:14px;}
	.service-container .inner-box {display:flex;}
	.service-container .inner-box .box {width:calc((100% - 2%) / 2); margin-right:2%;}	
	.service-container .inner-box .box:first-of-type {
	padding-top:0;
	border-top:0;
	padding-bottom:0;}
	.service-container .inner-box .box:last-of-type{
		padding-bottom:0;
		padding-top:0;
		border-top:0;
		margin-right:0;
	}
	.service-container .inner-box .icon-box {margin-bottom: 10px;}
}

@media all and (max-width:480px){
	.service-container .inner-box {flex-wrap:wrap;}
	.service-container .inner-box .box {width: 100%; margin-right: 0;}
	.service-container .inner-box .box:last-of-type {margin-top: 40px;}
	.service-container > ul > li:last-child .inner-box .box {margin-top: 0;}
	.service-container > ul {flex-wrap:wrap;}
	.service-container > ul > li {width: 100%; margin-right: 0; height: auto;}
	.service-container > ul > li:not(:last-of-type) .inner-box .box:first-child {height: auto;}
}

/* ht post */
.ht-post-diagram {background: #f5f5f5; text-align: center; padding: 3.4723% 0 3.7879%;}
.ht-post-diagram img {margin-right: 50px; max-width:100%;}
.ht-post-diagram img:last-child {margin-right: 0;}
.ht-post-process {display:flex; margin-top:30px;}
.ht-post-process dl {width:33.333%; margin-right: 27px;}
/*.ht-post-process dl:first-of-type {width: 66.098%; margin-right: 27px;}*/
.ht-post-process dl:last-of-type {/*width: calc(100% - (66.098% + 27px));*/width: 33.333%;}
.ht-post-process dl dt {background: #666; height: 45px; color: #fff; font-size:18px; letter-spacing:-0.075em; font-weight: 500; text-align:center; line-height:45px;}
.ht-post-process dl:first-of-type dt {background: rgba(102,102,102,0.84);}
.ht-post-process dl:last-of-type dt {background: rgba(102,102,102,0.74);}
.ht-post-process dd {position: relative; /*display:flex;*/ border:1px dashed #666; border-top:0;font-family: 'NanumSquare', sans-serif;}
.ht-post-process dd > div {position: relative; /*width: 50%;*/ padding: 20px 20px; box-sizing: border-box; min-height:410px; /*display: flex; align-items:center;*/ text-align:center;}
.ht-post-process dd > div:after { display: none; content: ""; width: 1px;height: 60px; background: #eaeaea; position: absolute; right: 0;}
.ht-post-process dd > div:last-child:after {display:none;}
.ht-post-process .icon-box {margin-right: 35px; width: 13.966%;}
.ht-post-process .icon-box span {display: block; position: relative; width: 100%; height: 0; /*padding-top: 101.7%;*/ padding-top:41.7%;}
.ht-post-process .tit-box .tit {font-size:18px; letter-spacing:-0.075em; color: #000; font-weight:600; line-height:1.444em; text-align:center; padding-bottom:10px; display:block;}
.ht-post-process .tit-box .txt {font-size:15px; letter-spacing:-0.1em; color: rgba(0,0,0,0.8); margin-top:10px; text-align:left; line-height:1.3;}
.ht-post-process .tit-box .txt.star_txt {color:#f72900;}
.ht-post-process dl:last-of-type dd > div {width: 100%;}
.ht-post-process .connection {display:flex; align-items:center; justify-content:center; width: 100px; height: 32px; background:#ffffff; border:1px solid #58ad1f; border-radius:16px; color: #222222; font-size:14px; letter-spacing:-0.075em; /*line-height:1.25;*/ position: absolute; top:85px; transform: translateY(-50%); right: 38px; z-index: 10;}
.ht-post-process .connection .line {display:inline-block; width: 100px; background: #58ad1f; height: 1px; position:absolute;}
.ht-post-process .connection .line:first-of-type {left: -100px;}
.ht-post-process .connection .line:first-of-type:before {display: none; content:""; width: 5px; height: 5px; background: #ddd; border-radius:100%; position:absolute; left:0; top: -2px;}
.ht-post-process .connection .line:last-of-type {right: -100px;}
.ht-post-process .connection .line:last-of-type:after {display: block; content:""; width:0px; height:0px; /*background: #ddd; border-radius:100%;*/ position:absolute; right:0; top: -3px; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:6px solid #58ad1f;}
.ht-post-service-container {/*margin-top: 100px;*/ margin-top:20px; padding-bottom:40px;}
.ht-post-service-container .bg, .ht-storage-service-container .bg, .ht-pass-service-container .bg {display:inline-block; width: 100%; background: url(../images/content/ht_post_service_bg.png) no-repeat; background-size:cover; height: 384px; text-align:center; border-radius:192px; background-position:center;}
.ht-post-service-container .tit-box , .ht-storage-service-container .tit-box, .ht-pass-service-container .tit-box {padding-top: 95px;}
.ht-post-service-container .tit-box.tit_txt {padding-top:0px;}
.ht-post-service-container .tit-box strong, .ht-storage-service-container .tit-box strong, .ht-pass-service-container .tit-box strong {font-size:34px; letter-spacing:-0.075em; color: #000; font-weight: 700;}
.ht-post-service-container .tit-box .sub_tit { font-size:26px;}
.ht-post-service-container .tit-box .sub_tit .highlight { color:#1d8578; font-weight:600;}
.ht-post-service-container .tit-box strong .highlight, .ht-storage-service-container .tit-box strong .highlight, .ht-pass-service-container .tit-box strong .highlight {color:#1d8578;}
.ht-post-service-container .tit-box p, .ht-storage-service-container .tit-box p, .ht-pass-service-container .tit-box p {font-size:18px; letter-spacing:-0.075em; color: #666; line-height:1.666em; margin-top: 20px;}
.maintenance-page .ht-post-service-table {margin-bottom: 60px;}
.ht-post-service-img-box {text-align:center; position: relative; /*top: -120px;*/ padding: 0 50px;}
.ht-post-service-img-box img {max-width:100%;}
.ht-post-service-table {width: 100%; border-top:2px solid #000; /*margin-bottom: 100px;*/}
.ht-post-service-table .type {background: #eee;}
.ht-post-service-table tr {border-bottom:1px solid #ddd;}
.ht-post-service-table td, .ht-post-service-table th {height: 50px; text-align:center; font-size:16px; letter-spacing:-0.075em; color: #666; line-height:1.25; border-right:1px solid #ddd;font-family: 'NanumSquare', sans-serif;}
.ht-post-service-table td:last-of-type, .ht-post-service-table th:last-of-type {border-right:0;}
.ht-post-service-table th.nolast {border-right:1px solid #ddd !important;}
.ht-post-service-table tr:first-of-type td:nth-child(3) {border-right:0;}
.ht-post-service-table .xi-check-circle.check {color: var(--main-color);}
.ht-post-service-table .xi-close-circle {color: #ccc;}
.maintenance-page #htTab02 #content03 {background: #f5f5f5; text-align:center; padding: 120px 0;}
.maintenance-page #htTab02 #content03 .diagram {padding: 0 30px;}
.maintenance-page #htTab02 #content04 {padding-top: 110px;}
#htTab02 #content04 .tit-box {display:flex; align-items:center; justify-content:space-between; padding-bottom:25px;}
#htTab02 #content04 .tit-box strong {font-size:34px; letter-spacing:-0.075em; color: #000; line-height:1.2; font-weight: 700;} 
#htTab02 #content04 .tit-box em {font-size:16px; letter-spacing:-0.075em; color: #888;}
.tb-container {display:flex;}
.tb-container table {width: 50%; border-top:2px solid #000;}
.tb-container table tr {height: 50px; border-bottom:1px solid #ddd;}
.tb-container table tr td:first-child {background: #eee; text-align:center; font-size:16px; letter-spacing:-0.075em; line-height:1.25; color: #333; padding: 0 15px; box-sizing:border-box;}
.tb-container table tr td:last-child {font-size:16px; letter-spacing:-0.075em; color: #666; padding-left: 20px;}

/* business-service-page */
.business-service-page .ht-post-process .icon-box {width:100%; text-align:center;}
.business-service-page .ht-post-process .icon-box img { width:30%;}
.business-service-page .ht-post-process .connection {right: -65px;}
.business-service-page .ht-post-process .connection .line {width: 40%;}
.business-service-page .ht-post-process .connection .line:first-of-type {left: -40%;}
.business-service-page .ht-post-process .connection .line:last-of-type {right: -40%;}
.business-service-page .ht-post-service-container .bg {background: url(/images/content/ht_post_service_bg_w.png); background-size:cover; background-position:center;} 
.business-service-page #htTab02 #content03 .diagram {margin-bottom: 50px;}

.business-service-page .all_cargo { padding-top:95px; color:#000000;}
.business-service-page .all_cargo .a_c_tit {}
.business-service-page .all_cargo .a_c_tit strong { font-size:18px;}


@media all and (max-width:1700px){
	.ht-post-process .connection {right: -2%;}
	.ht-post-process .connection .line {width: 50%;}
	.ht-post-process .connection .line:first-of-type {left: -50%;}
	.ht-post-process .connection .line:last-of-type {right: -50%;}
}

@media all and (max-width:1280px){
	.ht-post-diagram {padding: 3.4723% 5% 3.7879%;}
	.ht-post-process {flex-direction:column;}
	.ht-post-process dl:first-of-type {width: 100%; margin-right: 0; margin-bottom:100px;}
	.ht-post-process dl:last-of-type {width: 100%; margin-top:100px;}
	.ht-post-process dl {width:100%; margin-right: 27px;}
	.ht-post-process .connection {right: initial; left: 50%; transform: translateX(-50%) translateY(-50%); /*top: 90%;*/top:100%; margin-top:50px}
	.ht-post-process .connection .line {width: 27%;}
	.ht-post-process .connection .line:first-of-type {transform: rotate(90deg); top: -10px; left: 35%;}
	.ht-post-process .connection .line:last-of-type {right: 38%; transform: rotate(90deg); bottom: -10px;}

	/* business-service-page */ 
	.business-service-page .ht-post-process .connection .line:first-of-type {left: 36%; width: 30%; top:-15px;}
	.business-service-page .ht-post-process .connection .line:last-of-type {right: 34%; width: 30%; bottom:-15px;}
}

@media all and (max-width:800px){
	/* ht post */
	.ht-post-diagram img {margin-right: 0;}
	.tb-container {flex-direction:column;}
	.tb-container table {width: 100%;}
	.ht-post-process {margin-top: 50px;}
	.ht-post-process dd {flex-wrap:wrap;}
	.ht-post-process dd > div {width: 100%; height: auto; padding:10px 10px 25px; min-height:inherit;}
	.ht-post-process .tit-box .tit {font-size:16px;font-family: "나눔고딕", NanumGothic, "Nanum Gothic", sans-serif;}
	.ht-post-process .tit-box .txt {font-size:14px;font-family: "나눔고딕", NanumGothic, "Nanum Gothic", sans-serif;}
	.business-service-page .ht-post-process .icon-box {/*width: 59px;*/width:70%; margin:0 auto}
	.ht-post-service-container {margin-top: 50px;}
	.ht-post-service-container .tit-box, .ht-storage-service-container .tit-box, .ht-pass-service-container .tit-box {margin-top:0; /* padding-top: 47.5px; */ padding:47.5px 20px 0;}
	/* .ht-post-service-container .tit-box {padding:47.5px 20px 0;} */
	.ht-post-service-container .tit-box strong, .ht-storage-service-container .tit-box strong, .ht-pass-service-container .tit-box strong {font-size:22px; line-height:1.5em;}
	.ht-post-service-container .tit-box strong {line-height:1.25;}
	.ht-post-service-container .tit-box p, .ht-storage-service-container .tit-box p, .ht-pass-service-container .tit-box p {font-size:14px;}
	.ht-post-service-table colgroup col:first-child {width: 25%;}
	.maintenance-page #htTab02 #content03 {padding: 60px 0;}
	.maintenance-page #htTab02 #content04 {padding-top:55px;}
	#htTab02 #content04 .tit-box {flex-direction:column; align-items:flex-start;}
	#htTab02 #content04 .tit-box strong {font-size:22px;}
	#htTab02 #content04 .tit-box em {margin-top: 10px;}
	.tb-container table tr td:first-child {font-size:14px;}
	.tb-container table tr td:last-child {font-size:14px;}
	.ht-post-service-img-box {padding:0 20px; position:static; margin-top: 40px;}
	.ht-post-service-table {margin-top: 50px; margin-bottom: 50px;}
	.ht-post-service-table td, .ht-post-service-table th {font-size:13px;}
	.business-service-page #htTab02 #content03 .diagram {padding: 0 20px;}

	/* business-service-page */ 
	.ht-post-process .connection {top: 100%;}
	.business-service-page .ht-post-process .connection .line:first-of-type {left: 41%;
        width: 20%;
        top: -10px;}
	.business-service-page .ht-post-process .connection .line:last-of-type {        right: 38%;
        width: 20%;
        bottom: -10px;}
}


/* ht storage */
.ht-storage .diagram {background: #f5f5f5; text-align:center;}
.ht-storage .diagram img {max-width:100%;}
.ht-storage #content01 .diagram {padding:78px 20px;}
.ht-storage #content02 {margin-top: 95px;}
.ht-storage #content02 .tit-box {text-align:center; margin-bottom: 55px;}
.ht-storage #content02 .tit-box strong {font-size:34px; letter-spacing:-0.075em; color: #000; font-weight: 700; line-height:1.25;}
.ht-storage-list {display:flex;}
.ht-storage-list li {width: 25%; border-right:1px solid #eaeaea; padding:0 50px; box-sizing:border-box;}
.ht-storage-list li:last-of-type {border-right:0;}
.ht-storage-list .list-txt-box {margin-top: 45px;}
.ht-storage-list .icon-box {width: 60px;}
.ht-storage-list .icon-box span {display: block; position: relative; height: 0; padding-top: 98.34%; width: 100%;}
.ht-storage-list .tit {display:flex; flex-direction:column;}
.ht-storage-list .tit strong {font-size:20px; letter-spacing:-0.075em; color: #000; font-weight: 500; line-height:1.5em; margin-top: 10px;}
.ht-storage-list .num {font-size:20px; letter-spacing:-0.075em; color:var(--main-color); font-weight: 600; font-style:italic;}
.ht-storage-list .list-txt {font-size:16px; letter-spacing:-0.075em; color: #666; line-height:1.625em; margin-top: 20px;}
.ht-storage #content03 {margin-top: 100px;}
.ht-storage-service-img-box {text-align: center; position: relative; top: -120px;}
.ht-storage-service-img-box img {max-width:100%;}

/* service */
.business-service-page .ht-storage-list .icon-box {margin: 0 auto;}
.business-service-page .ht-storage-list .tit {text-align:center;}
.business-service-page .ht-storage-service-container .bg {background: url(../images/content/ht_post_service_bg_w.png) no-repeat; background-size: cover;     background-position: center;}


@media all and (max-width:800px){
	.ht-storage #content02 {margin-top: 47.5px;}
	.ht-storage #content02 .tit-box strong {font-size:22px;}
	.ht-storage #content02 .tit-box {margin-bottom: 27.5px;}
	.ht-storage #content01 .diagram {padding: 39px 20px;}
	.ht-storage-list {flex-wrap:wrap;}
	.ht-storage-list li {width: 100%; padding: 0; padding: 20px 0; text-align:center; border-right:0; border-bottom:1px solid #eaeaea;} 
	.ht-storage-list .icon-box {margin: 0 auto;}
	.ht-storage-list .list-txt-box {margin-top: 20px;}
	.ht-storage-list .tit strong {font-size:15px;}
	.ht-storage-list .list-txt {font-size:14px; margin-top: 10px;}
	.ht-storage #content03 {margin-top: 50px;}
	.ht-post-service-container .bg, .ht-storage-service-container .bg, .ht-pass-service-container .bg {/*height:auto;*/height:280px;}
	.ht-storage-service-img-box {top: 20px;}
	.maintenance-page .ht-storage-service-img-box {margin-bottom: 60px;}
}

/* ht-pass */
.one-pass-container {background: #f5f5f5; text-align: center; padding: 75px 0 35px;}
.one-pass-container .tit-box strong {font-size:25px; letter-spacing:-0.075em; color: #222;}
.one-pass-container .tit-box strong .highlight {color: var(--main-color);}
.one-pass-container .tit-box p {font-size:18px; letter-spacing:-0.075em; color: #000; margin-top: 15px;}
.one-pass-container .img-box {position: relative; top: -20px; padding: 0 20px;}
.one-pass-container .img-box img {max-width:100%;}
#htTab04 #content02 {padding: 90px 0 100px;}
#htTab04 #content02 .tit-box {text-align:center;}
#htTab04 #content02 .tit-box strong {font-size:34px; letter-spacing:-0.075em; color: #000; font-weight: 700;}
.ht-pass-list {display:flex; margin-top:150px;}
.ht-pass-list li {width: 25%; text-align:center; border-right:1px solid #eaeaea; padding: 0 20px; box-sizing: border-box;}
.ht-pass-list li:last-of-type {border-right:0;}
.ht-pass-list .tit {display:flex; flex-direction:column;}
.ht-pass-list .list-tit {font-size:20px; letter-spacing:-0.075em; color: #000; font-weight: 600; margin-top: 13px;}
.ht-pass-list .icon-box {/*width: 62px;*/width:100%; /*margin: 0 auto 45px;*/margin: 0 auto 20px;}
.ht-pass-list .icon-box span {display: block; position: relative; height: 0; /*padding-top: 80%; width: 96.78%;*/padding-top:30%; width:100%;}
.ht-pass-list .num {font-size:20px; color:#1d8578; font-weight: 600; letter-spacing:-0.075em; line-height:1.25; /*font-style:italic;*/}
.ht-pass-list .list-txt {font-size:16px; letter-spacing:-0.075em; color: #666; line-height:1.4em; margin-top: 10px; padding:0 30px;}
.ht-pass-img-box {text-align:center; position: relative; top:-120px;}
.ht-pass-img-box img {max-width:100%;}
.maintenance-page #htTab04 #content04 {margin-bottom: 60px;}
#htTab04 #content04 .tit-box {padding-bottom:28px;}
#htTab04 #content04 .tit-box strong {font-size:34px; letter-spacing:-0.075em; color: #000; font-weight: 700; }
.bluetooth-container {display:flex;}
.bluetooth-container > * {width: calc((100% - 40px) / 2); margin-right: 40px;}
.bluetooth-container .detail-box {border-top:2px solid #000; background: #eee; padding: 50px; box-sizing: border-box;}
.bluetooth-container .detail-box p {font-size:16px; letter-spacing:-0.075em; color: #666; line-height:2.06em;}
.bluetooth-container .detail-box p > span {color: var(--main-color);}
.bluetooth-container table {margin-right: 0; border-top:2px solid #000;}
.bluetooth-container table tr {height: 50px; border-bottom:1px solid #ddd;}
.bluetooth-container table tr td:first-of-type {background: #eee; text-align:center; font-size:16px; letter-spacing:-0.075em; color: #333;}
.bluetooth-container table tr td:last-of-type {font-size:16px; color: #666; letter-spacing:-0.075em; padding-left:30px;}

@media all and (max-width:800px){
	.ht-pass-list {flex-wrap:wrap; margin-top: 22.5px;}
	.ht-pass-list li {width: calc((100% - 10px) / 2); margin: 0 10px 0 0; border-right:0; padding: 20px 0; border-bottom:1px solid #eaeaea;}
	.ht-pass-list li:nth-of-type(even) {margin-right: 0;}
	#htTab04 #content02 {padding: 45px 0 50px;}
	#htTab04 #content02 .tit-box strong {font-size:22px;}

	#htTab04 #content04 .tit-box {margin-top: 40px;}
	#htTab04 #content04 .tit-box strong {font-size:22px;}
	.bluetooth-container {flex-wrap:wrap;}
	.bluetooth-container > * {width: 100%; margin-right: 0;}
	.bluetooth-container .detail-box {padding: 25px;}
	.bluetooth-container .detail-box p {font-size:14px;}
	.bluetooth-container table {margin-top: 30px;}
	.bluetooth-container table tr td:first-of-type, .bluetooth-container table tr td:last-of-type {font-size:14px;}
	.ht-pass-img-box {position:static; margin-top: 30px;}
	
}

/* �먮룞臾� �쒖뼱 �쒖뒪�� */
#tabConM02 {padding-bottom:60px;}
.con.auto {border-top: 1px solid #ddd; margin-top: 0; padding-top: 95px; padding-bottom:55px;}
.auto-diagram-box .arrow {margin: 50px auto; text-align: center;}
.auto-door-container .con-tit-box .tit {width: calc(33.334% - 40px); margin-right: 40px;}
.auto-door-list {display:flex;}
.auto-door-list li {width: calc(100% / 6); text-align: center; border-right: 1px solid #eaeaea; box-sizing: border-box; padding: 0 5px;}
.auto-door-list li:last-child {border-right:0;}
.auto-door-list li p {font-size:16px; letter-spacing:-0.075em; color: #000; font-weight: 700; line-height:1.625em; margin-top: 28px;}
.auto-door-list li .icon-box {width: 33.34%; margin: 0 auto;}
.auto-door-list li .icon-box span {display: block; width: 100%; position: relative; height: 0; padding-top:95.24%;}
.maintenance-page .auto-door-container .auto-diagram-box .diagram {background: #f5f5f5; text-align: center; padding: 80px 0;}

@media all and (max-width:800px){
	#tabConM02 {padding-bottom:45px;}
	.con.auto {padding-top: 47.5px; padding-bottom:0;}
	.auto-door-list {flex-wrap:wrap; margin-top: -20px;}
	.auto-door-list li {width: calc(100% / 3); margin-top: 20px;}
	.auto-door-list li p {font-size:13px;}
	.auto-door-container .con-tit-box {flex-wrap:wrap; margin-bottom: 30px;}
	.auto-door-container .con-tit-box .tit {width: 100%; margin-right: 0;}
	.auto-door-container .con-tit-box p {width: 100%; margin-top: 15px;}
	.ht-plus-con .con-tit-box strong, .auto-door-container .con-tit-box strong {font-size:28px;}
	.ht-plus-con .service .con-tit-box p, .auto-door-container .con-tit-box p {font-size:14px;}
}

@media all and (max-width:480px){
	.auto-door-list li {width:calc((100% - 10px) / 2); border-bottom: 1px solid #ddd;
        margin-right: 10px; border-right:0; padding: 20px 0; margin-top: 0;}
	.auto-door-list li:nth-of-type(even) {margin-right: 0;}
}

/* 硫붿씪諛뺤뒪 怨듯넻 �ㅽ��� */
.mail-box {height: 100px; text-align:center; padding-bottom: 125px;}
.maintenance-page .mail-box {padding-bottom: 25px;}
.mail-container {display: flex; align-items: center; justify-content: center; border:1px solid #ddd; height: 100%;}
.mail-container strong {position: relative; display:inline-block; font-size:34px; letter-spacing:-0.075em; color: #222; line-height:1.7647em; padding-right: 35px;}
.mail-container strong:after {display: block; content:""; position:absolute; right: 0; top: 50%; transform:translateY(-50%); width: 2px; height: 32px; background: rgba(0,0,0,0.3);}
.mail-container a {padding-left: 33px; font-size:18px; color: #222; font-weight: 500;}
.mail-container a i {margin-right: 8px;}

@media all and (max-width:800px){
	.mail-container strong {font-size:22px; padding-right: 17.5px;}
	.mail-container a {font-size:14px; padding-left: 16.5px;}
}

@media all and (max-width:480px){
	.mail-container {flex-direction:column; }
	.mail-container strong {padding-right:0;}
	.mail-container strong:after {display:none;}
	.mail-container a {padding-left: 0; padding-top: 10px;}
}